/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./main.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
@layer reset, defaults, deprecated, vendor, patterns, layout, components, utilities, pages, overrides, unverified;
@layer vendor.fonts {
  @import '@fontsource/inter/400.css';
  @import '@fontsource/inter/600.css';
  @import '@fontsource/inter/700.css';
  @import "@fontsource/roboto/300.css";
  @import "@fontsource/roboto/400.css";
  @import "@fontsource/roboto/500.css";
  @import "@fontsource/roboto/700.css";
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-Thin.woff2) format("woff2");
    font-weight: 100;
    font-style: normal;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-ThinItalic.woff2) format("woff2");
    font-weight: 100;
    font-style: italic;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-LightItalic.woff2) format("woff2");
    font-weight: 300;
    font-style: italic;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-Italic.woff2) format("woff2");
    font-weight: 400;
    font-style: italic;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-Semibold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-SemiboldItalic.woff2) format("woff2");
    font-weight: 600;
    font-style: italic;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-BoldItalic.woff2) format("woff2");
    font-weight: 700;
    font-style: italic;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-Black.woff2) format("woff2");
    font-weight: 900;
    font-style: normal;
  }
  @font-face {
    font-family: "RF Rufo";
    src: url(.././fonts/RFRufo-BlackItalic.woff2) format("woff2");
    font-weight: 900;
    font-style: italic;
  }
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/vars.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
:root {
  --base-white: #fff;
  --base-black: #000;
  --neutral-25: #fcfcfd;
  --neutral-50: #fafbfc;
  --neutral-100: #f8f9fb;
  --neutral-200: #f9f9f9;
  --neutral-300: #f7f7f8;
  --neutral-400: #f5f5f5;
  --neutral-500: #efeff1;
  --neutral-600: #eaebf0;
  --neutral-700: #e5e5e7;
  --neutral-800: #c1c3c7;
  --neutral-900: #a1a4ac;
  --neutral-950: #9599a1;
  --gray-25: #979aa0;
  --gray-50: #858c95;
  --gray-100: #596574;
  --gray-200: #525d6a;
  --gray-300: #4c5560;
  --gray-400: #454d56;
  --gray-500: #3f454d;
  --gray-600: #383d43;
  --gray-700: #323539;
  --gray-800: #2b2d2f;
  --gray-900: #252525;
  --gray-950: #181818;
  --primary-25: #fffefb;
  --primary-50: #fffbf0;
  --primary-100: #fff9e6;
  --primary-200: #fff3cc;
  --primary-300: #fee79a;
  --primary-400: #fedb67;
  --primary-500: #fdcf35;
  --primary-600: #fdc305;
  --primary-700: #fbad01;
  --primary-800: #da8300;
  --primary-900: #b56c00;
  --primary-950: #955901;
  --danger-25: #fdfcfc;
  --danger-50: #ffefee;
  --danger-100: #fddddc;
  --danger-200: #fea19b;
  --danger-300: #fe827b;
  --danger-400: #ff645a;
  --danger-500: #ff453a;
  --danger-600: #e33b32;
  --danger-700: #c8322b;
  --danger-800: #901f1b;
  --danger-900: #751614;
  --danger-950: #590c0c;
  --success-25: #f8fbf8;
  --success-50: #f3fff6;
  --success-100: #b1eeb9;
  --success-200: #91e99e;
  --success-300: #71e382;
  --success-400: #52dd67;
  --success-500: #32d74b;
  --success-600: #2ebf43;
  --success-700: #2aa63c;
  --success-800: #268e34;
  --success-900: #22762c;
  --success-950: #0d3510;
  --warning-25: #fbfaf8;
  --warning-50: #fffaf2;
  --warning-100: #ffe4c0;
  --warning-200: #ffdda1;
  --warning-300: #ffd08a;
  --warning-400: #ffc772;
  --warning-500: #ffae43;
  --warning-600: #eea23e;
  --warning-700: #d78100;
  --warning-800: #a15c00;
  --warning-900: #6b3d00;
  --warning-950: #4d2c00;
  --purple-25: #f9f8fb;
  --purple-50: #ecebff;
  --purple-100: #c7c4fd;
  --purple-200: #aba7fd;
  --purple-300: #8f89fc;
  --purple-400: #736cfb;
  --purple-500: #5d55f6;
  --purple-600: #574efa;
  --purple-700: #463ee3;
  --purple-800: #352dc8;
  --purple-900: #33059f;
  --purple-950: #1b0354;
  --metro-orange: #f58220;
  --metro-green: #2dbe2c;
  --metro-red: #ef161e;
  --metro-brown: #81442b;
  --metro-blue: #0077bf;
  --metro-oliv: #abd036;
  --background-light-base-main: var(--base-white);
  --background-light-base-second: var(--neutral-100);
  --background-light-primary-main: var(--primary-600);
  --background-light-danger-main: var(--danger-600);
  --background-light-purple-main: var(--purple-600);
  --background-light-primary-second: var(--primary-50);
  --background-light-warning-second: var(--warning-50);
  --background-light-success-second: var(--success-50);
  --background-light-purple-second: var(--purple-50);
  --background-light-danger-second: var(--danger-50);
  --text-icons-light-base-main: var(--gray-700);
  --text-icons-light-base-second: var(--gray-50);
  --text-icons-light-on-color: var(--base-white);
  --text-icons-light-disabled: var(--neutral-700);
  --text-icons-light-primary: var(--primary-700);
  --text-icons-light-success: var(--success-700);
  --text-icons-light-danger: var(--danger-700);
  --text-icons-light-warning: var(--warning-600);
  --text-icons-light-purple: var(--purple-700);
  --stroke-light-base: var(--neutral-700);
  --stroke-light-primary: var(--primary-700);
  --stroke-light-danger: var(--danger-700);
  --stroke-light-purple: var(--purple-700);
  --background-dark-base-main: var(--gray-950);
  --background-dark-base-second: var(--gray-900);
  --background-dark-primary-main: var(--primary-600);
  --background-dark-primary-second: var(--gray-800);
  --background-dark-success-main: var(--success-600);
  --background-dark-danger-main: var(--danger-600);
  --background-dark-warning-main: var(--warning-600);
  --background-dark-purple-main: var(--purple-600);
  --text-icons-dark-base-main: var(--gray-700);
  --text-icons-dark-base-second: var(--gray-25);
  --text-icons-dark-on-color: var(--base-white);
  --text-icons-dark-disabled: var(--gray-200);
  --text-icons-dark-primary: var(--primary-600);
  --text-icons-dark-success: var(--success-600);
  --text-icons-dark-danger: var(--danger-600);
  --text-icons-dark-warning: var(--warning-600);
  --stroke-dark-base: var(--gray-700);
  --stroke-dark-primary: var(--primary-600);
  --stroke-dark-danger: var(--danger-600);
  --background-light-disabled: var(--neutral-700);
  --background-dark-base-third: var(--gray-800);
  --focused-light-gray-box-shadow: 0px 0px 0px 3px rgba(239, 241, 243, 1);
  --focused-primary-box-shadow: 0px 0px 0px 3px rgba(255, 243, 204, 1);
  --focused-danger-box-shadow: 0px 0px 0px 3px rgba(253, 221, 220, 1);
  --focused-warning-box-shadow: 0px 0px 0px 3px rgba(255, 228, 192, 1);
  --focused-success-box-shadow: 0px 0px 0px 3px rgba(177, 238, 185, 1);
  --focused-purple-box-shadow: 0px 0px 0px 3px rgba(199, 196, 253, 1);
  --focused-dark-gray-box-shadow: 0px 0px 0px 3px rgba(69, 77, 86, 1);
}

:root,
[data-theme=light] {
  --bg-base: var(--base-white);
  --bg-base-subtle: var(--neutral-100);
  --bg-primary: var(--primary-600);
  --bg-primary-subtle: var(--primary-50);
  --bg-warning: var(--warning-600);
  --bg-warning-subtle: var(--warning-50);
  --bg-success: var(--success-600);
  --bg-success-subtle: var(--success-50);
  --bg-danger: var(--danger-600);
  --bg-danger-subtle: var(--danger-50);
  --bg-purple: var(--purple-600);
  --bg-purple-subtle: var(--purple-50);
  --text-base: var(--gray-700);
  --text-muted: var(--gray-50);
  --text-disabled: var(--neutral-700);
  --text-primary: var(--primary-700);
  --text-success: var(--success-700);
  --text-danger: var(--danger-700);
  --text-warning: var(--warning-600);
  --text-purple: var(--purple-700);
  --stroke-base: var(--neutral-700);
  --stroke-primary: var(--primary-700);
  --stroke-danger: var(--danger-700);
  --stroke-purple: var(--purple-700);
  --focused-gray-box-shadow: 0 0 0 3px rgba(239, 241, 243, 1);
  --bg-social: var(--bg-base);
  --bg-social-active: var(--bg-base-subtle);
  --btn-primary-box-shadow: var(--focused-primary-box-shadow);
}

[data-theme=dark] {
  --bg-base: var(--gray-950);
  --bg-base-subtle: var(--gray-900);
  --bg-primary: var(--primary-600);
  --bg-primary-subtle: var(--gray-800);
  --bg-warning: var(--warning-600);
  --bg-success: var(--success-600);
  --bg-danger: var(--danger-600);
  --bg-purple: var(--purple-600);
  --text-base: var(--base-white);
  --text-muted: var(--gray-25);
  --text-disabled: var(--gray-200);
  --text-primary: var(--primary-600);
  --text-success: var(--success-600);
  --text-danger: var(--danger-600);
  --text-warning: var(--warning-600);
  --stroke-base: var(--gray-700);
  --stroke-primary: var(--primary-600);
  --stroke-danger: var(--danger-600);
  --focused-gray-box-shadow: 0 0 0 3px rgba(69, 77, 86, 1);
  --bg-social: var(--bg-base-subtle);
  --bg-social-active: var(--bg-base);
  --btn-primary-box-shadow: var(--focused-dark-gray-box-shadow);
}

:root {
  --color-primary-main: #fdc305;
  --scrollbar-color: var(--Gray-50);
  --header-link-hover-color: var(--Gray-50);
  --Gradient-Overlay-Selected-Gray: rgba(116, 122, 139, 0.15);
  --Gray-50: #858c95;
  --text-and-icons-light-base-main: #323539;
}

/* Figma Styles of your File */
:root {
  /* Colors */
  --documentation-bg: linear-gradient(to left, #f8f9fb, #f8f9fb);
  --background: #f6f6f4;
  --landcover: rgba(227, 227, 227, 0.03);
  --national-park: rgba(236, 238, 237, 0.5);
  --landuse: #eceeed;
  --water-shadow: #b5bebf;
  --water: #cad2d3;
  --road-secondary-tertiary-case: #e8edeb;
  --road-primary-case: #e8edeb;
  --road-motorway-trunk-case: #e8edeb;
  --road-secondary-tertiary: #fff;
  --road-primary: #fff;
  --road-motorway-trunk: #fff;
  --admin-1-boundary-bg: rgba(214, 214, 214, 0);
  --admin-1-boundary: #b8b8b8;
  --settlement-label: #8c8c8c;
  --admin-0-boundary-bg: rgba(214, 214, 214, 0.5);
  --admin-0-boundary: #9e9e9e;
  --country-label: #6b6b6b;
  --gradient-display-icon: linear-gradient(180deg, rgba(76, 165, 248, 1) 0%, rgba(10, 119, 255, 1) 100%);
  --gradient-display-white: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 251, 255, 1) 100%);
  --gradient-display: linear-gradient(180deg, rgba(65, 148, 252, 1) 0%, rgba(10, 119, 255, 1) 100%);
  --gradient-primary-liniar-100-greater-400-90-deg: linear-gradient(90deg, rgba(178, 204, 255, 1) 0%, rgba(82, 139, 255, 1) 100%);
  --gradient-primary-liniar-800-greater-400-45-deg: linear-gradient(25deg, rgba(0, 64, 193, 1) 0%, rgba(82, 139, 255, 1) 100%);
  --gradient-primary-liniar-900-greater-600-25-deg: linear-gradient(45deg, rgba(8, 72, 175, 1) 0%, rgba(57, 113, 231, 1) 100%);
  --gradient-primary-liniar-soft-base: linear-gradient(225deg, rgba(178, 204, 255, 1) 0%, rgba(16, 88, 232, 1) 100%);
  --gradient-primary-liniar-decorative-base: linear-gradient(225deg, rgba(0, 70, 209, 1) 0%, rgba(164, 138, 251, 1) 100%);
  --gradient-primary-liniar-line: radial-gradient(closest-side, rgba(100, 142, 247, 0.14) 0%, rgba(57, 113, 231, 1) 96.70136570930481%),
  linear-gradient(73.21deg, rgba(57, 113, 231, 1) 4.407518357038498%, rgba(100, 142, 247, 1) 5.251812189817429%, rgba(57, 113, 231, 1) 21.21260166168213%, rgba(100, 142, 247, 1) 23.660212755203247%, rgba(57, 113, 231, 1) 42.57374107837677%, rgba(100, 142, 247, 1) 43.34603250026703%, rgba(57, 113, 231, 1) 60.920751094818115%, rgba(100, 142, 247, 1) 62.064409255981445%, rgba(57, 113, 231, 1) 81.94359540939331%, rgba(100, 142, 247, 1) 82.63886570930481%, rgba(57, 113, 231, 1) 100%);
  --gradient-primary-liniar-liniar-white: radial-gradient(closest-side, rgba(245, 248, 254, 0.14) 0%, rgba(255, 255, 255, 1) 96.70136570930481%),
  linear-gradient(73.21deg, rgba(255, 255, 255, 1) 4.407518357038498%, rgba(245, 248, 254, 1) 5.251812189817429%, rgba(255, 255, 255, 1) 21.21260166168213%, rgba(245, 248, 254, 1) 23.660212755203247%, rgba(255, 255, 255, 1) 42.57374107837677%, rgba(245, 248, 254, 1) 43.34603250026703%, rgba(255, 255, 255, 1) 60.920751094818115%, rgba(245, 248, 254, 1) 62.064409255981445%, rgba(255, 255, 255, 1) 81.94359540939331%, rgba(245, 248, 254, 1) 82.63886570930481%, rgba(255, 255, 255, 1) 100%);
  --gradient-primary-angular-25-greater-900: conic-gradient(from 258.03deg at 50% 50%, rgba(245, 248, 255, 1) 0%, rgba(0, 53, 158, 1) 100%);
  --gradient-gray-liniar-900-greater-600-25-deg: linear-gradient(45deg, rgba(16, 24, 40, 1) 0%, rgba(71, 84, 103, 1) 100%);
  --gradient-gray-liniar-100-greater-400-90-deg: linear-gradient(90deg, rgba(242, 244, 247, 1) 0%, rgba(152, 162, 179, 1) 100%);
  --gradient-gray-liniar-800-greater-400-45-deg: linear-gradient(25deg, rgba(29, 41, 57, 1) 0%, rgba(152, 162, 179, 1) 100%);
  --gradient-gray-liniar-lines: radial-gradient(closest-side, rgba(28, 37, 52, 0.6) 0%, rgba(28, 37, 52, 1) 96.70136570930481%),
  linear-gradient(73.21deg, rgba(28, 38, 53, 1) 4.407518357038498%, rgba(42, 56, 79, 1) 5.251812189817429%, rgba(28, 37, 52, 1) 21.21260166168213%, rgba(43, 57, 80, 1) 23.660212755203247%, rgba(28, 37, 52, 1) 42.57374107837677%, rgba(43, 57, 80, 1) 43.34603250026703%, rgba(28, 37, 52, 1) 60.920751094818115%, rgba(43, 57, 80, 1) 62.064409255981445%, rgba(28, 37, 52, 1) 81.94359540939331%, rgba(43, 57, 80, 1) 82.63886570930481%, rgba(28, 37, 52, 1) 100%);
  --gradient-gray-angular-25-greater-900: conic-gradient(from 258.03deg at 50% 50%, rgba(252, 252, 253, 1) 0%, rgba(16, 24, 40, 1) 100%);
  --gradient-overlay-blur-dark: rgba(24, 24, 24, 0.8);
  --gradient-overlay-bg-blur-fill: rgba(24, 24, 24, 0.5);
  --gradient-overlay-overlay-dark: rgba(24, 24, 24, 0.85);
  --gradient-overlay-overlay-light: rgba(255, 255, 255, 0.95);
  --gradient-overlay-selected-gray: rgba(116, 122, 139, 0.15);
  --gradient-overlay-hover-gray: rgba(116, 122, 139, 0.1);
  --gradient-overlay-chart-gradient: linear-gradient(180deg, rgba(16, 88, 232, 1) 0%, rgba(16, 88, 232, 0) 84.89999771118164%);
  --gradient-overlay-gray: linear-gradient(0deg, rgba(22, 35, 45, 0.8) 0%, rgba(255, 255, 255, 0) 75.07792711257935%);
  --gradient-overlay-whiteopacity: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 98.97938966751099%);
  --gradient-colorful-1: linear-gradient(90deg, rgba(0, 106, 255, 1) 0%, rgba(96, 239, 255, 1) 100%);
  --gradient-colorful-2: linear-gradient(90deg, rgba(0, 255, 135, 1) 0%, rgba(96, 239, 255, 1) 100%);
  --gradient-colorful-3: linear-gradient(90deg, rgba(14, 7, 37, 1) 0%, rgba(92, 3, 188, 1) 36.45833432674408%, rgba(229, 54, 171, 1) 67.1875%, rgba(244, 229, 240, 1) 100%);
  --gradient-colorful-4: linear-gradient(90deg, rgba(255, 147, 15, 1) 0%, rgba(255, 249, 91, 1) 100%);
  --gradient-colorful-5: linear-gradient(90deg, rgba(89, 92, 255, 1) 0%, rgba(198, 248, 255, 1) 100%);
  --gradient-colorful-6: linear-gradient(90deg, rgba(130, 244, 177, 1) 0%, rgba(48, 198, 124, 1) 100%);
  --gradient-colorful-7: linear-gradient(90deg, rgba(57, 45, 105, 1) 0%, rgba(181, 123, 238, 1) 100%);
  --gradient-colorful-8: linear-gradient(90deg, rgba(255, 15, 123, 1) 0%, rgba(248, 155, 41, 1) 100%);
  --gradient-colorful-9: linear-gradient(90deg, rgba(9, 25, 112, 1) 0%, rgba(9, 104, 229, 1) 100%);
  --gradient-colorful-10: linear-gradient(90deg, rgba(130, 254, 95, 1) 0%, rgba(5, 201, 249, 1) 100%);
  --gradient-colorful-11: linear-gradient(90deg, rgba(161, 6, 244, 1) 0%, rgba(231, 7, 250, 1) 100%);
  --gradient-colorful-12: linear-gradient(90deg, rgba(220, 65, 155, 1) 0%, rgba(248, 75, 0, 1) 100%);
  --gradient-colorful-13: linear-gradient(90deg, rgba(20, 82, 119, 1) 0%, rgba(131, 208, 203, 1) 100%);
  --gradient-colorful-14: linear-gradient(90deg, rgba(81, 194, 111, 1) 0%, rgba(242, 233, 1, 1) 100%);
  --gradient-colorful-15: linear-gradient(90deg, rgba(244, 7, 82, 1) 0%, rgba(249, 171, 143, 1) 100%);
  --gradient-colorful-16: linear-gradient(90deg, rgba(164, 120, 241, 1) 0%, rgba(242, 67, 137, 1) 52.60416865348816%, rgba(255, 249, 91, 1) 100%);
  --gradient-pastel-1: linear-gradient(90deg, rgba(79, 230, 241, 1) 0%, rgba(166, 166, 222, 1) 52.60416865348816%, rgba(237, 144, 207, 1) 100%);
  --gradient-pastel-2: linear-gradient(90deg, rgba(202, 242, 239, 1) 0%, rgba(201, 239, 220, 1) 48.4375%, rgba(242, 187, 241, 1) 100%);
  --gradient-pastel-3: linear-gradient(90deg, rgba(252, 219, 202, 1) 0%, rgba(230, 165, 204, 1) 50.52083134651184%, rgba(213, 179, 232, 1) 100%);
  --gradient-pastel-4: linear-gradient(90deg, rgba(248, 249, 199, 1) 0%, rgba(242, 193, 234, 1) 51.04166865348816%, rgba(246, 123, 107, 1) 100%);
  --gradient-pastel-4: linear-gradient(90deg, rgba(18, 223, 243, 1) 0%, rgba(175, 252, 175, 1) 100%);
  --gradient-pastel-6: linear-gradient(90deg, rgba(202, 208, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
  --gradient-pastel-7: linear-gradient(90deg, rgba(244, 230, 241, 1) 0%, rgba(243, 160, 215, 1) 50.52083134651184%, rgba(179, 232, 247, 1) 100%);
  --gradient-pastel-8: linear-gradient(90deg, rgba(215, 235, 235, 1) 0%, rgba(244, 175, 233, 1) 50.78315734863281%, rgba(157, 126, 243, 1) 100%);
  --gradient-pastel-9: linear-gradient(90deg, rgba(252, 212, 202, 1) 0%, rgba(244, 142, 195, 1) 48.95833432674408%, rgba(252, 148, 179, 1) 100%);
  --gradient-pastel-10: linear-gradient(90deg, rgba(202, 207, 249, 1) 0%, rgba(245, 203, 217, 1) 53.64583134651184%, rgba(244, 188, 205, 1) 100%);
  --gradient-pastel-11: linear-gradient(90deg, rgba(241, 225, 194, 1) 0%, rgba(252, 188, 152, 1) 100%);
  --gradient-pastel-12: linear-gradient(90deg, rgba(248, 153, 153, 1) 0%, rgba(246, 192, 186, 1) 100%);
  --auto-tint-light-dark-transparent: #fff;
  --auto-tint-auto-tint: linear-gradient(to left, #000, #000),
  linear-gradient(to left, #fff, #fff),
  linear-gradient(to left, #000, #000),
  linear-gradient(to left, #fff, #fff),
  linear-gradient(to left, #fff, #fff),
  linear-gradient(to left, #fff, #fff),
  linear-gradient(to left, #f00, #f00);
  /* Fonts */
  --country-label-font-family: inter-regular, sans-serif;
  --country-label-font-size: 14.94073486328125px;
  --country-label-line-height: normal;
  --country-label-font-weight: 400;
  --country-label-font-style: normal;
  --settlement-label-font-family: inter-regular, sans-serif;
  --settlement-label-font-size: 11.366673469543457px;
  --settlement-label-line-height: normal;
  --settlement-label-font-weight: 400;
  --settlement-label-font-style: normal;
  --displayrufo-font-family: rfrufo-black, sans-serif;
  --displayrufo-font-size: 160px;
  --displayrufo-line-height: 90%;
  --displayrufo-font-weight: 900;
  --displayrufo-font-style: normal;
  --smallrufo-font-family: rfrufo-black, sans-serif;
  --smallrufo-font-size: 64px;
  --smallrufo-line-height: 90%;
  --smallrufo-font-weight: 900;
  --smallrufo-font-style: normal;
  --mediumrufo-font-family: rfrufo-black, sans-serif;
  --mediumrufo-font-size: 90px;
  --mediumrufo-line-height: 90%;
  --mediumrufo-font-weight: 900;
  --mediumrufo-font-style: normal;
  --displayrufo-mobile-font-family: rfrufo-black, sans-serif;
  --displayrufo-mobile-font-size: 56px;
  --displayrufo-mobile-line-height: 100%;
  --displayrufo-mobile-font-weight: 900;
  --displayrufo-mobile-font-style: normal;
  --smallrufo-mobile-font-family: rfrufo-black, sans-serif;
  --smallrufo-mobile-font-size: 36px;
  --smallrufo-mobile-line-height: 100%;
  --smallrufo-mobile-font-weight: 900;
  --smallrufo-mobile-font-style: normal;
  --display-l-medium-font-family: inter-medium, sans-serif;
  --display-l-medium-font-size: 64px;
  --display-l-medium-line-height: 68px;
  --display-l-medium-font-weight: 500;
  --display-l-medium-font-style: normal;
  --display-l-semibold-font-family: inter-semibold, sans-serif;
  --display-l-semibold-font-size: 64px;
  --display-l-semibold-line-height: 68px;
  --display-l-semibold-font-weight: 600;
  --display-l-semibold-font-style: normal;
  --display-l-bold-font-family: inter-bold, sans-serif;
  --display-l-bold-font-size: 64px;
  --display-l-bold-line-height: 68px;
  --display-l-bold-font-weight: 700;
  --display-l-bold-font-style: normal;
  --display-l-heavy-font-family: inter-extrabold, sans-serif;
  --display-l-heavy-font-size: 64px;
  --display-l-heavy-line-height: 68px;
  --display-l-heavy-font-weight: 800;
  --display-l-heavy-font-style: normal;
  --display-m-light-font-family: inter-light, sans-serif;
  --display-m-light-font-size: 52px;
  --display-m-light-line-height: 60px;
  --display-m-light-font-weight: 300;
  --display-m-light-font-style: normal;
  --display-m-medium-font-family: inter-medium, sans-serif;
  --display-m-medium-font-size: 52px;
  --display-m-medium-line-height: 60px;
  --display-m-medium-font-weight: 500;
  --display-m-medium-font-style: normal;
  --display-m-semibold-font-family: inter-semibold, sans-serif;
  --display-m-semibold-font-size: 52px;
  --display-m-semibold-line-height: 60px;
  --display-m-semibold-font-weight: 600;
  --display-m-semibold-font-style: normal;
  --display-m-bold-font-family: inter-bold, sans-serif;
  --display-m-bold-font-size: 52px;
  --display-m-bold-line-height: 60px;
  --display-m-bold-font-weight: 700;
  --display-m-bold-font-style: normal;
  --display-m-heavy-font-family: inter-extrabold, sans-serif;
  --display-m-heavy-font-size: 52px;
  --display-m-heavy-line-height: 60px;
  --display-m-heavy-font-weight: 800;
  --display-m-heavy-font-style: normal;
  --headline-xl-desktop-light-font-family: inter-light, sans-serif;
  --headline-xl-desktop-light-font-size: 40px;
  --headline-xl-desktop-light-line-height: 48px;
  --headline-xl-desktop-light-font-weight: 300;
  --headline-xl-desktop-light-font-style: normal;
  --headline-xl-desktop-reguar-font-family: inter-regular, sans-serif;
  --headline-xl-desktop-reguar-font-size: 40px;
  --headline-xl-desktop-reguar-line-height: 48px;
  --headline-xl-desktop-reguar-font-weight: 400;
  --headline-xl-desktop-reguar-font-style: normal;
  --headline-xl-desktop-medium-font-family: inter-medium, sans-serif;
  --headline-xl-desktop-medium-font-size: 40px;
  --headline-xl-desktop-medium-line-height: 48px;
  --headline-xl-desktop-medium-font-weight: 500;
  --headline-xl-desktop-medium-font-style: normal;
  --headline-xl-desktop-semibold-font-family: inter-semibold, sans-serif;
  --headline-xl-desktop-semibold-font-size: 40px;
  --headline-xl-desktop-semibold-line-height: 48px;
  --headline-xl-desktop-semibold-font-weight: 600;
  --headline-xl-desktop-semibold-font-style: normal;
  --headline-xl-desktop-bold-font-family: inter-bold, sans-serif;
  --headline-xl-desktop-bold-font-size: 40px;
  --headline-xl-desktop-bold-line-height: 48px;
  --headline-xl-desktop-bold-font-weight: 700;
  --headline-xl-desktop-bold-font-style: normal;
  --headline-xl-mobile-regular-font-family: inter-regular, sans-serif;
  --headline-xl-mobile-regular-font-size: 36px;
  --headline-xl-mobile-regular-line-height: 44px;
  --headline-xl-mobile-regular-font-weight: 400;
  --headline-xl-mobile-regular-font-style: normal;
  --headline-xl-mobile-medium-font-family: inter-medium, sans-serif;
  --headline-xl-mobile-medium-font-size: 36px;
  --headline-xl-mobile-medium-line-height: 44px;
  --headline-xl-mobile-medium-font-weight: 500;
  --headline-xl-mobile-medium-font-style: normal;
  --headline-xl-mobile-semibold-font-family: inter-semibold, sans-serif;
  --headline-xl-mobile-semibold-font-size: 36px;
  --headline-xl-mobile-semibold-line-height: 44px;
  --headline-xl-mobile-semibold-font-weight: 600;
  --headline-xl-mobile-semibold-font-style: normal;
  --headline-xl-mobile-bold-font-family: inter-bold, sans-serif;
  --headline-xl-mobile-bold-font-size: 36px;
  --headline-xl-mobile-bold-line-height: 44px;
  --headline-xl-mobile-bold-font-weight: 700;
  --headline-xl-mobile-bold-font-style: normal;
  --headline-l-desktop-light-font-family: inter-light, sans-serif;
  --headline-l-desktop-light-font-size: 36px;
  --headline-l-desktop-light-line-height: 44px;
  --headline-l-desktop-light-font-weight: 300;
  --headline-l-desktop-light-font-style: normal;
  --headline-l-desktop-regular-font-family: inter-regular, sans-serif;
  --headline-l-desktop-regular-font-size: 36px;
  --headline-l-desktop-regular-line-height: 44px;
  --headline-l-desktop-regular-font-weight: 400;
  --headline-l-desktop-regular-font-style: normal;
  --headline-l-desktop-medium-font-family: inter-medium, sans-serif;
  --headline-l-desktop-medium-font-size: 36px;
  --headline-l-desktop-medium-line-height: 44px;
  --headline-l-desktop-medium-font-weight: 500;
  --headline-l-desktop-medium-font-style: normal;
  --headline-l-desktop-semibold-font-family: inter-semibold, sans-serif;
  --headline-l-desktop-semibold-font-size: 36px;
  --headline-l-desktop-semibold-line-height: 44px;
  --headline-l-desktop-semibold-font-weight: 600;
  --headline-l-desktop-semibold-font-style: normal;
  --headline-l-desktop-bold-font-family: inter-bold, sans-serif;
  --headline-l-desktop-bold-font-size: 36px;
  --headline-l-desktop-bold-line-height: 44px;
  --headline-l-desktop-bold-font-weight: 700;
  --headline-l-desktop-bold-font-style: normal;
  --headline-l-mobile-regular-font-family: inter-regular, sans-serif;
  --headline-l-mobile-regular-font-size: 32px;
  --headline-l-mobile-regular-line-height: 40px;
  --headline-l-mobile-regular-font-weight: 400;
  --headline-l-mobile-regular-font-style: normal;
  --headline-l-mobile-medium-font-family: inter-medium, sans-serif;
  --headline-l-mobile-medium-font-size: 32px;
  --headline-l-mobile-medium-line-height: 40px;
  --headline-l-mobile-medium-font-weight: 500;
  --headline-l-mobile-medium-font-style: normal;
  --headline-l-mobile-semibold-font-family: inter-semibold, sans-serif;
  --headline-l-mobile-semibold-font-size: 32px;
  --headline-l-mobile-semibold-line-height: 40px;
  --headline-l-mobile-semibold-font-weight: 600;
  --headline-l-mobile-semibold-font-style: normal;
  --headline-l-mobile-bold-font-family: inter-bold, sans-serif;
  --headline-l-mobile-bold-font-size: 32px;
  --headline-l-mobile-bold-line-height: 40px;
  --headline-l-mobile-bold-font-weight: 700;
  --headline-l-mobile-bold-font-style: normal;
  --headline-m-desktop-regular-font-family: inter-regular, sans-serif;
  --headline-m-desktop-regular-font-size: 32px;
  --headline-m-desktop-regular-line-height: 40px;
  --headline-m-desktop-regular-font-weight: 400;
  --headline-m-desktop-regular-font-style: normal;
  --headline-m-desktop-medium-font-family: inter-medium, sans-serif;
  --headline-m-desktop-medium-font-size: 32px;
  --headline-m-desktop-medium-line-height: 40px;
  --headline-m-desktop-medium-font-weight: 500;
  --headline-m-desktop-medium-font-style: normal;
  --headline-m-desktop-semibold-font-family: inter-semibold, sans-serif;
  --headline-m-desktop-semibold-font-size: 32px;
  --headline-m-desktop-semibold-line-height: 42px;
  --headline-m-desktop-semibold-font-weight: 600;
  --headline-m-desktop-semibold-font-style: normal;
  --headline-m-desktop-bold-font-family: inter-bold, sans-serif;
  --headline-m-desktop-bold-font-size: 32px;
  --headline-m-desktop-bold-line-height: 40px;
  --headline-m-desktop-bold-font-weight: 700;
  --headline-m-desktop-bold-font-style: normal;
  --headline-m-mobile-medium-font-family: inter-medium, sans-serif;
  --headline-m-mobile-medium-font-size: 28px;
  --headline-m-mobile-medium-line-height: 36px;
  --headline-m-mobile-medium-font-weight: 500;
  --headline-m-mobile-medium-font-style: normal;
  --headline-m-mobile-semibold-font-family: inter-semibold, sans-serif;
  --headline-m-mobile-semibold-font-size: 28px;
  --headline-m-mobile-semibold-line-height: 36px;
  --headline-m-mobile-semibold-font-weight: 600;
  --headline-m-mobile-semibold-font-style: normal;
  --headline-m-mobile-bold-font-family: inter-bold, sans-serif;
  --headline-m-mobile-bold-font-size: 28px;
  --headline-m-mobile-bold-line-height: 36px;
  --headline-m-mobile-bold-font-weight: 700;
  --headline-m-mobile-bold-font-style: normal;
  --headline-s-desktop-regular-font-family: inter-regular, sans-serif;
  --headline-s-desktop-regular-font-size: 28px;
  --headline-s-desktop-regular-line-height: 38px;
  --headline-s-desktop-regular-font-weight: 400;
  --headline-s-desktop-regular-font-style: normal;
  --headline-s-desktop-medium-font-family: inter-medium, sans-serif;
  --headline-s-desktop-medium-font-size: 28px;
  --headline-s-desktop-medium-line-height: 38px;
  --headline-s-desktop-medium-font-weight: 500;
  --headline-s-desktop-medium-font-style: normal;
  --headline-s-desktop-semibold-font-family: inter-semibold, sans-serif;
  --headline-s-desktop-semibold-font-size: 28px;
  --headline-s-desktop-semibold-line-height: 38px;
  --headline-s-desktop-semibold-font-weight: 600;
  --headline-s-desktop-semibold-font-style: normal;
  --headline-s-desktop-bold-font-family: inter-bold, sans-serif;
  --headline-s-desktop-bold-font-size: 28px;
  --headline-s-desktop-bold-line-height: 38px;
  --headline-s-desktop-bold-font-weight: 700;
  --headline-s-desktop-bold-font-style: normal;
  --headline-s-mobile-medium-font-family: inter-medium, sans-serif;
  --headline-s-mobile-medium-font-size: 24px;
  --headline-s-mobile-medium-line-height: 32px;
  --headline-s-mobile-medium-font-weight: 500;
  --headline-s-mobile-medium-font-style: normal;
  --headline-s-mobile-semibold-font-family: inter-semibold, sans-serif;
  --headline-s-mobile-semibold-font-size: 24px;
  --headline-s-mobile-semibold-line-height: 32px;
  --headline-s-mobile-semibold-font-weight: 600;
  --headline-s-mobile-semibold-font-style: normal;
  --headline-s-mobile-bold-font-family: inter-bold, sans-serif;
  --headline-s-mobile-bold-font-size: 24px;
  --headline-s-mobile-bold-line-height: 32px;
  --headline-s-mobile-bold-font-weight: 700;
  --headline-s-mobile-bold-font-style: normal;
  --headline-xs-desktop-regular-font-family: inter-regular, sans-serif;
  --headline-xs-desktop-regular-font-size: 22px;
  --headline-xs-desktop-regular-line-height: 30px;
  --headline-xs-desktop-regular-font-weight: 400;
  --headline-xs-desktop-regular-font-style: normal;
  --headline-xs-desktop-medium-font-family: inter-medium, sans-serif;
  --headline-xs-desktop-medium-font-size: 22px;
  --headline-xs-desktop-medium-line-height: 30px;
  --headline-xs-desktop-medium-font-weight: 500;
  --headline-xs-desktop-medium-font-style: normal;
  --headline-xs-desktop-semibold-font-family: inter-semibold, sans-serif;
  --headline-xs-desktop-semibold-font-size: 22px;
  --headline-xs-desktop-semibold-line-height: 30px;
  --headline-xs-desktop-semibold-font-weight: 600;
  --headline-xs-desktop-semibold-font-style: normal;
  --headline-xs-desktop-bold-font-family: inter-bold, sans-serif;
  --headline-xs-desktop-bold-font-size: 22px;
  --headline-xs-desktop-bold-line-height: 30px;
  --headline-xs-desktop-bold-font-weight: 700;
  --headline-xs-desktop-bold-font-style: normal;
  --headline-xs-mobile-medium-font-family: inter-medium, sans-serif;
  --headline-xs-mobile-medium-font-size: 20px;
  --headline-xs-mobile-medium-line-height: 28px;
  --headline-xs-mobile-medium-font-weight: 500;
  --headline-xs-mobile-medium-font-style: normal;
  --headline-xs-mobile-semibold-font-family: inter-semibold, sans-serif;
  --headline-xs-mobile-semibold-font-size: 20px;
  --headline-xs-mobile-semibold-line-height: 28px;
  --headline-xs-mobile-semibold-font-weight: 600;
  --headline-xs-mobile-semibold-font-style: normal;
  --headline-xs-mobile-bold-font-family: inter-bold, sans-serif;
  --headline-xs-mobile-bold-font-size: 20px;
  --headline-xs-mobile-bold-line-height: 28px;
  --headline-xs-mobile-bold-font-weight: 700;
  --headline-xs-mobile-bold-font-style: normal;
  --headline-xxs-desktop-regular-font-family: inter-regular, sans-serif;
  --headline-xxs-desktop-regular-font-size: 20px;
  --headline-xxs-desktop-regular-line-height: 28px;
  --headline-xxs-desktop-regular-font-weight: 400;
  --headline-xxs-desktop-regular-font-style: normal;
  --headline-xxs-desktop-medium-font-family: inter-medium, sans-serif;
  --headline-xxs-desktop-medium-font-size: 20px;
  --headline-xxs-desktop-medium-line-height: 28px;
  --headline-xxs-desktop-medium-font-weight: 500;
  --headline-xxs-desktop-medium-font-style: normal;
  --headline-xxs-desktop-semibold-font-family: inter-semibold, sans-serif;
  --headline-xxs-desktop-semibold-font-size: 20px;
  --headline-xxs-desktop-semibold-line-height: 28px;
  --headline-xxs-desktop-semibold-font-weight: 600;
  --headline-xxs-desktop-semibold-font-style: normal;
  --headline-xxs-desktop-bold-font-family: inter-bold, sans-serif;
  --headline-xxs-desktop-bold-font-size: 20px;
  --headline-xxs-desktop-bold-line-height: 28px;
  --headline-xxs-desktop-bold-font-weight: 700;
  --headline-xxs-desktop-bold-font-style: normal;
  --headline-xxs-mobile-medium-font-family: inter-medium, sans-serif;
  --headline-xxs-mobile-medium-font-size: 18px;
  --headline-xxs-mobile-medium-line-height: 24px;
  --headline-xxs-mobile-medium-font-weight: 500;
  --headline-xxs-mobile-medium-font-style: normal;
  --headline-xxs-mobile-semibold-font-family: inter-semibold, sans-serif;
  --headline-xxs-mobile-semibold-font-size: 18px;
  --headline-xxs-mobile-semibold-line-height: 24px;
  --headline-xxs-mobile-semibold-font-weight: 600;
  --headline-xxs-mobile-semibold-font-style: normal;
  --headline-xxs-mobile-bold-font-family: inter-bold, sans-serif;
  --headline-xxs-mobile-bold-font-size: 18px;
  --headline-xxs-mobile-bold-line-height: 24px;
  --headline-xxs-mobile-bold-font-weight: 700;
  --headline-xxs-mobile-bold-font-style: normal;
  --text-xl-regular-font-family: inter-regular, sans-serif;
  --text-xl-regular-font-size: 18px;
  --text-xl-regular-line-height: 26px;
  --text-xl-regular-font-weight: 400;
  --text-xl-regular-font-style: normal;
  --text-xl-medium-font-family: inter-medium, sans-serif;
  --text-xl-medium-font-size: 18px;
  --text-xl-medium-line-height: 28px;
  --text-xl-medium-font-weight: 500;
  --text-xl-medium-font-style: normal;
  --text-xl-semibold-font-family: inter-semibold, sans-serif;
  --text-xl-semibold-font-size: 18px;
  --text-xl-semibold-line-height: 28px;
  --text-xl-semibold-font-weight: 600;
  --text-xl-semibold-font-style: normal;
  --text-xl-bold-font-family: inter-bold, sans-serif;
  --text-xl-bold-font-size: 18px;
  --text-xl-bold-line-height: 28px;
  --text-xl-bold-font-weight: 700;
  --text-xl-bold-font-style: normal;
  --text-l-regular-font-family: inter-regular, sans-serif;
  --text-l-regular-font-size: 16px;
  --text-l-regular-line-height: 24px;
  --text-l-regular-font-weight: 400;
  --text-l-regular-font-style: normal;
  --text-l-medium-font-family: inter-medium, sans-serif;
  --text-l-medium-font-size: 16px;
  --text-l-medium-line-height: 24px;
  --text-l-medium-font-weight: 500;
  --text-l-medium-font-style: normal;
  --text-l-semibold-font-family: inter-semibold, sans-serif;
  --text-l-semibold-font-size: 16px;
  --text-l-semibold-line-height: 24px;
  --text-l-semibold-font-weight: 600;
  --text-l-semibold-font-style: normal;
  --text-l-bold-font-family: inter-bold, sans-serif;
  --text-l-bold-font-size: 16px;
  --text-l-bold-line-height: 24px;
  --text-l-bold-font-weight: 700;
  --text-l-bold-font-style: normal;
  --text-m-regular-font-family: inter-regular, sans-serif;
  --text-m-regular-font-size: 15px;
  --text-m-regular-line-height: 22px;
  --text-m-regular-font-weight: 400;
  --text-m-regular-font-style: normal;
  --text-m-medium-font-family: inter-medium, sans-serif;
  --text-m-medium-font-size: 15px;
  --text-m-medium-line-height: 22px;
  --text-m-medium-font-weight: 500;
  --text-m-medium-font-style: normal;
  --text-m-semibold-font-family: inter-semibold, sans-serif;
  --text-m-semibold-font-size: 15px;
  --text-m-semibold-line-height: 22px;
  --text-m-semibold-font-weight: 600;
  --text-m-semibold-font-style: normal;
  --text-m-bold-font-family: inter-bold, sans-serif;
  --text-m-bold-font-size: 15px;
  --text-m-bold-line-height: 22px;
  --text-m-bold-font-weight: 700;
  --text-m-bold-font-style: normal;
  --text-s-regular-font-family: inter-regular, sans-serif;
  --text-s-regular-font-size: 14px;
  --text-s-regular-line-height: 20px;
  --text-s-regular-font-weight: 400;
  --text-s-regular-font-style: normal;
  --text-s-medium-font-family: inter-medium, sans-serif;
  --text-s-medium-font-size: 14px;
  --text-s-medium-line-height: 20px;
  --text-s-medium-font-weight: 500;
  --text-s-medium-font-style: normal;
  --text-s-semibold-font-family: inter-semibold, sans-serif;
  --text-s-semibold-font-size: 14px;
  --text-s-semibold-line-height: 20px;
  --text-s-semibold-font-weight: 600;
  --text-s-semibold-font-style: normal;
  --text-s-bold-font-family: inter-bold, sans-serif;
  --text-s-bold-font-size: 14px;
  --text-s-bold-line-height: 20px;
  --text-s-bold-font-weight: 700;
  --text-s-bold-font-style: normal;
  --text-xs-regular-font-family: inter-regular, sans-serif;
  --text-xs-regular-font-size: 13px;
  --text-xs-regular-line-height: 18px;
  --text-xs-regular-font-weight: 400;
  --text-xs-regular-font-style: normal;
  --text-xs-medium-font-family: inter-medium, sans-serif;
  --text-xs-medium-font-size: 13px;
  --text-xs-medium-line-height: 18px;
  --text-xs-medium-font-weight: 500;
  --text-xs-medium-font-style: normal;
  --text-xs-semibold-font-family: inter-semibold, sans-serif;
  --text-xs-semibold-font-size: 13px;
  --text-xs-semibold-line-height: 18px;
  --text-xs-semibold-font-weight: 600;
  --text-xs-semibold-font-style: normal;
  --text-xs-bold-font-family: inter-bold, sans-serif;
  --text-xs-bold-font-size: 13px;
  --text-xs-bold-line-height: 18px;
  --text-xs-bold-font-weight: 700;
  --text-xs-bold-font-style: normal;
  --uppercase-semibold-small-font-family: inter-semibold, sans-serif;
  --uppercase-semibold-small-font-size: 12px;
  --uppercase-semibold-small-line-height: 20px;
  --uppercase-semibold-small-font-weight: 600;
  --uppercase-semibold-small-font-style: normal;
  --uppercase-semibold-large-font-family: inter-semibold, sans-serif;
  --uppercase-semibold-large-font-size: 14px;
  --uppercase-semibold-large-line-height: 20px;
  --uppercase-semibold-large-font-weight: 600;
  --uppercase-semibold-large-font-style: normal;
  --uppercase-regular-uppercase-font-family: inter-regular, sans-serif;
  --uppercase-regular-uppercase-font-size: 16px;
  --uppercase-regular-uppercase-line-height: 20px;
  --uppercase-regular-uppercase-font-weight: 400;
  --uppercase-regular-uppercase-font-style: normal;
  --uppercase-semibold-upercase-font-family: inter-semibold, sans-serif;
  --uppercase-semibold-upercase-font-size: 16px;
  --uppercase-semibold-upercase-line-height: 20px;
  --uppercase-semibold-upercase-font-weight: 600;
  --uppercase-semibold-upercase-font-style: normal;
  --strikethrough-strikethrough-font-family: inter-regular, sans-serif;
  --strikethrough-strikethrough-font-size: 18px;
  --strikethrough-strikethrough-line-height: 28px;
  --strikethrough-strikethrough-font-weight: 400;
  --strikethrough-strikethrough-font-style: normal;
  --strikethrough-strikethrough-font-family: inter-regular, sans-serif;
  --strikethrough-strikethrough-font-size: 16px;
  --strikethrough-strikethrough-line-height: 24px;
  --strikethrough-strikethrough-font-weight: 400;
  --strikethrough-strikethrough-font-style: normal;
  --underline-medium-underline-font-family: inter-medium, sans-serif;
  --underline-medium-underline-font-size: 14px;
  --underline-medium-underline-line-height: 20px;
  --underline-medium-underline-font-weight: 500;
  --underline-medium-underline-font-style: normal;
  --underline-semibold-underline-font-family: inter-semibold, sans-serif;
  --underline-semibold-underline-font-size: 15px;
  --underline-semibold-underline-line-height: 22px;
  --underline-semibold-underline-font-weight: 600;
  --underline-semibold-underline-font-style: normal;
  --underline-semibold-font-family: inter-semibold, sans-serif;
  --underline-semibold-font-size: 16px;
  --underline-semibold-line-height: 24px;
  --underline-semibold-font-weight: 600;
  --underline-semibold-font-style: normal;
  --text-button-semibold-small-font-family: inter-semibold, sans-serif;
  --text-button-semibold-small-font-size: 14px;
  --text-button-semibold-small-line-height: 20px;
  --text-button-semibold-small-font-weight: 600;
  --text-button-semibold-small-font-style: normal;
  --text-button-semibold-large-font-family: inter-semibold, sans-serif;
  --text-button-semibold-large-font-size: 15px;
  --text-button-semibold-large-line-height: 22px;
  --text-button-semibold-large-font-weight: 600;
  --text-button-semibold-large-font-style: normal;
  --mobile-navigation-mob-nav-font-family: inter-medium, sans-serif;
  --mobile-navigation-mob-nav-font-size: 14px;
  --mobile-navigation-mob-nav-line-height: 16px;
  --mobile-navigation-mob-nav-font-weight: 500;
  --mobile-navigation-mob-nav-font-style: normal;
  --mobile-navigation-mob-nav-font-family: inter-semibold, sans-serif;
  --mobile-navigation-mob-nav-font-size: 14px;
  --mobile-navigation-mob-nav-line-height: 16px;
  --mobile-navigation-mob-nav-font-weight: 600;
  --mobile-navigation-mob-nav-font-style: normal;
  --mobile-navigation-medium-font-family: inter-medium, sans-serif;
  --mobile-navigation-medium-font-size: 14px;
  --mobile-navigation-medium-line-height: 16px;
  --mobile-navigation-medium-font-weight: 500;
  --mobile-navigation-medium-font-style: normal;
  --mobile-navigation-semibold-font-family: inter-semibold, sans-serif;
  --mobile-navigation-semibold-font-size: 14px;
  --mobile-navigation-semibold-line-height: 16px;
  --mobile-navigation-semibold-font-weight: 600;
  --mobile-navigation-semibold-font-style: normal;
  /* Effects */
  --shadow-xsm-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04);
  --shadow-sm-box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.1),
  0 1px 2px -1px rgba(16, 24, 40, 0.1);
  --shadow-md-box-shadow: 0 4px 6px -1px rgba(16, 24, 40, 0.1),
  0 2px 4px -2px rgba(16, 24, 40, 0.1);
  --shadow-lg-box-shadow: 0 10px 15px -3px rgba(16, 24, 40, 0.1),
  0 4px 6px -4px rgba(16, 24, 40, 0.1);
  --shadow-xl-box-shadow: 0 20px 25px -5px rgba(16, 24, 40, 0.1),
  0 8px 10px -6px rgba(16, 24, 40, 0.1);
  --shadow-2xl-box-shadow: 0 25px 50px -12px rgba(16, 24, 40, 0.25);
  --shadow-hover-shaddow-box-shadow: 0 4px 6px -1px rgba(16, 24, 40, 0.03),
  0 2px 4px -2px rgba(16, 24, 40, 0.05);
  --shadow-soft-shadow-box-shadow: 0 4px 8px 0 rgba(113, 128, 150, 0.08),
  0 0 1px 0 rgba(113, 128, 150, 0.04);
  --blur-navbar-blur-backdrop-filter: blur(32px);
  --blur-bg-blur-backdrop-filter: blur(3.5px);
  --blur-item-blur-backdrop-filter: blur(8px);
  --focused-light-gray-box-shadow: 0 0 0 3px rgba(239, 241, 243, 1);
  --focused-primary-box-shadow: 0 0 0 3px rgba(255, 243, 204, 1);
  --focused-danger-box-shadow: 0 0 0 3px rgba(253, 221, 220, 1);
  --focused-warning-box-shadow: 0 0 0 3px rgba(255, 228, 192, 1);
  --focused-success-box-shadow: 0 0 0 3px rgba(177, 238, 185, 1);
  --focused-purple-box-shadow: 0 0 0 3px rgba(199, 196, 253, 1);
  --focused-dark-gray-box-shadow: 0 0 0 3px rgba(69, 77, 86, 1);
}
/*!******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/inter/400.css ***!
  \******************************************************************************************/
/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/inter-cyrillic-ext-400-normal.woff2) format('woff2'), url(.././fonts/inter-cyrillic-ext-400-normal.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/inter-cyrillic-400-normal.woff2) format('woff2'), url(.././fonts/inter-cyrillic-400-normal.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/inter-greek-ext-400-normal.woff2) format('woff2'), url(.././fonts/inter-greek-ext-400-normal.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/inter-greek-400-normal.woff2) format('woff2'), url(.././fonts/inter-greek-400-normal.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/inter-vietnamese-400-normal.woff2) format('woff2'), url(.././fonts/inter-vietnamese-400-normal.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/inter-latin-ext-400-normal.woff2) format('woff2'), url(.././fonts/inter-latin-ext-400-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/inter-latin-400-normal.woff2) format('woff2'), url(.././fonts/inter-latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/inter/600.css ***!
  \******************************************************************************************/
/* inter-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(.././fonts/inter-cyrillic-ext-600-normal.woff2) format('woff2'), url(.././fonts/inter-cyrillic-ext-600-normal.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(.././fonts/inter-cyrillic-600-normal.woff2) format('woff2'), url(.././fonts/inter-cyrillic-600-normal.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(.././fonts/inter-greek-ext-600-normal.woff2) format('woff2'), url(.././fonts/inter-greek-ext-600-normal.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(.././fonts/inter-greek-600-normal.woff2) format('woff2'), url(.././fonts/inter-greek-600-normal.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(.././fonts/inter-vietnamese-600-normal.woff2) format('woff2'), url(.././fonts/inter-vietnamese-600-normal.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(.././fonts/inter-latin-ext-600-normal.woff2) format('woff2'), url(.././fonts/inter-latin-ext-600-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(.././fonts/inter-latin-600-normal.woff2) format('woff2'), url(.././fonts/inter-latin-600-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/inter/700.css ***!
  \******************************************************************************************/
/* inter-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/inter-cyrillic-ext-700-normal.woff2) format('woff2'), url(.././fonts/inter-cyrillic-ext-700-normal.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/inter-cyrillic-700-normal.woff2) format('woff2'), url(.././fonts/inter-cyrillic-700-normal.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/inter-greek-ext-700-normal.woff2) format('woff2'), url(.././fonts/inter-greek-ext-700-normal.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/inter-greek-700-normal.woff2) format('woff2'), url(.././fonts/inter-greek-700-normal.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/inter-vietnamese-700-normal.woff2) format('woff2'), url(.././fonts/inter-vietnamese-700-normal.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/inter-latin-ext-700-normal.woff2) format('woff2'), url(.././fonts/inter-latin-ext-700-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/inter-latin-700-normal.woff2) format('woff2'), url(.././fonts/inter-latin-700-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/fonts/inter.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/

/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/roboto/300.css ***!
  \*******************************************************************************************/
/* roboto-cyrillic-ext-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(.././fonts/roboto-cyrillic-ext-300-normal.woff2) format('woff2'), url(.././fonts/roboto-cyrillic-ext-300-normal.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(.././fonts/roboto-cyrillic-300-normal.woff2) format('woff2'), url(.././fonts/roboto-cyrillic-300-normal.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(.././fonts/roboto-greek-ext-300-normal.woff2) format('woff2'), url(.././fonts/roboto-greek-ext-300-normal.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(.././fonts/roboto-greek-300-normal.woff2) format('woff2'), url(.././fonts/roboto-greek-300-normal.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-math-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(.././fonts/roboto-math-300-normal.woff2) format('woff2'), url(.././fonts/roboto-math-300-normal.woff) format('woff');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* roboto-symbols-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(.././fonts/roboto-symbols-300-normal.woff2) format('woff2'), url(.././fonts/roboto-symbols-300-normal.woff) format('woff');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* roboto-vietnamese-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(.././fonts/roboto-vietnamese-300-normal.woff2) format('woff2'), url(.././fonts/roboto-vietnamese-300-normal.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(.././fonts/roboto-latin-ext-300-normal.woff2) format('woff2'), url(.././fonts/roboto-latin-ext-300-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(.././fonts/roboto-latin-300-normal.woff2) format('woff2'), url(.././fonts/roboto-latin-300-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/roboto/400.css ***!
  \*******************************************************************************************/
/* roboto-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/roboto-cyrillic-ext-400-normal.woff2) format('woff2'), url(.././fonts/roboto-cyrillic-ext-400-normal.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/roboto-cyrillic-400-normal.woff2) format('woff2'), url(.././fonts/roboto-cyrillic-400-normal.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/roboto-greek-ext-400-normal.woff2) format('woff2'), url(.././fonts/roboto-greek-ext-400-normal.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/roboto-greek-400-normal.woff2) format('woff2'), url(.././fonts/roboto-greek-400-normal.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-math-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/roboto-math-400-normal.woff2) format('woff2'), url(.././fonts/roboto-math-400-normal.woff) format('woff');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* roboto-symbols-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/roboto-symbols-400-normal.woff2) format('woff2'), url(.././fonts/roboto-symbols-400-normal.woff) format('woff');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* roboto-vietnamese-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/roboto-vietnamese-400-normal.woff2) format('woff2'), url(.././fonts/roboto-vietnamese-400-normal.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/roboto-latin-ext-400-normal.woff2) format('woff2'), url(.././fonts/roboto-latin-ext-400-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(.././fonts/roboto-latin-400-normal.woff2) format('woff2'), url(.././fonts/roboto-latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/roboto/500.css ***!
  \*******************************************************************************************/
/* roboto-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(.././fonts/roboto-cyrillic-ext-500-normal.woff2) format('woff2'), url(.././fonts/roboto-cyrillic-ext-500-normal.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(.././fonts/roboto-cyrillic-500-normal.woff2) format('woff2'), url(.././fonts/roboto-cyrillic-500-normal.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(.././fonts/roboto-greek-ext-500-normal.woff2) format('woff2'), url(.././fonts/roboto-greek-ext-500-normal.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(.././fonts/roboto-greek-500-normal.woff2) format('woff2'), url(.././fonts/roboto-greek-500-normal.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-math-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(.././fonts/roboto-math-500-normal.woff2) format('woff2'), url(.././fonts/roboto-math-500-normal.woff) format('woff');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* roboto-symbols-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(.././fonts/roboto-symbols-500-normal.woff2) format('woff2'), url(.././fonts/roboto-symbols-500-normal.woff) format('woff');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* roboto-vietnamese-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(.././fonts/roboto-vietnamese-500-normal.woff2) format('woff2'), url(.././fonts/roboto-vietnamese-500-normal.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(.././fonts/roboto-latin-ext-500-normal.woff2) format('woff2'), url(.././fonts/roboto-latin-ext-500-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(.././fonts/roboto-latin-500-normal.woff2) format('woff2'), url(.././fonts/roboto-latin-500-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/roboto/700.css ***!
  \*******************************************************************************************/
/* roboto-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/roboto-cyrillic-ext-700-normal.woff2) format('woff2'), url(.././fonts/roboto-cyrillic-ext-700-normal.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/roboto-cyrillic-700-normal.woff2) format('woff2'), url(.././fonts/roboto-cyrillic-700-normal.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/roboto-greek-ext-700-normal.woff2) format('woff2'), url(.././fonts/roboto-greek-ext-700-normal.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/roboto-greek-700-normal.woff2) format('woff2'), url(.././fonts/roboto-greek-700-normal.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-math-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/roboto-math-700-normal.woff2) format('woff2'), url(.././fonts/roboto-math-700-normal.woff) format('woff');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* roboto-symbols-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/roboto-symbols-700-normal.woff2) format('woff2'), url(.././fonts/roboto-symbols-700-normal.woff) format('woff');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* roboto-vietnamese-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/roboto-vietnamese-700-normal.woff2) format('woff2'), url(.././fonts/roboto-vietnamese-700-normal.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/roboto-latin-ext-700-normal.woff2) format('woff2'), url(.././fonts/roboto-latin-ext-700-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(.././fonts/roboto-latin-700-normal.woff2) format('woff2'), url(.././fonts/roboto-latin-700-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/fonts/roboto.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/fonts/rfrufo/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-Thin.woff2) format("woff2");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-ThinItalic.woff2) format("woff2");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-LightItalic.woff2) format("woff2");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-Semibold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-SemiboldItalic.woff2) format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "RF Rufo";
  src: url(.././fonts/RFRufo-BlackItalic.woff2) format("woff2");
  font-weight: 900;
  font-style: italic;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/swipers.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer vendor.swiper {
  /**
   * Swiper 11.2.10
   * Most modern mobile touch slider and framework with hardware accelerated transitions
   * https://swiperjs.com
   *
   * Copyright 2014-2025 Vladimir Kharlampidi
   *
   * Released under the MIT License
   *
   * Released on: June 28, 2025
   */
  @font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
  }
  :root {
    --swiper-theme-color: #007aff;
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
  }
  :host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
  }
  .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
  }
  .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
  }
  .swiper-android .swiper-slide,
  .swiper-ios .swiper-slide,
  .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
  }
  .swiper-horizontal {
    touch-action: pan-y;
  }
  .swiper-vertical {
    touch-action: pan-x;
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
  }
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  /* Auto Height */
  .swiper-autoheight,
  .swiper-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
  }
  /* 3D Effects */
  .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
  }
  .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
  }
  .swiper-3d {
    perspective: 1200px;
  }
  .swiper-3d .swiper-slide,
  .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  /* CSS Mode */
  .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
  }
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
  }
  .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
  }
  .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
  }
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
  }
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
  }
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
  }
  /* Slide styles start */
  /* 3D Shadows */
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  @keyframes swiper-preloader-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /* Slide styles end */
  :root {
    --swiper-navigation-size: 44px;
    /*
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 10px;
    --swiper-navigation-color: var(--swiper-theme-color);
    */
  }
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-prev.swiper-button-hidden,
  .swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled .swiper-button-prev,
  .swiper-navigation-disabled .swiper-button-next {
    display: none !important;
  }
  .swiper-button-prev svg,
  .swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
  }
  .swiper-rtl .swiper-button-prev svg,
  .swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg);
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
  }
  .swiper-button-lock {
    display: none;
  }
  /* Navigation font start */
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-feature-settings: ;
    font-variant: initial;
    line-height: 1;
  }
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    content: "prev";
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
  }
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: "next";
  }
  /* Navigation font end */
  :root {
    /*
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-left: auto;
    --swiper-pagination-right: 8px;
    --swiper-pagination-bottom: 8px;
    --swiper-pagination-top: auto;
    --swiper-pagination-fraction-color: inherit;
    --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
    --swiper-pagination-progressbar-size: 4px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-border-radius: 50%;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    */
  }
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
  }
  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
  }
  /* Bullets */
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-bullet:only-child {
    display: none !important;
  }
  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  .swiper-vertical > .swiper-pagination-bullets,
  .swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
  }
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
  }
  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
  }
  /* Fraction */
  .swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
  }
  /* Progress */
  .swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-pagination-lock {
    display: none;
  }
  :root {
    /*
    --swiper-scrollbar-border-radius: 10px;
    --swiper-scrollbar-top: auto;
    --swiper-scrollbar-bottom: 4px;
    --swiper-scrollbar-left: auto;
    --swiper-scrollbar-right: 4px;
    --swiper-scrollbar-sides-offset: 1%;
    --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
    --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
    --swiper-scrollbar-size: 4px;
    */
  }
  .swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  }
  .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
  }
  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }
  .swiper-scrollbar-lock {
    display: none;
  }
}
@layer utilities {
  .swiper {
    margin: unset;
    --opacity: 0;
    --swiper-theme-color: var(--text-primary);
  }
  .swiper:not(.swiper-initialized) .swiper-wrapper {
    gap: var(--gap);
  }
  .swiper-slide {
    -webkit-user-select: none;
            user-select: none;
  }
  .swiper-slide:not(:last-child)::before {
    position: absolute;
    content: "";
    inset: 0;
    margin-right: calc(-1 * var(--gap, 0));
    z-index: -1;
  }
  .swiper-pagination-new {
    min-height: 10px;
    position: unset;
    display: flex;
    gap: 0.5rem;
  }
  .swiper-pagination-new-bullet {
    background: var(--bg-base-subtle);
    margin: 0;
    border: 1px solid var(--stroke-base);
    border-radius: var(--roundness-full-inside, 128px);
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  .swiper-pagination-new-bullet-active {
    background: var(--bg-primary);
    border: none;
    border-radius: var(--roundness-full-inside, 128px);
  }
  .swiper:hover {
    --opacity: 1;
  }
  .swiper-button-disabled {
    --opacity: 0;
  }
  :is(.swiper-button-prev, .swiper-button-next) {
    --swiper-navigation-size: 36px;
    --swiper-navigation-color: var(--text-base);
    width: unset;
    opacity: var(--opacity);
    transition: 0.3s ease;
    transition-property: opacity, background-color, color;
  }
  @media only screen and (max-width: 1199.98px) {
    :is(.swiper-button-prev, .swiper-button-next) {
      display: none;
    }
  }
  .swiper-notification:empty {
    display: none;
  }
  @media only screen and (max-width: 1199.98px) {
    .swiper-initialized {
      overflow: unset;
    }
  }
  @media only screen and (max-width: 1199.98px) {
    .slide-mobile-width {
      width: 283px;
    }
  }
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/blocks/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.accordion {
  display: flex;
  flex-direction: column;
  gap: var(--main-system-12px, 12px);
  flex: 1;
  position: relative;
}
.accordion__item {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-full-outside, 24px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  padding: var(--main-system-16px, 16px) var(--main-system-20px, 20px) var(--main-system-16px, 16px) var(--main-system-20px, 20px);
  display: flex;
  align-items: normal;
  width: 100%;
  flex-shrink: 0;
  gap: 0;
}
.accordion__item.tab--active {
  gap: var(--main-system-8px, 8px);
}
.accordion .faq-item__content {
  overflow: hidden;
  white-space: normal;
}
.accordion__accordian-arrow-true {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.accordion__item-title {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--text-l-semibold-font-size, 16px);
  line-height: var(--text-l-semibold-line-height, 24px);
  letter-spacing: var(--text-l-semibold-letter-spacing, -0.01em);
  font-weight: var(--text-l-semibold-font-weight, 600);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  white-space: normal;
  -webkit-user-select: none;
          user-select: none;
}
.accordion__item-title svg {
  flex-shrink: 0;
}

/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer components {
  .address-card {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    position: relative;
    background: var(--neutral-100, #f8f9fb);
    border-radius: var(--roundness-round-outside, 12px);
    gap: var(--main-system-10px, 10px);
  }
  .address-card-metro {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.375rem;
    letter-spacing: -0.01em;
    display: flex;
    gap: var(--main-system-6px, 6px);
    align-items: center;
  }
  .address-card-metro::before {
    content: "";
    background: var(--metro-orange, #f58220);
    border-radius: 100px;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
  }
}
@layer unverified {
  .address-card-address {
    color: var(--text-base);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
  }
  .address-card__button {
    border-radius: var(--roundness-square-inside, 1px);
    display: flex;
    flex-direction: row;
    gap: var(--main-system-6px, 6px);
    align-items: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
  }
  .address-card__text {
    color: var(--text-and-icons-light-base-main, #323539);
    text-align: left;
    font-family: var(--text-button-semibold-small-font-family, "Inter-SemiBold", sans-serif);
    font-size: var(--text-button-semibold-small-font-size, 14px);
    line-height: var(--text-button-semibold-small-line-height, 20px);
    font-weight: var(--text-button-semibold-small-font-weight, 600);
    position: relative;
  }
  .address-card__label {
    background: var(--background-light-success-second, #f3fff6);
    border-radius: var(--roundness-round-inside, 6px);
    padding: var(--main-system-2px, 2px) var(--main-system-10px, 10px) var(--main-system-2px, 2px) var(--main-system-10px, 10px);
    display: flex;
    flex-direction: row;
    gap: var(--main-system-4px, 4px);
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: absolute;
    right: 16px;
    top: 16px;
  }
  .address-card__label2 {
    color: var(--text-and-icons-light-success, #2aa63c);
    text-align: left;
    font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
    font-size: var(--text-s-medium-font-size, 14px);
    line-height: var(--text-s-medium-line-height, 20px);
    letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
    font-weight: var(--text-s-medium-font-weight, 500);
    position: relative;
  }
}
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.block {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 4rem 0;
}
@media only screen and (max-width: 1199.98px) {
  .block {
    padding: 1.5rem 0;
    gap: 1rem;
  }
}

/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer components.basic {
  .btn {
    display: inline-flex;
    padding: 0.625rem 1rem;
    align-items: center;
    gap: 0.375rem;
    cursor: pointer;
    white-space: nowrap;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: var(--roundness-round-inside, 6px);
    --icon-size: 18px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
    transition: 0.3s ease;
    transition-property: color, background-color;
  }
  .btn svg {
    width: var(--icon-size);
    height: var(--icon-size);
  }
  .btn[data-icon=link-external] {
    --mask-image: url(.././img/arrow-up-right.svg);
  }
  .btn[data-icon=link-external]::after {
    content: "";
    display: block;
    width: var(--icon-size, inherit);
    height: var(--icon-size, inherit);
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .btn::after {
    margin-inline-start: auto;
  }
  .btn[data-icon=dropdown] {
    --mask-image: url(.././img/chevron-down.svg);
  }
  .btn[data-icon=dropdown]::after {
    content: "";
    display: block;
    width: var(--icon-size, inherit);
    height: var(--icon-size, inherit);
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .btn::after {
    margin-inline-start: auto;
  }
  .btn[data-icon=goto] {
    --mask-image: url(.././img/arrow-right.svg);
  }
  .btn[data-icon=goto]::after {
    content: "";
    display: block;
    width: var(--icon-size, inherit);
    height: var(--icon-size, inherit);
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .btn::after {
    margin-inline-start: auto;
  }
  .btn[data-icon=left] {
    --mask-image: url(.././img/arrow-left.svg);
  }
  .btn[data-icon=left]::after {
    content: "";
    display: block;
    width: var(--icon-size, inherit);
    height: var(--icon-size, inherit);
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .btn::after {
    margin-inline-start: auto;
  }
  .btn[data-icon=right] {
    --mask-image: url(.././img/arrow-right.svg);
  }
  .btn[data-icon=right]::after {
    content: "";
    display: block;
    width: var(--icon-size, inherit);
    height: var(--icon-size, inherit);
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .btn::after {
    margin-inline-start: auto;
  }
  .btn[data-icon=up] {
    --mask-image: url(.././img/arrow-up.svg);
  }
  .btn[data-icon=up]::after {
    content: "";
    display: block;
    width: var(--icon-size, inherit);
    height: var(--icon-size, inherit);
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .btn::after {
    margin-inline-start: auto;
  }
  .btn-link {
    padding: 0;
    white-space: normal;
    color: var(--text-base);
  }
  .btn-link:is(:active, .is-active) {
    color: var(--text-muted);
  }
  .btn-link:hover, .btn-link:active:hover {
    color: var(--text-muted);
  }
  .btn-link.is-active {
    cursor: default;
  }
  .btn-link:disabled {
    color: var(--stroke-base);
  }
  .btn-primary {
    background: var(--bg-primary);
    color: var(--text-base);
  }
  .btn-primary:hover {
    background: var(--primary-700);
  }
  .btn-primary:is(:active, .is-active) {
    box-shadow: var(--btn-primary-box-shadow);
  }
  .btn-primary:disabled {
    background: var(--bg-base-subtle);
    color: var(--text-disabled);
  }
  .btn-secondary {
    outline: 1px solid var(--stroke-base);
    outline-offset: -1px;
    background: var(--bg-base);
    color: var(--text-base);
  }
  .btn-secondary:hover {
    background: var(--bg-base-subtle);
  }
  .btn-secondary:is(:active, .is-active) {
    box-shadow: var(--focused-gray-box-shadow);
  }
  .btn-secondary:disabled {
    background: var(--bg-base-subtle);
    border: none;
    box-shadow: none;
  }
  .btn-icon {
    padding: 0.5rem 0.5rem;
    justify-content: center;
  }
  .btn-icon::after {
    margin: 0;
  }
  .btn-social {
    padding: 0.5rem 0.5rem;
    background: var(--bg-social);
    color: var(--text-base);
    border-radius: var(--roundness-round-inside, 6px);
    border: 1px solid var(--stroke-base);
    --icon-size: 16px;
  }
  .btn-social:is(:hover, :active) {
    background: var(--bg-social-active);
  }
  .btn-map {
    background: url(.././img/footer-map.png);
    height: 82px;
    background-size: cover;
    justify-content: center;
  }
  .btn[data-form=round] {
    border-radius: 50%;
  }
  @media only screen and (max-width: 1199.98px) {
    .btn-m100 {
      width: 100%;
      justify-content: center;
    }
  }
}
@layer unverified {
  .btn:not(.btn--ignore-svg-fill):not(.btn--ignore-svg-stroke) svg {
    color: inherit;
    flex-shrink: 0;
    transition: 0.3s ease;
    transition-property: transform;
  }
  .btn:not(.btn--ignore-svg-fill):not(.btn--ignore-svg-stroke) svg [stroke] {
    color: inherit;
    stroke: currentcolor;
  }
  .btn:not(.btn--ignore-svg-fill):not(.btn--ignore-svg-stroke) svg [fill] {
    color: inherit;
    fill: currentcolor;
  }
  .btn.btn--ignore-svg-fill svg {
    color: inherit;
    transition: 0.3s ease;
    transition-property: transform;
  }
  .btn.btn--ignore-svg-fill svg [stroke] {
    color: inherit;
    stroke: currentcolor;
  }
  .btn.btn--ignore-svg-stroke svg {
    color: inherit;
    transition: 0.3s ease;
    transition-property: transform;
  }
  .btn.btn--ignore-svg-stroke svg [fill] {
    color: inherit;
    fill: currentcolor;
  }
  .btn_xl {
    padding: var(--main-system-16px, 16px) var(--main-system-24px, 24px);
    gap: var(--main-system-8px, 8px);
  }
}
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.button-cta {
  border-radius: var(--roundness-full-inside, 128px);
  padding: 1rem 1.5rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  height: 54px;
  box-shadow: var(--shadow-xsm-box-shadow, 0px 1px 2px 0px rgba(16, 24, 40, 0.04));
  width: 100%;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: var(--text-button-semibold-large-font-size, 15px);
  line-height: var(--text-button-semibold-large-line-height, 22px);
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease;
  transition-property: background-color, color;
}
@media only screen and (min-width: 1200px) {
  .button-cta {
    max-width: 360px;
  }
}
.button-cta_yellow {
  background: var(--text-and-icons-light-primary, #fbad01);
  color: var(--text-and-icons-light-base-main, #323539);
}
.button-cta_yellow:hover {
  background: var(--background-dark-base-second, #252525);
  color: var(--text-and-icons-light-on-color, #fff);
}
.button-cta_yellow:disabled {
  background: var(--background-light-base-second, #f8f9fb);
  color: var(--text-and-icons-light-disabled, #e5e5e7);
}
.button-cta_white {
  background: var(--background-light-base-main, #fff);
  color: var(--text-and-icons-light-base-main, #323539);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
}

/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer components {
  .checkbox-group {
    display: flex;
    background: var(--bg-base);
    outline: var(--border-width) solid var(--border-color);
    outline-offset: calc(-1 * var(--border-width));
    border-radius: var(--roundness-round-outside, 12px);
    padding: 1rem;
    gap: 1rem;
    cursor: pointer !important;
    -webkit-user-select: none;
            user-select: none;
    --border-width: 1px;
    --border-color: var(--stroke-base);
  }
  .checkbox-group[data-count="1"] {
    display: none;
  }
  @media only screen and (min-width: 1200px) {
    .checkbox-group {
      flex-direction: column;
    }
  }
  .checkbox-groups[data-count="1"] {
    display: none !important;
  }
  @media only screen and (min-width: 1200px) {
    .checkbox-groups > .swiper-wrapper {
      display: contents;
    }
    .checkbox-groups .swiper-notification {
      display: none;
    }
  }
  .checkbox-group:has(input:checked) {
    --border-width: 2px;
    --border-color: var(--stroke-primary);
    cursor: initial !important;
  }
  .checkbox-group:has(input:checked) .checkbox-group-check {
    --border-color: var(--bg-primary);
    background: var(--bg-primary);
    --mask-image: url(.././img/essentials-check.svg);
  }
  .checkbox-group:has(input:checked) .checkbox-group-check::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .checkbox-group-header {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
  }
  .checkbox-group-icon {
    outline: 1px solid var(--stroke-base);
    outline-offset: -1px;
    border-radius: var(--roundness-full-inside, 128px);
    padding: 0.5rem;
    display: flex;
    box-shadow: var(--shadow-xsm-box-shadow);
    flex-shrink: 0;
  }
  .checkbox-group-icon[data-icon=upload] {
    --mask-image: url(.././img/essentials-upload.svg);
  }
  .checkbox-group-icon[data-icon=upload]::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .checkbox-group-icon[data-icon=pantone] {
    --mask-image: url(.././img/software-pantone.svg);
  }
  .checkbox-group-icon[data-icon=pantone]::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .checkbox-group-icon[data-icon=pen] {
    --mask-image: url(.././img/software-pen-tool.svg);
  }
  .checkbox-group-icon[data-icon=pen]::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .checkbox-group-icon[data-icon=wand] {
    --mask-image: url(.././img/software-magic-wand.svg);
  }
  .checkbox-group-icon[data-icon=wand]::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .checkbox-group-title {
    display: block;
    margin-right: -1rem;
    color: var(--text-base);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.01em;
  }
  .checkbox-group-paragraph {
    display: block;
    margin-right: -0.5rem;
    color: var(--text-base-subtle);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
  }
  .checkbox-group-check {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline-start: auto;
    margin-block: 0.25rem;
    border-radius: var(--roundness-full-inside, 128px);
    padding: 0.125rem;
    border: 0.125rem solid var(--border-color);
    width: 1.25rem;
    height: 1.25rem;
  }
  @media only screen and (max-width: 1199.98px) {
    .checkbox-group-check {
      display: none;
    }
  }
  .checkbox-group input {
    display: none;
  }
}
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.headline {
  color: var(--text-and-icons-light-base-main);
  font-family: "Rf Rufo", sans-serif;
  font-size: 10rem;
  line-height: 0.9;
  letter-spacing: -0.02em;
  font-weight: 900;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199.98px) {
  .headline {
    font-size: 3.5rem;
    line-height: 1;
  }
}
.headline_small {
  font-size: 4rem;
}
@media only screen and (max-width: 1199.98px) {
  .headline_small {
    font-size: 2.25rem;
  }
}
.headline span {
  color: var(--text-and-icons-light-primary, #fbad01);
}

.notification {
  background: rgba(37, 37, 37, 0.5);
  border-radius: 16px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  backdrop-filter: blur(40px);
}
.notification__content {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.notification__notification-icon-type {
  background: #fff;
  border-radius: 10px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notification__notification-content {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.notification__title-description {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
  position: relative;
}
.notification__title {
  color: var(--label-color-dark-primary, #fff);
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.5px;
  font-weight: 600;
}
.notification__description {
  color: var(--label-color-dark-primary, #fff);
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-weight: 400;
}
.notification__time-image-preview {
  padding: 0px 4px 4px 0px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-end;
  align-self: stretch;
}
.notification__time {
  color: var(--label-color-dark-primary, #fff);
  text-align: right;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-weight: 400;
}

/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.steps {
  display: flex;
  gap: 1.5rem;
}
@media only screen and (max-width: 1199.98px) {
  .steps {
    flex-direction: column;
    gap: 0.5rem;
  }
}

.steps__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  color: var(--text-and-icons-light-base-second, #858c95);
  line-height: 1.5;
  letter-spacing: var(--text-l-regular-letter-spacing, -0.01em);
}
@media only screen and (min-width: 1200px) {
  .steps__item {
    background: var(--background-light-base-second, #f8f9fb);
    border-radius: 1.5rem;
    padding: 1.5rem 2rem;
    gap: 0.75rem;
  }
}
.steps__item:last-child .svg {
  display: none;
}

.steps__mobile-counter {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow-y: clip;
}
.steps__mobile-counter span {
  border-radius: 20px;
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  text-align: center;
  font-size: var(--text-l-medium-font-size, 16px);
  line-height: var(--text-l-medium-line-height, 24px);
  letter-spacing: var(--text-l-medium-letter-spacing, -0.01em);
  font-weight: var(--text-l-medium-font-weight, 500);
}
.steps__mobile-counter .svg {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.steps__mobile-counter svg {
  position: absolute;
}

.steps__wrap {
  display: flex;
  gap: 0.5rem;
}
@media only screen and (min-width: 1200px) {
  .steps__wrap {
    display: contents;
  }
}

.steps__wrap2 {
  font-size: var(--text-xs-regular-font-size, 13px);
  line-height: var(--text-xs-regular-line-height, 18px);
}
@media only screen and (min-width: 1200px) {
  .steps__wrap2 {
    display: contents;
  }
}

.steps__item-title {
  color: var(--text-and-icons-light-base-main, #323539);
  font-family: Inter, sans-serif;
  font-size: 1.375rem;
  line-height: 1.875rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  margin-top: 4px;
}
@media only screen and (max-width: 1199.98px) {
  .steps__item-title {
    font-size: var(--headline-xxs-mobile-bold-font-size, 18px);
    line-height: var(--headline-xxs-mobile-bold-line-height, 24px);
  }
}

/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.list-item {
  display: flex;
  padding: var(--Main-System-10px, 10px) 0;
  align-items: center;
  align-self: stretch;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--text-icons-light-base-main, #323539);
  border-bottom: 1px solid var(--Neutral-600, #eaebf0);
  gap: 6px;
  transition: 0.3s ease;
  transition-property: color;
}
.list-item._active {
  color: var(--Primary-800, #da8300);
}
@media only screen and (max-width: 1199.98px) {
  .list-item:focus {
    color: var(--Primary-800, #da8300);
  }
}

/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer components {
  .product-card {
    width: 100%;
    background: var(--bg-base-subtle);
    border-radius: var(--roundness-round-outside, 12px);
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: space-between;
    flex-shrink: 0;
    color: var(--text-base);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: 0.3s ease;
    transition-property: border-color, background-color, box-shadow;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-card {
      padding: 0.5rem 0.75rem;
    }
  }
  .product-card:hover {
    box-shadow: var(--focused-light-gray-box-shadow, 0 0 0 3px rgb(239, 241, 243));
  }
  .product-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-cards {
      grid-template-columns: repeat(2, 1fr);
      gap: 0.75rem;
    }
  }
  .product-card-title {
    height: 2lh;
    position: relative;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    letter-spacing: -0.01em;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-card-title {
      font-size: 0.8125rem;
      font-weight: 600;
      line-height: 1.125rem;
      letter-spacing: -0.01em;
    }
  }
  .product-card-image {
    aspect-ratio: 296/144;
    width: 100%;
    object-fit: contain;
    object-position: center;
  }
}
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer components {
  [data-icon]::after {
    content: "";
    display: block;
    width: var(--icon-size, inherit);
    height: var(--icon-size, inherit);
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
}
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer components {
  .alert {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    outline: 1px solid var(--stroke-base);
    outline-offset: -1px;
    border-radius: var(--roundness-round-outside, 12px);
    box-shadow: var(--shadow-xsm-box-shadow);
  }
  .alert, .alert[data-type=info] {
    --color: var(--text-primary);
  }
  .alert[data-type=warning] {
    --color: var(--text-warning);
  }
  .alert[data-type=error] {
    --color: var(--text-danger);
  }
  .alert[data-type=success] {
    --color: var(--text-success);
  }
  @media only screen and (max-width: 1199.98px) {
    .alert {
      gap: 0.5rem;
      padding: 1rem;
    }
  }
  .alert-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 24px;
    height: 30px;
    color: var(--color);
    --mask-image: url(.././img/essentials-alert.svg);
  }
  .alert-icon::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .alert-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.01em;
  }
  @media only screen and (max-width: 1199.98px) {
    .alert-title {
      font-size: 0.9375rem;
      font-weight: 500;
      line-height: 1.375rem;
      letter-spacing: -0.01em;
    }
  }
  .alert-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
}
@layer unverified {
  .alert__some-kind-of-alert {
    color: var(--text-and-icons-light-base-main, #323539);
    text-align: left;
    font-size: var(--headline-xs-desktop-medium-font-size, 22px);
    line-height: var(--headline-xs-desktop-medium-line-height, 30px);
    letter-spacing: var(--headline-xs-desktop-medium-letter-spacing, -0.01em);
    font-weight: var(--headline-xs-desktop-medium-font-weight, 500);
    position: relative;
    align-self: stretch;
  }
  .alert__this-is-an-alert-message-that-will-be-placed-inside-the-body-of-this-alert-box-it-is-important-to-note-that-these-alert-boxes-can-contain-any-kind-of-messages-from-informational-to-warning-to-success-ones {
    color: var(--text-and-icons-light-base-second, #858c95);
    text-align: left;
    font-size: var(--text-m-regular-font-size, 15px);
    line-height: var(--text-m-regular-line-height, 22px);
    font-weight: var(--text-m-regular-font-weight, 400);
    position: relative;
    align-self: stretch;
  }
  .alert__button-group {
    border-radius: var(--roundness-round-inside, 6px);
    border-style: solid;
    border-color: var(--stroke-light-base, #e5e5e7);
    border-width: 1px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(--shadow-xsm-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.04));
    overflow: hidden;
  }
  .alert__social-button {
    background: var(--background-light-base-main, #fff);
    border-radius: var(--roundness-square-inside, 1px);
    border-style: solid;
    border-color: var(--stroke-light-base, #e5e5e7);
    border-width: 1px;
    padding: var(--main-system-8px, 8px) var(--main-system-12px, 12px) var(--main-system-8px, 8px) var(--main-system-12px, 12px);
    display: flex;
    flex-direction: row;
    gap: var(--main-system-8px, 8px);
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(--shadow-xsm-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.04));
  }
  .alert__social-platforms-logos {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: hidden;
  }
  .alert__logo {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
  }
  .alert__sign-in-with-google {
    color: var(--text-and-icons-light-base-main, #323539);
    text-align: left;
    font-size: var(--text-button-semibold-small-font-size, 14px);
    line-height: var(--text-button-semibold-small-line-height, 20px);
    font-weight: var(--text-button-semibold-small-font-weight, 600);
    position: relative;
  }
  .alert__social-button2 {
    margin: 0 0 0 -1px;
    background: var(--background-light-base-main, #fff);
    border-radius: var(--roundness-square-inside, 1px);
    border-style: solid;
    border-color: var(--stroke-light-base, #e5e5e7);
    border-width: 1px;
    padding: var(--main-system-8px, 8px) var(--main-system-12px, 12px) var(--main-system-8px, 8px) var(--main-system-12px, 12px);
    display: flex;
    flex-direction: row;
    gap: var(--main-system-8px, 8px);
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(--shadow-xsm-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.04));
  }
  .alert__social-platforms-logos2 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
  }
  .alert__logo2 {
    width: 99.92%;
    height: 100%;
    position: absolute;
    right: 0.04%;
    left: 0.04%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
  }
  .alert__x-close-button {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
  }
  .alert__icon-button {
    border-radius: var(--roundness-square-inside, 1px);
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -2px;
    top: -2px;
    overflow: hidden;
  }
  .alert__symbols-close {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    position: relative;
    overflow: visible;
    cursor: pointer;
  }
  .alert__symbols-close:hover {
    color: #858c95;
  }
}
@layer components {
  @layer basic {
    /**
     * @mixin text
     *
     * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
     *   If size is different for Desktop and Mobile layouts,
     *   specify two parameters separated by space: xs s
     *
     * @param {String} $weight - Font weight: regular, medium, semibold, bold
     */
    .label {
      background: var(--background-light-base-second, #f8f9fb);
      color: initial;
      border-radius: 6px;
      padding: 2px 10px;
      display: flex;
      gap: 0.25rem;
      align-items: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1.25rem;
      letter-spacing: -0.1px;
    }
    .label svg {
      color: inherit;
      flex-shrink: 0;
      transition: 0.3s ease;
      transition-property: transform;
    }
    .label svg [stroke] {
      color: inherit;
      stroke: currentcolor;
    }
    .label svg [fill] {
      color: inherit;
      fill: currentcolor;
    }
    .label svg {
      flex-shrink: 0;
      width: 12px;
      height: 12px;
    }
    .label-primary {
      background: var(--background-light-primary-second, #fffbf0);
      color: var(--text-and-icons-light-primary, #fbad01);
    }
    .label-success {
      background: var(--background-light-success-second);
      color: var(--text-and-icons-light-success);
    }
  }
  /**
   * @mixin text
   *
   * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
   *   If size is different for Desktop and Mobile layouts,
   *   specify two parameters separated by space: xs s
   *
   * @param {String} $weight - Font weight: regular, medium, semibold, bold
   */
  .features {
    display: flex;
    gap: 1rem;
  }
  @media only screen and (min-width: 1200px) {
    .features {
      flex-wrap: wrap;
      padding: 1rem;
      border: 1px solid var(--stroke-light-base, #e5e5e7);
      border-radius: var(--roundness-round-outside, 12px);
      box-shadow: var(--shadow-xsm-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.04));
    }
    .features .swiper-wrapper {
      display: contents;
    }
    .features .swiper-notification {
      display: none;
    }
    .features .swiper-slide {
      margin: unset !important;
      cursor: unset !important;
    }
  }
  .features-item {
    display: flex;
    flex-direction: column;
    width: calc(50% - 1rem - 0.5px);
    gap: 2px;
  }
  .features-item:not(:last-child) {
    margin-right: 16px;
  }
  @media only screen and (max-width: 1199.98px) {
    .features-item {
      padding: 1rem;
      border: 1px solid var(--stroke-light-base, #e5e5e7);
      border-radius: var(--roundness-round-outside, 12px);
      box-shadow: var(--shadow-xsm-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.04));
    }
  }
  .features-head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .features-title {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
  }
  .features-text {
    color: var(--text-and-icons-light-base-second, #858c95);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: -0.1px;
  }
  .features-divider {
    border-left: 1px solid var(--stroke-light-base, #e5e5e7);
    flex-shrink: 0;
  }
  @media only screen and (max-width: 1199.98px) {
    .features-divider {
      display: none;
    }
  }
  .features-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
  }
  .features-icon:empty {
    --mask-image: url(.././img/menus-diagonal-expand-box.svg);
  }
  .features-icon:empty::after {
    content: "";
    display: block;
    width: var(--icon-size, inherit);
    height: var(--icon-size, inherit);
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  /**
   * @mixin text
   *
   * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
   *   If size is different for Desktop and Mobile layouts,
   *   specify two parameters separated by space: xs s
   *
   * @param {String} $weight - Font weight: regular, medium, semibold, bold
   */
  .feat-delivery {
    --gap: .75rem;
  }
  @media only screen and (min-width: 1200px) {
    .feat-delivery {
      border: 1px solid var(--stroke-base);
      border-radius: 0.75rem;
    }
  }
  .feat-delivery-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    order: 1;
  }
  .feat-delivery-title {
    display: flex;
    gap: 0.25rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: -0.01em;
  }
  .feat-delivery-title-wrapper {
    display: flex;
    gap: 0.75rem;
  }
  .feat-delivery-city {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
  }
  @media only screen and (max-width: 1199.98px) {
    .feat-delivery-city {
      margin-inline-start: auto;
    }
  }
  .feat-delivery-item {
    display: flex;
    flex-direction: column;
    height: unset;
  }
  @media only screen and (min-width: 1200px) {
    .feat-delivery-item {
      flex-shrink: 1;
      margin: 0 !important;
      cursor: default !important;
    }
    .feat-delivery-item + * {
      border-left: 1px solid var(--stroke-base);
    }
  }
  @media only screen and (max-width: 1199.98px) {
    .feat-delivery-item {
      width: 206px;
      border: 1px solid var(--stroke-base);
      border-radius: 0.75rem;
    }
  }
  .feat-delivery-item > * + * {
    border-top: 1px solid var(--stroke-base);
  }
  .feat-delivery-logo {
    padding: 0.625rem 1rem;
    background: var(--bg-base-subtle);
  }
  @media only screen and (max-width: 1199.98px) {
    .feat-delivery-logo {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }
  }
  .feat-delivery-title {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: -0.01em;
  }
  .feat-delivery-terms {
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
  }
  .feat-delivery-method {
    padding: 0.75rem 1rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  @media only screen and (min-width: 1200px) {
    .feat-delivery {
      display: flex;
    }
    .feat-delivery .swiper-wrapper {
      display: contents;
    }
  }
  /**
   * @mixin text
   *
   * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
   *   If size is different for Desktop and Mobile layouts,
   *   specify two parameters separated by space: xs s
   *
   * @param {String} $weight - Font weight: regular, medium, semibold, bold
   */
  .news-card {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    color: initial;
    text-decoration: unset;
    --opacity: 1;
    transition: 0.3s ease;
    transition-property: opacity, color;
  }
  @media only screen and (hover: hover) {
    .news-card:hover {
      color: var(--text-and-icons-light-base-second, #858c95);
      --opacity: 0.6;
    }
  }
  .news-card-slide {
    width: calc((100% - 48px) / 3);
  }
  @media only screen and (max-width: 1199.98px) {
    .news-card-slide {
      width: 100%;
    }
  }
  .news-card-info {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
  }
  @media only screen and (max-width: 1199.98px) {
    .news-card-info {
      font-size: 1.125rem;
      line-height: 1.5rem;
    }
  }
  .news-card-icon {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    position: relative;
  }
  .news-card-image {
    display: block;
    aspect-ratio: 456/268;
    border-radius: var(--roundness-round-outside, 12px);
    width: 100%;
    object-fit: cover;
    object-position: top;
    opacity: var(--opacity, 1);
    height: auto;
    transition: 0.3s ease;
    transition-property: opacity;
  }
  .news-card-date {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .news-card-views {
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .news-card-views .label {
    --mask-image: url(.././img/essentials-eye.svg);
  }
  .news-card-views .label::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/blocks/dropdown.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer components {
  .dropdown-list {
    background: var(--bg-base-subtle);
    border-radius: var(--roundness-round-inside, 6px);
    margin: 0;
    padding: 0.25rem 0;
    width: 280px;
    box-shadow: var(--shadow-xsm-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.04));
    opacity: var(--opacity, 0);
    position: absolute;
    top: calc(100% + 12px);
    z-index: 2;
    pointer-events: var(--pointer-events, unset);
    --outline-size: 1px;
    outline: var(--outline-size) solid var(--stroke-base);
    outline-offset: calc(-1 * var(--outline-size));
    transition: 0.3s ease;
    transition-property: opacity;
  }
  .dropdown-list-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-user-select: none;
            user-select: none;
    gap: 0.5rem;
    --pointer-events: none;
  }
  .dropdown-list-wrapper [data-icon]::after {
    transition: 0.3s ease;
    transition-property: transform;
  }
  .dropdown-list-wrapper .dropdown-list-wrapper .dropdown-list {
    --pointer-events: none;
    --opacity: 0;
    top: var(--top, 0);
    left: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .dropdown-list-wrapper .dropdown-list-wrapper.is-active .dropdown-list {
    --pointer-events: unset;
    --opacity: unset;
  }
  .dropdown-list-wrapper.is-active {
    --opacity: 1;
    --pointer-events: unset;
    --border: 1px solid var(--stroke-primary);
    --box-shadow: var(--focused-primary-box-shadow, 0 0 0 3px rgba(255, 243, 204, 1));
  }
  .dropdown-list-wrapper.is-active > [data-icon]::after {
    transform: rotateX(0.5turn);
    transition: 0.3s ease;
    transition-property: transform;
  }
  .dropdown-list-wrapper.is-active .dropdown-list-wrapper.is-active > [data-icon]::after {
    transform: rotate(-0.25turn);
    transition: 0.3s ease;
    transition-property: transform;
  }
  .dropdown-list-item {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  * + .dropdown-list .btn.btn-secondary {
    top: calc(100% + 3px);
  }
  .dropdown-list-title {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
  }
  .dropdown-list-group {
    display: flex;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
  }
  .dropdown-list > li {
    display: block;
  }
  .dropdown-list-button[data-value]::before {
    content: attr(data-value);
  }
  .dropdown-list-button.btn-secondary {
    outline: var(--border, revert-layer);
    box-shadow: var(--box-shadow, revert-layer);
    background: var(--bg-base-subtle);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.01em;
  }
  .dropdown-list > * > :first-child {
    color: var(--text-base);
    width: 100%;
    padding: 0.625rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
    transition: 0.3s ease;
    transition-property: color, background-color;
  }
  .dropdown-list > * > :first-child:hover, .dropdown-list > * > :first-child.is-active {
    background: var(--gradient-overlay-selected-gray, rgba(116, 122, 139, 0.15));
  }
  .dropdown-list > * > :first-child::after {
    margin-inline-start: auto;
  }
  .dropdown-list .region-active {
    --icon-size: 16px;
    --mask-image: url(.././img/essentials-check.svg);
  }
  .dropdown-list .region-active::after {
    content: "";
    display: block;
    width: var(--icon-size, inherit);
    height: var(--icon-size, inherit);
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
}
@layer unverified {
  .region-active {
    display: flex;
    background: var(--Gradient-Overlay-Selected-Gray, rgba(116, 122, 139, 0.15));
  }
  .popup .region-active {
    background: unset;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/blocks/tooltip.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer components {
  .tooltip {
    position: absolute;
    max-width: 530px;
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--stroke-base);
    box-shadow: var(--shadow-lg-box-shadow, 0 10px 15px -3px rgba(16, 24, 40, 0.1), 0 4px 6px -4px rgba(16, 24, 40, 0.1));
    border-radius: var(--roundness-round-outside, 12px);
    background: var(--bg-base);
    width: max-content;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease;
    transition-property: opacity;
  }
  @media only screen and (max-width: 1199.98px) {
    .tooltip {
      max-width: 90%;
    }
  }
  .tooltip.is-active {
    opacity: 1;
    pointer-events: unset;
  }
  .tooltip-arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--bg-base);
    transform: rotate(45deg);
    z-index: -1;
  }
  .tooltip-trigger {
    position: relative;
    cursor: default;
    display: flex;
    align-items: center;
    align-self: center;
    width: 1em;
    height: 1em;
    --mask-image: url(.././img/info.svg);
  }
  .tooltip-trigger::after {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  .tooltip-text {
    color: var(--text-base);
    text-align: center;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.375rem;
    letter-spacing: -0.01em;
  }
  .tooltip-description {
    color: var(--text-muted);
    text-align: center;
    position: relative;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
  }
  .tooltip:has(img) {
    padding: 0;
  }
  .tooltip img {
    width: 530px;
    height: 530px;
    object-fit: cover;
    display: block;
    border-radius: 6px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/layout/layout.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer layout {
  @media only screen and (min-width: 1200px) {
    footer {
      padding-block: 2rem;
    }
    footer .container {
      gap: 2rem;
    }
  }
  .nav-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }
  @media only screen and (max-width: 1199.98px) {
    .nav-section {
      gap: 6px;
    }
  }
  .nav-section-title {
    color: var(--text-muted);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: -0.01em;
  }
  .nav-section > ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
    margin: 0;
  }
  @media only screen and (max-width: 1199.98px) {
    .nav-section > ul {
      gap: 4px;
    }
  }
  .nav-section li {
    display: block;
  }
  .footer-social {
    gap: 10px;
  }
  .footer-info {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: -0.1px;
  }
  @media only screen and (max-width: 1199.98px) {
    .footer-info {
      order: 3;
      width: 50%;
    }
  }
  .footer-middle-item {
    background-color: var(--bg-base-subtle);
    border-radius: 14px;
    padding: 20px;
    gap: 0.5rem;
  }
  .footer-middle-item-header {
    color: var(--text-base);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
  @media only screen and (max-width: 1199.98px) {
    .footer-middle-item-header {
      font-size: 1.125rem;
      line-height: 1.5rem;
      letter-spacing: -0.015em;
    }
  }
  .footer-middle-item-text {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: -0.1px;
  }
  .footer-middle-item-map {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #252525;
  }
  .footer-middle-item-map::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(.././img/footer-map.png) no-repeat center;
    background-size: cover;
    mix-blend-mode: multiply;
  }
  .footer-middle-item-map span {
    position: relative;
  }
}
@layer unverified {
  .footer-bottom {
    justify-content: space-between;
    align-items: center;
  }
  .footer__divider_mobile {
    display: none;
  }
  .footer-bottom__company svg > path {
    transition: 0.3s ease;
  }
  .footer-bottom__logo {
    --mask-image: url(.././img/logo-copy-ru-theme-white.svg);
  }
  span:is(.footer-bottom__logo) {
    pointer-events: none;
    cursor: default;
  }
  .footer-bottom__logo::after {
    content: "";
    display: block;
    width: 128px;
    height: 32px;
    background: currentcolor;
    flex-shrink: 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
  }
  @media only screen and (max-width: 1199.98px) {
    .footer-top {
      flex-direction: column;
      gap: 1rem;
    }
    .footer-top__col {
      display: none;
    }
    .footer-top__col_contacts {
      display: flex;
    }
    .footer-top__col_contacts > .footer-top__link {
      display: none;
    }
    .footer-top__contacts {
      margin-bottom: 0;
    }
    .footer-top__col:last-child::before {
      content: "";
      width: 100%;
      height: 1px;
      background-color: #323539;
      margin-bottom: 16px;
    }
    .footer-top__col .footer-top__title {
      display: none;
    }
    .footer-top__col.show-mobile {
      display: flex;
    }
    .footer-middle__socials {
      gap: 8px;
      justify-content: space-between;
    }
    .footer-middle__contacts-col {
      justify-content: space-between;
    }
    .footer-middle__contacts-col:last-child {
      flex-direction: column-reverse;
      justify-content: flex-end;
    }
    .footer-middle__contacts-col:last-child a {
      justify-content: flex-end;
    }
    .footer-middle__contacts-row {
      flex-direction: row;
      justify-content: space-between;
      gap: 16px;
    }
    .footer-middle__col-discount {
      gap: 24px;
    }
    .footer-middle__col-discount .btn {
      min-width: 174px;
    }
    .footer-middle__col-discount .input {
      max-width: 100%;
      width: 100%;
    }
    .footer-middle__col {
      padding: 24px 0;
      border-bottom: 1px solid rgba(198, 184, 138, 0.24);
    }
    .footer-middle__col:nth-child(1) {
      order: 2;
    }
    .footer-middle__col:nth-child(2) {
      order: 3;
    }
    .footer-middle__col:nth-child(2) .footer-middle__title {
      display: none;
    }
    .footer-middle__col:nth-child(3) {
      padding-top: 0;
      order: 1;
    }
    .footer-middle + .footer__divider {
      display: none;
    }
    .footer-bottom {
      flex-wrap: wrap;
      gap: 12px;
      justify-content: space-between;
      align-items: center;
    }
    .footer-bottom__company {
      flex-direction: row;
    }
    .footer-social {
      order: 0;
      width: 100%;
      flex-wrap: wrap;
      gap: 14px;
    }
    .footer__divider_mobile {
      display: block;
      order: 1;
    }
    .footer-bottom__company {
      order: 2;
      width: 100%;
      padding: 0;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
    }
    .footer-bottom__logo {
      order: 4;
    }
  }
}
@layer defaults {
  :root {
    font-family: Inter, sans-serif;
    color: var(--text-base);
  }
  * {
    box-sizing: border-box;
  }
  :is(input, button, textarea, select) {
    font-family: inherit;
  }
  :is(h1, h2, h3, h4, h5, h6),
  :is(.h1, .h2, .h3, .h4, .h5, .h6) {
    margin: 0;
    padding: 0;
    font-weight: 600;
  }
  :is(h1, .h1) {
    font-size: 2.25rem;
    line-height: 2.75rem;
    font-weight: 600;
  }
  @media only screen and (max-width: 1199.98px) {
    :is(h1, .h1) {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  :is(h2, .h2) {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
  }
  @media only screen and (max-width: 1199.98px) {
    :is(h2, .h2) {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  :is(h3, .h3) {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
  }
  @media only screen and (max-width: 1199.98px) {
    :is(h3, .h3) {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }
  :is(ul, ol) {
    padding-inline-start: 1.25em;
  }
  p:first-child {
    margin-block-start: 0;
  }
  p:last-child {
    margin-block-end: 0;
  }
  :where(button) {
    color: unset;
  }
}
@layer layout {
  :root {
    --header-height: calc(var(--header-middle-height, 0px) + var(--wp-admin--admin-bar--height, 0px));
  }
  * {
    scroll-margin-top: calc(var(--header-height) + var(--scroll-offset, 0px));
  }
  @layer blocks {
    .row {
      display: flex;
      flex-direction: row;
      gap: 1.5rem;
    }
    @media only screen and (max-width: 1199.98px) {
      .row {
        gap: 1rem;
      }
    }
    @media only screen and (min-width: 1200px) {
      .row-even > * {
        width: calc(50% - 0.75rem);
      }
    }
    .col {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }
    @media only screen and (max-width: 1199.98px) {
      .col {
        gap: 1rem;
      }
    }
    .grid {
      display: grid;
      gap: 1rem;
    }
    @media only screen and (min-width: 1200px) {
      .grid {
        gap: 1.5rem;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
      }
    }
    @media only screen and (max-width: 1199.98px) {
      .show-desktop {
        display: none !important;
      }
    }
    @media only screen and (min-width: 1200px) {
      .show-mobile {
        display: none !important;
      }
    }
    @media only screen and (min-width: 1200px) {
      .ignore-desktop {
        display: contents !important;
      }
    }
    @media only screen and (max-width: 1199.98px) {
      .ignore-mobile {
        display: contents !important;
      }
    }
    .is-hidden {
      display: none !important;
    }
    .container {
      --padding-x: 1.5rem;
      width: 100%;
      margin: 0 auto;
      padding-inline: var(--padding-x, 0);
    }
    .container .container {
      --padding-x: 0;
    }
    @media only screen and (min-width: 1200px) {
      .container {
        max-width: calc(1416px + 2 * var(--padding-x));
      }
    }
    .section {
      --padding-y: 2.5rem;
      padding-block: var(--padding-y, 0);
      background: var(--bg-base);
    }
    .section-header {
      display: flex;
      gap: 1.25rem;
      width: 100%;
      justify-content: space-between;
      align-items: end;
    }
    @media only screen and (max-width: 1199.98px) {
      .section {
        --padding-y: 1.5rem;
      }
    }
    .divider {
      width: 100%;
      margin-top: -1px;
      height: 1px;
      background-color: var(--stroke-base);
    }
  }
}
html {
  min-height: 100%;
  margin-block-start: 0 !important;
}

html, body, .void, .wrapper, .page-nwp {
  display: flex;
  flex-direction: column;
  flex: 1;
}

#wpadminbar {
  position: sticky;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/layout/header.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
header {
  background: var(--base-white, #fff);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0);
  z-index: 2;
  box-shadow: var(--shadow-soft-shadow-box-shadow, 0px 4px 8px 0px rgba(113, 128, 150, 0.08), 0px 0px 1px 0px rgba(113, 128, 150, 0.04));
}
header .links {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
header .logo {
  display: flex;
  align-items: center;
}
header .logo a:hover .hover-white {
  fill: white;
}
header .logo a:hover .hover-black {
  fill: black;
}
header .logo svg {
  display: block;
}
header .logo svg path {
  transition: 0.3s ease;
  transition-property: fill;
}

.nav {
  background: var(--stroke-base, #323539);
  padding-block: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.nav .container {
  gap: var(--main-system-20px, 20px);
}
.nav .links {
  margin-inline-start: auto;
}
.nav .btn-link {
  font-weight: 600;
  letter-spacing: -0.01em;
}
.nav .btn-link svg, .nav .btn-link img {
  color: var(--text-primary);
  width: 16px;
  height: 16px;
}
.nav2 {
  padding-block: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav2 .btn-secondary {
  --mask-image: url(.././img/essentials-user-fill.svg);
}
.nav2 .btn-secondary::before {
  content: "";
  display: block;
  width: var(--icon-size, inherit);
  height: var(--icon-size, inherit);
  background: currentcolor;
  flex-shrink: 0;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: var(--mask-image);
          mask-image: var(--mask-image);
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/old/dropdown.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.dropdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  border-radius: 20px;
  transition: 0.3s ease;
  position: absolute;
  background: white;
}

.dropdown__wrapper {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 38px;
}

.dropdown__wrapper:focus-within {
  z-index: 3;
}

.dropdown:focus-within {
  border-color: var(--color-primary-main);
}

.dropdown__col {
  width: 100%;
  padding: 0 12px;
  max-height: 0;
  height: 100%;
  transition: 0.3s ease;
  z-index: 1;
}

.dropdown__col-wrapper {
  gap: 8px;
  overflow: auto;
  padding-right: 8px;
}

.dropdown__col-wrapper::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #858c95;
  border-radius: 4px;
}

.dropdown__col-wrapper::-webkit-scrollbar {
  border-radius: 4px;
  padding: 0;
  margin: 0;
  width: 6px;
}

.dropdown__row {
  width: 100%;
  padding: 1px 3px 1px 12px;
  transition: 0.3s ease;
  height: 36px;
  align-items: center;
}

.dropdown__result-after {
  color: #b7b5ae;
  font-size: 12px !important;
  line-height: 13.8px !important;
}

.dropdown__result-text {
  font-size: 14px !important;
  line-height: 22px;
  width: 100%;
  max-width: 100%;
  text-align: left;
}

.dropdown__result {
  padding: 4px 8px;
  border-radius: 20px;
  transition: 0.1s ease;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.dropdown__result mark {
  color: var(--color-primary-main);
}

.dropdown__result--error {
  color: #ed2d21;
  pointer-events: none;
}

.dropdown__result--error:hover {
  background: transparent;
}

.dropdown__button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 8px 12px;
  transition: 0.3s ease;
  border-radius: 20px;
}

.dropdown__button svg {
  transition: 0.3s ease;
}

.dropdown__button--clear {
  display: none;
}

.dropdown__input {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
}

.dropdown__input::placeholder {
  color: #b7b5ae;
}

.dropdown--filled {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.dropdown--filled .dropdown__col {
  max-height: 156px;
  padding: 12px;
}

.dropdown--filled .dropdown__row {
  border-radius: 20px 20px 0 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1019607843);
}

.dropdown--filled .dropdown__button:not(.dropdown__button--search) svg {
  transform: rotate(180deg);
}

.dropdown--error:focus-within {
  border-color: #ed2d21;
}

.dropdown-classic {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dropdown-classic__title {
  font-size: 14px;
  line-height: 22px;
}

.dropdown-classic__wrapper {
  position: relative;
  z-index: 2;
  height: 38px;
}

.dropdown1 .dropdown-classic__wrapper {
  position: relative;
  z-index: 2;
  height: 41.6px;
}

.dropdown-classic__inner {
  border-radius: 20px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
}

.dropdown1 .dropdown-classic__inner {
  border-radius: 6px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #f8f9fb;
}

.dropdown1.is-active .dropdown-classic__inner {
  border-color: #fbad01;
  box-shadow: 0 0 0 3px #fff3cc;
}

.dropdown1 .dropdown-classic__col {
  height: 0;
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% + 16px);
  border: 1px solid transparent;
  border-radius: 6px;
  background-color: #f8f9fb;
  opacity: 0;
}

.dropdown1 .dropdown-classic__col-wrapper {
  overflow: auto;
}

.dropdown1.is-active .dropdown-classic__col {
  opacity: 1;
  height: auto;
  border: 1px solid #e5e5e7;
}

.dropdown-classic__header {
  display: flex;
  align-items: center;
  padding: 3px 3px 3px 12px;
  height: 38px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  border-radius: 20px;
}

.dropdown1 .dropdown-classic__header {
  display: flex;
  align-items: center;
  padding: 3px 3px 3px 12px;
  height: 40px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  border-radius: 6px;
}

.dropdown-classic__value {
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.dropdown-classic__value span {
  cursor: inherit;
}

.dropdown1 .dropdown-classic__value {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: #f8f9fb;
}

.dropdown1 .dropdown-classic__value.is-placeholder {
  color: #858c95;
}

.dropdown-classic__value.is-placeholder {
  color: #b7b5ae;
}

.dropdown-classic__value-footnote {
  color: #b7b5ae;
  font-size: 12px !important;
  line-height: 13.8px !important;
  margin-left: auto;
}

.dropdown-classic__col {
  width: 100%;
  padding: 0 12px;
  max-height: 0;
  height: 100%;
  transition: 0.3s ease;
  z-index: 1;
}

.dropdown1 .dropdown-classic__col {
  padding: 0 4px;
}

.dropdown-classic__col-wrapper {
  gap: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 8px;
}

/*.dropdown1 .dropdown-classic__col-wrapper {*/
/*  overflow: hidden;*/
/*}*/
.dropdown-classic__col-wrapper::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #858c95;
  border-radius: 4px;
}

.dropdown-classic__col-wrapper::-webkit-scrollbar {
  border-radius: 4px;
  padding: 0;
  margin: 0;
  width: 6px;
}

.dropdown-classic__select {
  font-size: 14px;
  line-height: 22px;
  height: max(30px, 100%);
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: 0.3s ease;
  border-radius: 20px;
  padding: 4px 8px;
  gap: 4px;
  text-align: left;
}

.dropdown1 .dropdown-classic__select {
  font-size: 14px;
  line-height: 20px;
  height: max(30px, 100%);
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  transition: 0.3s ease;
  border-radius: 20px;
  padding: 4px 8px;
  gap: 8px;
  text-align: left;
}

.dropdown-classic__select[data-tab] {
  justify-content: flex-start;
  gap: 4px;
}

.dropdown-classic__select.tab--active {
  background: transparent;
}

.dropdown-classic__select.is-checked {
  background: transparent;
  color: var(--color-primary-main);
}

.dropdown-classic__select.is-checked path {
  stroke: var(--color-primary-main);
}

.dropdown-classic__button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 8px 12px;
  transition: 0.3s ease;
  border-radius: 20px;
}

.dropdown-classic__button svg {
  transition: 0.3s ease;
}

.dropdown-classic.is-closing {
  z-index: 3;
}

.dropdown-classic.is-active {
  z-index: 4;
}

.dropdown-classic.is-active .dropdown-classic__inner {
  border-color: var(--color-primary-main);
}

.dropdown-classic.is-active .dropdown-classic__col {
  max-height: 156px;
  padding: 12px;
}

.dropdown1.dropdown-classic.is-active .dropdown-classic__col {
  max-height: 180px;
  padding: 12px 4px;
}

.dropdown-classic.is-active .dropdown-classic__header {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1019607843);
  border-radius: 20px 20px 0 0;
}

.dropdown-classic.is-active .dropdown-classic__button svg {
  transform: rotate(180deg);
}

.dropdown-classic::after {
  content: "Значение неверное";
  color: #ed2d21;
  display: none;
  font-size: 12px;
  line-height: 14px;
}

.dropdown-classic--error::after {
  display: block;
}

.dropdown-classic--error .dropdown-classic__inner {
  border-color: #ed2d21;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/old/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
html,
body {
  scrollbar-gutter: stable;
  max-width: 100%;
  width: 100%;
}

html.is-active body {
  overflow: hidden;
  padding-right: var(--scrollWidth);
}

.font-body {
  font-size: 14px;
  line-height: 22px;
}

.font-footnote {
  font-size: 12px;
  margin: 0;
}

.font-control {
  font-size: 14px;
  line-height: 18px;
}

@layer deprecated {
  :where(a, .is_hover):not(.not-hover) {
    transition: 0.3s color ease, 0.3s background-color ease;
  }
  :where(a, .is_hover):not(.not-hover) path {
    transition: 0.3s fill ease, 0.3s stroke ease;
  }
}
a[href^="tel:"] {
  white-space: nowrap;
}

mark {
  font: inherit;
}

.upc {
  text-transform: uppercase;
}

.tdu {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a:has(> .tag) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}

.tag {
  padding: 4px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 20px;
  transition: 0.3s ease;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}

.tag--card {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 4px 8px;
}

.tag--first {
  background-color: #f7f7f7;
}

.tag--second {
  background-color: #a3c2f1;
}

.tag--third {
  border: 1px dashed #222220;
}

.tag--four {
  background-color: #f7f7f7;
}

.tag--five {
  background-color: transparent;
}

.tab-item {
  display: none !important;
}

.tab-item--active {
  display: flex !important;
}

.tab {
  display: flex;
  padding: 5px 8px;
  font-size: 14px;
  line-height: 22px;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  border-radius: 20px;
  background-color: #f7f7f7;
  transition: 0.3s ease;
  cursor: pointer;
}

.tab--disabled {
  pointer-events: none;
  opacity: 0.4;
}

.tab--active {
  background-color: var(--color-primary-main);
}

.input-footer {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 22px;
}

.input-footer::placeholder {
  color: #b7b5ae;
}

.input-footer--first {
  background-color: #fff;
  border-radius: 20px;
}

.input {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.input1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.input__title {
  display: flex;
  gap: 8px;
}

.input__title--required {
  display: flex;
}

.input__title--required::after {
  content: "*";
  display: block;
  font: inherit;
  color: #c8322b;
}

.input__button {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  right: 3px;
  top: 2px;
  cursor: pointer;
  border-radius: 20px;
  transition: 0.3s ease;
  transform: scale(0);
}

.input1 .input__button {
  padding: 8px 12px;
  right: 2px;
  top: 4px;
}

.input__button--rewrite {
  transform: scale(1);
}

.input__button--active {
  transform: scale(1);
}

.input__input {
  width: 100%;
}

.input__input::placeholder {
  color: #b7b5ae;
  font-family: inherit;
}

.input__wrapper {
  position: relative;
  align-items: center;
  background-color: #fff;
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  border: 1px solid rgba(198, 184, 138, 0.24);
  border-radius: 20px;
  transition: 0.3s ease;
  height: 38px;
}

.input1 .input__wrapper {
  position: relative;
  align-items: center;
  background-color: #f8f9fb;
  display: flex;
  gap: 4px;
  padding: 9px 40px 9px 12px;
  border: 1px solid rgba(198, 184, 138, 0.24);
  border-radius: 6px;
  transition: 0.3s ease;
  height: 40px;
}

.input__wrapper:has(.suggestions-input) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 10px 36px 10px 12px;
}

.suggestions-input {
  line-height: 20px;
}

.input__wrapper::placeholder {
  color: #b7b5ae;
}

.input1 .input__wrapper .input__input {
  font-weight: 500;
}

.input1 .input__wrapper .input__input::placeholder {
  color: #858c95;
  font-weight: 400;
}

.input__wrapper:focus-within {
  border-color: var(--color-primary-main);
}

.input1 .input__wrapper:focus-within {
  border-color: #fbad01;
  box-shadow: 0 0 0 3px #fff3cc;
}

.input1 .input--filled .input__wrapper {
  padding: 9px 48px 9px 12px;
}

.input--error .input__wrapper {
  border-color: #ed2d21;
}

.input::after {
  content: "Значение неверное";
  color: #ed2d21;
  display: none;
  font-size: 12px;
  line-height: 14px;
}

.input--cart .input__wrapper {
  border-style: none;
}

.input--cart .input__wrapper mark {
  display: block;
  margin-right: 40px;
}

.input--cart.input--active .input__wrapper {
  background-color: #fff;
  border-style: solid;
}

.input--cart.input--active .input__wrapper mark {
  margin-right: 0;
}

.input--error::after {
  display: block;
}

.input__tooltip {
  display: flex;
  align-items: center;
  position: relative;
}

.input__tooltip::after {
  content: attr(data-tooltip);
  padding: 4px 8px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
  background-color: #fff;
  bottom: calc(100% + 2px);
  left: 50%;
  transform: translate(-50%, 5px);
  opacity: 0;
  transition: 0.3s ease;
  z-index: 1;
  pointer-events: none;
  line-height: 13.8px;
  border-radius: 20px;
}

.input__tooltip:hover::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

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

.checkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.checkbox__text {
  font-size: 14px !important;
  line-height: 22px !important;
}

.checkbox__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.checkbox__input:checked + .checkbox__box {
  background-color: var(--color-primary-main);
  border-color: var(--color-primary-main);
}

.checkbox__box {
  min-width: 16px;
  min-height: 16px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  background-color: #fff;
  border-radius: 4px;
}

.checkbox__tooltip {
  display: flex;
  align-items: center;
  position: relative;
}

.checkbox__tooltip::after {
  content: attr(data-tooltip);
  padding: 4px 8px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
  background-color: #fff;
  bottom: calc(100% + 2px);
  left: 50%;
  transform: translate(-50%, 5px);
  opacity: 0;
  transition: 0.3s ease;
  z-index: 1;
  pointer-events: none;
  line-height: 13.8px;
  border-radius: 20px;
}

.checkbox__tooltip:hover::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

.textarea__title {
  margin-bottom: 8px;
}

.textarea__wrapper {
  background-color: #fff;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  border-radius: 20px;
  padding: 8px 9px 14px 12px;
  min-height: 160px;
}

.textarea__textarea {
  width: 100%;
  min-height: 138px;
  height: 100%;
  resize: vertical;
  position: relative;
}

.textarea__textarea::-webkit-resizer {
  background: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.0713 4.70702L4.70732 11.071M11.1571 7.62122L7.62156 11.1568%27 stroke=%27%23222220%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}

@layer deprecated {
  *:not(:is(ul, ol, p, div, a)) {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 0;
    outline: none;
    background: transparent;
    -webkit-text-decoration: none;
    text-decoration: none;
    scroll-behavior: smooth;
  }
}
.wrapper--active::after {
  content: "";
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 2;
  display: block;
}

.page-nwp {
  flex-grow: 1;
  overflow-x: hidden;
  overflow-x: clip;
}

body.is-active {
  height: 100vh;
  overflow-y: hidden;
}

.scroll-behavior-auto {
  scroll-behavior: auto !important;
}

.section-header__title--search {
  font-weight: 400;
  font-size: 34px;
  line-height: 42px;
  font-family: Roboto, sans-serif;
}

/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer components {
  .breadcrumbs {
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 40px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
  }
  .section .breadcrumbs {
    margin-top: 0;
  }
  .breadcrumbs a {
    color: inherit;
    display: flex;
    gap: 0.25rem;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .breadcrumbs a:hover {
    color: var(--text-base);
  }
  @media only screen and (min-width: 1200px) {
    .breadcrumbs .home {
      --mask-image: url(.././img/essentials-home.svg);
    }
    .breadcrumbs .home::before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      background: currentcolor;
      flex-shrink: 0;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-image: var(--mask-image);
              mask-image: var(--mask-image);
    }
    .breadcrumbs > :last-child {
      color: var(--text-primary);
    }
    .breadcrumbs-separator {
      --mask-image: url(.././img/symbols-slash.svg);
    }
    .breadcrumbs-separator::after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      background: currentcolor;
      flex-shrink: 0;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-image: var(--mask-image);
              mask-image: var(--mask-image);
    }
  }
  @media only screen and (max-width: 1199.98px) {
    .breadcrumbs {
      gap: 0.5rem;
    }
    .breadcrumbs [property=itemListElement] {
      display: none;
    }
    body.archive .breadcrumbs {
      display: none;
    }
    body.single .breadcrumbs :nth-last-child(3) {
      display: flex;
      gap: 0.5rem;
      color: var(--text-base);
      align-items: center;
      font-size: 1.25rem;
      line-height: 1.75rem;
      letter-spacing: -0.015em;
      font-weight: 600;
    }
  }
  @media only screen and (max-width: 1199.98px) and (max-width: 1199.98px) {
    body.single .breadcrumbs :nth-last-child(3) {
      font-size: 1.125rem;
      line-height: 1.5rem;
      letter-spacing: -0.015em;
    }
  }
  @media only screen and (max-width: 1199.98px) {
    body.single .breadcrumbs :nth-last-child(3) a {
      background: var(--bg-base);
      border-radius: var(--roundness-round-inside, 6px);
      border: 1px solid var(--stroke-base, #e5e5e7);
      padding: 0.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      box-shadow: var(--shadow-xsm-box-shadow);
      color: var(--text-base);
      --mask-image: url(.././img/arrow-left.svg);
    }
    body.single .breadcrumbs :nth-last-child(3) a::after {
      content: "";
      display: block;
      width: 24px;
      height: 24px;
      background: currentcolor;
      flex-shrink: 0;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-image: var(--mask-image);
              mask-image: var(--mask-image);
    }
    body.single .breadcrumbs :nth-last-child(3) a span {
      display: none;
    }
    .breadcrumbs-separator {
      display: none;
    }
  }
}
.copycenter {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.copycenter::before,
.copycenter::after {
  content: "";
  border-radius: 20px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease;
}

.copycenter::after {
  z-index: 1;
  border: 2px solid var(--color-primary-main);
  opacity: 0;
}

.copycenter__work {
  min-height: 44px;
  justify-content: flex-end;
}

.copycenter__work .row {
  justify-content: space-between;
}

.copycenter__text--time {
  color: #b7b5ae;
}

.copycenter__text--address {
  min-height: 44px;
}

.copycenter__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.copycenter a.copycenter__text {
  z-index: 1;
  position: relative;
}

.copycenter-header__title {
  font-weight: 500;
  font-family: Roboto, sans-serif;
}

.map-copycenter-list {
  margin-top: 24px;
  gap: 16px;
}

.copycenter-horiz {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 12px 14px;
  border-radius: 20px;
  position: relative;
  gap: 12px 24px;
  background-color: #fff;
}

.copycenter-horiz::before,
.copycenter-horiz::after {
  content: "";
  border-radius: 20px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease;
}

.copycenter-horiz::after {
  z-index: 1;
  border: 2px solid var(--color-primary-main);
  opacity: 0;
}

.copycenter-horiz__content {
  align-items: center;
  display: flex;
  gap: 16px 30px;
  flex-grow: 1;
}

.copycenter-horiz a {
  position: relative;
  z-index: 1;
}

.copycenter-horiz__link {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute !important;
}

.copycenter-horiz .copycenter-header {
  max-width: min(27.7777vw, 400px);
  width: 100%;
  min-width: 300px;
}

.copycenter-horiz .copycenter__text--address {
  height: auto;
  min-height: min(1.527777vw, 22px);
  width: 100%;
  max-width: 394px;
}

.copycenter-horiz .copycenter__work {
  max-width: 240px;
  width: 100%;
  height: auto;
  min-height: min(1.527777vw, 22px);
  justify-content: center;
}

.copycenter-horiz .copycenter__work .row {
  gap: 16px;
  justify-content: flex-start;
}

.copycenter-horiz .copycenter__text {
  min-height: auto;
  display: flex;
  align-items: center;
}

.copycenter-horiz .copycenter__text--mobile {
  display: none;
}

.copycenter-map {
  height: 96px;
}

.copycenter-map__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copycenter-content {
  padding: 12px;
  gap: 16px;
}

.copycenter-header {
  align-items: center;
  gap: 4px;
}

.copycenter-header > svg {
  min-width: 24px;
  min-height: 24px;
}

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

.copycenter-header__walk {
  gap: 2px;
  align-items: center;
  flex-shrink: 0;
}

.copycenter-button {
  display: flex;
  align-items: center;
  padding: 12px 14px;
  border-radius: 20px;
  position: relative;
  gap: 12px 24px;
  width: 100%;
  height: auto;
  max-width: 100%;
  background-color: #fff;
}

.copycenter-button::before,
.copycenter-button::after {
  content: "";
  border-radius: 20px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease;
}

.copycenter-button::after {
  z-index: 1;
  border: 2px solid var(--color-primary-main);
  opacity: 0;
}

.copycenter-button__content {
  align-items: center;
  display: flex;
  gap: 16px 30px;
  flex-grow: 1;
}

.copycenter-button a {
  position: relative;
  z-index: 1;
}

.copycenter-button__col {
  gap: 8px;
  height: 100%;
  justify-content: space-between;
}

.copycenter-button__button {
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute !important;
}

.copycenter-button .map-copycenter-time__text {
  white-space: nowrap;
}

.copycenter-button .copycenter-header {
  width: 100%;
  min-width: 300px;
}

.copycenter-button .copycenter__text {
  min-height: auto;
  display: flex;
  align-items: center;
}

.copycenter-button .copycenter__text--pc {
  margin-left: auto;
  white-space: nowrap;
}

.copycenter-button .copycenter__text--mobile {
  display: none;
  margin-bottom: 15px;
  margin-left: 0;
}

.copycenter-button .copycenter__text--address {
  height: auto;
  min-height: min(1.527777vw, 22px);
  width: 100%;
  max-width: 394px;
  margin-left: auto;
}

.copycenter-button .copycenter__work {
  max-width: 288px;
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: flex-end;
}

.copycenter-button .copycenter__work .row {
  gap: 16px;
  justify-content: flex-start;
}

.card-portfolio {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.card-portfolio .card-portfolio__text {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card-portfolio .card-portfolio__header {
  color: #fff;
  text-align: center;
  padding: 1em 0.5em 0;
  font-weight: 900;
  text-shadow: 1px 1px 1px #222220;
  font-size: 23px;
}

.card-portfolio:hover .card-portfolio__text {
  opacity: 1;
}

.card-portfolio:hover img {
  filter: blur(4px);
}

.card-portfolio__img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s all ease;
}

.card-portfolio::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.fastorder-trigger_mobile {
  display: none;
}

.promo {
  position: relative;
}

.promo__img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  left: 0;
  top: 0;
  z-index: -1;
}

.promo .container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 80px;
}

.promo__close {
  padding: 12px;
  background-color: var(--color-primary-main);
  transition: 0.3s ease;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: revert;
  --mask-image: url(.././img/symbols-close.svg);
}
.promo__close:hover {
  color: var(--text-muted);
}
.promo__close::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: currentcolor;
  flex-shrink: 0;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: var(--mask-image);
          mask-image: var(--mask-image);
}

@media only screen and (max-width: 1199.98px) {
  .news-slider {
    padding: 0 !important;
    margin-top: -10px !important;
  }
}

.news-slider-swiper {
  height: 260px;
  border-radius: 20px;
  overflow: hidden;
}

.news-slider-slide__img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map-button {
  display: none;
}

.map-copycenter {
  width: 100%;
  height: 440px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.map-copycenter-item {
  display: flex;
  padding: 12px;
  gap: 12px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 67px;
  border-radius: 20px;
  transition: 0.3s ease;
  transform: translateY(-50%) scale(0);
}

.map-copycenter-item--active {
  transform: translateY(-50%) scale(1);
}

.map-copycenter-item__top {
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.map-copycenter-item__close {
  padding: 12px;
  display: flex;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.map-copycenter-item__button {
  display: flex;
}

.map-copycenter-item__button--mobile-taxi,
.map-copycenter-item__button--mobile {
  display: none;
}

.map-copycenter-info {
  gap: 16px;
}

.map-copycenter-info__work {
  display: none;
}

.map-copycenter-info__row {
  align-items: center;
  gap: 2px;
}

.map-copycenter-time {
  gap: 4px;
}

.map-copycenter-time__text {
  font-size: 14px !important;
  line-height: 22px !important;
  color: #b7b5ae;
}

.map-copycenter-work {
  margin-bottom: 2px;
}

.map-copycenter-work p {
  color: #b7b5ae;
}

.map-copycenter-work--buttons {
  margin-top: 16px;
  margin-bottom: 0;
  gap: 12px;
}

.map-copycenter-mark {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  cursor: pointer;
}

.map-copycenter-mark__icon {
  position: absolute;
  top: 10px;
  left: 9px;
}

.map-copycenter-mark__wrapper {
  width: 32px;
  height: 44px;
}

.map-copycenter-mark__wrapper path {
  transition: 0.3s ease;
}

.map-copycenter-mark::after {
  content: attr(data-title);
  position: absolute;
  display: block;
  left: calc(100% - 10px);
  z-index: -1;
  top: 8px;
  padding: 4px 4px 4px 12px;
  font-size: 8px;
  line-height: 8px;
  background: rgba(255, 255, 255, 0.6980392157);
}

.portfolio-content {
  gap: 24px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.portfolio-item {
  width: calc(16.6666666667% - 20px);
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.portfolio-item img {
  width: 100%;
  height: 100%;
}

.portfolio-item .portfolio-item__text {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.portfolio-item .portfolio-item__header {
  color: #fff;
  text-align: center;
  padding: 1em 0.5em 0;
  font-weight: 900;
  text-shadow: 1px 1px 1px #222220;
  font-size: 18px;
}

.portfolio-item:hover .portfolio-item__text {
  opacity: 1;
}

.portfolio-item:hover img {
  filter: blur(2px);
}

.portfolio-button {
  -webkit-text-decoration: none;
  text-decoration: none;
  display: none;
}
.portfolio-button .btn {
  justify-content: center;
}

.portfolio-popup {
  padding: 88px 24px;
  gap: 24px;
  align-items: center;
}

.portfolio-popup__button {
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.portfolio-popup__button--prev {
  transform: rotate(-180deg);
}

.portfolio-popup__wrapper {
  gap: 24px;
  width: 100%;
}

.portfolio-popup__swiper {
  flex-grow: 1;
  max-width: 650px;
  width: 100%;
  height: 360px;
}

.portfolio-popup__swiper .swiper {
  height: 100%;
}

.portfolio-popup-info {
  max-width: 450px;
  width: 100%;
  flex-grow: 1;
  gap: 24px;
}

.portfolio-popup-info__date {
  color: #b7b5ae;
}

.portfolio-popup-info__text {
  white-space: nowrap;
}

.portfolio-popup-info span {
  white-space: nowrap;
}

.portfolio-popup-info__row {
  gap: 24px;
  align-items: center;
}

.portfolio-popup-info__content {
  gap: 16px;
}

.portfolio-popup-info__header {
  gap: 8px;
}

.popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
  z-index: 10;
  pointer-events: none;
  overflow: hidden;
  overscroll-behavior: none;
}

.popup-wrapper--active {
  background: rgba(34, 34, 32, 0.25);
  pointer-events: auto;
}

.popup-search__row {
  padding: 8px 0;
  gap: 8px;
  align-items: flex-start;
}

.popup-search__col {
  width: 100%;
}

.popup-copycenter-list {
  gap: 12px;
  padding: 0 12px;
  overflow: auto;
  height: calc(100vh - 164px);
}

.popup-order__col {
  gap: 4px;
  width: 100%;
}

.popup-order--contact .dropdown-classic__value,
.popup-order--contact .dropdown-classic__select {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  font-size: 15px;
  line-height: 22px;
}

.popup-order--contact .dropdown-classic__value input[type=radio],
.popup-order--contact .dropdown-classic__select input[type=radio] {
  display: none;
}

.popup-order--contact .dropdown-classic__value img,
.popup-order--contact .dropdown-classic__value svg,
.popup-order--contact .dropdown-classic__select img,
.popup-order--contact .dropdown-classic__select svg {
  height: 18px;
  width: 18px;
}

.popup-order--contact .dropdown-classic__select img,
.popup-order--contact .dropdown-classic__select svg {
  filter: grayscale(100%);
  transition: 0.15s all ease;
}

.popup-order--contact .dropdown-classic__select input:checked + img,
.popup-order--contact .dropdown-classic__select input:checked + svg,
.popup-order--contact .dropdown-classic__select:hover img,
.popup-order--contact .dropdown-classic__select:hover svg {
  filter: grayscale(0%);
}

.popup-order--delivery-tabs {
  align-items: center;
  width: 100%;
  gap: 6px;
  border-radius: 10px;
  background: #f8f9fb;
  padding: 4px;
  border: 1px solid #e5e5e7;
}

.popup-order--delivery-tab {
  padding: 9px 18px 9px 18px;
  gap: 6px;
  border-radius: 4px;
  color: #858c95;
  background: transparent;
  transition: 0.15s all ease-in-out;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  border: 1px solid transparent;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-order--delivery-tab input[type=radio] {
  display: none;
}

.popup-order--delivery-tabs .popup-order--delivery-tab:not(.tab--active):hover {
  background-color: transparent;
  color: #323539;
}

.popup-order--delivery-tab.tab--active {
  background: #fff;
  color: #323539;
  border: 1px solid #e5e5e7;
}

.popup-order--delivery-tab-items {
  width: 100%;
}

.popup-order--delivery-tab-items .input {
  width: 100%;
}

.popup-order--delivery-tab-items .suggestions-suggestions {
  bottom: 100%;
  width: 100%;
  border-radius: 6px;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.popup-order--delivery-tab-item {
  height: 70px;
}

.popup-order--delivery-tab-item .input1 .input__wrapper {
  height: 42px;
}

.popup-order__delivery-type-placeholder {
  background-color: #f8f9fb;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.1000000015px;
  text-align: center;
  color: #858c95;
  height: 70px;
}

.popup-order__socials {
  display: flex;
  gap: 16px;
}

.popup-order__social {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease;
}

.popup-order__social input {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}

.popup-order__social svg:nth-child(3) {
  display: none;
}

.popup-order__social input:checked + svg:nth-child(2) {
  display: none;
}

.popup-order__social input:checked ~ svg:nth-child(3) {
  display: block;
}

.popup-order__group {
  min-width: 450px;
  gap: 16px;
  width: 100%;
}

.popup-order-files {
  gap: 6px;
  height: auto;
  max-height: 100px;
  overflow: auto;
  width: 100%;
  padding: 1px 8px 1px 1px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.popup-order-files:empty {
  display: none;
}

.popup-order-files::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #858c95;
  border-radius: 4px;
}

.popup-order-files::-webkit-scrollbar {
  border-radius: 4px;
  padding: 0;
  margin: 0;
  width: 6px;
}

.popup-order-file {
  position: relative;
  border: 1px dashed #e5e5e7;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 24px;
  text-align: center;
  width: 100%;
  height: 44px;
  transition: 0.15s all ease-in-out;
}

.old .popup-order-files {
  flex-direction: row;
  align-content: flex-start;
  max-height: 341px;
}

.old .popup-order-file {
  height: unset;
  padding: 12px;
}

.old .popup-order-file__col {
  position: unset;
  transform: unset;
  align-items: center;
}

.old .popup-order-file-item {
  width: 100%;
}

.popup-order-file.__drag-over,
.popup-order-file:hover {
  background-color: #f8f9fb;
}

.popup-order-file__col {
  gap: 4px;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.popup-order-file__text--gray {
  color: #b7b5ae;
}

.popup-order-file input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.popup-order-file-item {
  width: calc(50% - 3px);
  padding: 8px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #e5e5e7;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0392156863);
  max-height: 56px;
}

.popup-order-file-item--error {
  border-color: #ed2d21;
}

.popup-order-file-item--error .popup-order-file-item__weight {
  display: none;
}

.popup-order-file-item__title {
  word-break: normal;
  white-space: nowrap;
  font-size: 14px !important;
  line-height: 22px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popup-order-file-item__img {
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}

.popup-order-file-item__placeholder {
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border-radius: 6px;
}

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.popup-order-file-item__placeholder svg {
  animation: Rotate 2s infinite ease-in-out;
}

.popup-order-file-item__ext {
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background-color: #212529;
  color: #fff;
  border-radius: 6px;
}

.popup-order-file-item__description {
  width: 75%;
  gap: 0;
}

.popup-order-file-item__weight {
  color: #b7b5ae;
  font-size: 12px !important;
  line-height: 13.8px !important;
}

.popup-order-file-item__trash {
  justify-content: center;
  align-items: center;
  display: none;
  cursor: pointer;
}

.popup-order-file-item__trash--active {
  display: flex;
}

.popup-order-file-item__error {
  color: #ed2d21;
  font-size: 12px !important;
  line-height: 13.8px !important;
}

.popup-order-file-item__loader {
  justify-content: center;
  align-items: center;
  display: none;
}

.popup-order-file-item__loader--active {
  display: flex;
}

.popup-order-file-item__loader svg {
  animation: 3s loader linear infinite;
}

.popup-order-file-item > svg {
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  margin-bottom: auto;
}

.wpcf7-description-alert {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #858c95;
  width: 100%;
}

.wpcf7-description-alert span {
  color: #c8322b;
}

.popup-menu__back {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}

.popup-menu__href {
  padding: 8px 0;
  border-bottom: 1px solid rgba(198, 184, 138, 0.24);
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}

.popup-menu__href--catalog {
  justify-content: space-between;
}

.popup-menu__contact {
  padding: 8px 0;
  text-align: right;
}

.popup-menu__col {
  gap: 8px;
}

.popup-menu__col--dropdown-open-active {
  color: var(--color-primary-main);
}

.popup-menu__col--dropdown {
  display: none;
}

.popup-menu__col--dropdown-active {
  display: flex;
}

.popup-menu__col--content {
  gap: 4px;
  padding: 0 8px;
}

.popup-menu__title {
  font-weight: 500;
}

.popup-menu__row--contacts {
  align-items: flex-start;
  justify-content: space-between;
}

.popup-menu__content {
  gap: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.popup-menu__footer {
  padding-top: 12px;
  padding-bottom: 12px;
}

.popup-menu__footer button {
  width: 100%;
}

.popup-menu__list-open svg {
  transform: rotate(180deg);
  margin-left: auto;
  transition: 0.15s ease;
}

.popup-menu__list-open--active svg {
  transform: rotate(0);
}

.popup-menu__list-open--active + .popup-menu__list {
  max-height: 156px;
}

.popup-menu__list {
  padding-left: 8px;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s linear;
}
@keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.popup {
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  min-width: 320px;
  width: 696px;
  max-width: 100vw;
  border-radius: 20px;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.3s ease;
}

.popup--copycenter {
  transform: translate(-50%, 0) scale(0);
  top: 0;
}

.popup--callback {
  max-width: 460px;
  width: 100%;
}

.popup--fast-order {
  gap: 12px;
  max-width: calc(100vw - 100px);
  max-height: 100vh;
  width: 696px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  padding: 8px 6px 8px;
  border-radius: 10px;
}

.popup--fast-order .wpcf7,
.popup--job .wpcf7 {
  height: 100%;
  overflow: auto;
}

.popup--fast-order .wpcf7::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #858c95;
  border-radius: 4px;
}

.popup--fast-order .wpcf7::-webkit-scrollbar {
  border-radius: 4px;
  padding: 0;
  margin: 0;
  width: 6px;
}

.popup--fast-order * {
  font-family: Inter, Roboto, sans-serif;
}

.popup--fast-order .popup__title,
.popup--order-success .popup__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.01em;
  text-align: left;
}

:where(.popup--fast-order, .popup--order-success .popup__header, .popup-out) .popup__close {
  position: absolute;
  left: calc(100% + 16px);
  top: 0;
  width: 26px;
  height: 26px;
}

:is(.popup--fast-order .popup__close, .popup--order-success .popup__header .popup__close) path {
  stroke: white;
}

.popup--fast-order .popup__header {
  padding: 8px 8px 0 8px;
}

.popup--fast-order .popup__content {
  padding: 0 8px 0 8px;
}

.popup--fast-order .popup__footer {
  padding: 0 8px 8px 8px;
}

:is(.popup--fast-order, .popup--job) :is(.popup__footer, .popup__footer .btn) {
  width: 100%;
}

.popup--job .popup__footer {
  padding-top: 0;
}

.popup--fast-order .popup__footer .btn {
  font-weight: 600;
}

.popup--fast-order .input__wrapper:has(textarea) {
  height: 112px;
  padding-right: 8px;
}

.popup--fast-order textarea {
  overflow-y: auto;
  resize: none;
}

.popup--search,
.popup--catalog,
.popup--catalog1,
.popup--catalog2,
.popup--catalog3,
.popup--catalog4,
.popup--catalog5,
.popup--catalog6,
.popup--catalog7,
.popup--catalog8,
.popup--catalog9,
.popup--catalog10,
.popup--catalog11,
.popup--catalog12,
.popup--catalog13,
.popup--catalog14,
.popup--catalog15,
.popup--catalog16,
.popup--catalog17 {
  transform: translateY(-100%);
  display: none;
  top: 0;
  left: 0;
  border-radius: 0;
  width: 100%;
}

.popup--menu {
  transform: translateX(-100%);
  display: none;
  top: 0;
  left: 0;
  border-radius: 0;
  width: 100%;
}

.popup--menu.popup--active {
  transform: translateX(0);
}

.popup--done {
  max-width: 320px;
}

.popup--active {
  transform: translate(-50%, -50%) scale(1);
  pointer-events: auto;
}

.popup__title {
  gap: 8px;
  align-items: center;
}

.popup__close {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  /*width: 26px;*/
  /*height: 26px;*/
}

.popup__close svg {
  width: inherit;
  height: inherit;
}

/*.popup__close svg path {*/
/*  stroke: #fff;*/
/*}*/
.popup__header {
  align-items: flex-start;
  padding: 16px 16px 0;
  justify-content: space-between;
}

.popup__content {
  padding: 0 16px;
  gap: 8px;
}

.popup__content--file-data {
  gap: 16px;
  flex-wrap: wrap;
}

.popup__content--file-data .input {
  width: 100%;
}

.fastorder-copycenter-dropdown.dropdown-classic.is-active .dropdown-classic__col {
  padding: 8px 4px;
}

.fastorder-copycenter-dropdown .dropdown-classic__select,
.fastorder-copycenter-dropdown .dropdown-classic__value {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.fastorder-copycenter-dropdown .dropdown-classic__col {
  top: unset !important;
  bottom: calc(100% + 16px);
}

.fastorder-copycenter-dropdown .dropdown-classic__col-wrapper {
  gap: 0;
}

.copycenter-metro--marker {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin: 10px;
  display: block;
  flex-shrink: 0;
}

.copycenter-no-metro--marker {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  margin: 10px;
  display: block;
  flex-shrink: 0;
  border: 1px solid #323539;
}

.copycenter-metro--name {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #323539;
}

.copycenter-address {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #858c95;
}

.fastorder-copycenter-dropdown input[type=radio] {
  display: none;
}

.popup__content--file {
  gap: 10px;
  width: 100%;
}

.mfcf7_zl_delete_file {
  display: none;
}

.popup__content--makets {
  padding-bottom: 12px;
}

.popup__btn {
  cursor: pointer;
  text-align: left;
  transition: 0.3s ease;
}

.popup__btn--current {
  color: var(--color-primary-main);
}

.popup__footer {
  padding: 16px;
  gap: 10px;
  justify-content: space-between;
}

.popup__footer--full button {
  max-width: 100%;
  width: 100%;
}

.result-found .container {
  gap: 24px;
}

.result-found__row {
  gap: 24px;
  align-items: center;
}

.result-found__subtitle {
  max-width: 536px;
}

.copycenter-list-header {
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.copycenter-list-header__tab {
  padding: 5px 9px;
  border-radius: 20px;
  cursor: pointer;
  align-items: center;
  gap: 4px;
}

.copycenter-list-header__tab--disabled {
  opacity: 0.4;
  pointer-events: none;
}

.copycenter-list-header__tab--active {
  background-color: var(--color-primary-main);
}

.copycenter-list-header__tabs {
  padding: 3px;
  border-radius: 20px;
  background-color: #f7f7f7;
  gap: 10px;
  height: 38px;
}

.copycenter-list__item {
  top: 67px;
  left: 67px;
  transform: translate(0) scale(0);
}

.copycenter-list__item.map-copycenter-item--active {
  transform: translate(0) scale(1);
}

.copycenter-list__img-wrapper {
  width: 1320px;
  height: 1224px;
}

.copycenter-list__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copycenter-list__img--metro {
  position: relative;
  width: 100%;
  height: 100%;
  transform-origin: left top;
}

.copycenter-list__map {
  height: 580px;
}

.copycenter-list__map--metro {
  height: 100%;
  overflow: hidden;
}

.marker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5px;
  position: absolute;
  z-index: 1;
  padding: 3.5px;
  font-family: Roboto;
  font-size: 10.52px;
  line-height: 10.52px;
  letter-spacing: -0.03em;
  border-radius: 7px;
}

.marker svg {
  display: none;
}

.marker--active {
  top: 70%;
  font-weight: 500;
}

.marker--active svg {
  display: block;
}

.marker--active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 7px;
  background-color: white;
  z-index: -1;
}

.marker--active::before {
  content: "";
  position: absolute;
  width: calc(100% + 3.5px);
  height: calc(100% + 3.5px);
  top: -1.75px;
  left: -1.75px;
  border-radius: 9px;
  z-index: -1;
  background: var(--border-color);
}

.copycenter-list-wrapper {
  visibility: hidden;
  display: flex;
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

.copycenter-list-wrapper--active {
  opacity: 1;
  pointer-events: auto;
  position: static;
  visibility: visible;
}

.copycenter-list-block + .copycenter-list-block {
  margin-top: 96px;
}

.copycenter-list-block__title {
  margin-bottom: 24px;
}

.copycenter-list-block__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.copycenter-page {
  margin-top: 24px;
}

.copycenter-page-grid {
  margin-top: 24px;
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "map map" "slider info";
  grid-template-rows: 440px 360px;
}

.copycenter-page-map {
  grid-area: map;
  width: 100%;
  position: relative;
}

.copycenter-page-map__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.copycenter-page-map__btn {
  position: absolute;
  min-width: 290px;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
}

.copycenter-page-swiper {
  grid-area: slider;
  border-radius: 20px;
}

.copycenter-page-swiper__slide {
  position: relative;
}

.copycenter-page-slide__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.copycenter-page-slide__tag {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  border-radius: 20px;
  display: flex;
  gap: 4px;
  align-items: center;
  background-color: #a3c2f1;
  padding: 4px 8px;
  font-size: 14px !important;
  line-height: 22px !important;
}

.copycenter-page-info {
  grid-area: info;
  width: 100%;
  padding: 12px;
  border-radius: 20px;
  gap: 38px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  align-items: flex-start;
  display: none;
}

.copycenter-page-info.copycenter-page-info__active {
  display: flex;
}

.copycenter-page-info__middle {
  width: 100%;
  justify-content: space-between;
}

.copycenter-page-info__main-content {
  gap: 16px;
  width: 100%;
}

.copycenter-page-info__work-time {
  gap: 2px;
}

.copycenter-page-info__work-time--tablet {
  display: none;
}

.copycenter-page-info__work {
  gap: 10px;
}

.copycenter-page-info__col {
  gap: 4px;
}

.copycenter-page-info__col--contacts {
  gap: 10px;
  text-align: right;
}

.copycenter-page-info__col--contacts-tablet {
  display: none;
}

.copycenter-page-info__header {
  gap: 0 4px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}

.copycenter-page-info__footer {
  width: 100%;
  justify-content: space-between;
}

.copycenter-page-info__address {
  max-width: 360px;
  width: 100%;
  min-height: 44px;
}

.copycenter-page-info__contacts {
  gap: 8px;
  display: flex;
  align-items: center;
}

.copycenter-page-info__contacts a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.copycenter-page-info__work-text {
  color: #b7b5ae;
}

.copycenter-page-info__title {
  color: #b7b5ae;
}

.copycenter-page-info__content {
  justify-content: space-between;
}

.copycenter-page-info__btn--taxi {
  display: none;
}

.copycenter-page-info__btn--taxi-mobile {
  display: none !important;
}

.category__text {
  max-width: 100%;
  width: 100%;
  gap: 16px;
}

.single-nwp {
  margin-top: 24px;
}

.single-nwp .container {
  justify-content: space-between;
  gap: 24px;
}

.single-nwp__img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.single-nwp__img-wrapper {
  width: 100%;
  max-width: 650px;
}

.single-nwp__img-wrapper--pc {
  display: block;
}

.single-nwp__img-wrapper--mobile {
  display: none;
}

.single-nwp__main {
  gap: 24px;
}

.single-nwp__row {
  gap: 24px;
  align-items: center;
}

.single-nwp__subtitle {
  max-width: 536px;
}

.calculator {
  margin-top: 24px;
}

.calculator-content-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.calculator-content-dropdown .dropdown-classic {
  max-width: 300px;
}

.calculator-content-input {
  justify-content: space-between;
  align-items: center;
}

.calculator-content-input .input {
  max-width: 300px;
  width: 100%;
}

.calculator-content {
  padding: 12px;
  background-color: #f7f7f7;
  border-radius: 20px;
  width: 100%;
  gap: 24px;
}

.calculator-content__divider {
  background-color: rgba(198, 184, 138, 0.2392156863);
  height: 1px;
}

.calculator-content__file {
  position: absolute;
}

.calculator-block {
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}

.calculator-block:nth-child(2) > .col {
  max-width: calc(50% - 12px);
  width: 100%;
}

.calculator-block:nth-child(2) > .col:last-child {
  gap: 8px;
}

.calculator-block:nth-child(2) > .col:last-child > .row {
  gap: 24px;
}

.calculator-block:nth-child(2) > .col:first-child {
  gap: 16px;
}

.calculator-block:nth-child(2) > .col:first-child > .col {
  gap: 8px;
}

.calculator-block:nth-child(2) > .col:first-child > .col > .row {
  width: 100%;
  gap: 24px;
}

.calculator-block:nth-child(2) > .col:first-child > .row {
  width: 100%;
  justify-content: space-between;
  gap: 24px;
}

.calculator-block:nth-child(2) > .col:first-child > .row > .col {
  max-width: calc(50% - 12px);
  width: 100%;
  gap: 8px;
}

.calculator-block:last-child > .col {
  width: 100%;
}

.calculator-block:last-child > .col:nth-child(1) {
  max-width: calc(50% - 24px);
}

.calculator-block:last-child > .col:nth-child(2) {
  max-width: calc(25% - 12px);
}

.calculator-block:last-child > .col:nth-child(3) {
  max-width: calc(25% - 12px);
}

.calculator-textarea__title {
  margin-bottom: 8px;
}

.calculator-textarea__wrapper {
  background-color: #fff;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  border-radius: 20px;
  padding: 8px 9px 14px 12px;
  min-height: 160px;
}

.calculator-textarea__textarea {
  width: 100%;
  min-height: 138px;
  height: 100%;
  resize: vertical;
  position: relative;
}

.calculator-textarea__textarea::-webkit-resizer {
  background: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.0713 4.70702L4.70732 11.071M11.1571 7.62122L7.62156 11.1568%27 stroke=%27%23222220%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
}

.calculator-files {
  background-color: #fff;
  border-radius: 20px;
  padding: 12px;
  min-height: 160px;
  margin-top: 8px;
  position: relative;
}

.calculator-files__all {
  text-align: center;
  margin: auto 0;
  color: #b7b5ae;
}

.calculator-files__footer {
  margin-top: auto;
  align-items: flex-end;
  justify-content: space-between;
}

.calculator-files__file {
  position: absolute;
  width: 100%;
  height: 60%;
  top: 0;
  left: 0;
}

.calculator-files__input {
  opacity: 0;
  width: 0;
  height: 0;
}

.calculator-file {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.calculator-file .font-footnote {
  color: #b7b5ae;
}

.calculator-price {
  align-items: flex-end;
  margin-top: 26px;
}

.calculator-price__price {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: none;
  gap: 6px;
}

.calculator-price__price--active {
  display: flex;
  width: 100%;
}

.calculator-price__price--gray {
  justify-content: flex-end;
  color: #b7b5ae;
}

.calculator-price__price--gray span:first-child {
  max-width: 136px;
  width: 100%;
  display: flex;
  height: 3px;
  margin: auto 8px auto 0;
  border-radius: 20px;
  background-color: #b7b5ae;
}

.calculator-price__price--old {
  font-weight: 500;
  color: #b7b5ae;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  text-decoration-color: #4b4b4a;
  justify-content: flex-end;
}

.calculator-price__price span {
  color: #b7b5ae;
}

.calculator-price__col {
  align-items: flex-end;
}

.calculator-price__col .btn {
  margin-top: auto;
}

.calculator-discount {
  display: flex;
  position: relative;
  gap: 16px;
  padding-right: 8px;
  align-items: center;
  justify-content: space-between;
  border: 1px dashed #a3c2f1;
  border-radius: 20px;
}

.calculator-discount .tag {
  margin: -1px;
}

.calculator-discount__discount span {
  color: #b7b5ae;
  font-family: Roboto, sans-serif;
}

.calculator-content-input .input__input::placeholder {
  color: #b7b5ae;
}

.calculator-product-cart--disabled {
  opacity: 0.4;
}

.calculator-product-cart--disabled:hover {
  background-color: var(--color-primary-main) !important;
  border: 1px solid var(--color-primary-main) !important;
}

/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.slider_posttype {
  --gap: 24px;
}
.slider_posttype__slide {
  --slides: 3;
  min-width: 283px;
  width: calc((100% - (var(--slides) - 1) * var(--gap)) / var(--slides));
  color: initial;
  text-decoration: unset;
  --opacity: 1;
}
.slider_posttype__slide:hover {
  color: var(--text-and-icons-light-base-second, #858c95);
  --opacity: 0.6;
}
.slider_posttype__image {
  display: block;
  aspect-ratio: 456/268;
  border-radius: var(--roundness-round-outside, 12px);
  overflow: hidden;
  width: 100%;
  object-fit: cover;
  object-position: top;
  background: var(--background-light-base-main, #fff);
  opacity: var(--opacity, 1);
  transition: 0.3s ease;
}

.slider_portfolio__slide {
  aspect-ratio: 456/336;
  --opacity: 1 !important;
}
.slider_portfolio__image {
  aspect-ratio: unset;
  width: 100%;
  height: 100% !important;
}
.slider_portfolio__slide-info {
  transition: 0.3s ease;
  padding: 10px;
  gap: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 142px;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(24, 24, 24, 0.5019607843);
  border-radius: var(--roundness-round-outside, 12px);
}
@media only screen and (hover: hover) {
  .slider_portfolio__slide:hover .slider_portfolio__slide-info {
    visibility: unset;
    height: 100%;
    padding: 10px;
    opacity: 1;
  }
}
.slider_portfolio__slide-info .h4 {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
}
.slider_portfolio__slide-tags {
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  overflow: hidden;
}

.portfolio-tag {
  border-radius: 100px;
  background-color: #f8f9fb;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  color: #323539;
  padding: 2px 10px;
}

.faq {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 12px 3px 12px 20px;
  background-color: #fff;
  border-radius: 20px;
  cursor: pointer;
  width: 100%;
  min-height: 45px;
  justify-content: center;
  gap: 0;
}

.faq__header {
  justify-content: space-between;
  align-items: center;
}

.faq__button {
  padding: 8px 12px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
  width: 40px;
  height: 32px;
}

.faq__button svg {
  transition: 0.3s ease;
}

.faq__wrapper {
  padding: 0 17px 0 8px;
  transition: 0.3s ease;
  height: 100%;
  overflow: hidden;
  max-height: 0;
}

.faq__checkbox {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.faq__checkbox:checked + .faq__header > .faq__button > svg {
  transform: rotate(180deg);
}

.faq__checkbox:checked ~ .faq__wrapper {
  max-height: 500px;
  padding: 8px 17px 8px 8px;
}

.faq-section {
  background-color: #f7f7f7;
  padding: 44px 0;
}

.faq-section__other {
  max-width: calc(50% - 12px);
  width: 100%;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  border-radius: 20px;
  padding: 24px;
  gap: 16px;
  position: relative;
  align-items: flex-start;
}

.faq-section__other .h2 {
  margin-bottom: 8px;
}

.faq-section__other svg {
  bottom: 0;
  right: 38px;
  position: absolute;
  opacity: 0.1;
}

.faq-section__list {
  width: 50%;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}

.faq-section__content {
  gap: 24px;
  align-items: flex-start;
}

.faq__header-text {
  font-size: 14px;
  line-height: 22px;
}

.faq-item {
  align-items: normal;
  background: var(--background-light-base-main, #fff);
  border-color: var(--stroke-light-base, #e5e5e7);
  border-radius: var(--roundness-full-outside, 24px);
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex-shrink: 0;
  gap: 0;
  padding: var(--main-system-16px, 16px) var(--main-system-20px, 20px) var(--main-system-16px, 16px) var(--main-system-20px, 20px);
  width: 100%;
}
.faq-item.is-active {
  background-color: revert-layer;
}

.page-nwp:has(> .faq-section) + .footer {
  margin-top: 0;
}

.portfolio-page {
  margin-top: 24px;
}

.portfolio-page__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.portfolio-page__filter {
  display: none;
}

.portfolio-page-container {
  margin-top: 24px;
  gap: 24px;
  display: flex;
}

.portfolio-page-container__row {
  display: none;
}

.portfolio-page-aside {
  gap: 16px;
  min-width: 312px;
  max-width: 312px;
}

.portfolio-page-catalog {
  width: 100%;
  gap: 16px;
}

.portfolio-page-filters {
  gap: 16px;
  flex-wrap: wrap;
}

.portfolio-page-filters:has(> .tag) {
  margin-top: 8px;
}

.portfolio-page-pagination {
  gap: 16px;
  align-items: center;
}

.portfolio-page-pagination__row {
  gap: 16px;
  align-items: center;
}

.portfolio-page-pagination__row > .row {
  align-items: center;
  gap: 8px;
}

.portfolio-page-pagination__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 20px;
  transition: 0.3s ease;
}

.portfolio-page-pagination__button--active {
  background-color: var(--color-primary-main);
}

.portfolio-page-content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.require:not(.section) {
  margin-top: 24px;
}

.require__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.require__filter {
  display: none;
}

.require__filter--active {
  background-color: #fff;
  border-color: #222220;
}

.require-container {
  margin-top: 24px;
  gap: 24px;
  display: flex;
}

.require-aside {
  min-width: 424px;
}

.require-aside__tag {
  justify-content: flex-start;
}

.require-aside__wrapper {
  position: sticky;
  top: var(--header-height);
  gap: 16px;
}

.require-aside-main {
  align-items: flex-start;
  position: relative;
  gap: 0;
}

.require-aside-main__title {
  justify-content: flex-start;
}

.require-aside-submain {
  gap: 8px;
}

.require-aside-submain > .col {
  align-items: flex-start;
  gap: 8px;
}

.require-aside-submain.tab-item {
  margin-top: 0;
  display: flex !important;
  transition: 0.3s ease;
  max-height: 0;
  height: 100%;
  overflow: hidden;
}

.require-aside-submain.tab-item--active {
  margin-top: 8px;
  max-height: 350px;
}

.require-aside-submain__divider {
  min-height: 100%;
  background-color: var(--color-primary-main);
  border-radius: 4px;
  width: 4px;
}

.require-catalog {
  max-width: calc(100% - 424px - 24px);
  gap: 0;
}

.require-catalog img {
  max-width: 100%;
}

.require-catalog h5,
.require-catalog h4,
.require-catalog h3,
.require-catalog h2,
.require-catalog h1 {
  margin-top: 48px;
}

.require-catalog h5 + p,
.require-catalog h5 + ul,
.require-catalog h5 + ol,
.require-catalog h4 + p,
.require-catalog h4 + ul,
.require-catalog h4 + ol,
.require-catalog h3 + p,
.require-catalog h3 + ul,
.require-catalog h3 + ol,
.require-catalog h2 + p,
.require-catalog h2 + ul,
.require-catalog h2 + ol,
.require-catalog h1 + p,
.require-catalog h1 + ol,
.require-catalog h1 + ul {
  margin-top: 16px;
}

.require-catalog p + p,
.require-catalog ul + p,
.require-catalog ul + ol,
.require-catalog ol + ul,
.require-catalog ol + p,
.require-catalog p + ol,
.require-catalog p + ul {
  margin-top: 14px;
}

.require-catalog ul,
.require-catalog ol {
  padding-left: 20px;
}

.require-catalog p,
.require-catalog li {
  font-size: 14px;
  line-height: 22px;
}

.require-catalog h1,
.require-catalog .h1 {
  font-size: 34px;
  line-height: 42px;
}

.require-catalog h2,
.require-catalog .h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

.require-catalog h3,
.require-catalog .h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.require-catalog h4,
.require-catalog .h4 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

.payment {
  margin-top: 24px;
}

.payment__header {
  align-items: start;
}

.payment-grid {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.payment-item {
  max-width: calc(50% - 12px);
  width: 100%;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  gap: 16px;
}

.payment-item--warning {
  border-style: dashed;
}

.payment-item__text {
  font-size: 12px;
  line-height: 20px;
  color: #4b4b4a;
}

.payment-item__title {
  color: #b7b5ae;
  font-weight: 500;
}

.payment-item__title--warning {
  color: var(--color-primary-main);
}

.payment-item__divider {
  height: 84px;
  width: 1px;
  background-color: rgba(198, 184, 138, 0.2392156863);
}

.payment-item__row {
  flex-wrap: wrap;
  gap: 24px;
}

.payment-item:nth-child(1) {
  order: 1;
}

.payment-item:nth-child(2) {
  order: 3;
}

.payment-item:nth-child(3) {
  order: 2;
}

.payment-item:nth-child(4) {
  order: 4;
}

.payment-subitem {
  gap: 16px;
}

.payment-subitem__row {
  gap: 8px;
}

.delivery-block + .delivery-block {
  margin-top: 24px;
}

.delivery-block__title {
  margin-bottom: 16px;
}

.delivery-block__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.delivery-item {
  padding: 12px;
  background-color: #f7f7f7;
  max-width: calc(33.33% - 16px);
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.delivery-item__text {
  max-width: 305px;
  font-weight: 500;
}

.delivery-item__price {
  font-size: 150px;
  line-height: 175px;
  font-weight: 700;
  color: #b7b5ae;
  opacity: 0.15;
  letter-spacing: -20px;
  position: absolute;
  left: 61%;
  top: -30px;
  font-family: Roboto, sans-serif;
}

.delivery-item:last-child {
  max-width: 100%;
  padding: 26px 24px;
}

.delivery-item svg:last-child {
  bottom: 8px;
  right: 8px;
  position: absolute;
}

.delivery-item:nth-child(2) svg:last-child {
  top: 10px;
  right: -31px;
  position: absolute;
}

.delivery-item:nth-child(3) svg:last-child {
  top: 8px;
  right: 8px;
  position: absolute;
}

.delivery-item:nth-child(4) svg:last-child {
  top: 0;
  right: 20px;
}

.appeal__img {
  width: 312px;
  height: 400px;
  object-fit: cover;
  object-position: top;
}

.appeal-info__title {
  font-size: 24px;
  line-height: 32px;
}

.appeal-info__subtitle {
  color: #b7b5ae;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 32px;
}

.appeal-info__subtitle mark {
  font: inherit;
  color: var(--color-primary-main);
  font-weight: 500;
}

.appeal-info p + p,
.appeal-info ul + p,
.appeal-info p + ul {
  margin-top: 14px;
}

.appeal-info p {
  font-size: 14px;
  line-height: 22px;
}

.appeal-container {
  gap: 20px 24px;
}
.appeal-container p {
  margin: 0;
}

.appeal-form {
  gap: 16px;
}

.appeal-form__row {
  gap: 24px;
}

.appeal-form__row .input {
  min-width: 200px;
  max-width: 200px;
  width: 100%;
}

.appeal-form > .row:last-child {
  align-items: center;
  gap: 2px 8px;
}

.appeal-form__text {
  color: #b7b5ae;
  font-size: 12px;
}

.qr-content {
  gap: 24px;
  max-width: 872px;
  width: 100%;
}

.qr-block {
  gap: 16px;
}

.qr-block .input {
  max-width: 100%;
  width: 100%;
}

.qr-block__col {
  flex-grow: 1;
  gap: 16px;
}

.qr-block__row {
  gap: 16px 24px;
}

.qr-block__row--card {
  flex-wrap: wrap;
}

.qr-block__row--card .input:nth-child(1),
.qr-block__row--card .input:nth-child(2),
.qr-block__row--card .input:nth-child(3),
.qr-block__row--card .input:nth-child(6),
.qr-block__row--card .input:nth-child(7),
.qr-block__row--card .input:nth-child(8) {
  max-width: calc(33.333% - 16px);
  width: 100%;
}

.qr-block__row--card .input:nth-child(1) .input__wrapper,
.qr-block__row--card .input:nth-child(2) .input__wrapper,
.qr-block__row--card .input:nth-child(3) .input__wrapper,
.qr-block__row--card .input:nth-child(6) .input__wrapper,
.qr-block__row--card .input:nth-child(7) .input__wrapper,
.qr-block__row--card .input:nth-child(8) .input__wrapper {
  width: 100%;
}

.qr-block__row--card .input:nth-child(4),
.qr-block__row--card .input:nth-child(5) {
  max-width: calc(50% - 12px);
  width: 100%;
}

.qr-block__row--card .input:nth-child(4) .input__wrapper,
.qr-block__row--card .input:nth-child(5) .input__wrapper {
  width: 100%;
}

.qr-block__row--geo .input {
  max-width: calc(50% - 12px);
  width: 100%;
}

.qr-block__row--time .input:last-child {
  max-width: 312px;
}

.qr-block .textarea__textarea {
  min-height: 192px;
}

.qr-tabs {
  gap: 8px 16px;
  flex-wrap: wrap;
  overflow: auto;
  border-radius: 20px;
  width: 100%;
}

.qr-tabs--tablet {
  display: none;
}

.qr-block-map {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
}

.qr-block-map__title {
  padding: 12px;
}

.qr-block-map__wrapper {
  min-height: 280px;
  position: relative;
}

.qr-block-map__img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.qr-block-map__footer {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 1;
}

.qr-block-map__search {
  position: absolute;
  width: 100%;
  top: 24px;
  left: 12px;
  max-width: calc(100% - 24px);
}

.qr-container__inner {
  max-width: 100%;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}

.qr-container .dropdown-classic.is-active .dropdown-classic__col {
  max-height: 256px;
}

.qr-aside {
  min-width: 260px;
  position: sticky;
  top: 0;
}

.qr-aside__wrapper {
  padding: 24px;
  border-radius: 20px;
  background-color: #f7f7f7;
  gap: 24px;
}

.qr-aside__row {
  gap: 8px 16px;
  flex-wrap: wrap;
}

.qr-aside__inside {
  width: 212px;
  height: 212px;
}

.qr-qr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.qr-qr__style path,
.qr-qr__style rect {
  fill: var(--color);
}

.qr-qr__background {
  fill: var(--bg);
  width: 100%;
  height: 100%;
}

.qr-qr__background--active + g {
  transform: scale(0.9) translate(6%, 6%);
}

.qr-buttons {
  gap: 8px;
  align-items: center;
}

.qr-button {
  min-width: 16px;
  min-height: 16px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}

.qr-button::after {
  width: 16px;
  height: 16px;
  z-index: 1;
  box-sizing: border-box;
  content: "";
  display: block;
  border-radius: 50%;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  position: absolute;
}

.qr-button__wrapper {
  align-items: center;
  position: relative;
  gap: 4px;
}

.qr-button--black {
  background-color: #000;
}

.qr-button--white {
  background-color: #fff;
}

.qr-button--active::after,
.qr-button--active > .qr-button--multi::after {
  border: 2px solid var(--color-primary-main);
}

.qr-button + input {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}

.qr-button + input::-webkit-color-swatch-wrapper {
  display: none;
}

.qr-button + input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.qr-color--tablet {
  display: none;
  margin-top: 20px;
}

.cart__title mark {
  color: #b7b5ae;
}

.cart__header {
  margin: 24px auto;
}

.cart-aside {
  display: none;
  width: 100%;
  padding: 12px;
  gap: 24px;
  border-radius: 20px;
  position: sticky;
  top: 0;
  background-color: #f7f7f7;
}

.cart-container {
  gap: 24px;
  align-items: flex-start;
}

.cart-container .cart-aside {
  display: flex;
  max-width: 312px;
  min-width: 312px;
  width: 100%;
}

.cart-block-footer {
  align-items: flex-end;
  justify-content: space-between;
}

.cart-block-footer .btn:last-child {
  margin-left: auto;
}

.cart-block-titles {
  justify-content: space-between;
  gap: 24px;
}

.cart-block-titles__title {
  white-space: nowrap;
}

.cart-block-titles__title--title {
  max-width: 400px;
  width: 100%;
}

.cart-block-titles__title--price {
  text-align: center;
  width: 88px;
}

.cart-block-titles__title--count {
  text-align: center;
  width: 140px;
}

.cart-block-titles__title--discount {
  text-align: center;
  width: 145px;
}

.cart-block-titles__title--allprice {
  width: 76px;
  text-align: right;
}

.cart-block-titles > .row {
  width: 100%;
  justify-content: space-between;
}

.cart-aside-block {
  gap: 8px;
}

.cart-aside-block__title {
  margin-bottom: 8px;
}

.cart-aside-block__title--promo,
.cart-aside-block__title--price {
  margin-bottom: 0;
}

.cart-aside-block__row {
  justify-content: space-between;
  gap: 8px;
  align-items: flex-start;
}

.cart-aside-block__row .input {
  width: 100%;
  max-width: 100%;
}

.cart-aside-block__row .input__wrapper {
  max-width: 100%;
  width: 100%;
}

.cart-aside-block__row--address {
  align-items: flex-start !important;
}

.cart-aside-block__row--tablet {
  gap: 24px;
  flex-direction: column;
}

.cart-aside-block__row--tablet .row {
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.cart-aside-block__row--tablet .btn {
  width: 100%;
}

.cart-aside-block__row--discount {
  align-items: center;
  justify-content: space-between;
}

.cart-aside-block__row--discount .calculator-discount {
  max-width: 190px;
}

.cart-aside-block__text {
  display: flex;
  align-items: center;
  gap: 4px;
}

.cart-aside-block__text--gray {
  color: #b7b5ae;
}

.cart-aside-block__text--address {
  text-align: right;
}

.cart-aside-block__text mark {
  color: #b7b5ae;
}

.cart-aside-block__text + .cart-aside-block__title {
  margin-top: 16px;
}

.cart-aside-block--promo {
  border-top: 1px solid rgba(198, 184, 138, 0.2392156863);
  border-bottom: 1px solid rgba(198, 184, 138, 0.2392156863);
  padding: 12px 0;
}

.cart-aside-block--lawyer {
  display: none;
}

.cart-content {
  width: 100%;
  gap: 24px;
}

.cart-block {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 20px;
  padding: 12px;
  gap: 24px;
}

.cart-block__items {
  gap: 16px;
}

.cart-block--active .cart-block-header__button {
  display: none;
}

.cart-block--active .cart-block-header__button--chevron-only {
  transform: rotate(180deg);
  display: flex;
}

.cart-block--active .cart-block-header__button--chevron {
  transform: rotate(180deg);
  display: flex;
}

.cart-block:not(.cart-block--active) .cart-block-titles,
.cart-block:not(.cart-block--active) .cart-item-block__items,
.cart-block:not(.cart-block--active) .cart-item-block__items,
.cart-block:not(.cart-block--active) .cart-block-footer,
.cart-block:not(.cart-block--active) .cart-block-tabs,
.cart-block:not(.cart-block--active) .cart-block-form,
.cart-block:not(.cart-block--active) .cart-block-tabs__wrapper {
  display: none !important;
}

.cart-item {
  border-radius: 20px;
  background-color: #fff;
  padding: 12px;
  gap: 12px;
}

.cart-item__other-info {
  justify-content: space-between;
  width: 100%;
}

.cart-item__specification {
  padding-top: 12px;
  border-top: 1px solid rgba(198, 184, 138, 0.2392156863);
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
}

.cart-item__specification--mobile {
  display: none !important;
}

.cart-item__comment {
  padding-top: 12px;
  border-top: 1px solid rgba(198, 184, 138, 0.2392156863);
}

.cart-item__comment .textarea {
  width: 100%;
}

.cart-item__comment .textarea__wrapper {
  min-height: 75px;
}

.cart-item__comment .textarea__textarea {
  min-height: 53px;
}

.cart-item__comment--mobile {
  display: none !important;
}

.cart-item__info--trash {
  padding: 11px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 38px;
  cursor: pointer;
}

.cart-item__info--mobile {
  display: none;
}

.cart-item__info--tablet {
  display: none;
}

.cart-item__info--price {
  display: flex;
  width: 88px;
  height: 38px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  gap: 4px;
}

.cart-item__info--price mark {
  color: #b7b5ae;
}

.cart-item__info--count {
  padding: 8px 12px;
  height: 38px;
  width: 140px;
  background-color: #f7f7f7;
  justify-content: space-between;
  display: flex;
  align-items: center;
  border-radius: 20px;
}

.cart-item__info--count svg {
  margin-left: auto;
}

.cart-item__info--count mark {
  margin-left: 4px;
  color: #b7b5ae;
}

.cart-item__info--discount {
  height: 38px;
  width: 145px;
}

.cart-item__info--discount .tag {
  height: 38px;
}

.cart-item__info--discount .calculator-discount__discount {
  font-size: 14px;
}

.cart-item__main-info {
  max-width: 400px;
  width: 100%;
  gap: 8px;
  align-items: flex-start;
}

.cart-item__img {
  width: 125px;
  height: 80px;
  border-radius: 8px;
  object-fit: cover;
  object-position: center center;
}

.cart-item__title {
  -webkit-line-clamp: 3;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.cart-item__tablet {
  display: none;
}

.cart-item__footer {
  justify-content: space-between;
  align-items: flex-end;
}

.cart-item__price {
  width: 100%;
  max-width: 140px;
}

.cart-item__price .calculator-price {
  margin-top: 0;
}

.cart-item__price .calculator-price__price {
  display: flex;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

.cart-item__price .calculator-price__price--old {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.cart-item__actions {
  width: 100%;
  display: flex;
  gap: 24px;
}

.cart-item__actions .tab {
  align-items: center;
  justify-content: center;
  max-width: 200px;
  width: 100%;
}

.cart-block-header {
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.cart-block-header__button {
  cursor: pointer;
  gap: 4px;
  padding: 11px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-block-header__button--chevron {
  display: none;
}

.cart-block-header__button--chevron-only {
  display: flex;
}

.cart-item-specification-item {
  max-width: 250px;
  width: 100%;
  gap: 24px;
  align-items: center;
}

.cart-item-specification-item__title {
  font-size: 14px;
  line-height: 22px;
}

.cart-item-specification-item__tag {
  padding: 8px;
  height: 38px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  width: auto;
  font-size: 14px;
  background-color: #f7f7f7;
}

.cart-item-specification-item__tag:has(> svg) {
  height: 32px;
}

.cart-main {
  display: flex;
  gap: 24px;
  width: 100%;
  max-width: 100%;
}

.cart-block-tabs {
  height: 38px;
  background-color: #fff;
  border-radius: 20px;
  gap: 16px;
  width: auto;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3px;
  max-width: 331px;
}

.cart-block-tabs__tab:not(.tab--active):hover {
  background: unset !important;
}

.cart-block-tabs__wrapper {
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.cart-block-tabs:not(.cart-block-tabs--mobile) .tab {
  background: transparent;
}

.cart-block-tabs:not(.cart-block-tabs--mobile) .tab--active {
  background-color: var(--color-primary-main);
}

.cart-block-tabs--delivery {
  max-width: 228px;
}

.cart-block-tabs--delivery .cart-block-tabs__tab {
  width: 113px;
}

.cart-block-tabs--mobile {
  display: none;
}

.cart-block-form {
  gap: 16px 24px;
  flex-wrap: wrap;
}

.cart-block-form .map-copycenter-list {
  margin-top: 0;
  width: 100%;
}

.cart-block-form .map-copycenter-list .btn {
  display: none;
}

.cart-block-form .map-copycenter {
  max-width: 100%;
}

.cart-block-form .map-copycenter__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart-block-form .map-copycenter-item__button--taxi-mobile:nth-child(2) {
  display: none;
}

.cart-block-form .map-copycenter-item__button--taxi-mobile:nth-child(3) {
  margin-right: auto;
}

.cart-block-form .map-copycenter-item__button--mobile {
  margin-left: 0;
}

.cart-block-form .map-copycenter-item__close {
  padding: 0;
}

.cart-block-form .map-copycenter-work--buttons {
  flex-wrap: wrap;
}

.cart-block-form .popup__content {
  background-color: #fff;
  border-radius: 20px;
  padding: 12px;
  width: 100%;
}

.cart-block-form .popup__content .popup-order-file {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.cart-block-form .popup__content .popup-order-files {
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

.cart-block-form__file {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.cart-block-form__search {
  width: 100%;
  max-width: 100%;
  position: relative;
  height: 64px;
}

.cart-block-form__search .dropdown__wrapper {
  width: 100%;
  max-width: 100%;
  left: 0;
  height: 38px;
}

.cart-block-form__title {
  width: 100%;
}

.cart-block-form__col {
  gap: 4px;
  width: 100%;
}

.cart-block-form__socials {
  display: flex;
  gap: 16px;
}

.cart-block-form__social {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease;
}

.cart-block-form__social svg:nth-child(2) rect {
  fill: white;
}

.cart-block-form__social input {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}

.cart-block-form__social svg:nth-child(3) {
  display: none;
}

.cart-block-form__social input:checked + svg:nth-child(2) {
  display: none;
}

.cart-block-form__social input:checked ~ svg:nth-child(3) {
  display: block;
}

.cart-block-form .textarea {
  max-width: 100%;
  width: 100%;
}

.cart-block-form .textarea__wrapper {
  min-height: 118px;
}

.cart-block-form .textarea__textarea {
  width: 100%;
  min-height: 96px;
}

.cart-block-form .input {
  max-width: calc(50% - 12px);
  width: 100%;
}

.cart-block-form .input:nth-child(6),
.cart-block-form .input:nth-child(7),
.cart-block-form .input:nth-child(8) {
  max-width: calc(33.333% - 16px);
}

.cart-block-form--delivery .input {
  width: 100%;
  max-width: calc(25% - 18px);
}

.cart-block-form--delivery .input__wrapper {
  max-width: 120px;
  width: 100%;
}

.cart-main-aside {
  position: relative;
}

.order-status__title {
  margin: 24px 0;
}

.order-status__row {
  align-items: flex-end;
  gap: 24px;
}

.order-status__error {
  color: #ed2d21;
  margin-top: 24px;
}

.order-status-item {
  padding: 12px;
  border-radius: 20px;
  background: #f6f6f6;
  margin-top: 24px;
}

.order-status-item__header {
  gap: 12px 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(198, 184, 138, 0.2392156863);
}

.order-status-item__content {
  gap: 12px 24px;
  padding-top: 16px;
  align-items: center;
}

.order-status-item__text {
  width: 100%;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-status-item__text--title {
  color: #b7b5ae;
}

.order-status-item__text:nth-child(1) {
  max-width: 100px;
}

.order-status-item__text:nth-child(2) {
  max-width: 160px;
}

.order-status-item__text:nth-child(3) {
  max-width: 160px;
}

.order-status-item__text:nth-child(4) {
  max-width: 200px;
}

.order-status-item__text:nth-child(5) {
  max-width: 120px;
}

.order-status-item__text:nth-child(6) {
  max-width: 100px;
}

.order-status-item__text:nth-child(7) {
  max-width: 120px;
}

.order-status-item__text:nth-child(8) {
  max-width: 168px;
  flex-grow: 2;
  min-width: 150px;
}

.order-status-item__text--tag span {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 20px;
  background-color: #24f439;
}

.order-status-item__text--tag-work span {
  background-color: #ffc805;
}

.order-status-item__text--tag-error span {
  color: #ed2d21;
  background: transparent;
  border: 1px solid #ed2d21;
}

.portal__content {
  gap: 24px;
}

.portal__text {
  max-width: 648px;
}

.portal__col {
  gap: 16px;
  align-items: flex-start;
}

.portal .btn svg {
  min-width: 16px;
  min-height: 16px;
}

.portal__title {
  max-width: 912px;
}

.portal ul {
  padding-left: 20px;
}

.excursion {
  margin-top: 48px;
  overflow: hidden;
}

.excursion__content {
  gap: 48px;
}

.excursion-row-swiper {
  margin: 48px auto !important;
}

.excursion-item {
  border-radius: 20px;
  padding: 12px;
  background-color: #f6f6f6;
  gap: 12px;
  align-items: flex-start;
  max-width: 426px;
  min-width: 426px;
}

.excursion-item__info {
  gap: 12px;
}

.excursion-item:last-child > .excursion-item__info {
  gap: 16px;
}

.excursion-item__img {
  object-fit: contain;
}

.excursion-photo__header {
  align-items: center;
  margin-bottom: 24px;
}

.excursion-form {
  gap: 24px;
}

.excursion-form__row {
  gap: 24px;
}

.excursion-form__row .input {
  width: 100%;
}

.excursion-form__col {
  max-width: calc(50% - 12px);
  width: 100%;
  gap: 24px;
}

.excursion-form__col:last-child {
  gap: 16px;
}

.excursion-form .textarea {
  height: 100%;
}

.excursion-form .textarea__wrapper {
  height: 100%;
}

.excursion-form__footer {
  gap: 2px 8px;
  align-items: center;
  justify-content: space-between;
}

.excursion-form__footer-text {
  color: #b7b5ae;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.excursion-photo-prev,
.excursion-photo-next {
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #222220;
  cursor: pointer;
  transition: 0.3s ease;
  margin-left: auto;
}

.excursion-photo-prev:hover,
.excursion-photo-next:hover {
  background-color: #f6f6f6;
}

.excursion-photo-prev {
  transform: rotate(180deg);
}

.excursion-photo-next {
  margin-left: 16px;
}

.excursion-swiper {
  overflow: visible;
}

.excursion-swiper-slide {
  max-width: 200px;
  max-height: 253px;
}

.excursion-swiper-slide__img {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.job {
  margin-top: 24px;
}

.job__content {
  gap: 48px;
}

.job__content--filter {
  gap: 24px;
  padding-bottom: 24px;
}

.job-row-swiper {
  margin: 24px auto 48px !important;
}

.job-item {
  border-radius: 20px;
  background-color: #f6f6f6;
  gap: 12px;
  align-items: flex-start;
  max-width: 424px;
  min-width: 424px;
  padding: 12px;
  height: auto;
}

.job-item__text {
  color: #4b4b4a;
}

.job-item__info {
  gap: 12px;
}

.vacancies {
  background-color: #f6f6f6;
  padding-top: 24px;
  padding-bottom: 24px;
}

.vacancies-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.vacancies-filter__row {
  gap: 16px;
}

.vacancies-filter--tablet {
  display: none;
  margin-bottom: 4px;
}

.vacancies-tabs {
  gap: 16px;
}

.vacancies-item {
  background-color: #fff;
  border-radius: 20px;
  position: relative;
}

.vacancies-item ul {
  padding-left: 20px;
}

.vacancies-item ul li {
  color: #4b4b4a;
}

.vacancies-item__header {
  align-items: center;
}

.vacancies-item__header > .row {
  gap: 4px 16px;
  margin: 8px 0 5px auto;
}

.vacancies-item__title {
  padding: 12px;
}

.vacancies-item__address {
  align-items: center;
  gap: 4px;
  color: #4b4b4a;
}

.vacancies-item__button {
  padding: 8px 12px;
  cursor: pointer;
  margin-top: 3px;
  margin-right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vacancies-item__button:hover path {
  stroke: var(--color-primary-main);
}

.vacancies-item__check {
  position: absolute;
  width: 100%;
  height: 52px;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.vacancies-item__check:hover + .vacancies-item__header > .vacancies-item__button > svg > path {
  stroke: var(--color-primary-main);
}

.vacancies-item__check:checked ~ .vacancies-item__container {
  max-height: 1500px;
  padding: 12px 12px 0;
}

.vacancies-item__check:checked + .vacancies-item__header > .vacancies-item__button > svg {
  transform: rotate(180deg);
}

.vacancies-item__container {
  overflow: hidden;
  gap: 12px;
  padding: 0 12px;
  transition: 0.3s ease;
  max-height: 0;
  height: 100%;
}

.vacancies-item__divider {
  height: 1px;
  border: 0;
  width: 100%;
  background-color: rgba(198, 184, 138, 0.2392156863);
}

.vacancies-item__content {
  gap: 12px;
}

.vacancies-item__footer {
  align-items: flex-end;
  padding: 0 12px 12px;
}

.vacancies-item__footer .row {
  align-items: center;
  gap: 4px;
}

.vacancies-item__footer .btn {
  margin-left: auto;
}

.vacancies-item__footer-row {
  gap: 8px 24px !important;
  align-items: flex-start !important;
}

.vacancies-item-info {
  flex-grow: 1;
  width: 100%;
  gap: 8px;
}

.vacancies-item-info:not(.vacancies-item-info:last-child) {
  padding-right: 12px;
  border-right: 1px solid rgba(198, 184, 138, 0.2392156863);
}

.rent {
  margin-top: 24px;
}

.rent__content {
  gap: 24px;
}

.rent-invite {
  border-radius: 20px;
  background-color: #f6f6f6;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
  padding: 24px;
}

.rent-invite__text {
  max-width: 677px;
  color: #4b4b4a;
  line-height: 22px !important;
}

.rent-invite__info {
  gap: 24px;
}

.rent-require {
  margin-top: 24px;
}

.rent-require__title {
  margin-bottom: 24px;
}

.rent-require__grid {
  display: grid;
  gap: 24px;
  justify-content: space-between;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "one two three seven" "four five six seven";
}

.rent-item {
  padding: 12px;
  background-color: #f6f6f6;
  border-radius: 20px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.rent-item:nth-child(7) {
  justify-content: space-between;
  grid-area: seven;
  padding-bottom: 24px;
}

.rent-item__col {
  gap: 12px;
}

.rent-item__title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rent-item__title.font-body {
  color: #4b4b4a;
}

.rent-item__title svg {
  display: none;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}

.rent-form {
  margin-top: 24px;
  gap: 24px;
}
.rent-form p {
  margin: 0;
}

.rent-invite__title {
  font-size: 20px;
  line-height: 28px;
}

.rent-form .cart-block-form__file {
  height: 100%;
}

.rent-form__footer {
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.rent-form__text {
  color: #b7b5ae;
  font-size: 12px;
}

.rent-form__row {
  gap: 24px;
}

.rent-form__row > div {
  max-width: calc(50% - 12px);
  width: 100%;
}

.rent-form .popup__content {
  padding: 0;
  height: 100%;
}

.rent-form .input__title {
  gap: 0;
}

.rent-form .popup-order-file,
.rent-form .popup-order-files {
  /*max-width: calc(50% - 10px);*/
  min-width: 0;
  width: 100%;
}

.rent-form__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  grid-template-areas: "one two three" "four five six" "seven seven seven";
}

.rent-form__grid .textarea {
  grid-area: seven;
  gap: 8px;
}

.rent-form__grid .textarea__textarea::placeholder {
  color: #b7b5ae;
}

.team {
  margin-top: 24px;
}

.team__row {
  gap: 24px;
}

.team__title {
  margin: 0 0 24px;
}

.team-aside {
  width: 424px;
  max-width: 424px;
  padding: 24px;
  border-radius: 20px;
  background-color: #f6f6f6;
  gap: 24px;
  margin-bottom: auto;
}

.team-aside__divider {
  width: 100%;
  height: 1px;
  background: rgba(198, 184, 138, 0.2392156863);
}

.team-main {
  gap: 24px;
  max-width: calc(100% - 448px);
}

.team-gallery-prev,
.team-gallery-next {
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #222220;
  cursor: pointer;
  transition: 0.3s ease;
  margin-left: auto;
}

.team-gallery-prev:hover,
.team-gallery-next:hover {
  background-color: #f6f6f6;
}

.team-gallery-prev {
  transform: rotate(180deg);
}

.team-gallery-next {
  margin-left: 16px;
}

.team-gallery {
  padding: 24px;
  border-radius: 20px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  gap: 24px;
}

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

.team-gallery__title span:first-child {
  color: #b7b5ae;
}

.team-gallery-swiper {
  width: 100%;
  max-width: 824px;
}

.team-gallery-slide {
  padding: 24px;
  border-radius: 20px;
  background: #f6f6f6;
  max-width: 188px;
  width: 188px;
  height: auto;
  text-align: center;
  align-items: center;
}

.team-gallery-slide__mail {
  margin-top: 6px;
}

.team-gallery-slide__tel {
  margin-top: 4px;
}

.team-gallery-slide__img {
  border-radius: 50%;
  width: 140px;
  height: 140px;
  margin: 0 auto 8px;
}

.team-aside-operator {
  align-items: center;
}

.team-aside-operator__info {
  margin-right: 16px;
  width: 100%;
  gap: 4px;
}

.team-aside-operator__text {
  align-items: center;
  gap: 4px;
}

.team-aside-operator__button {
  padding: 11px 12px;
  margin-left: auto;
  cursor: pointer;
}

.team-aside-operator__icon {
  min-width: 48px;
  min-height: 48px;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  background-color: #222220;
  border-radius: 50%;
  display: flex;
  margin-right: 8px;
}

.team-aside-operator__icon svg {
  width: 32px;
  height: 32px;
}

.team-aside-operator__icon svg path {
  stroke: white;
}

.about__container--benefits {
  margin-top: 72px;
}

.about-info {
  gap: 24px;
  display: flex;
}

.about-info__swiper {
  min-width: 424px;
  max-width: 100%;
  width: 100%;
  height: 549px;
  border-radius: 20px;
}

.about-info__swiper .swiper-pagination {
  bottom: 24px;
}

.about-info--reverse {
  flex-direction: row-reverse;
}

.about-info__title {
  position: relative;
}

.about-info__title span {
  color: var(--color-primary-main);
}

.about-info__text-content {
  display: flex;
  gap: 33px;
  flex-direction: column;
  border-radius: 20px;
}

.about-info-slide {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.about-info-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.facts-title {
  margin-top: 24px;
}

.about-facts-item {
  display: flex;
  gap: 12px;
  padding: 12px;
  background-color: #f6f6f6;
  border-radius: 20px;
  height: auto;
}

.about-facts-item__info {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.about-facts-item__text {
  color: #4b4b4a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.about-facts-item__icon svg {
  width: 72px;
  height: 72px;
  min-width: 72px;
  min-height: 72px;
}

.benefits-swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  padding: 12px;
  gap: 12px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
}

.benefits-swiper-slide svg {
  min-width: 48px;
  min-height: 48px;
}

.benefits-swiper-slide__info {
  gap: 8px;
}

.about-socials {
  gap: 24px;
  align-items: flex-start;
}

.about-socials-aside {
  padding: 24px;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  gap: 24px;
  border-radius: 20px;
  max-width: 312px;
  width: 100%;
}

.about-socials-item {
  background: transparent;
  height: 40px;
  gap: 8px;
}

.about-socials-item svg:last-child {
  margin-left: auto;
}

.about-socials-item__info {
  gap: 4px;
  max-width: 70%;
}

.about-socials-item__title {
  text-align: left;
  transition: 0.3s ease;
}

.about-socials-item__link {
  text-align: left;
  color: #b7b5ae;
}

.about-socials-item:hover,
.about-socials-item.tab--active {
  background: transparent !important;
}

.about-socials-item:hover .about-socials-item__title,
.about-socials-item.tab--active .about-socials-item__title {
  color: var(--color-primary-main);
}

.about-socials-item:hover svg path[fill],
.about-socials-item.tab--active svg path[fill] {
  fill: var(--color-primary-main);
}

.about-socials-item:hover svg path[stroke],
.about-socials-item.tab--active svg path[stroke] {
  stroke: var(--color-primary-main);
}

.about-socials-main {
  border-radius: 20px;
  border: 1px solid rgba(136, 134, 128, 0.4);
  width: 100%;
  overflow: hidden;
}

.about-socials-main img {
  width: 100%;
  height: 100%;
}

.socials-swiper__wrapper {
  height: 490px;
}

.socials-swiper .swiper-wrapper {
  height: 490px;
  align-items: center;
}

.socials-slide {
  position: relative;
  width: 160px;
  justify-content: center;
}

.socials-slide__title {
  font-family: Arial;
  font-size: 14px;
  line-height: 22px;
}

.socials-slide__header {
  padding: 8px;
  width: 100%;
  gap: 4px;
  align-items: center;
  justify-content: center;
}

.socials-slide__img {
  border-radius: 20px;
  border: 2px solid rgba(0, 0, 0, 0.2509803922);
  transition: 0.3s ease;
  width: 100%;
  height: 100%;
}

.socials-slide__img-wrapper {
  position: relative;
  width: 160px;
  height: 280px;
  transition: 0.3s ease;
}

.socials-slide__img-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  display: block;
  background: rgba(0, 0, 0, 0.2);
  transition: 0.3s ease;
}

.socials-slide.swiper-slide-active {
  z-index: 1;
}

.socials-slide.swiper-slide-active .socials-slide__img-wrapper {
  height: 452px;
  transform: scaleX(1.625);
}

.socials-slide.swiper-slide-active .socials-slide__img-wrapper::after {
  opacity: 0;
}

.clients-swiper {
  overflow: visible;
}

.about-clients__scroll {
  height: 4px;
  border-radius: 20px;
  background: #e5e1d0;
  margin-top: 20px;
}

.about-clients__scroll .swiper-scrollbar-drag {
  background-color: var(--color-primary-main);
}

.clients-swiper-slide {
  width: 200px;
  height: 200px;
  padding: 24px;
  border-radius: 20px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clients-swiper-slide__img {
  width: 100%;
}

.franchise {
  margin-top: 24px;
}

.franchise--experience {
  margin-top: 0;
  padding: 15px 0;
  overflow: hidden;
  background: #f6f6f6;
  position: relative;
  z-index: 1;
  margin-bottom: -24px;
  padding-bottom: 39px;
}

.franchise--intro {
  background: linear-gradient(90deg, #222220 44.5%, #fdc305 43.76%);
  padding-top: 115px;
  padding-bottom: 115px;
}

.franchise--format {
  margin-top: 44px;
}

.franchise--benefits {
  margin-top: 44px;
}

.franchise--address {
  margin-top: 44px;
}

.franchise--aboutus {
  margin-top: 44px;
}

.franchise--partners {
  margin-top: 44px;
}

.franchise-partners__wrapper {
  overflow: hidden;
  max-width: 1416px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .franchise-partners__wrapper {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .franchise-partners__wrapper {
    padding: 0 1.5rem;
  }
}

.franchise--mobile-steps {
  display: none;
}

.franchise--mobile-steps .btn {
  width: 100%;
}

.franchise--steps-btn {
  margin-top: 44px;
}

.franchise--steps-btn .franchise__container {
  text-align: center;
}

.franchise--steps-btn .btn {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
  text-align: center;
  max-width: 512px;
  width: 100%;
  height: 72px;
  border-radius: 90px;
  margin: 0 auto;
}

.franchise--steps {
  background-color: #f6f6f6;
  padding: 44px 0 50px;
}

.franchise--why {
  background-color: #222220;
  padding: 44px 0;
}

.franchise__container--experience {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  max-width: 1353px;
}

.franchise__container--intro {
  display: flex;
  align-items: center;
  gap: 48px;
  max-width: 1130px;
  padding-right: 0;
  padding-left: 16px;
}

.franchise__container--why {
  gap: 44px;
}

.franchise-intro-info {
  max-width: 356px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.franchise-intro-info__logo svg {
  width: 100%;
  height: 100%;
}

.franchise-intro-info__title {
  color: #fff;
  margin: 48px 0 24px;
  font-weight: 700;
}

.franchise-intro-info__subtitle {
  color: #b7b5ae;
  margin-bottom: 48px;
}

.franchise-intro-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.franchise-intro-img img {
  width: 100%;
}

.franchise-experience-info {
  width: 100%;
  padding: 11vw 0 0;
  min-width: 400px;
}

.franchise-experience-info__title {
  padding: 24px 0;
  position: relative;
  font-weight: 700;
  margin: 0 0 24px;
}

.franchise-experience-info__title::before {
  position: absolute;
  left: -64px;
  top: 0;
  z-index: -1;
  content: "";
  display: block;
  width: 70vw;
  height: 100%;
  background: var(--color-primary-main);
}

.franchise-experience-info__text {
  font-size: 14px;
  font-family: Arial;
  line-height: 22px;
}

.franchise-experience-info__text strong {
  font-weight: 700;
}

.franchise-experience-info__text .h3 {
  border-radius: 8px;
  background-color: var(--color-primary-main);
  padding: 3px;
  margin-left: -2px;
}

.franchise-experience-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: min(602px, 50%);
}

.franchise-experience-img img {
  width: 100%;
}

.franchise-why-info {
  display: flex;
  flex-direction: column;
  grid-template: 24px;
}

.franchise-why-info__title {
  text-align: center;
  color: white;
  margin-bottom: 24px;
}

.franchise-why-info__row {
  gap: 24px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.franchise-why-item {
  max-width: 200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.franchise-why-item__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  font-family: Roboto;
  color: #b7b5ae;
}

.franchise-why-item__title-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--color-primary-main);
  border-radius: 300px;
  width: 100%;
  padding: 40px 0;
  max-height: 116px;
}

.franchise-why-item__title {
  text-align: center;
  color: white;
  font-family: Roboto;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}

.franchise-why-item__title span {
  color: #b7b5ae;
}

.franchise-why-slider {
  width: 100%;
}

.franchise-why-slider__pagination {
  position: relative;
}

.franchise-why-slider__pagination .swiper-pagination {
  position: static;
}

.franchise-why-slider__wrapper {
  margin-bottom: 52px;
}

.franchise-why-slide {
  max-width: 100%;
  width: 100%;
}

.franchise-why-slide__card {
  position: relative;
}

.franchise-why-slide__img {
  border-radius: 20px;
  width: 100%;
}

.franchise-why-slide__text {
  margin-top: 12px;
  color: #b7b5ae;
  line-height: 22px;
  padding-right: 24px;
}

.franchise-why-slide__title {
  top: 12px;
  left: 12px;
  position: absolute;
}

.franchise-format__title {
  text-align: center;
  margin-bottom: 24px;
}

.franchise-format-swiper__pagination {
  margin-top: 20px;
  position: relative;
}

.franchise-format-swiper__pagination .swiper-pagination {
  position: static;
}

.franchise-format-swiper__pagination .swiper-pagination .swiper-pagination-bullet {
  margin: 0 8px;
}

.franchise-format-item {
  padding: 12px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background-color: #f6f6f6;
  gap: 12px;
}

.franchise-format-item__title {
  text-align: center;
}

.franchise-format-item__img {
  border-radius: 8px;
  width: 100%;
}

.franchise-format-item__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 0;
  padding: 0;
}

.franchise-format-item__list-item {
  font-family: Arial;
  font-size: 12px;
  line-height: 14px;
  gap: 16px;
  align-items: center;
  display: flex;
}

.franchise-format-item__list-item span:first-child {
  display: inline-block;
  min-width: 140px;
}

.franchise-benefits__title {
  text-align: center;
  margin-bottom: 24px;
}

.franchise-benefits__title span {
  color: var(--color-primary-main);
}

.franchise-benefits__title--address a {
  color: var(--color-primary-main);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.franchise-benefits__list {
  gap: 8px 24px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.franchise-benefits-item {
  display: flex;
  gap: 10px;
  cursor: default;
  transition: 0.3s ease-in-out;
  align-items: flex-start;
  position: relative;
}

.franchise-benefits-item__header {
  display: flex;
  width: 100%;
  gap: 8px;
}

.franchise-benefits-item__wrapper {
  display: flex;
  align-items: flex-start;
  border-radius: 20px;
  width: 480px;
  display: flex;
  gap: 12px;
  transition: 0.3s linear;
  pointer-events: none;
}

.franchise-benefits-item__text {
  color: #4b4b4a;
}

.franchise-benefits-item__chevron {
  min-height: 16px;
  min-width: 16px;
  transition: 0.3s ease-in-out;
}

.franchise-benefits-item__img {
  border-radius: 8px;
  width: 100%;
  max-width: 96px;
  height: auto;
}

.franchise-benefits-item path,
.franchise-benefits-item__title {
  transition: 0.3s ease-in-out;
}

.franchise-benefits-item:hover {
  z-index: 1;
}

.franchise-news__wrapper {
  overflow: hidden;
  max-width: 1416px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .franchise-news__wrapper {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .franchise-news__wrapper {
    padding: 0 1.5rem;
  }
}

.franchise-swiper--news {
  padding: 0;
  margin-right: -24px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .franchise-swiper--news {
    margin-right: -12px;
  }
}
.franchise-swiper--news .swiper-slide {
  padding-right: 24px;
}
@media only screen and (max-width: 768px) {
  .franchise-swiper--news .swiper-slide {
    padding-right: 12px;
  }
}

.franchise-news-item {
  gap: 8px;
  width: 100%;
  padding: 12px 12px 24px;
  background: #f6f6f6;
  border-radius: 20px;
}

.franchise-news-item__count {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 8px;
  border-radius: 20px;
  background: #f7f7f7;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.franchise-news-item__img {
  width: 100%;
  max-width: 152px;
  margin: 0 auto;
}

.franchise-swiper--partner {
  padding: 0;
  margin-right: -24px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .franchise-swiper--partner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .franchise-swiper--partner {
    padding: 0;
  }
}
.franchise-swiper--partner .swiper-slide {
  padding-right: 24px;
  width: auto;
}
@media screen and (max-width: 991px) {
  .franchise-swiper--partner .swiper-slide {
    padding-right: 12px;
  }
}

.franchise-partner-item {
  gap: 8px;
  position: relative;
  width: 100%;
}

.franchise-partner-item__count {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 8px;
  border-radius: 20px;
  background: #f7f7f7;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.franchise-partner-item__img {
  border-radius: 50%;
  width: 100%;
  max-width: 200px;
}

.franchise-partner-item__title {
  text-align: center;
}

.franchise-scroll__pagination {
  margin-top: 20px;
  position: static;
}

.franchise-scroll__scroll {
  height: 4px;
  border-radius: 20px;
  background: #e5e1d0;
  margin-top: 20px;
}

.franchise-scroll__scroll .swiper-scrollbar-drag {
  background-color: var(--color-primary-main);
}

.franchise-steps {
  position: relative;
  width: 32.083vw;
  height: 32.083vw;
  max-width: 462px;
  max-height: 462px;
}

.franchise-steps svg {
  width: 100%;
  height: 100%;
}

.franchise-steps__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 113px;
  margin-bottom: 120px;
}

.franchise-steps__title {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-family: Roboto;
  font-size: 104px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 0;
  text-align: center;
}

.franchise-steps__title span {
  font-family: Roboto;
  font-size: 54px;
  font-weight: 300;
  line-height: 50px;
  letter-spacing: 0;
  text-align: center;
  color: #b7b5ae;
}

.franchise-step {
  position: absolute;
  border: 1px solid #222220;
  border-radius: 70px;
  padding: 6px 12px;
  text-align: center;
  white-space: nowrap;
}

.franchise-step::after {
  content: "";
  width: min(80px, 5.556vw);
  max-width: 80px;
  height: 1px;
  background-color: #222220;
  position: absolute;
  top: 50%;
}

.franchise-step:nth-child(3)::after,
.franchise-step:nth-child(5)::after,
.franchise-step:nth-child(7)::after,
.franchise-step:nth-child(9)::after,
.franchise-step:nth-child(11)::after {
  left: 100%;
  transform-origin: left center;
}

.franchise-step:nth-child(4)::after,
.franchise-step:nth-child(6)::after,
.franchise-step:nth-child(8)::after,
.franchise-step:nth-child(10)::after,
.franchise-step:nth-child(12)::after {
  right: 100%;
  transform-origin: right center;
}

.franchise-step:nth-child(3) {
  right: min(22.917vw, 330px);
}

.franchise-step:nth-child(3)::after {
  transform: translate(1px, -50%) rotate(70deg);
}

.franchise-step:nth-child(4) {
  left: min(22.917vw, 330px);
}

.franchise-step:nth-child(4)::after {
  transform: translate(-1px, -50%) rotate(-70deg);
}

.franchise-step:nth-child(5) {
  border-radius: 20px;
  right: min(32.431vw, 100% + 2px);
}

.franchise-step:nth-child(5)::after {
  top: 19px;
  transform: translate(1px, -50%) rotate(26deg);
}

.franchise-step:nth-child(6) {
  left: min(32.431vw, 100% + 2px);
}

.franchise-step:nth-child(6)::after {
  transform: translate(-1px, -50%) rotate(-26deg);
}

.franchise-step:nth-child(7) {
  right: min(37.222vw, 100% + 74px);
}

.franchise-step:nth-child(7)::after {
  transform: translate(1px, -50%) rotate(12deg);
}

.franchise-step:nth-child(8) {
  left: min(37.222vw, 100% + 74px);
}

.franchise-step:nth-child(8)::after {
  transform: translate(-1px, -50%) rotate(-12deg);
}

.franchise-step:nth-child(9) {
  right: min(35.625vw, 100% + 51px);
}

.franchise-step:nth-child(9)::after {
  transform: translate(1px, -50%) rotate(-24deg);
}

.franchise-step:nth-child(10) {
  left: min(35.625vw, 100% + 51px);
}

.franchise-step:nth-child(10)::after {
  transform: translate(-1px, -50%) rotate(24deg);
}

.franchise-step:nth-child(11) {
  right: min(29.167vw, 420px);
}

.franchise-step:nth-child(11)::after {
  width: min(102px, 7.083vw);
  transform: translate(1px, -50%) rotate(-52deg);
}

.franchise-step:nth-child(12) {
  left: min(29.167vw, 420px);
}

.franchise-step:nth-child(12)::after {
  width: min(102px, 7.083vw);
  transform: translate(-1px, -50%) rotate(52deg);
}

.franchise-step:nth-child(3),
.franchise-step:nth-child(4) {
  top: max(-85px, -18.3982683983%);
}

.franchise-step:nth-child(5),
.franchise-step:nth-child(6) {
  top: min(12px, 2.5974025974%);
}

.franchise-step:nth-child(7),
.franchise-step:nth-child(8) {
  top: min(158px, 34.1991341991%);
}

.franchise-step:nth-child(9),
.franchise-step:nth-child(10) {
  top: min(341px, 73.8095238095%);
}

.franchise-step:nth-child(11),
.franchise-step:nth-child(12) {
  top: min(459px, 99.3506493506%);
}

.franchise-step:nth-child(13) {
  top: min(538px, 116.4502164502%);
  left: 50%;
  transform: translate(-50%);
}

.franchise-step:nth-child(13)::after {
  left: 50%;
  top: -100%;
  transform: translate(-50%) rotate(90deg);
}

.franchise-step-mobile {
  align-items: center;
  gap: 6px;
  margin-bottom: 32px;
}

.franchise-step-mobile__item {
  padding: 8px 12px;
  border: 1px solid #222220;
  border-radius: 70px;
  text-align: center;
  width: 100%;
}

.popup--crm {
  max-width: 700px;
}

@media screen and (max-width: 767px) {
  .popup--crm {
    max-width: 100%;
    overflow: auto;
    max-height: 100vh;
    max-height: 100dvh;
  }
}
@media screen and (max-width: 767px) and (max-height: 760px) {
  .popup--crm {
    top: 0;
  }
  .popup--crm.popup--active {
    transform: translate(-50%, 0) scale(1);
  }
}
.news-page__wrapper {
  gap: 24px;
}

.news-page__catalog {
  gap: 20px;
}

.news-page__content {
  gap: 20px;
}

.news-item {
  align-items: stretch;
  gap: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--text-base);
}

.news-item::before {
  content: none;
}

.news-item__img {
  width: 266px;
  min-height: 150px;
  height: auto;
  flex-shrink: 0;
}

.news-item__img img {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  object-fit: cover;
  object-position: center right;
}

.news-item__content {
  padding: 20px;
  position: relative;
  gap: 10px;
  flex: auto;
}

.news-item__date {
  color: #b7b5ae;
}

.pagination {
  display: flex;
  flex-direction: column;
}

.nav-links {
  gap: 16px;
  align-items: center;
  display: flex;
  flex-direction: row;
}

.next.page-numbers {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 20px;
  height: 38px;
  cursor: pointer;
  transition: 0.3s ease;
  white-space: nowrap;
}

.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 20px;
  transition: 0.3s ease;
  cursor: pointer;
}

.page-numbers.current {
  background-color: var(--color-primary-main);
}

.page-numbers.current:hover {
  background-color: #deae10;
}

.news-page-pagination,
.navigation {
  gap: 16px;
  align-items: center;
}

.news-page-pagination__row {
  gap: 16px;
  align-items: center;
}

.news-page-pagination__row > .row {
  align-items: center;
  gap: 8px;
}

.news-page-pagination__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 20px;
  transition: 0.3s ease;
  cursor: pointer;
}

.news-page-pagination__button--active {
  background-color: var(--color-primary-main);
}

.news-page-pagination .button-next svg path,
.news-page-pagination .button-prev svg path {
  transition: 0.15s all ease;
}

.news-page-pagination .button-next:hover svg path,
.news-page-pagination .button-prev:hover svg path {
  stroke: rgb(253, 195, 5);
}

.news-page__aside {
  width: 312px;
  flex-shrink: 0;
  gap: 10px;
}

.news-page__subscribe,
.news-page__socials {
  padding: 22px;
  border: 1px solid #f6f6f6;
  border-radius: 20px;
  gap: 16px;
}

.news-page__subscribe-description {
  margin-top: -4px;
}

.news-page__subscribe form {
  gap: 16px;
  width: 100%;
}

.news-page__socials {
  gap: 16px;
}

.news-page__social-items {
  flex-wrap: wrap;
  gap: 16px;
}

.news-page__social-item {
  width: 40px;
  height: 40px;
  transition: 0.3s opacity ease;
}

.news-page__social-item:hover {
  opacity: 0.6;
}

.news-page__social-item img {
  width: 100%;
  height: 100%;
}

.news-single {
  margin-top: 24px;
}

.news-single__wrapper {
  gap: 10px;
}

.news-single__wrapper .section-header {
  margin-bottom: 0;
}

.news-single__img {
  gap: 10px;
  margin-bottom: 14px;
}

.blog-single .news-single__img {
  margin-bottom: 30px;
}

.blog-single .section-header {
  margin-bottom: 14px;
}

.news-single__img img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.news-single__img-description {
  line-height: 1.5em;
}

.news-single__desc {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 10px;
}

.news-single__desc-date,
.news-single__desc--view_num {
  color: #b7b5ae;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.news-single__desc--view {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.news-single__desc--view_img svg {
  width: 14px;
  height: 14px;
}

.news-single__content.require-catalog {
  max-width: 100%;
}

.other-news__slider {
  overflow: hidden;
}

.other-news__slider-arrows {
  gap: 16px;
}

.other-news__slider-arrows .btn {
  width: 40px;
  height: 38px;
  padding: 0;
  position: static;
}

.other-news__slider-arrows .btn::after {
  content: none;
}

.other-news__slider-arrows .btn svg {
  width: 16px;
  height: 16px;
}

.other-news__slide {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.other-news__slide::before {
  content: none;
}

.other-news__slide::after {
  top: 0;
}

.other-news__slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  max-height: 150px;
}

.other-news__slide .card-content {
  padding: 20px;
  gap: 10px;
}

.other-news__slide .card-title {
  color: #222220;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  min-height: 44px;
}

.other-news__slide .card-text {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  color: #222220;
  min-height: 65px;
}

.other-news__slide .card-date {
  color: #b7b5ae;
}

/* Rebranding */
.rebranding {
  padding-top: 44px;
}

.rebranding a.btn--first:not(.btn--first:disabled):hover {
  color: #222220;
}

.rebranding .btn.btn--second:not(.btn--second:disabled):hover {
  background-color: #fff;
}

.rebranding .container {
  gap: 44px;
}

.rebranding-head__wrapper {
  border-radius: 20px;
  padding: 24px;
  background: url(.././img/rebranding.png), linear-gradient(120deg, rgb(246, 246, 246) 0%, rgb(246, 246, 246) 65%, rgb(253, 195, 5) 0.1%, rgb(253, 195, 5) 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: auto 100%, cover;
  background-position: bottom right, left top;
}

.rebranding-head__text {
  gap: 78px;
  max-width: 594px;
}

.rebranding-head__wrapper h1 {
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.rebranding-head__pluses {
  gap: 110px;
}

.rebranding-head__plus {
  align-items: center;
}

.rebranding-head__plus-value {
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.rebranding-head__plus-desc {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  color: rgb(183, 181, 174);
}

.rebranding-conditions__wrapper {
  gap: 24px;
}

.rebranding-conditions__item {
  width: calc(33.3333333333% - 16px);
  border: 1px solid rgb(34, 34, 32);
  border-radius: 20px;
  padding: 24px 4px;
  position: relative;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.rebranding-conditions__value {
  font-size: 94px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}

.rebranding-conditions__description {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  color: #b7b5ae;
}

.rebranding-conditions__crossed {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  text-decoration-color: currentcolor;
  color: rgb(183, 181, 174);
}

.rebranding-conditions__black {
  width: calc(33.3333333333% - 16px);
  min-width: 424px;
  padding: 24px;
  gap: 24px;
  background-color: rgb(34, 34, 32);
  border-radius: 20px;
}

.rebranding-conditions__black-text {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  color: #fff;
}

.rebranding-conditions__black .btn {
  max-width: 231px;
}

.rebranding-design__wrapper {
  gap: 24px;
}

.rebranding-design__mobile-header {
  display: none;
}

.rebranding-design__slider-wrapper {
  width: 58%;
  height: unset;
}

.rebranding-design__slider-wrapper .rebranding-design__slider {
  max-width: unset;
}

.rebranding-design__slider {
  height: unset;
}

.rebranding-design-slide {
  border-radius: 20px;
  overflow: hidden;
}

.rebranding-design-slide img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.rebranding-design__text {
  width: 42%;
  gap: 24px;
}

.rebranding-design__content {
  flex-grow: 1;
}

.rebranding-design__text .btn {
  max-width: 166px;
}

.rebranding-case {
  gap: 24px;
}

.rebranding-case__wrapper {
  width: 100%;
}

.rebranding-case__item {
  padding: 12px;
  border-radius: 20px;
  background-color: #f6f6f6;
  width: 50%;
  gap: 12px;
}

.rebranding-case__img {
  border-radius: 8px;
  overflow: hidden;
}

.rebranding-case__img img {
  max-width: 100%;
  width: 100%;
  height: auto;
  aspect-ratio: 624/375;
  vertical-align: middle;
}

.rebranding-case__lines {
  gap: 8px;
}

.rebranding-case__line {
  gap: 16px;
  padding: 4px 0;
}

.rebranding-case__line .line-value {
  width: 33%;
  text-align: left;
}

.rebranding-case__line .line-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.rebranding-stages {
  gap: 24px;
}

.rebranding-stages__wrapper {
  width: 100%;
}

.rebranding-stages__wrapper .swiper-wrapper {
  align-items: stretch;
}

.rebranding-stages__item {
  padding: 12px;
  gap: 12px;
  border-radius: 20px;
  background-color: #f6f6f6;
  height: auto;
}

.rebranding-stage__text {
  color: #4b4b4a;
}

.rebranding-get {
  gap: 24px;
}

.rebranding-get__wrapper {
  width: 100%;
  gap: 24px;
  display: grid;
  grid-template-areas: "one two three seven" "four five six seven";
}

.rebranding-get__item {
  background-color: #f6f6f6;
  padding: 12px 12px 94px;
  gap: 12px;
  position: relative;
  border-radius: 20px;
}

.rebranding-get__item:first-child {
  grid-area: one;
}

.rebranding-get__item:nth-child(2) {
  grid-area: two;
}

.rebranding-get__item:nth-child(3) {
  grid-area: three;
}

.rebranding-get__item:nth-child(4) {
  grid-area: four;
}

.rebranding-get__item:nth-child(5) {
  grid-area: five;
}

.rebranding-get__item:nth-child(6) {
  grid-area: six;
}

.rebranding-get__item:nth-child(7) {
  grid-area: seven;
  padding-bottom: 12px;
}

.rebranding-get__item:nth-child(7) svg {
  position: static;
  left: unset;
  transform: unset;
  width: 122px;
  height: 49px;
}

.rebranding-get__item:nth-child(7) ul,
.rebranding-get__item:nth-child(7) ol {
  padding-left: 20px;
}

.rebranding-get__item:nth-child(7) .rebranding-get__content {
  flex-grow: 1;
}

.rebranding-get__item svg {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 70px;
}

.rebranding-get__text,
.rebranding-get__content {
  color: #4b4b4a;
}

.rebranding-get__text *,
.rebranding-get__content * {
  color: inherit;
}

.grecaptcha-badge {
  display: none !important;
}

/* Manager copycenter */
.table-manager {
  width: 100%;
}

.table-manager tbody {
  display: flex;
  flex-direction: column;
}

.table-manager tr {
  display: flex;
  justify-content: space-around;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: #b7b5ae;
  border-bottom: 1px solid #b7b5ae;
  border-right: 1px solid #b7b5ae;
  border-left: 1px solid #b7b5ae;
}

.table-manager tr:first-child {
  border-radius: 20px 20px 0 0;
  border: 1px solid #b7b5ae;
}

.table-manager tr:first-child td {
  color: #4b4b4a;
}

.table-manager tr:last-child {
  border-radius: 0 0 20px 20px;
  border-right: 1px solid #b7b5ae;
  border-left: 1px solid #b7b5ae;
}

.table-manager td {
  padding: 10px 12px;
  width: 25%;
  text-align: center;
  color: #b7b5ae;
  border-right: 1px solid #b7b5ae;
}

.table-manager td:nth-child(2) {
  width: 35%;
}

.table-manager td a {
  color: #b7b5ae;
}

.table-manager tr td:last-child {
  border-right: none;
}

.table-manager td.table-manager__email {
  width: 17%;
  overflow-wrap: break-word;
}

@media only screen and (min-width: 1250px) and (max-width: 1400px) {
  .table-manager tr {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1250px) {
  .table-manager tr {
    font-size: 12px;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1100px) {
  .table-manager tr {
    font-size: 10px;
  }
}
@media only screen and (max-width: 949px) {
  .manager-desc {
    display: none;
  }
}
@media only screen and (min-width: 950px) {
  .table-manager-mob {
    display: none;
  }
}
.table-manager-mob__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.table-manager-mob__content-items {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  gap: 8px;
  border-radius: 20px;
  border: 1px solid #b7b5ae;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.table-manager-mob__content-items_1,
.table-manager-mob__content-items_2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.table-manager-mob__content-items_2 {
  text-align: right;
}

.table-manager-mob__content-items_1 > .table-manager-mob__content-item:first-child {
  color: #4b4b4a;
}

.table-manager-mob__content-item {
  color: #b7b5ae;
}

@media only screen and (max-width: 510px) {
  .table-manager-mob__content-items {
    flex-direction: column;
  }
  .table-manager-mob__content-items_2 {
    text-align: left;
  }
}
@media only screen and (min-width: 426px) {
  .franchise-format-item__btn {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 560px) {
  .franchise-why-slider__wrapper {
    margin-bottom: 0;
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 12px));
  }
  .franchise-scroll__pagination {
    display: none;
  }
}
@media only screen and (min-width: 680px) {
  .facts-swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .benefits-swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    flex-wrap: wrap;
  }
  .benefits-swiper-slide {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 769px) {
  .job-row-swiper .swiper-wrapper {
    gap: 24px;
    flex-wrap: wrap;
  }
  .facts-swiper .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 922px) {
  .copycenter-page-info__contacts a:hover {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 1199px) {
  .franchise-why-slider__wrapper {
    grid-template-columns: repeat(3, calc(33.3333333333% - 16px));
  }
  .franchise-format__row {
    gap: 24px;
  }
  .franchise-format-item {
    max-width: calc(33.3333333333% - 16px);
  }
}
@media only screen and (min-width: 992px) {
  /*a:not(a.not-hover, .is-hover.not-hover):hover,*/
  /*.is-hover:not(a.not-hover, .is-hover.not-hover):hover {*/
  /*  --color: --color-primary-main;*/
  /*  color: var(--color-primary-main);*/
  /*}*/
  a:not(a.not-hover):not(.is-hover.not-hover):hover path[stroke],
  .is-hover:not(a.not-hover):not(.is-hover.not-hover):hover path[stroke] {
    stroke: var(--text-icons-light-base-second, #858c95);
  }
  /*
   a:not(a.not-hover, .is-hover.not-hover):hover path[fill],
   .is-hover:not(a.not-hover, .is-hover.not-hover):hover path[fill] {
     fill: var(--color-primary-main);
   }
   */
  .btn--first:not(.btn--first:disabled):hover {
    border: 1px solid #deae10;
    background-color: #deae10;
  }
  .btn--first:not(.btn--first:disabled):hover path[stroke] {
    stroke: #222220 !important;
  }
  .btn--first:not(.btn--first:disabled):hover path[fill] {
    fill: #222220 !important;
  }
  .btn--second:not(.btn--second:disabled):hover {
    color: #222220;
    background-color: #f6f6f6;
  }
  .btn--third:not(.btn--third:focus:disabled):hover {
    color: #858c95;
  }
  .btn--third:not(.btn--third:focus:disabled):hover svg path {
    stroke: #858c95 !important;
  }
  .btn--third:focus:not(.btn--third:focus:disabled):hover {
    background-color: #f7f7f7;
  }
  .btn--five:not(.btn--five:disabled):hover {
    color: #222220 !important;
  }
  .btn--five:not(.btn--five:disabled):hover path {
    stroke: #222220 !important;
  }
  .tag--first:hover {
    background-color: var(--color-primary-main);
    color: #222220;
  }
  .tag--four:hover,
  .tag--four:active,
  .tag--four.tag--current {
    background-color: var(--color-primary-main);
  }
  .tag--five:hover {
    background-color: #f7f7f7;
  }
  :where(.tab:hover:not(.tab--active)) {
    background: var(--Background-Light-Base-Second, #f8f9fb);
  }
  .input__button:hover,
  .input__button:focus {
    background: #f6f6f6;
  }
  .checkbox:hover .checkbox__box {
    border-color: var(--color-primary-main);
  }
  .card:hover::after {
    border-color: var(--color-primary-main);
  }
  .copycenter:hover::after {
    opacity: 1;
  }
  .copycenter-horiz:hover::after {
    opacity: 1;
  }
  .copycenter-button:hover::after {
    opacity: 1;
  }
  .dropdown__result:hover {
    background: #f7f7f7;
  }
  .dropdown__button:hover {
    background-color: #f7f7f7;
  }
  .dropdown-classic__select:hover {
    background-color: #f7f7f7;
  }
  .dropdown-classic__button:hover {
    background-color: #f7f7f7;
  }
  .header-catalog-content-wrapper:hover .header-catalog__button {
    padding: 6px 12px;
    background-color: #f7f7f7;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #222220 !important;
  }
  .header-catalog-content-wrapper:hover .header-catalog__button path {
    stroke: #222220 !important;
  }
  .search-nwp__result:hover {
    background: #f7f7f7;
  }
  .search-nwp__result--error:hover {
    background: transparent;
  }
  .search-nwp__button:hover svg path {
    fill: #858c95;
  }
  .header-chat:hover {
    background: #4b4b4a !important;
    color: white !important;
  }
  .footer-middle__socials a:hover {
    opacity: 1;
  }
  .footer-middle__socials a:hover path[stroke] {
    stroke: var(--header-link-hover-color);
  }
  .footer-middle__socials a:hover path[fill] {
    fill: var(--header-link-hover-color);
  }
  .footer-bottom__company:hover {
    border-color: #fff;
    color: #fff !important;
  }
  .footer-bottom__company:hover svg > path {
    fill: white !important;
  }
  .footer-bottom__logo:hover path {
    fill: white !important;
  }
  .promo-close:hover {
    background-color: #deae10;
  }
  .popup-order__social:hover {
    opacity: 0.8;
  }
  .faq__button:hover {
    background-color: #f7f7f7;
  }
  .portfolio-page-pagination__button:hover,
  .news-page-pagination__button:hover {
    background-color: #f7f7f7;
  }
  .portfolio-page-pagination__button--active:hover,
  .news-page-pagination__button--active:hover {
    background-color: #deae10;
  }
  .cart-block-form__social:hover {
    opacity: 0.8;
  }
  .facts-title {
    display: flex;
  }
  .facts-swiper .swiper-wrapper {
    margin: 40px 0;
  }
  .socials-swiper__wrapper {
    display: none;
  }
  .franchise-benefits__list {
    padding: 24px;
    border: 1px solid rgba(198, 184, 138, 0.2392156863);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 68px;
    align-items: flex-start;
  }
  .franchise-benefits-item__wrapper {
    padding: 12px;
    opacity: 0;
    top: 0;
    max-width: 480px;
    position: absolute;
    box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.2509803922);
    background-color: #fff;
  }
  .franchise-benefits-item__chevron {
    display: none;
  }
  .franchise-benefits-item:hover .franchise-benefits-item__wrapper {
    top: 100%;
    opacity: 1;
    position: absolute;
  }
  .franchise-benefits-item:hover path[stroke] {
    stroke: var(--color-primary-main);
  }
  .franchise-benefits-item:hover path[fill="#222220"] {
    fill: var(--color-primary-main);
  }
  .franchise-benefits-item:hover .franchise-benefits-item__title {
    color: var(--color-primary-main);
    opacity: 1;
  }
  .franchise-benefits-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .franchise-benefits-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .franchise-benefits-item:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }
  .franchise-benefits-item:nth-child(4) {
    grid-column: 1;
    grid-row: 4;
  }
  .franchise-benefits-item:nth-child(5) {
    grid-column: 2;
    grid-row: 1;
  }
  .franchise-benefits-item:nth-child(6) {
    grid-column: 2;
    grid-row: 2;
  }
  .franchise-benefits-item:nth-child(7) {
    grid-column: 2;
    grid-row: 3;
  }
  .franchise-benefits-item:nth-child(8) {
    grid-column: 2;
    grid-row: 4;
  }
  .franchise-benefits-item:nth-child(9) {
    grid-column: 3;
    grid-row: 1;
  }
  .franchise-benefits-item:nth-child(10) {
    grid-column: 3;
    grid-row: 2;
  }
  .franchise-benefits-item:nth-child(11) {
    grid-column: 3;
    grid-row: 3;
  }
  .franchise-benefits-item:nth-child(12) {
    grid-column: 3;
    grid-row: 4;
  }
  .franchise-benefits-item:nth-child(13) {
    grid-column: 4;
    grid-row: 1;
  }
  .franchise-benefits-item:nth-child(14) {
    grid-column: 4;
    grid-row: 2;
  }
  .franchise-benefits-item:nth-child(15) {
    grid-column: 4;
    grid-row: 3;
  }
  .franchise-benefits-item:nth-child(16) {
    grid-column: 4;
    grid-row: 4;
  }
  .franchise-benefits-item:nth-child(13) .franchise-benefits-item__wrapper,
  .franchise-benefits-item:nth-child(14) .franchise-benefits-item__wrapper,
  .franchise-benefits-item:nth-child(15) .franchise-benefits-item__wrapper,
  .franchise-benefits-item:nth-child(16) .franchise-benefits-item__wrapper {
    right: 0;
    left: auto;
  }
}
@media screen and (min-width: 992px) {
  .copycenter-content {
    gap: min(1.11111vw, 16px);
    padding: min(1.11111vw, 16px);
  }
  .copycenter__text {
    font-size: min(0.972222vw, 14px);
    line-height: min(1.527777vw, 22px);
  }
  .copycenter__text--address {
    height: min(3.055555vw, 44px);
  }
  .copycenter-header__walk .font-control {
    font-size: min(0.972222vw, 14px);
  }
  .copycenter-header__walk > svg {
    width: min(1.11111vw, 16px);
    height: min(1.11111vw, 16px);
    min-width: min(1.11111vw, 16px);
    min-height: min(1.11111vw, 16px);
  }
  .copycenter-header__title {
    font-size: min(1.38888vw, 20px);
  }
  .copycenter-header > svg {
    width: min(1.666666vw, 24px);
    height: min(1.666666vw, 24px);
    min-width: min(1.666666vw, 24px);
    min-height: min(1.666666vw, 24px);
  }
}
@media screen and (max-width: 1300px) {
  .copycenter-header__title {
    font-size: min(1.24143vw, 20px);
  }
  .portfolio-item .portfolio-item__header {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1221px) {
  .payment-item:nth-child(1) .payment-item__row {
    flex-direction: column;
  }
  .payment-item:nth-child(1) .payment-item__divider {
    display: none;
  }
  .payment-item:nth-child(2) .payment-item__row .payment-subitem:last-child {
    width: 100%;
  }
  .payment-item:nth-child(2) .payment-item__divider:nth-child(4) {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  .copycenter-button .copycenter-header {
    min-width: 160px;
  }
  .card-portfolio .card-portfolio__header {
    font-size: 18px;
  }
  .portfolio-item .portfolio-item__header {
    font-size: 13px;
  }
  .portfolio-popup {
    padding: 0;
    width: 100%;
  }
  .portfolio-popup__swiper {
    max-width: 100%;
  }
  .portfolio-popup__tablet-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .portfolio-popup__wrapper {
    flex-direction: column;
  }
  .portfolio-popup__button {
    display: none;
  }
  .calculator-block:last-child {
    flex-wrap: wrap;
    gap: 16px 24px;
  }
  .calculator-block:last-child > .col:nth-child(2) {
    max-width: 100%;
    order: -1;
  }
  .calculator-block:last-child > .col:nth-child(1) {
    max-width: calc(50% - 12px);
  }
  .calculator-block:last-child > .col:nth-child(3) {
    max-width: calc(50% - 12px);
  }
  .appeal-container {
    flex-wrap: wrap;
  }
  .appeal-info {
    max-width: calc(100% - 360px);
  }
  .appeal-info__subtitle {
    margin-bottom: 20px;
  }
  .appeal-form {
    max-width: 100%;
    width: 100%;
  }
  .appeal-form .input {
    max-width: 100%;
  }
  .appeal-form__text {
    white-space: nowrap;
  }
  .appeal-form > .row > .btn {
    width: 100%;
  }
  .appeal__img {
    height: 360px;
    border-radius: 20px;
    max-width: 336px;
    width: 100%;
  }
  .cart-block-titles {
    display: none;
  }
  .cart-item__actions {
    justify-content: space-between;
  }
  .cart-item__tablet {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .cart-item__price {
    display: none;
  }
  .cart-item__price--tablet {
    display: flex;
  }
  .cart-item__info--discount {
    height: 30px;
    width: 145px;
    display: none;
  }
  .cart-item__info--discount .tag {
    height: 30px;
  }
  .cart-item__info--tablet {
    display: flex;
  }
  .rent-form__row {
    gap: 24px;
    flex-direction: column;
  }
  .rent-form__row > div {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1023.9px) {
  .product-calculator-info__text p {
    font-size: 14px;
    line-height: 20px;
  }
  .require-catalog p,
  .require-catalog li {
    font-size: 14px;
    line-height: 20px;
  }
  .require-catalog h1,
  .require-catalog .h1 {
    font-size: 28px;
    line-height: 36px;
  }
  .require-catalog h2,
  .require-catalog .h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .require-catalog h3,
  .require-catalog .h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .require-catalog h4,
  .require-catalog .h4 {
    font-size: 14px;
    line-height: 22px;
  }
  .appeal-info p {
    font-size: 14px;
    line-height: 20px;
  }
  .card-portfolio .card-portfolio__header {
    font-size: 16px;
  }
  .portfolio-item .portfolio-item__header {
    font-size: 12px;
  }
  /*  Rebranding */
  .rebranding .container {
    gap: 40px;
  }
  .rebranding-head__text {
    gap: 45px;
  }
  .rebranding-head__wrapper h1 {
    font-size: 40px;
  }
  .rebranding-head__plus-value {
    font-size: 50px;
  }
  .rebranding-head__plus-desc {
    font-size: 20px;
    line-height: 28px;
  }
  .rebranding-conditions__crossed {
    display: none;
  }
  .rebranding-conditions__value {
    font-size: 58px;
  }
  .rebranding-conditions__description {
    font-size: 14px;
    line-height: 22px;
  }
  .rebranding-conditions__black {
    gap: 12px;
    min-width: 336px;
  }
  .rebranding-design__slider-wrapper {
    width: 50%;
    height: auto;
    aspect-ratio: 1/1;
  }
  .rebranding-design__slider-wrapper .rebranding-design__slider {
    height: 100%;
  }
  .rebranding-design__text {
    width: 50%;
  }
  .rebranding-design__wrapper .h1 {
    font-size: 16px;
    line-height: 24px;
  }
  .rebranding-design__content {
    font-size: 12px;
    line-height: 150%;
  }
  .rebranding-case {
    gap: 12px;
  }
  .rebranding-case__line {
    font-size: 12px;
  }
  .rebranding-stages {
    gap: 12px;
  }
  .rebranding-stage__text {
    line-height: 22px;
  }
  .rebranding-get {
    gap: 12px;
  }
  .rebranding-get__wrapper {
    grid-template-areas: "one two" "three four" "five six" "seven seven";
  }
  .rebranding-get__item {
    padding: 12px;
  }
  .rebranding-get__item svg {
    position: static;
    width: 24px;
    height: 24px;
    transform: unset;
    vertical-align: middle;
    margin-right: 8px;
  }
  .rebranding-get__header {
    font-size: 14px;
    line-height: 22px;
  }
  .rebranding-get__text {
    line-height: 22px;
  }
}
@media only screen and (max-width: 1199px) {
  .copycenter-button .copycenter__work {
    max-width: 218px;
  }
  .card__title {
    padding: 12px;
  }
  .copycenter {
    flex-direction: row-reverse;
    display: flex;
    justify-content: space-between;
  }
  .copycenter__work .row {
    gap: 16px;
    justify-content: flex-start;
  }
  .copycenter-header__title {
    font-size: 20px;
    line-height: 24px;
  }
  .copycenter-content {
    width: 100%;
  }
  .copycenter-map {
    min-width: 176px;
    max-width: 176px;
    height: 100%;
  }
  .copycenter-horiz {
    justify-content: space-between;
  }
  .copycenter-horiz__content {
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-end;
    order: 2;
    width: 100%;
  }
  .copycenter-horiz .copycenter__text--address {
    width: auto;
  }
  .copycenter-horiz .copycenter__work {
    max-width: unset;
    width: auto;
  }
  .header-chat {
    display: none;
  }
  .search-nwp {
    box-shadow: none;
    position: relative;
    grid-area: search;
  }
  .search-nwp .popup-close {
    grid-area: close;
  }
  .search-nwp__result {
    padding: 8px 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(198, 184, 138, 0.24);
  }
  .search-nwp__col {
    position: relative;
    top: 0;
    padding: 0 8px;
    grid-area: result;
    margin-top: 0;
  }
  .search-nwp__wrapper {
    flex-direction: column;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 40px;
    grid-template-areas: "search close" "result result";
    gap: 0 8px;
  }
  .search-nwp--filled:focus-within + .search-nwp__col {
    max-height: 156px;
    padding: 8px;
    margin-top: 8px;
  }
  .search-nwp--filled:focus-within .search-nwp__row {
    border-radius: 20px;
    box-shadow: none;
  }
  .header-control {
    display: flex;
  }
  .portfolio-item {
    width: calc(33.3333333333% - 16px);
  }
  .card-portfolio .card-portfolio__header {
    font-size: 16px;
  }
  .portfolio-item .portfolio-item__header {
    font-size: 20px;
  }
  .btn--to_top {
    right: 5.5vw;
    bottom: calc(54px + 5.5vw);
  }
  .popup-wrapper {
    overflow: hidden;
    bottom: 0;
  }
  .popup-order-file-item {
    width: 100%;
    max-width: 100%;
  }
  .popup-order-files {
    min-width: 100%;
    max-height: 70px;
    height: 70px;
  }
  .popup-order-files:has(> .popup-order-file-item) {
    max-height: 240px;
    height: auto;
  }
  .popup-order-file {
    min-width: 100%;
  }
  .popup-order__group {
    gap: 8px;
    min-width: 100%;
    flex-wrap: wrap;
  }
  .popup-order__group:nth-child(2) {
    flex-direction: column;
  }
  .popup-order__title--social {
    padding: 0 12px;
  }
  .popup-order__socials {
    justify-content: space-between;
    padding: 0 12px;
  }
  .popup-order__row {
    flex-wrap: wrap;
    gap: 8px;
  }
  .popup-copycenter-list {
    height: calc(100vh - 168px);
  }
  .popup--copycenter {
    max-width: calc(100vw - 30px);
    transform: translateX(-50%) scale(0);
    border-radius: 0;
  }
  .popup--copycenter.popup--active {
    transform: translateX(-50%) scale(1);
  }
  .popup--fast-order {
    top: 32px;
    max-width: calc(100vw - 30px);
    transform: translateX(-50%) scale(0);
  }
  .popup--fast-order.popup--active {
    transform: translateX(-50%) scale(1);
  }
  .popup.popup--job {
    transform: translateX(-50%) scale(0);
  }
  .popup.popup--job.popup--active {
    transform: translateX(-50%) scale(1);
  }
  .popup__content--file-data {
    flex-wrap: wrap;
    gap: 8px;
  }
  .popup__content--file {
    flex-direction: column;
    gap: 10px;
  }
  .popup--search,
  .popup--catalog,
  .popup--catalog1,
  .popup--catalog2,
  .popup--catalog3,
  .popup--catalog4,
  .popup--catalog5,
  .popup--catalog6,
  .popup--catalog7,
  .popup--catalog8,
  .popup--catalog9,
  .popup--catalog10,
  .popup--catalog11,
  .popup--catalog12,
  .popup--catalog13,
  .popup--catalog14,
  .popup--catalog15,
  .popup--catalog16,
  .popup--catalog17,
  .popup--menu {
    display: flex;
  }
  .result-found .container {
    gap: 10px;
  }
  .result-found__row {
    gap: 20px;
  }
  .result-found__subtitle {
    margin-bottom: 10px;
    max-width: 336px;
  }
  .copycenter-list__img--metro {
    overflow: auto;
  }
  .copycenter-list-wrapper {
    margin-top: 20px;
  }
  .copycenter-list-block + .copycenter-list-block {
    margin-top: 40px;
  }
  .copycenter-list-block__title {
    margin-bottom: 20px;
  }
  .copycenter-list-block__row {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .copycenter-page-grid {
    grid-template-rows: auto 360px;
    grid-template-areas: "info info" "slider map";
  }
  .copycenter-page-map__btn {
    min-width: 0;
    max-width: calc(100% - 24px);
    width: 100%;
  }
  .copycenter-page-info {
    gap: 16px;
  }
  .single-nwp__main {
    gap: 10px;
  }
  .single-nwp__row {
    gap: 20px;
  }
  .single-nwp__subtitle {
    margin-bottom: 10px;
    max-width: 336px;
  }
  .calculator-block {
    gap: 8px;
  }
  .calculator-block:nth-child(2) > .col {
    max-width: 100%;
    width: 100%;
  }
  .product-calculator-info__more {
    display: none;
  }
  .faq-section {
    padding: 24px 0;
  }
  .faq-section__other {
    display: none;
  }
  .faq-section__list {
    max-width: 100%;
  }
  .portfolio-page__filter {
    display: flex;
  }
  .portfolio-page__filter--active {
    background-color: transparent;
    border-color: #222220;
  }
  .portfolio-page-content {
    grid-template-columns: repeat(4, 1fr);
  }
  .portfolio-page-container {
    flex-direction: column;
  }
  .portfolio-page-aside {
    display: none;
    width: 100%;
    max-width: 100%;
  }
  .portfolio-page-aside .dropdown__wrapper {
    max-width: 100%;
  }
  .portfolio-page-aside--active {
    display: flex;
  }
  .require__filter {
    display: flex;
  }
  .require__filter--mobile {
    display: none;
  }
  .require-content {
    grid-template-columns: repeat(4, 1fr);
  }
  .require-container {
    flex-direction: column;
  }
  .require-aside {
    display: none;
    width: 100%;
  }
  .require-aside .dropdown__wrapper {
    max-width: 100%;
  }
  .require-aside--active {
    display: flex;
  }
  .require-catalog {
    max-width: 100%;
  }
  .delivery-item svg:first-child {
    height: 42px;
  }
  .delivery-item:nth-child(1) svg:last-child {
    width: 102px;
    height: 74px;
    right: 8px;
    top: -16px;
  }
  .delivery-item:nth-child(2) svg:last-child {
    width: 105px;
    height: 91px;
    right: -14px;
    top: 7px;
  }
  .delivery-item:nth-child(3) svg:last-child {
    width: 102px;
    height: 83px;
    right: -24px;
    top: 15px;
  }
  .qr-color {
    display: none;
  }
  .qr-color--tablet {
    display: flex;
  }
  .qr-block {
    gap: 12px;
  }
  .qr-block__row {
    gap: 12px 24px;
    flex-wrap: wrap;
  }
  .qr-block__row--time {
    flex-wrap: nowrap;
  }
  .qr-block__row--time .input:nth-child(2) {
    max-width: 180px;
  }
  .qr-block__row--wifi .input:nth-child(1),
  .qr-block__row--wifi .input:nth-child(2) {
    max-width: calc(50% - 12px);
    width: 100%;
  }
  .qr-block__row--wifi .input:nth-child(1) .input__wrapper,
  .qr-block__row--wifi .input:nth-child(2) .input__wrapper {
    width: 100%;
  }
  .qr-block__row--wifi > div:last-child {
    max-width: 100%;
    width: 100%;
  }
  .qr-block__row--card .input:nth-child(1),
  .qr-block__row--card .input:nth-child(2),
  .qr-block__row--card .input:nth-child(3),
  .qr-block__row--card .input:nth-child(6),
  .qr-block__row--card .input:nth-child(7),
  .qr-block__row--card .input:nth-child(8) {
    max-width: calc(50% - 12px);
  }
  .qr-block__row--card .input:nth-child(4),
  .qr-block__row--card .input:nth-child(5) {
    max-width: calc(50% - 12px);
  }
  .qr-tabs {
    display: none;
  }
  .qr-tabs--tablet {
    display: flex;
    position: relative;
    height: 38px;
    margin-bottom: 20px;
  }
  .qr-tabs--tablet .dropdown-classic.is-active .dropdown-classic__list {
    max-height: 244px;
  }
  .qr-aside {
    min-width: 156px;
    max-width: 156px;
  }
  .qr-aside__inside {
    width: 116px;
    height: auto;
  }
  .qr-aside__row {
    gap: 7px;
  }
  .qr-aside__row button:nth-child(1),
  .qr-aside__row button:nth-child(2) {
    max-width: calc(50% - 3.5px);
  }
  .qr-aside__row button:nth-child(3) {
    width: 100%;
  }
  .qr-aside__wrapper {
    padding: 20px;
    gap: 20px;
  }
  .cart-main-aside {
    display: none;
  }
  .cart-aside {
    display: flex;
  }
  .cart-aside-block__row--tablet {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .cart-aside-block__row--tablet .btn {
    width: auto;
  }
  .cart-aside-block__row--tablet .row {
    width: auto;
  }
  .cart-aside-block__row--main {
    align-items: flex-start;
  }
  .cart-aside-block__row--main .cart-aside-block {
    max-width: calc(50% - 12px);
    width: 100%;
  }
  .cart-aside-block__row--main .cart-aside-block:first-child {
    padding-right: 24px;
    border-right: 1px solid rgba(198, 184, 138, 0.2392156863);
  }
  .cart-block-form .copycenter-button {
    display: none;
  }
  .cart-block-form .copycenter-button:first-child {
    display: flex;
  }
  .cart-block-form .map-copycenter-list .btn {
    display: flex;
    margin-left: auto;
  }
  .order-status-item {
    display: flex;
    flex-direction: row;
  }
  .order-status-item__header {
    flex-direction: column;
    max-width: 108px;
    padding: 0;
    border-right: 1px solid rgba(198, 184, 138, 0.2392156863);
    border-bottom: 0;
  }
  .order-status-item__content {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    padding-left: 12px;
  }
  .order-status-item__content:nth-child(3),
  .order-status-item__content:nth-child(4),
  .order-status-item__content:nth-child(5) {
    display: none;
  }
  .order-status-item__text {
    max-width: unset !important;
  }
  .order-status-item__text--title {
    max-width: 108px !important;
    white-space: normal;
  }
  .order-status-item__text:last-child {
    height: 30px;
  }
  .excursion-form__col {
    max-width: 100%;
  }
  .excursion-form__col:first-child {
    display: none;
  }
  .excursion-form__col:last-child {
    gap: 8px;
  }
  .vacancies-filter {
    display: none;
  }
  .vacancies-filter__row {
    gap: 14px;
    justify-content: space-between;
  }
  .vacancies-filter--tablet {
    display: flex;
    margin-top: 4px;
  }
  .vacancies-item__header {
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 12px;
  }
  .vacancies-item__header > .row {
    order: 3;
    margin: 0;
    flex-direction: column;
    width: 100%;
    padding-left: 18px;
  }
  .vacancies-item__title {
    order: 1;
  }
  .vacancies-item__button {
    order: 2;
    margin: 12px 6px 12px auto;
  }
  .vacancies-item__check {
    height: 112px;
  }
  .vacancies-item__divider {
    margin-left: -12px;
    background-color: rgba(136, 134, 128, 0.4);
    width: calc(100% + 24px);
  }
  .vacancies-item__content {
    flex-direction: column;
  }
  .vacancies-item__footer-row {
    flex-direction: column;
  }
  .vacancies-item-info:not(.vacancies-item-info:last-child) {
    padding: 0;
    border: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(198, 184, 138, 0.2392156863);
  }
  .rent-require {
    margin-top: 0;
  }
  .rent-require__title {
    margin-bottom: 12px;
  }
  .rent-require__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "one two" "three four" "five six" "seven seven";
  }
  .rent-item:nth-child(7) {
    padding-bottom: 12px;
  }
  .rent-item__title svg {
    display: block;
  }
  .rent-item > svg {
    display: none;
  }
  .rent-form {
    margin-top: 0;
  }
  .rent-form .popup__content {
    flex-direction: row;
  }
  .rent-form .popup-order-file,
  .rent-form .popup-order-files {
    height: 278px;
    max-height: 278px;
  }
  .team__row {
    flex-direction: column;
  }
  .team-aside {
    max-width: 100%;
    width: 100%;
    min-width: 0;
  }
  .team-main {
    max-width: 100%;
  }
  .team-gallery {
    padding: 0;
    border: 0;
  }
  .about__container--benefits {
    margin-top: 40px;
  }
  .about-info {
    flex-direction: column;
  }
  .about-info__swiper {
    min-width: 0;
    height: 412px;
  }
  .about-info--reverse {
    flex-direction: column;
  }
  .facts-swiper .swiper-wrapper {
    margin: 20px 0;
  }
  .about-facts-item__icon svg {
    width: 48px;
    height: 48px;
    min-height: 48px;
    min-width: 48px;
  }
  .about-socials {
    display: none;
  }
  .franchise--intro {
    background: linear-gradient(90deg, #222220 75%, #fdc305 75.01%);
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .franchise--format {
    margin-top: 36px;
  }
  .franchise--benefits {
    margin-top: 36px;
  }
  .franchise--address {
    margin-top: 56px !important;
  }
  .franchise--aboutus {
    margin-top: 36px;
  }
  .franchise--partners {
    margin-top: 36px;
  }
  .franchise--steps {
    padding: 20px 0;
  }
  .franchise-intro-info {
    max-width: 342px;
  }
  .franchise-experience-info__title {
    padding: 10px 0;
    margin-bottom: 20px;
  }
  .franchise-why-info__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
  }
  .franchise-why-item__title {
    font-size: 20px;
    line-height: 24px;
  }
  .franchise-why-slide__text {
    margin-top: 8px;
  }
  .franchise-format__title {
    margin-bottom: 20px;
  }
  .franchise-benefits__title {
    margin-bottom: 20px;
  }
  .franchise-benefits__list {
    align-items: stretch;
  }
  .franchise-benefits-item__header {
    align-items: center;
  }
  .franchise-benefits-item__wrapper {
    max-height: 0;
    overflow: hidden;
    width: 100%;
  }
  .franchise-benefits-item {
    padding: 3px 12px;
    border: 1px solid rgba(198, 184, 138, 0.2392156863);
    border-radius: 20px;
    flex-direction: column;
    gap: 0;
  }
  .franchise-benefits-item__title {
    width: 100%;
  }
  .franchise-benefits-item--active .franchise-benefits-item__wrapper {
    padding: 12px 0;
    max-height: 300px;
  }
  .franchise-benefits-item--active .franchise-benefits-item__chevron {
    transform: rotate(180deg);
  }
  .franchise-partner-item {
    width: 156px;
  }
  .franchise-steps__title {
    font-size: 55px;
    line-height: 27px;
  }
  .franchise-steps__title span {
    font-size: 29px;
    line-height: 27px;
  }
  .franchise-step {
    padding: 3px 6px;
    font-size: 10px !important;
    line-height: 14px !important;
    border-radius: 40px;
  }
  .franchise-step:nth-child(5) {
    border-radius: 10px;
  }
  .news-page__wrapper {
    flex-direction: column;
    align-items: stretch;
  }
  .news-page__aside {
    width: 100%;
  }
  .news-page__subscribe form {
    flex-direction: row;
  }
  .news-page__subscribe .input,
  .news-page__subscribe .btn--first {
    width: 100%;
  }
  .news-page__social-item {
    width: 24px;
    height: 24px;
  }
  .news-single__wrapper .section-header {
    order: 0;
  }
  .news-single__img {
    order: 1;
  }
  .news-single__content {
    order: 2;
  }
  .other-news__slider-arrows {
    display: none;
  }
  .news-single__desc {
    order: 3;
    margin-top: 14px;
    flex-direction: row;
    justify-content: space-between;
  }
  .news-single__wrapper > h1.section-header {
    margin-bottom: 10px;
  }
  .popup--order-success .popup__header .popup-close {
    display: none;
  }
  .popup-order--delivery-tab {
    padding: 9px 13px;
  }
  .popup-order__delivery-type-placeholder {
    padding: 8px;
  }
  .fast-order__contacts-dropdown .dropdown-classic__header {
    display: none;
  }
  .fast-order__contacts-dropdown .dropdown-classic__wrapper {
    height: unset;
    padding: 2px 0;
    overflow: visible;
  }
  .fast-order__contacts-dropdown .dropdown-classic__inner {
    border: none;
    background-color: transparent;
    position: relative;
    overflow: visible;
  }
  .fast-order__contacts-dropdown .dropdown-classic__col {
    height: auto;
    position: static;
    opacity: 1;
    max-height: unset;
    overflow: visible;
    background-color: transparent;
  }
  .fast-order__contacts-dropdown .dropdown-classic__col-wrapper {
    flex-direction: row;
    overflow: visible;
  }
  .fast-order__contacts-dropdown .dropdown-classic__select {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e7;
    border-radius: 6px;
  }
  .fast-order__contacts-dropdown .dropdown-classic__select:has(input:checked) {
    border: 1px solid #e5e5e7;
    box-shadow: 0 0 0 3px #eff1f3;
  }
  .fast-order__contacts-dropdown .dropdown-classic__select svg {
    width: 24px;
    height: 24px;
    filter: none;
  }
  .fast-order__contacts-dropdown .dropdown-classic__select:hover svg,
  .fast-order__contacts-dropdown .dropdown-classic__select input:checked + svg {
    filter: none;
  }
  .fast-order__contacts-dropdown .dropdown-classic__select span {
    display: none;
  }
  .popup--copycenter_mobile,
  .popup--town_new {
    width: 100%;
    transform: translateY(120%) scale(1);
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 50vh;
    max-height: 65vh;
    box-shadow: 0 2px 25px 0 rgba(92, 92, 92, 0.25);
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .popup--copycenter_mobile *,
  .popup--town_new * {
    font-family: Inter, Roboto, sans-serif;
  }
  .popup--copycenter_mobile .h3,
  .popup--town_new .h3 {
    font-weight: 600;
  }
  .popup--copycenter_mobile .popup__body,
  .popup--town_new .popup__body {
    height: auto;
    overflow: auto;
  }
  .popup--town_new {
    min-height: 40vh;
    max-height: 50vh;
  }
  .popup--town_new .popup__content {
    gap: 0;
    overflow: auto;
  }
  .popup--town_new .region-set {
    position: relative;
    padding: 8px 16px;
  }
  .popup--town_new .region-set::after {
    content: "";
    position: absolute;
    top: calc(100% - 2px);
    left: 50%;
    height: 1px;
    transform: translateX(-50%);
    width: 100%;
    border-top: 1px solid #eaebf0;
  }
  .popup--copycenter_mobile.popup--active,
  .popup--town_new.popup--active {
    transform: translateY(2px) scale(1);
  }
  .popup--copycenter_mobile * {
    font-family: Inter, Roboto, sans-serif;
  }
  .popup--copycenter_mobile .popup__header {
    gap: 8px;
    align-items: center;
  }
  .popup--copycenter_mobile .popup__back {
    width: 24px;
    height: 24px;
  }
  .popup--copycenter_mobile .popup__back img {
    width: 100%;
    height: 100%;
  }
  .popup--copycenter_mobile .popup__header-text {
    gap: 4px;
  }
  .popup--copycenter_mobile .popup__header-description {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.1000000015px;
    text-align: left;
    color: #858c95;
  }
  .popup--copycenter_mobile .popup__change-city {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #e5e5e7;
    border-radius: 6px;
  }
  .popup--copycenter_mobile .popup__change-city img {
    width: 24px;
    height: 24px;
  }
  .popup--copycenter__wrapper .copycenters-list__item {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 8px 9px;
    position: relative;
  }
  .popup--copycenter__wrapper .copycenters-list__item::after {
    content: "";
    position: absolute;
    top: calc(100% - 2px);
    left: 50%;
    height: 1px;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    border-top: 1px solid #eaebf0;
  }
  .popup--town_new {
    z-index: 1;
  }
  .popup--town_new .popup__header {
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
  }
  .popup--town_new .popup__back {
    width: 24px;
    height: 24px;
  }
  .popup--town_new .popup__back img {
    width: 100%;
    height: 100%;
  }
  .popup--town_new .region-set {
    gap: 8px;
    align-items: center;
  }
  .popup--town_new .region-set svg {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (max-width: 936px) {
  .faq {
    width: 100%;
  }
}
@media only screen and (max-width: 874px) {
  .copycenter-button .copycenter__text--pc {
    display: none;
  }
  .copycenter-button .copycenter__text--mobile {
    display: flex;
  }
  .copycenter-button .copycenter__work {
    margin-left: auto;
  }
}
@media only screen and (max-width: 812px) {
  .franchise-experience-info {
    padding: 9vw 0 0;
    min-width: 0;
  }
}
@media only screen and (max-width: 768px) {
  .section-header__title--search {
    font-size: 28px;
    line-height: 36px;
  }
  .footer__col-discount .btn {
    min-width: 174px;
  }
  .news-slider-swiper {
    height: 160px;
  }
  .map-copycenter-item {
    top: 8px;
    left: 8px;
    transform: translate(0) scale(0);
  }
  .map-copycenter-item--active {
    transform: translate(0) scale(1);
  }
  .map-copycenter-item--cart {
    left: 0;
    bottom: 0;
    width: 100%;
    top: auto;
  }
  .map-copycenter-item__button {
    display: none;
  }
  .map-copycenter-item__button--taxi {
    display: flex;
  }
  .map-copycenter-item__button--mobile {
    display: flex;
    margin-left: auto;
  }
  .map-copycenter-item__close {
    padding: 0;
    top: 0;
    right: 0;
  }
  .map-copycenter-item__top {
    align-items: center;
  }
  .map-copycenter-info__work {
    display: flex;
    padding-right: 16px;
  }
  .map-copycenter-work {
    gap: 10px;
  }
  .map-copycenter-work--pc {
    display: none;
  }
  .map-copycenter-work--cart {
    gap: 24px;
    justify-content: flex-start;
  }
  .map-copycenter {
    height: 360px;
  }
  .portfolio-item {
    width: calc(25% - 18px);
  }
  .card-portfolio .card-portfolio__header {
    font-size: 12px;
  }
  .portfolio-item .portfolio-item__header {
    font-size: 12px;
  }
  .portfolio-item:nth-last-child(1),
  .portfolio-item:nth-last-child(2) {
    display: none;
  }
  .portfolio-cat-product:nth-last-child(1),
  .portfolio-cat-product:nth-last-child(2) {
    display: block;
  }
  .portfolio-cat-product:nth-last-child(5),
  .portfolio-cat-product:nth-last-child(6) {
    display: none;
  }
  .portfolio-button {
    display: block;
    margin-top: 20px;
  }
  .portfolio-button button {
    width: 100%;
  }
  .portfolio-button--portfolio {
    margin-top: 20px;
  }
  .section-header--portfolio button {
    display: none;
  }
  .popup__title--fast-order {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    padding: 0;
  }
  .popup--fast-order,
  .popup--copycenter,
  .popup.popup--job {
    top: 0;
    width: 100%;
    border-radius: 0;
    max-width: 100%;
  }
  .popup--fast-order,
  .popup.popup--job {
    max-height: 100%;
    overflow: hidden;
  }
  @supports (-webkit-touch-callout: none) {
    .popup--fast-order,
    .popup.popup--job {
      max-height: 100vh;
      max-height: 100dvh;
    }
  }
  .popup--fast-order .popup__close {
    position: static;
  }
  .popup--fast-order .popup__close svg path {
    stroke: #212121 !important;
  }
  .popup--callback {
    max-width: 324px;
  }
  .copycenter-list__item {
    top: 6px;
    left: 9px;
  }
  .copycenter-list__map {
    height: 360px;
  }
  .copycenter-page-info__btn--taxi {
    display: flex;
  }
  .copycenter-page-info__content {
    margin-top: -8px;
  }
  .copycenter-page-info__col--contacts {
    display: none;
  }
  .copycenter-page-info__col--contacts-tablet {
    display: flex;
    text-align: left;
  }
  .copycenter-page-info__work-time {
    display: none;
  }
  .copycenter-page-info__work-time--tablet {
    display: flex;
  }
  .category__title {
    font-size: 24px;
    line-height: 32px;
  }
  .category__text {
    line-height: 22px;
  }
  .single-nwp__main {
    min-width: 316px;
    width: 100%;
  }
  .single-nwp__row {
    flex-direction: column;
  }
  .single-nwp__row button {
    width: 100%;
  }
  .product-calculator-content--portfolio {
    flex-direction: row;
  }
  .product-calculator-content .copycenter-page-swiper {
    max-width: 100%;
    height: 360px;
  }
  .product-calculator-info {
    max-width: 100%;
  }
  .product-calculator-info__title {
    display: none;
  }
  .product-calculator-info__title--portfolio {
    display: block;
    margin-bottom: 4px;
  }
  .product-calculator-info__more-text {
    display: block;
    text-align: right;
  }
  .product-calculator-info__text {
    display: none;
  }
  .product-calculator-info__text--portfolio {
    display: -webkit-box;
    max-height: 294px;
    -webkit-line-clamp: 15;
    line-height: 22px;
  }
  .product-calculator-info__text--open {
    height: 100%;
    max-height: 1000px;
    -webkit-line-clamp: unset;
  }
  .product-calculator-info--portfolio {
    gap: 8px;
  }
  .product-calculator-info__more {
    display: none;
  }
  .product-calculator-info__buttons button:not(.tag),
  .product-calculator-info__buttons a:not(.tag) {
    width: 100%;
  }
  .product-calculator-info__buttons--portfolio {
    flex-direction: column;
  }
  .product-calculator-info__buttons--portfolio a {
    width: auto !important;
  }
  .product-calculator-info__buttons--tags,
  .product-calculator-info__buttons--inner {
    width: 100%;
    gap: 12px;
    justify-content: flex-start;
  }
  .product-calculator-info__buttons--tags button:not(.tag),
  .product-calculator-info__buttons--inner button:not(.tag) {
    width: auto;
  }
  .require-aside {
    min-width: 0;
  }
  .payment {
    margin-top: 20px !important;
  }
  .payment__header {
    gap: 20px;
  }
  .payment-subitem {
    gap: 12px;
  }
  .payment-subitem__row {
    flex-wrap: wrap;
  }
  .payment-item {
    gap: 12px;
  }
  .payment-item__row {
    gap: 20px;
  }
  .payment-item:nth-child(3) {
    max-width: 100%;
  }
  .payment-item:nth-child(4) {
    order: -1;
    max-width: 100%;
  }
  .payment-item:nth-child(2) {
    order: 2;
  }
  .payment-item:nth-child(3) {
    order: 3;
  }
  .qr-block-map__footer {
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }
  .cart-block-form .map-copycenter-item__button--taxi-mobile:nth-child(2),
  .cart-block-form .map-copycenter-item__button--taxi-mobile:nth-child(3) {
    display: flex;
  }
  .cart-item__price .calculator-price__price {
    font-size: 20px;
    line-height: 28px;
  }
  .cart-item__price .calculator-price__price--old {
    font-size: 14px;
    line-height: 22px;
  }
  .cart-block-form .input:nth-child(6),
  .cart-block-form .input:nth-child(7) {
    max-width: calc(50% - 12px);
  }
  .cart-block-form .input:nth-child(8) {
    max-width: 100%;
  }
  .order-status__title {
    margin: 22px 0 40px;
  }
  .order-status__row .input {
    width: 100%;
  }
  .portal__content {
    gap: 20px;
  }
  .portal .btn {
    width: 100%;
  }
  .excursion__content {
    gap: 40px;
  }
  .excursion-row-swiper {
    margin: 40px auto !important;
  }
  .excursion-photo-prev,
  .excursion-photo-next {
    display: none;
  }
  .excursion-swiper-slide {
    object-fit: cover;
    max-width: 156px;
    max-height: 196px;
  }
  .job__content {
    gap: 40px;
  }
  .job__content--filter {
    gap: 8px;
    padding-bottom: 40px;
  }
  .job-row-swiper {
    margin: 40px auto !important;
  }
  .job-item {
    max-width: 336px;
    min-width: 336px;
    padding: 12px;
  }
  .job-item__info {
    max-width: 228px;
  }
  .job-item__img svg {
    width: 72px;
    height: 72px;
  }
  .vacancies-item__check:checked ~ .vacancies-item__container {
    padding-top: 0;
  }
  .vacancies-item__footer {
    padding: 0 0 12px;
  }
  .rent {
    margin-top: 22px;
  }
  .rent__content {
    gap: 40px;
    margin-top: 22px;
  }
  .rent-invite {
    margin-left: -18px;
    width: calc(100% + 32px);
    gap: 30px;
  }
  .rent-invite__img svg {
    width: 144px;
    height: 144px;
  }
  .rent-form {
    gap: 12px;
  }
  .rent-form .cart-block-form__file {
    gap: 12px;
  }
  .rent-form__row {
    gap: 12px;
  }
  .rent-form__grid {
    gap: 12px 24px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "one two" "three four" "five six" "seven seven";
  }
  .team {
    overflow: hidden;
    margin-top: 22px;
  }
  .team__title {
    margin: 0 0 20px;
  }
  .team-aside {
    gap: 20px;
  }
  .team-main {
    gap: 20px;
  }
  .team-gallery-prev,
  .team-gallery-next {
    display: none;
  }
  .team-gallery-swiper {
    margin-left: -36px;
    width: calc(100% + 72px);
    padding: 0 36px;
    overflow: visible;
  }
  .about {
    margin-top: 22px;
  }
  .about__title {
    margin-bottom: 40px;
  }
  .about-info__text {
    line-height: 22px;
  }
  .about-facts-item__info {
    gap: 4px;
  }
  .clients-swiper-slide {
    max-width: 156px;
    max-height: 156px;
  }
  .franchise {
    margin-top: auto;
  }
  .franchise--experience {
    margin-top: 0;
    padding-top: 37px;
  }
  .franchise--steps-btn {
    display: none;
  }
  .franchise-intro-info__logo {
    width: 159px;
    height: 49px;
  }
  .franchise-intro-info__title {
    margin-top: 24px;
  }
  .franchise-intro-info__subtitle {
    margin-bottom: 24px;
  }
  .franchise-experience-info__title::before {
    left: -104px;
  }
  .franchise-why-slide__img {
    height: 160px;
    object-fit: cover;
  }
  .franchise-format-item__text {
    line-height: 22px;
  }
  .franchise-benefits__title--steps {
    font-size: 24px;
  }
  .franchise-benefits-item__title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767.9px) {
  .product-calculator-info__text p {
    font-size: 14px;
    line-height: 20px;
  }
  .require-catalog p,
  .require-catalog li {
    font-size: 14px;
    line-height: 20px;
  }
  .require-catalog h1,
  .require-catalog .h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .require-catalog h2,
  .require-catalog .h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .require-catalog h3,
  .require-catalog .h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .require-catalog h4,
  .require-catalog .h4 {
    font-size: 14px;
    line-height: 22px;
  }
  .appeal-info p {
    font-size: 14px;
    line-height: 20px;
  }
  .news-item {
    flex-direction: column;
  }
  .news-item__img {
    width: 100%;
  }
  .news-item__header {
    padding-right: unset;
  }
  .news-item__text {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
  }
  .news-item__date {
    position: static;
  }
  .news-page__subscribe form {
    flex-direction: column;
  }
  .news-page__social-item {
    width: 40px;
    height: 40px;
  }
  .other-news__slide .card-text {
    -webkit-line-clamp: 2;
  }
  /*  Rebranding */
  .rebranding .container {
    gap: 24px;
  }
  .rebranding-head__text {
    gap: 24px;
  }
  .rebranding-head {
    position: relative;
    padding-bottom: 60px;
  }
  .rebranding-head__button {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .rebranding-head__button .btn {
    width: 100%;
  }
  .rebranding-head__wrapper {
    background: url(.././img/rebranding.png), linear-gradient(120deg, rgb(246, 246, 246) 0%, rgb(246, 246, 246) 60%, rgb(253, 195, 5) 0.1%, rgb(253, 195, 5) 100%);
    padding: 24px 24px 100px 24px;
    background-size: 360px, cover;
    background-position: bottom right, bottom right;
    background-repeat: no-repeat, no-repeat;
  }
  .rebranding-head__wrapper h1 {
    font-size: 24px;
    line-height: 120%;
  }
  .rebranding-head__pluses {
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }
  .rebranding-head__plus {
    align-items: flex-start;
    text-align: left;
  }
  .rebranding-head__plus-value {
    font-size: 40px;
  }
  .rebranding-conditions__wrapper {
    flex-wrap: wrap;
  }
  .rebranding-conditions__item {
    width: calc(50% - 12px);
  }
  .rebranding-conditions__value {
    font-size: 58px;
  }
  .rebranding-conditions__black {
    width: 100%;
    min-width: unset;
    max-width: 100%;
  }
  .rebranding-design__wrapper {
    gap: 12px;
    flex-direction: column;
  }
  .rebranding-design__mobile-header {
    display: flex;
  }
  .rebranding-design__text .h1 {
    display: none;
  }
  .rebranding-design__slider-wrapper,
  .rebranding-design__text {
    width: 100%;
  }
  .rebranding-design__text .btn--first {
    width: 100%;
    max-width: unset;
  }
  .rebranding-design__slider-wrapper {
    aspect-ratio: 324/218;
  }
  .rebranding-design__content {
    font-size: 14px;
    line-height: 20px;
  }
  .rebranding-case__wrapper {
    padding-bottom: 46px;
  }
  .rebranding-get__wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .copycenter-address {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .fastorder-trigger_mobile {
    display: block;
    position: fixed;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    padding: 6px 12px;
    line-height: 120%;
    font-size: 14px;
    height: unset;
  }
}
@media only screen and (max-width: 680px) {
  .copycenter-page-grid {
    grid-template-rows: auto 260px;
    gap: 12px;
    grid-template-areas: "info info" "map map";
  }
  .copycenter-page-swiper {
    display: none;
  }
  .single-nwp__img-wrapper {
    width: calc(100% + 36px);
    margin-left: -18px;
  }
  .single-nwp__img-wrapper--pc {
    display: none;
  }
  .single-nwp__img-wrapper--mobile {
    display: block;
  }
  .product-calculator-content .copycenter-page-swiper {
    display: block;
    height: 360px;
  }
  .portfolio-page-content {
    grid-template-columns: repeat(3, 1fr);
  }
  .require-content {
    grid-template-columns: repeat(3, 1fr);
  }
  .payment__header {
    gap: 12px;
  }
  .payment-grid {
    gap: 8px;
  }
  .payment-item {
    max-width: 100%;
    gap: 8px;
  }
  .payment-submitem {
    gap: 8px;
  }
  .appeal-container {
    gap: 12px;
  }
  .appeal-form .input {
    min-width: 0;
  }
  .appeal-form__row {
    flex-direction: column;
  }
  .appeal-form .row:last-child {
    flex-direction: column-reverse;
  }
  .appeal-form .row:last-child .btn {
    width: 100%;
  }
  .appeal-form__text {
    margin-top: 9px !important;
    white-space: normal;
  }
  .appeal-form__text + .btn {
    justify-content: center;
  }
  .appeal__img {
    height: 400px;
    max-width: unset;
  }
  .appeal-info {
    max-width: 100%;
  }
  .appeal-info__subtitle {
    margin-bottom: 12px;
  }
  .cart-aside-block__row--main {
    flex-direction: column;
  }
  .cart-aside-block__row--main .cart-aside-block {
    max-width: 100%;
    width: 100%;
  }
  .cart-aside-block__row--main .cart-aside-block:first-child {
    padding-right: 0;
    border: 0;
  }
  .cart-item__content {
    flex-direction: column;
    gap: 8px;
  }
  .cart-item__actions {
    flex-direction: column;
    gap: 8px;
  }
  .cart-item__actions .tab {
    max-width: 100%;
  }
  .cart-item__info--trash {
    display: none;
    width: 28px;
    padding: 0;
    height: 28px;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .cart-item__info--discount {
    width: 100%;
  }
  .cart-item__info--discount .calculator-discount {
    width: 100%;
    max-width: 100%;
  }
  .cart-item__info--mobile {
    display: flex;
  }
  .cart-item__tablet {
    order: 1;
    flex-direction: column;
  }
  .cart-item__tablet > .row {
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
  }
  .cart-item__tablet .cart-item__info--discount {
    display: none;
  }
  .cart-item__comment {
    padding-top: 0;
    border-top: 0;
    display: none !important;
  }
  .cart-item__comment--mobile.tab-item--active {
    display: flex !important;
  }
  .cart-item__specification {
    gap: 12px;
    padding-top: 0;
    border-top: 0;
    display: none !important;
  }
  .cart-item__specification--mobile.tab-item--active {
    display: flex !important;
  }
  .cart-item-specification-item {
    max-width: 100%;
  }
  .about__container--benefits {
    margin-top: 20px;
  }
  .facts-title {
    margin-top: 20px;
  }
  .benefits-swiper-slide {
    max-width: 268px;
    height: 158px;
  }
  .benefits-swiper-slide svg {
    min-width: 24px;
    width: 24px;
    min-height: 24px;
    height: 24px;
  }
  .franchise--mobile-steps {
    display: flex;
  }
  .franchise--steps {
    display: none;
  }
  .franchise__container--experience {
    flex-direction: column;
    align-items: center;
    gap: 26px;
  }
  .franchise-experience-info__title::before {
    width: 200vw;
    left: -100vw;
  }
  .franchise-experience-info__title {
    padding: 12px 0;
    margin-bottom: 26px;
  }
  .franchise-experience-info {
    padding: 0 0 0;
  }
  .franchise-experience-img {
    max-width: 100%;
  }
  .franchise-why-info__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
  }
}
@media only screen and (max-width: 600px) {
  .portfolio-item .portfolio-item__header {
    font-size: 10px;
  }
  .copycenter-button {
    flex-direction: column;
    align-items: flex-start;
  }
  .copycenter-button__col {
    height: auto;
  }
  .copycenter-button .copycenter__work {
    max-width: 100%;
    margin-left: 0;
    min-height: 0;
    align-items: flex-start;
  }
  .copycenter-button .copycenter__work .row {
    width: 100%;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 590px) {
  .map-copycenter-info__work {
    display: none;
  }
  .map-copycenter-work--pc {
    display: flex;
    justify-content: flex-start;
  }
  .map-copycenter-item__top--cart {
    padding-right: 16px;
  }
  .map-copycenter-item__button--taxi {
    display: none;
  }
  .map-copycenter-item__button--taxi-mobile {
    display: flex;
  }
  .qr-color {
    display: flex;
    flex-wrap: wrap;
  }
  .qr-color--tablet {
    display: none;
  }
  .qr-block__row .input {
    max-width: 100% !important;
  }
  .qr-container__inner {
    flex-direction: column;
  }
  .qr-aside {
    width: 100%;
    max-width: 100%;
  }
  .qr-aside__inside {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f7f7;
    border-radius: 20px;
    padding: 20px;
  }
  .qr-aside__inside svg {
    width: 160px;
    height: 160px;
  }
  .qr-aside__row {
    gap: 10px;
  }
  .qr-aside__row button {
    width: auto !important;
    max-width: unset !important;
    flex-grow: 1 !important;
  }
  .qr-aside__wrapper {
    padding: 0;
    gap: 24px;
    background: transparent;
  }
  .about-info__text-content {
    padding: 24px;
    background: #f6f6f6;
    gap: 10px;
    max-height: 485px;
    overflow: auto;
  }
  .about-info__swiper {
    height: 396px;
  }
  .about-info__title::after {
    content: "";
    width: 4px;
    height: 40px;
    border-radius: 4px;
    right: -12px;
    top: 0;
    display: block;
    position: absolute;
    background: var(--color-primary-main);
  }
}
@media only screen and (max-width: 560px) {
  .news-single__img {
    margin-bottom: 2px;
  }
  .news-single__desc-date,
  .news-single__desc--view_num {
    font-family: Arial;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 8px;
  }
  .news-single__desc--view_img svg {
    width: 8px;
    height: 8px;
    display: block;
  }
  .portfolio-item .portfolio-item__header {
    font-size: 15px;
  }
  .copycenter {
    flex-direction: column;
  }
  .copycenter__work .row {
    gap: 16px;
    justify-content: space-between;
  }
  .copycenter-map {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: 96px;
  }
  .map-copycenter-list {
    gap: 12px;
  }
  .copycenter-horiz__content {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .copycenter-horiz .copycenter__work {
    width: 100%;
  }
  .copycenter-horiz .copycenter__work .row {
    justify-content: space-between;
  }
  .copycenter-horiz .copycenter__text--pc {
    display: none;
  }
  .copycenter-horiz .copycenter__text--mobile {
    display: block;
  }
  .card--two::before {
    padding-top: 156px;
  }
  .footer-middle__col-discount {
    gap: 8px;
  }
  .footer-middle__col-discount .btn {
    min-width: 108px;
  }
  .footer-bottom__logo {
    height: 38px;
  }
  .footer-bottom__logo svg {
    height: 38px;
    width: 120px;
  }
  .map-copycenter-item {
    display: none;
  }
  .map-copycenter-item--cart {
    display: flex;
  }
  .map-button {
    display: block;
    margin-top: 12px;
  }
  .map-button .btn {
    justify-content: center;
  }
  .map-button button {
    width: 100%;
  }
  .section-header--map button {
    display: none;
  }
  .portfolio-content {
    gap: 12px;
  }
  .portfolio-item {
    width: calc(50% - 6px);
  }
  .copycenter-list-header__tabs {
    justify-content: space-between;
    margin-left: auto;
  }
  .copycenter-list-block__title {
    margin-bottom: 12px;
  }
  .copycenter-list-block__row {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
  .copycenter-page-info__header {
    align-items: center;
  }
  .copycenter-page-info .map-copycenter-time__text {
    font-size: 14px !important;
    line-height: 22px !important;
  }
  .copycenter-page-info .copycenter-header__title {
    line-height: 28px !important;
    font-size: 20px !important;
  }
  .copycenter-page-info__work {
    width: 100%;
    justify-content: space-between;
  }
  .copycenter-page-info__col--contacts a {
    font-size: 14px;
    line-height: 22px;
  }
  .copycenter-page-info__content {
    flex-direction: column;
    gap: 16px;
  }
  .copycenter-page-info__work-time {
    display: flex;
    order: 3;
  }
  .copycenter-page-info__work-time--tablet {
    display: none;
  }
  .copycenter-page-info__btn--taxi {
    display: none;
  }
  .copycenter-page-info__btn--taxi-mobile {
    display: flex !important;
  }
  .calculator-content {
    gap: 16px;
  }
  .calculator-content__divider {
    display: none;
  }
  .calculator-block:nth-child(2) > .col:first-child > .row {
    flex-wrap: wrap;
    gap: 8px;
  }
  .calculator-block:nth-child(2) > .col:first-child > .row > .col {
    max-width: 100%;
  }
  .calculator-block:nth-child(2) > .col:first-child > .col > .row {
    flex-direction: column;
    gap: 8px !important;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .calculator-block:nth-child(2) > .col:last-child > .row {
    flex-direction: column;
    gap: 8px !important;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .calculator-block:last-child {
    flex-wrap: wrap;
    gap: 16px 24px;
  }
  .calculator-block:last-child > .col:nth-child(2) {
    max-width: 100%;
    order: -1;
  }
  .calculator-block:last-child > .col:nth-child(1) {
    max-width: 100%;
    order: -2;
  }
  .calculator-block:last-child > .col:nth-child(3) {
    max-width: 100%;
  }
  .calculator-textarea__textarea {
    min-height: 112px;
  }
  .calculator-discount {
    width: 100%;
  }
  .calculator-price {
    align-items: flex-start;
    margin-top: 0;
  }
  .calculator-price__col {
    gap: 16px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .calculator-price__price--old {
    justify-content: flex-start;
  }
  .calculator-price__price--gray {
    justify-content: flex-start;
  }
  .product-calculator-info__text--portfolio {
    -webkit-line-clamp: 7;
    max-height: 154px;
    height: 144px;
  }
  .product-calculator-info__text--open {
    height: 100%;
    max-height: 1000px;
    -webkit-line-clamp: unset;
  }
  .product-calculator-info__buttons--tags {
    gap: 8px;
  }
  .product-calculator-info__buttons--inner {
    flex-wrap: wrap;
  }
  .product-calculator-info__buttons--inner button,
  .product-calculator-info__buttons--inner a {
    width: 100% !important;
    justify-content: center;
  }
  .product-calculator-info--pc {
    display: none;
  }
  .product-calculator-info--mobile {
    display: flex;
    gap: 12px;
  }
  .product-calculator-info__more-text {
    display: block !important;
  }
  .calculator-content-dropdown .dropdown-classic {
    max-width: 100%;
    width: 100%;
  }
  .calculator-content-input .input {
    max-width: 100%;
  }
  .require__filter {
    display: none;
  }
  .require__filter--mobile {
    display: flex;
    margin-right: auto;
  }
  .delivery-block + .delivery-block {
    margin-top: 12px;
  }
  .delivery-block__title {
    margin-bottom: 8px;
  }
  .delivery-block__grid {
    gap: 12px;
  }
  .delivery-item {
    max-width: 100%;
  }
  .delivery-item__price {
    top: 12px;
    font-size: 82px;
    letter-spacing: -12px;
    line-height: 96px;
    left: 12px;
  }
  .delivery-item:last-child {
    padding: 12px 12px 64px 12px;
  }
  .delivery-item:last-child svg:last-child {
    right: -90px;
    top: 20px;
  }
  .cart-item__price .calculator-price {
    align-items: flex-end;
  }
  .cart-content {
    padding: 0;
  }
  .cart-block-tabs {
    display: none;
    gap: 8px;
  }
  .cart-block-tabs__wrapper > .cart-block-tabs:first-child {
    max-width: 100%;
    width: 100%;
  }
  .cart-block-tabs__wrapper > .cart-block-tabs:first-child .tab {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .cart-block-tabs--delivery {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .cart-block-tabs--mobile {
    padding: 0;
    display: flex;
    height: 38px;
    width: 100%;
    max-width: 100%;
  }
  .cart-block-form .input {
    max-width: 100% !important;
  }
  .cart-block-form--delivery .input {
    max-width: calc(50% - 12px) !important;
  }
  .cart-block-form .map-copycenter-list .btn {
    width: 100%;
  }
  .order-status__row {
    flex-wrap: wrap;
    gap: 12px;
  }
  .order-status__row .btn {
    width: 100%;
  }
  .order-status__error {
    margin-top: 12px;
  }
  .excursion-item {
    max-width: 324px;
    min-width: 324px;
  }
  .excursion-item__img {
    width: 64px;
    height: 64px;
  }
  .excursion-item__info {
    gap: 8px;
  }
  .excursion-form__row {
    flex-direction: column;
    gap: 8px;
  }
  .job-item {
    max-width: 324px;
    min-width: 324px;
  }
  .job-item__img svg {
    width: 48px;
    height: 48px;
  }
  .vacancies-item__title {
    max-width: 278px;
  }
  .vacancies-item__check {
    height: 128px;
  }
  .rent-invite {
    margin-left: 0;
    width: 100%;
    padding: 12px;
  }
  .rent-invite__info {
    gap: 8px;
  }
  .rent-invite__text {
    line-height: 20px !important;
  }
  .rent-invite__img {
    display: none;
  }
  .rent-require__grid {
    gap: 20px;
    display: flex;
    flex-direction: column;
  }
  .rent-form .popup__content {
    flex-direction: column;
  }
  .rent-form .popup-order-file,
  .rent-form .popup-order-files {
    max-width: 100%;
  }
  .rent-form .popup-order-files {
    max-height: 264px;
    height: 264px;
  }
  .rent-form__grid {
    display: flex;
    flex-direction: column;
  }
  .rent-form__grid .textarea__textarea {
    min-height: 76px;
  }
  .rent-form__grid .textarea__wrapper {
    min-height: 100px;
  }
  .team-aside {
    margin-top: 20px;
  }
  .about__title {
    margin-bottom: 20px;
  }
  .franchise--intro {
    background: #222220;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .franchise--format {
    margin-top: 20px;
  }
  .franchise--benefits {
    margin-top: 32px;
  }
  .franchise--address {
    margin-top: 32px;
  }
  .franchise--aboutus {
    margin-top: 32px;
    margin-bottom: -20px;
  }
  .franchise--partners {
    margin-top: 40px;
  }
  .franchise--why {
    padding: 20px 0;
  }
  .franchise__container--intro {
    gap: 24px;
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  .franchise-intro-info {
    align-items: stretch;
  }
  .franchise-intro-info__logo {
    display: none;
  }
  .franchise-intro-info__title {
    margin-top: 0;
  }
  .franchise-intro-info__subtitle {
    margin-bottom: 20px;
    max-width: 200px;
  }
  .franchise-intro-img {
    max-width: 190px;
  }
  .franchise-why-info__title {
    margin-bottom: 20px;
  }
  .franchise-why-info__row {
    gap: 12px;
  }
  .franchise-why-item__title-wrapper {
    min-height: 88px;
    padding: 18px 0;
  }
  .franchise-why-item__title {
    font-size: 18px;
    line-height: 21px;
  }
  .franchise-why-item {
    max-width: 156px;
    gap: 4px;
  }
  .franchise-format__row {
    flex-direction: column;
    gap: 24px;
  }
  .franchise-benefits-item__text {
    line-height: 20px;
  }
  .franchise-news-item {
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 559px) {
  .franchise-scroll__scroll {
    display: none;
  }
}
@media only screen and (max-width: 488px) {
  .cart-block-form .map-copycenter-item__button {
    flex-grow: 2;
    width: auto;
    max-width: unset;
  }
  .cart-block-form .map-copycenter-item__button svg {
    min-width: 16px;
    min-height: 16px;
  }
  .cart-block-form .map-copycenter-item__button:nth-child(3) {
    flex-grow: 1;
    order: -1;
    max-width: 112px;
    width: 100%;
    margin-right: 0;
  }
  .cart-block-form .map-copycenter-item__button--mobile {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 425px) {
  .section-header__title--search {
    font-size: 24px;
    line-height: 32px;
  }
  .copycenter-horiz .copycenter-header {
    max-width: 100%;
    min-width: 0;
  }
  .map-copycenter {
    height: 400px;
  }
  .popup-order-file-item {
    gap: 10px;
  }
  .result-found .container {
    gap: 12px;
  }
  .result-found__row {
    flex-direction: column;
    gap: 12px;
  }
  .result-found__row button {
    width: 100%;
  }
  .result-found__subtitle {
    margin-bottom: 0;
    max-width: 100%;
  }
  .single-nwp__main {
    gap: 12px;
  }
  .single-nwp__row {
    flex-direction: column;
    gap: 12px;
  }
  .single-nwp__row :is(button, .btn) {
    width: 100%;
  }
  .single-nwp__subtitle {
    margin-bottom: 0;
    max-width: 100%;
  }
  .calculator-price__price--gray {
    max-width: 113px;
  }
  .calculator-price__price--gray span:first-child {
    width: 64px;
  }
  .product-table-content__cell {
    padding: 4px 6px;
    vertical-align: middle;
    word-break: break-word;
  }
  .product-table-content__cell--format {
    max-width: 80px;
    width: 80px;
  }
  .faq-section {
    padding: 20px 0;
  }
  .portfolio-page-pagination .btn,
  .news-page-pagination .btn,
  .navigation .btn {
    width: 100%;
  }
  .portfolio-page-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .portfolio-page-content .card-portfolio:nth-last-child(1),
  .portfolio-page-content .card-portfolio:nth-last-child(2),
  .portfolio-page-content .card-portfolio:nth-last-child(3),
  .portfolio-page-content .card-portfolio:nth-last-child(4) {
    display: none;
  }
  .portfolio-page-container {
    gap: 12px;
  }
  .portfolio-page-container__row {
    display: flex;
    justify-content: flex-end;
  }
  .card-portfolio .card-portfolio__header {
    font-size: 15px;
  }
  .require-pagination .btn {
    width: 100%;
  }
  .require-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .require-container {
    margin-top: 12px;
    gap: 12px;
  }
  .cart-aside-block__row--discount .calculator-discount {
    width: auto;
  }
  .cart-aside-block__row--tablet {
    width: 100%;
    flex-direction: column;
    align-items: unset;
  }
  .order-status__title {
    margin: 20px 0;
  }
  .order-status-item__header {
    max-width: 87px;
  }
  .order-status-item__text--title {
    max-width: 87px !important;
  }
  .order-status-item__text:nth-child(7) {
    height: 40px;
    display: flex;
    align-items: center;
  }
  .excursion__content {
    gap: 20px;
  }
  .excursion-row-swiper {
    margin: 20px auto !important;
  }
  .excursion-form__footer {
    flex-direction: column-reverse;
  }
  .excursion-form__footer .btn {
    width: 100%;
  }
  .job-row-swiper {
    margin: 20px auto !important;
  }
  .job-item__info {
    max-width: 240px;
    padding: 0;
  }
  .vacancies-item__footer {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  .vacancies-item__footer .btn {
    width: 100%;
  }
  .rent__content {
    gap: 20px;
  }
}
@media only screen and (max-width: 360px) {
  .footer-middle__contacts {
    justify-content: flex-end;
  }
  .footer-middle__contacts-row {
    flex-direction: row-reverse;
  }
  .footer-middle__contacts-col:last-child a {
    justify-content: flex-start;
  }
  .news-slider-swiper {
    height: 108px;
  }
  .news-slider-pagination {
    display: none;
  }
  .map-copycenter-item__button {
    max-width: calc(50% - 8px);
    width: 100%;
  }
  .map-copycenter-work--buttons {
    gap: 16px;
  }
  .popup-order-file__text {
    font-size: 12px;
    line-height: 13.8px;
  }
  .popup--fast-order,
  .popup--copycenter {
    gap: 0;
  }
  .popup--fast-order .popup__header,
  .popup--copycenter .popup__header {
    padding: 12px;
  }
  .product-calculator .copycenter-page-swiper {
    height: 400px;
  }
  .product-calculator-info__buttons {
    flex-direction: row-reverse;
  }
  .product-calculator-info__buttons--tags {
    flex-direction: row;
  }
  .product-calculator-info__more-text {
    font-size: 14px;
    line-height: 22px;
  }
  .qr__header {
    margin-bottom: 20px;
  }
  .qr-tabs--tablet {
    margin-bottom: 12px;
  }
  .qr-content {
    gap: 12px;
  }
  .qr-block {
    gap: 8px;
  }
  .qr-block__col {
    gap: 8px;
  }
  .qr-color {
    flex-direction: column;
    gap: 12px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 992px) {
  .search-nwp__result:hover {
    background: transparent;
  }
}
/* Add style modal window for send fast order */
.popup--order-success {
  border-radius: 10px;
  max-width: 272px;
  max-height: 386px;
  width: 100%;
  height: auto;
}

.popup-send-block {
  gap: 16px;
}

.popup--order-success .popup__body {
  gap: 16px;
  padding: 0 16px 16px;
}

.popup-send-block--image svg {
  width: 100%;
  max-width: 100%;
}

.popup-send-block_button-block .btn {
  width: 100%;
  border-radius: 6px;
}

/* Swiper navigation page How To Get */
.how-to-prev,
.how-to-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 20px;
  background-position: center;
  cursor: pointer;
  z-index: 1;
  width: 16px;
  height: 16px;
  padding: 19px 20px;
  background-repeat: no-repeat;
  transition: 400ms;
}

.how-to-prev {
  left: 20px;
  background-image: url(.././img/prev.svg);
}

.how-to-next {
  right: 20px;
  background-image: url(.././img/next.svg);
}

.how-to-next:hover {
  background-image: url(.././img/next-hover.svg);
}

.how-to-prev:hover {
  background-image: url(.././img/prev-hover.svg);
}

.how-to-prev:hover,
.how-to-next:hover {
  background-color: #4b4b4a; /* Новый цвет background-color при наведении */
}

@media only screen and (max-width: 768px) {
  .how-to-prev,
  .how-to-next {
    display: none;
  }
  .popup--fast-order .wpcf7:has(.suggestions-suggestions:not(:empty)) {
    padding-bottom: 50vh;
  }
  .popup--fast-order .suggestions-wrapper {
    bottom: unset;
    top: calc(100% + 6px);
  }
  .popup--fast-order .suggestions-suggestions {
    bottom: unset;
  }
}
.callback-send {
  width: unset;
}

.callback-send .popup-send-block {
  display: flex;
  width: 320px;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fff;
  border-radius: 20px;
  padding: 0 12px;
  gap: 0;
}

.callback-send .popup-send-block_h3-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 0;
  width: 100%;
}

.callback-send .h3-block__img {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  align-self: center;
}

.callback-send .h3-block__text {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: #222220;
  flex-grow: 1;
}

.callback-send .h3-block__close {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.callback-send .popup-send-block_text {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #222220;
}

.callback-send .popup-send-block_button-block {
  padding: 12px 0;
}

.callback-send .popup-send-block_button-block .btn {
  border-radius: 20px;
}

.popup--town {
  width: unset;
}

.menu-svg {
  display: contents;
}
.menu-svg > * {
  width: 16px;
  height: 16px;
}

.menu-item {
  display: block;
}

.menu:last-child .menu-item:last-child a {
  border-bottom-color: transparent;
}

.menu-svg :is(svg, svg *) {
  color: inherit;
  fill: currentcolor;
}

.page-nwp::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(138, 43, 226, 0.2509803922);
}

.menu-item .list-item svg {
  width: 16px;
  height: 16px;
}

.require,
.copycenter-list,
.vacancies,
.portal,
.faq-section,
.portfolio-page,
.qr,
.franchise--aboutus,
.rent {
  margin-bottom: 40px;
}

.swiper-slide img {
  display: block;
}

.city-dropdown .dropdown-list-button::before {
  content: "Выберите город";
}
.city-dropdown .dropdown-list-button[data-value]::before {
  content: attr(data-value);
}
.city-dropdown .dropdown-list-button:not([data-value]) {
  color: var(--text-muted);
}

:is(.copycenter-page-swiper__pagination, .swiper-pagination--franchise) {
  position: absolute;
  display: block;
}
:is(.copycenter-page-swiper__pagination, .swiper-pagination--franchise) .swiper-pagination-bullet {
  height: 16px;
  opacity: 1;
  width: 16px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.product-calculator-info__buttons--portfolio {
  width: 100%;
  justify-content: end;
}

@media only screen and (max-width: 1199.98px) {
  body.page-template-portfolio .breadcrumbs {
    display: none;
  }
}

#js_more_portfolio {
  justify-content: center;
}

.product-calculator-content--portfolio .swiper {
  height: 360px;
}

.copycenter-page-swiper {
  border-radius: 0.75rem;
  overflow: hidden;
}

.swiper-pagination-lock {
  display: none;
}

.page-template-franchise .breadcrumbs {
  display: none;
}

.swiper-pagination:not(.swiper-pagination-new) .swiper-pagination-bullet {
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-color: var(--bg-primary);
  border: 1px solid hsla(46, 34%, 66%, 0.239);
  box-sizing: border-box;
  height: 16px;
  opacity: 1;
  width: 16px;
}

.temp1 {
  justify-content: center;
}
.temp1:hover path[stroke] {
  stroke: #222220 !important;
}

.page-nwp > .breadcrumbs {
  margin-bottom: 24px;
}

.appeal-container .col {
  gap: 8px;
}

:where(.popup__content p) {
  margin: 0;
}

.btn[class*=btn--] {
  justify-content: center;
}

.popup--current-city .h3 {
  font-size: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/old/additional.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
html {
  --scrollbarBG: #fff;
  --thumbBG: var(--color-primary-main);
}

#map {
  width: 100%;
  min-width: 100%;
  height: 514px;
  border-radius: 20px;
  overflow: hidden;
}

.fix-map {
  width: 1420px;
  max-width: 100%;
}

.copycenter-list-wrapper {
  visibility: inherit;
  position: static;
  display: none;
}

.copycenter-list-wrapper--active {
  display: block;
}

@media only screen and (max-width: 1396px) {
  .fix-map {
    overflow: hidden;
  }
}
#map.copycenter-map {
  height: 440px;
}

#mapqr {
  height: 280px;
}

.ymap__mark {
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.7098039216);
  border-left: none;
  border-radius: 0 20px 20px 0;
  display: inline-flex;
  z-index: -1;
  position: relative;
  padding: 5px 6px 6px 20px;
  top: -11px;
}

a.btn.btn--link:hover {
  color: #222;
}

a.btn.btn--link:hover svg path {
  stroke: #222220 !important;
}

.popup--fast-order2,
.popup--job {
  gap: 12px;
  /*max-width: 948px;*/
  /*width: 100%;*/
  display: flex;
  flex-direction: column;
  transform-origin: center center;
}

.popup--fast-order2 .wpcf7-not-valid-tip {
  display: none;
}

.woocommerce img.promo__img,
.woocommerce-page img.promo__img {
  height: 100%;
}

.pointer {
  cursor: pointer;
}

.header-catalog-content-wrapper:nth-last-child(-n+2) .header-catalog-content-wrapper__list,
.header-catalog-content-wrapper.bottom-to-top .header-catalog-content-wrapper__list {
  top: auto;
  bottom: -10px;
}

.header-catalog-content-wrapper.bottom-to-top-sticker .header-catalog-content-wrapper__list {
  top: auto;
  bottom: -290px;
}

.header-control {
  transform: translate3d(0, 0, 0);
}

.popup-order__social .svg:nth-child(3) {
  display: none;
}

.popup-order__social input:checked + .svg:nth-child(2) {
  display: none;
}

.popup-order__social input:checked ~ .svg:nth-child(3) {
  display: block;
}

.popup-wrapper .popup--menu,
.popup-wrapper .popup--catalog,
.popup-wrapper .popup--dropdown {
  right: 0;
  bottom: env(safe-area-inset-bottom);
  overflow-y: scroll;
}

.hidden {
  display: none;
}

.fileattached,
.wpcf7-multilinefile {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.wpcf7-multilinefile {
  z-index: 2;
  display: block;
}

.zl-form-control-wrap .wpcf7-multilinefile {
  display: block;
}

.zl-form-control-wrap input {
  display: block !important;
}

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

.popup__content-fix {
  padding-bottom: 15px;
}

.popup__content .input__wrapper {
  height: inherit;
}

.calculator-textarea__wrapper-fix {
  padding: 8px 8px 8px 12px;
}

.wpcf7-not-valid-tip {
  display: none;
}

.input__wrapper-fix {
  padding: 0;
  border: none;
}

.wpcf7-form-control-wrap {
  width: 100%;
}

.wpcf7-form-control-wrap[data-name=address] {
  position: static;
}

.input__wrapper-fix .wpcf7-form-control {
  padding: 7px 12px;
  border: 1px solid rgba(198, 184, 138, 0.24);
  border-radius: 20px;
  width: 100%;
}

.wpcf7-form-control.wpcf7-not-valid {
  border-color: #de3230;
}

.input--filled .input__wrapper-fix {
  padding: 0;
}

.input--filled .input__wrapper-fix .wpcf7-form-control {
  padding: 8px 48px 8px 12px;
}

.calculator-textarea__textarea::placeholder {
  color: #b7b5ae;
}

.wpcf7-not-valid-tip {
  font-size: 11px;
}

.wpcf7-response-output {
  display: none;
}

.input__wrapper {
  height: inherit;
}

@media only screen and (max-width: 768px) {
  .single-nwp__row .btn--link {
    width: 100%;
  }
  .popup--requisites {
    font-size: 12px;
    width: 97%;
  }
}
@media only screen and (max-width: 769px) {
  .footer-middle__contacts-row {
    flex-direction: row-reverse;
  }
  .footer-middle__contacts-col:last-child a {
    justify-content: flex-start;
  }
  .footer-middle__contacts {
    justify-content: flex-end;
  }
}
.calculator-textarea__wrapper {
  padding: 8px 9px 5px 12px;
}

.calculator-textarea__textarea {
  min-height: 141px;
  height: 141px;
}

.footer-middle__input {
  padding: 8px 12px;
}

.copycenter-page-map-no-mark .map-copycenter-item {
  display: none;
}

.about-info__swiper {
  max-width: 424px;
}

@media only screen and (max-width: 1199px) {
  .about-info__swiper {
    min-width: 0;
    max-width: 100%;
  }
  .b24-widget-button-inner-container,
  .b24-widget-button-popup {
    visibility: hidden !important;
  }
  .b24-widget-button-bottom .b24-widget-button-inner-container {
    visibility: visible !important;
  }
}
/*
.popup--how-to-get {
//background: transparent;
}
*/
.ho-to-get-swiper {
  margin-inline: auto;
  margin-bottom: 10px;
  width: 500px;
  max-width: 100%;
}

.ho-to-get-slide__slide {
  display: flex;
  justify-content: center;
  border-radius: 12px;
  overflow: hidden;
  height: auto;
  align-items: center;
}

.popup--how-to-get .popup__content {
  padding: 0 10px;
}

.ho-to-get-swiper .swiper-slide img {
  max-width: 100%;
  border-radius: 12px;
}

.popup--how-to-get {
  max-width: calc(100% - 20px);
}

@media only screen and (max-width: 1199px) {
  .popup--how-to-get.popup--active {
    transform: translateX(-50%) translateY(-55%) scale(1);
    overflow: hidden;
  }
}
.require-aside-submain.tab-item--active {
  max-height: 400px;
}

.require-catalog h5:first-child,
.require-catalog h4:first-child,
.require-catalog h3:first-child,
.require-catalog h2:first-child,
.require-catalog h1:first-child {
  margin-top: 0;
}

.promo a.svg-no-stroke:hover path[stroke] {
  stroke: #222220;
}

.cart-item + .cart-item {
  margin-top: 15px;
}

.fix-p p {
  font-size: 14px;
  line-height: 22px;
  margin: 1em 0;
}

.calculator-price__price .js_price {
  color: #222220;
}

.nwp__content a {
  color: var(--Primary-800, #da8300);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-underline-position: under;
}

.nwp__content a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.product-table-content tbody > tr:last-child td:last-child {
  border-radius: 0;
}

.calculator-select2 {
  width: 100%;
}

.calculator-row {
  margin-bottom: 8px;
  max-width: 50%;
}

.select-required .calculator-content__title {
  display: flex;
  align-items: center;
}

.select-required .checkbox__tooltip {
  margin-left: 5px;
}

.services-404 {
  margin-top: 24px;
}

@media only screen and (max-width: 1199px) {
  .qr-color {
    display: inherit;
  }
}
.qr-aside__inside svg {
  max-width: 100%;
  height: auto;
}

.calculator-textarea__wrapper-fix {
  min-height: 138px;
}

.rent-invite__info p {
  max-width: 677px;
  color: #4b4b4a;
  line-height: 22px !important;
  font-size: 14px;
  margin: 0;
}

#js_portfolio_catalog {
  position: relative;
}

.preloader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: rgba(255, 255, 255, 0.7) url(.././img/preloader.svg) center no-repeat;
  background-size: 100px;
}

.portfolio-page-pagination__button {
  cursor: pointer;
}

.header-top__service::after {
  display: none !important;
}

.copycenter-list__map {
  height: 515px;
}

.checkbox__tooltip_pos {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -5px 0 0 0 !important;
  z-index: 3;
}

.js_assembly_option {
  position: relative;
}

@media only screen and (max-width: 560px) {
  .calculator-content-dropdown {
    display: block;
  }
}
.checkbox__tooltip_mob {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .calculator-block:nth-child(2) > .col {
    max-width: 70%;
    width: 70%;
  }
}
@media only screen and (max-width: 1199px) {
  .calculator-block:nth-child(2) > .col {
    max-width: 100%;
    width: 100%;
  }
  .checkbox__tooltip_pos {
    display: none;
  }
}
.js_assembly_option + .option_additional .option_container {
  margin-top: 16px;
}

.calculator-files {
  min-height: 166px;
}

.table__wrap {
  overflow-x: auto;
  max-width: 100%;
  width: 100%;
}

.table__wrap table {
  max-width: 100%;
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  body.search-results .services-grid .card:nth-last-child(4),
  body.search-results .services-grid .card:nth-last-child(3),
  body.search-results .services-grid .card:nth-last-child(2),
  body.search-results .services-grid .card:nth-last-child(1),
  body.search-no-results .services-grid .card:nth-child(1),
  body.search-no-results .services-grid .card:nth-child(2),
  body.search-no-results .services-grid .card:nth-child(3),
  body.search-no-results .services-grid .card:nth-child(4) {
    display: block;
  }
}
@media only screen and (max-width: 425px) {
  .result-found__row .btn {
    width: 100%;
  }
}
.relevanssi-live-search {
  padding: 10px;
  border-bottom: 1px solid rgba(30, 30, 30, 0.1);
}

.calculator-inner {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 30px;
}

@media only screen and (max-width: 1200px) {
  .calculator-inner {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}
.calculator-content {
  position: relative;
}

#calculator__preloader {
  display: none;
}

#calculator__preloader.show {
  display: block;
}

.calculator-inner .calculator-content-dropdown {
  min-height: 50px;
  break-inside: avoid;
  page-break-inside: avoid;
  display: inline-flex;
  width: 100%;
  box-sizing: border-box;
  padding-right: 20px;
}

.calculator-inner .calculator-content-input {
  min-height: 50px;
  break-inside: avoid;
  page-break-inside: avoid;
  display: inline-flex;
  width: 100%;
  box-sizing: border-box;
  padding-right: 20px;
}

.calculator-inner .calculator-content-dropdown + .calculator-content-input {
  margin-top: 5px;
}

.page-template-page-templates .input__title--required {
  gap: 0.5rem;
}

.suggestions-wrapper {
  position: absolute !important;
  left: 0;
  bottom: calc(100% + 6px);
  width: 100%;
}

.suggestions-suggestions {
  border-color: #e5e5e7 !important;
  border-radius: 0 0 6px 6px;
}

.suggestions-suggestions::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #858c95;
  border-radius: 4px;
}

.suggestions-suggestions::-webkit-scrollbar {
  border-radius: 4px;
  padding: 0;
  margin: 0;
  width: 6px;
}

.suggestions-suggestions > * {
  padding: 10px 16px;
}

.relative {
  position: relative;
}

.no-req.input--error .input__wrapper {
  border-color: rgba(198, 184, 138, 0.24) !important;
}

.no-req.input--error::after {
  display: none !important;
}

.copycenter-badges {
  position: absolute;
  right: 2px;
  top: 10px;
  display: flex;
  flex-wrap: wrap;
}

.copycenter-badge {
  display: inline-flex;
  background: var(--color-primary-main);
  border-radius: 20px;
  padding: 4px 8px;
  color: #222220;
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1199px) {
  .copycenter-badges {
    left: inherit;
    right: 0;
    width: inherit;
    box-sizing: border-box;
    padding: 10px 2px 10px 10px;
    top: 0;
  }
}
@media only screen and (max-width: 560px) {
  .copycenter-badges {
    width: inherit;
    padding: 10px 2px 10px 10px;
    justify-content: flex-end;
  }
}
.copycenter-map {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .fake-3d {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .single-copycenter #map {
    height: 360px;
  }
}
@media only screen and (max-width: 680px) {
  .single-copycenter #map {
    height: 260px;
  }
}
.footer-top__row {
  justify-content: space-between;
}

.product-calculator-info__more-text {
  display: inline-flex;
  margin-left: auto;
  cursor: pointer;
}

.product-calculator-info__text.expand {
  max-height: 100vh;
  -webkit-line-clamp: inherit;
  overflow-y: scroll;
}

.single-portfolio .product-calculator-info__text.expand {
  max-height: 276px;
}

.single-portfolio .product-calculator-info__text.expand p {
  overflow: unset;
  text-overflow: unset;
  -webkit-box-orient: unset;
}

.single-portfolio .product-calculator__title--portfolio {
  margin-bottom: 25px;
}

@media only screen and (max-width: 768px) and (min-width: 560px) {
  .single-portfolio .product-calculator-info--mobile {
    display: block;
  }
}
.single-portfolio .product-calculator-info__more-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.product-calculator-info__text--portfolio {
  height: 360px;
  -webkit-line-clamp: 10;
  overflow-y: auto;
}
.product-calculator-info__text--portfolio::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: var(--Gray-50, #858c95);
  border-radius: 5px;
}
.product-calculator-info__text--portfolio::-webkit-scrollbar {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  width: 6px;
  background: var(--Gradient-Overlay-Selected-Gray, rgba(116, 122, 139, 0.15));
}

.btn--first.font-normal,
span.font-normal {
  font-weight: 400 !important;
}

.appeal-form__row.gap-16 {
  gap: 16px;
}

.appeal-form__text-p {
  padding-right: 8px;
}

#qr_event_date_start,
#qr_event_time_start,
#qr_event_date_end,
#qr_event_time_end {
  height: 22px;
}

#qr-code > svg > g {
  scale: 1;
}

@media only screen and (max-width: 1199px) {
  .qr-aside__wrapper {
    padding: 18px;
  }
}
@media only screen and (max-width: 590px) {
  .qr-aside__row a {
    width: calc(33.3333333333% - 10px);
  }
}
.about-socials-main img {
  object-fit: contain;
}

.page-template-qr input[type=time]::-webkit-calendar-picker-indicator {
  background: none;
}

.about-info__text p {
  font-size: 14px;
  line-height: 22px;
}

.about-info__text-content {
  gap: 20px;
}

.about-info__text-content p {
  margin: 1.3em 0;
}

@media only screen and (max-width: 590px) {
  .about-info__text-content {
    gap: 10px;
  }
  .about-info__text-content p {
    margin: 1.8em 0;
  }
  .about-info__title {
    margin-bottom: -20px;
  }
  .socials-slide.swiper-slide-active .socials-slide__img-wrapper {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767.9px) {
  .footer-middle__contacts {
    font-size: 14px;
    line-height: 22px;
  }
  .footer-middle__contacts {
    align-items: center;
    gap: 6px;
  }
}
.header-bottom__list .fix-a {
  white-space: nowrap;
}

.copycenter-page-slide__slide img {
  display: block;
  height: 100%;
}

.mob-show {
  display: none;
}
.mob-show a {
  display: flex;
}

@media only screen and (max-width: 767.9px) {
  .product-calculator-content .copycenter-page-swiper {
    height: auto;
  }
  .mob-show {
    display: block;
  }
  .mob-hide {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .mob-hide {
    display: none;
  }
}
.about-info__text p:first-child {
  margin-top: 0;
}

.ho-to-get-swiper {
  border-radius: 12px;
}

.copycenter-page-grid {
  align-items: flex-start;
}

.benefits-swiper-slide img {
  min-width: 48px;
  min-height: 48px;
  width: min-content;
}

.benefits-swiper-slide {
  align-items: flex-start;
}

.franchise-benefits__title--address a {
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.franchise-benefits__title--address a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #deae10 !important;
}

@media only screen and (max-width: 1199px) {
  .about-facts-item__icon img {
    width: 48px;
    height: auto;
  }
}
.about-info__text p:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 590px) {
  .about-info__text p:first-child {
    margin-top: 1.8em;
  }
  .benefits-swiper-slide img {
    width: 24px;
    min-width: 24px;
    min-height: 24px;
    height: auto;
  }
}
.single-portfolio .product-calculator-content p {
  -webkit-line-clamp: 12;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .product-calculator-info {
    gap: 10px;
  }
  .product-calculator-info__more {
    display: flex;
  }
  .single-product .product-calculator-info__buttons {
    flex-direction: column-reverse;
  }
  .product-calculator-info-row__buttons {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 768px) {
  .single-portfolio .copycenter-page-swiper ~ .product-calculator-info {
    display: none;
  }
  .single-portfolio .product-calculator-info--mobile .product-calculator-info__more {
    display: block;
  }
  .single-portfolio .product-calculator-info__more button:not(.tag) {
    width: unset;
  }
}
@media only screen and (max-width: 1199px) {
  .calculator-textarea__wrapper {
    width: 100%;
  }
  .franchise__container--experience {
    gap: 15px;
  }
  .franchise-experience-img picture {
    width: 100%;
  }
  .franchise-experience-img {
    max-width: min(602px, 42%);
  }
  .franchise-why-item__title {
    line-height: 23px;
  }
}
@media only screen and (max-width: 680px) {
  .franchise-experience-img picture {
    width: auto;
  }
  .franchise-experience-img {
    max-width: initial;
  }
}
@media only screen and (max-width: 700px) {
  .calculator-textarea__wrapper {
    width: 100%;
  }
}
.franchise-why-slide__text {
  padding-right: 0;
}

@media only screen and (max-width: 1200px) {
  .tax-product_cat .services-grid .card:nth-last-child(1),
  .tax-product_cat .services-grid .card:nth-last-child(2),
  .tax-product_cat .services-grid .card:nth-last-child(3) {
    display: inherit;
  }
}
.product-calculator-info .product-calculator-info__title--portfolio {
  font-size: 20px;
  line-height: 28px;
}

.card__img {
  height: auto;
}

body.is-active {
  padding-bottom: 0;
}

.popup-menu__contact {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.popup-menu__list-open svg {
  transform: rotate(0);
  z-index: -1;
}

.popup-menu__list-open--active svg {
  transform: rotate(180deg);
}

@media only screen and (max-width: 1199px) {
  .franchise-benefits-item--active .franchise-benefits-item__wrapper {
    padding: 12px 0 10px;
  }
}
.search--filled .search-nwp__col,
.search--filled ~ .search-nwp__col {
  max-height: 228px;
}

.search--error .search-nwp__col,
.search--error ~ .search-nwp__col {
  max-height: 46px;
}

.search--error .search__result--error {
  color: #ed2d21;
  font-size: 12px;
  line-height: 14px;
  padding: 16px 8px;
}

.search--filled .search-nwp__row {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 17px 17px 0 0;
}

.search--filled.unfocus .search-nwp__row,
.search-nwp-mob .search-nwp__row {
  box-shadow: none;
  border-radius: inherit;
}

.search--error .search-nwp__row {
  box-shadow: none;
}

.search--filled .search-nwp__col,
.search--filled ~ .search-nwp__col {
  padding-top: 12px;
  padding-bottom: 12px;
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.search--error .search-nwp__col,
.search--error ~ .search-nwp__col {
  padding-top: 0;
}

@media only screen and (max-width: 768px) and (min-width: 681px) {
  .franchise--steps-btn {
    display: block;
  }
}
.socials-slide__img-wrapper {
  display: block;
}

.socials-slide__img {
  border-radius: 10.4%/6%;
  border-top: 0.13rem solid #bfbfbf;
  border-bottom: 0.13rem solid #bfbfbf;
  border-left: 0.12rem solid #bfbfbf;
  border-right: 0.12rem solid #bfbfbf;
}

.calculator-content__title {
  padding-right: 10px;
}

@media only screen and (max-width: 768px) {
  .calculator-inner .row {
    display: block;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .calculator-content-dropdown .dropdown-classic {
    max-width: 100%;
    width: 100%;
  }
  .calculator-inner .dropdown-classic__wrapper {
    z-index: inherit;
  }
}
.copycenters__title a {
  cursor: pointer;
  color: var(--color-primary-main);
}

.copycenters__title a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #deae10 !important;
}

.copycenter-list-block__row .copycenter-map {
  position: static;
}

.search-nwp.unfocus .search-nwp__col {
  display: none;
}

.search-nwp-mob__col .search__result {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: block;
  padding: 8px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(198, 184, 138, 0.24);
}

.search-nwp-mob__col .search__result.search__result--error {
  color: #ed2d21;
  font-size: 12px;
  line-height: 14px;
  padding: 16px 8px;
  border: none;
}

body.slow .b24-window-mounts ~ .b24-form {
  display: none !important;
}

.franchise-scroll__pagination {
  display: none;
}

@media only screen and (max-width: 559px) {
  .franchise-scroll__scroll {
    display: block;
  }
}
.textarea__wrapper.textarea__wrapper-sp {
  padding: 8px;
}

.input__wrapper.not-valid {
  border-color: #de3230;
}

.tag--third {
  cursor: pointer;
}

.portfolio-page-pagination__button--active {
  cursor: default;
}

.disable {
  pointer-events: none;
  opacity: 0;
}

@media only screen and (max-width: 425px) {
  #js_portfolio_catalog .portfolio-page-content .card-portfolio:nth-last-child(1),
  #js_portfolio_catalog .portfolio-page-content .card-portfolio:nth-last-child(2),
  #js_portfolio_catalog .portfolio-page-content .card-portfolio:nth-last-child(3),
  #js_portfolio_catalog .portfolio-page-content .card-portfolio:nth-last-child(4) {
    display: inherit;
  }
}
@media only screen and (max-width: 768px) {
  .product-calculator-content .product-calculator-info__title--portfolio {
    display: none;
  }
  .single-portfolio .product-calculator-info__text {
    height: unset;
    max-height: unset;
  }
}
.vacancies.hidden,
.vacancies.tab-item--active.hidden {
  display: none !important;
}

.team-main {
  width: 100%;
}

.popup-order-file-item {
  background: #fff;
  z-index: 1;
}

.popup__loader {
  display: none;
  border-radius: 20px;
}

.popup__loader.show {
  display: block;
}

.copycenter-button.row {
  cursor: pointer;
}

.js_cart_promocode_status {
  font-size: 14px;
  text-align: center;
  color: #761c19;
}

.cart-item-specification-item {
  max-width: 100%;
}

.show {
  display: block !important;
}

.cart-aside-block__text {
  text-align: right;
}

.cart-aside-block {
  width: 100%;
}

.js_error_calc {
  display: none;
  color: #761c19;
  font-size: 14px;
}

js_error_calc.show {
  display: block;
  text-align: right;
}

.calculator-price__price--active {
  justify-content: flex-end;
}

.page-template-portfolio .dropdown__result mark {
  color: #222220 !important;
}

.portfolio-page-aside .col.active {
  position: relative;
  z-index: 999;
}

#js_portfolio_catalog {
  min-height: 200px;
}

.looped-link {
  cursor: default;
  color: var(--color-primary-main);
  --color: var(--color-primary-main);
}

@media only screen and (max-width: 1199px) {
  .order-status-item__content .order-status-item__text {
    display: block;
    min-height: 22px;
  }
  .order-status-item__content .order-status-item__text--tag {
    position: relative;
    top: -7px;
  }
}
.button-show {
  transform: scale(1);
}

.button-show.input__button--active {
  transform: none;
}

.input__wrapper_fix {
  padding: 8px 48px 8px 12px;
}

@media only screen and (max-width: 768px) {
  .news-slider-swiper {
    height: 260px;
  }
}
@media only screen and (max-width: 500px) {
  .news-slider-swiper {
    height: 200px;
  }
}
.dropdown__input-hidden {
  display: none;
}

.dropdown__portfolio-text {
  width: 100%;
  font-size: 14px;
  line-height: 35px;
  color: #d8d7d3;
  cursor: default;
  height: 100%;
}

.dropdown__portfolio {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(198, 184, 138, 0.2392156863);
  border-radius: 20px;
  transition: 0.3s ease;
  position: absolute;
  background: white;
}

.dropdown__portfolio.dropdown--filled {
  border-color: var(--color-primary-main);
}

.dropdown__portfolio-row .dropdown__portfolio-text {
  padding-left: 12px;
}

.dropdown__portfolio-text {
  -webkit-user-select: none;
          user-select: none;
}

.portfolio__button--dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 8px 12px;
  transition: 0.3s ease;
  border-radius: 20px;
}

.portfolio__button--dropdown:hover {
  background-color: #f7f7f7;
}

.portfolio__button--dropdown svg {
  transition: 0.3s ease;
}

.portfolio__button--active svg {
  transform: rotate(180deg);
}

.dropdown__portfolio--active {
  border-color: var(--color-primary-main);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.dropdown__portfolio--active .dropdown__col {
  max-height: 156px;
  padding: 12px;
}

.product-calculator__short-mob {
  display: none;
}

.portfolio__button--clear {
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 8px 12px;
  transition: 0.3s ease;
  border-radius: 20px;
}

.portfolio__button--clear:hover {
  background-color: #f7f7f7;
}

.portfolio__button--clear svg {
  transition: 0.6s ease;
}

.portfolio__button--clear-active {
  display: flex;
}

.portfolio__button--clear-active svg {
  transform: rotate(180deg);
}

.dropdown__portfolio-row {
  padding: 1px 3px 1px 0;
  gap: 0;
}

@media only screen and (max-width: 768px) {
  .product-calculator__short-mob {
    display: block;
  }
}
.sw-app .sw-reviews-btn {
  border-radius: 20px;
  background-color: var(--color-primary-main);
  border: 1px solid var(--color-primary-main);
  box-shadow: none;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
  height: 38px;
  transition: 0.3s ease;
}

.sw-app .sw-reviews-btn:hover {
  border: 1px solid #deae10;
  background-color: #deae10;
}

i.wpdt-icon-copy {
  display: none;
}

.limited-width {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 400px;
}

.header-catalog-content {
  max-width: 450px;
}

.sw-reviews-btn-form-dropdown {
  border-radius: 20px !important;
}

.sw-reviews-btn:hover {
  box-shadow: none !important;
}

.sw-reviews-btn-form-dropdown a {
  border-radius: 20px !important;
}

.dropdown__wrapper--portfolio {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 38px;
}

@media only screen and (max-width: 767px) {
  .dropdown__result--portfolio {
    font-size: 14px;
  }
}
/* Клуб привилегий */
.cashback-block {
  flex-direction: row;
  padding-top: 44px;
  padding-bottom: 44px;
}

.cashback-content {
  padding: 24px;
  background-color: #f6f6f6;
  border-radius: 20px 0 0 20px;
}

.cashback-content h1 {
  font-family: Roboto;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.cashback-content h1 span {
  color: var(--color-primary-main);
}

.cashback-contant_list {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  margin: 24px 0 24px 15px;
  color: #4b4b4a;
}

.cashback-contant_list span {
  font-weight: 700;
}

.cashback-contant_button,
.swipper-club_button {
  color: #222220;
}

.swipper-club_button {
  margin-top: 0.65em;
}

.cashback-contant_button a,
.swipper-club_button a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 8px 12px;
  background-color: var(--color-primary-main);
  border-radius: 20px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}

.cashback-contant_button a:hover,
.swipper-club_button a:hover {
  background-color: #deae10;
  color: #222220 !important;
}

.cashback-img {
  display: flex;
  align-items: center;
  width: 37%;
  justify-content: center;
  background-color: #f6f6f6;
  border-radius: 0 20px 20px 0;
}

.cashback-banner {
  padding-bottom: 44px;
}

.club-gap {
  gap: 0;
}

.fw5 {
  font-weight: 500 !important;
  margin-bottom: 0.5em;
}

.jce {
  justify-content: end;
}

.add_footer-card {
  display: flex;
  font-family: Arial;
  font-size: 14px;
  color: #fff;
  align-items: center;
}

.add_footer-card:hover {
  color: var(--color-primary-main);
}

@media only screen and (max-width: 768px) {
  .club-info__swiper {
    max-height: 360px;
  }
  .cashback-block {
    padding-top: 22px;
  }
}
@media only screen and (max-width: 414px) {
  .cashback-img {
    display: none;
  }
  .cashback-block {
    padding-bottom: 0;
    padding-top: 22px;
  }
  .club-info {
    flex-direction: column;
  }
  .club-info__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }
  .club-gap {
    gap: 10px;
    max-height: none;
    padding: 12px;
  }
  .swipper-club_button a {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .cashback-banner {
    padding-bottom: 20px;
  }
  .cashback-content {
    padding: 12px;
    border-radius: 20px;
    margin-bottom: 20px;
  }
  .cashback-contant_list {
    margin: 8px 0 8px 15px;
  }
  .cashback-contant_button a {
    width: 100%;
    justify-content: center;
  }
}
.current-city__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
}

.current-city__change {
  display: flex;
  height: 40px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 20px;
  cursor: pointer;
  width: 143px;
}

.current-city__change:hover {
  background-color: #f6f6f6;
}

.current-city__ok {
  display: flex;
  height: 40px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 20px;
  background: var(--color-primary-main);
  cursor: pointer;
  width: 143px;
}

.current-city__ok:hover {
  background-color: #deae10;
}

@media only screen and (max-width: 1199px) {
  .faq-section__content {
    flex-direction: column !important;
    gap: 16px;
  }
  .faq-section__list {
    width: 100%;
  }
}
a.button_hover:hover {
  background-color: #deae10;
  color: #222220 !important;
}

@media only screen and (max-width: 1199px) {
  .tal {
    text-align: right;
  }
  .footer-middle__col-discount .btn {
    min-width: 0;
  }
}
.home-content_text a strong {
  color: inherit;
}

.header-all-catalog__link {
  position: relative;
}

.header-all-catalog__link::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: calc(100% + 32px);
  background: #f1eee3;
  bottom: -4px;
  left: -25px;
}

.popup-menu__href_parent {
  color: #222220;
  border-color: #b1b1b1;
  cursor: pointer;
}

.vacancies-item.tab--active {
  background-color: #fff;
}

.popup-wrapper--active {
  z-index: 99999;
}

.wpcf7-form *[type=submit].sending {
  opacity: 0.5;
}

.requisites-content {
  padding: 0 3% 3%;
}

.requisites-content tr {
  border-bottom: 1px solid;
}

.requisites-content td {
  padding: 1% 0;
}

.popup-menu__list-open--active + .popup-menu__list {
  max-height: inherit;
}

@media only screen and (min-width: 768px) {
  .btn-a-w {
    max-width: 233px;
  }
}
.rebranding-case__item tbody {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rebranding-case__lines table tr {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 4px 0;
}

.rebranding-case__lines table tr td {
  width: 33%;
  text-align: left;
}

.rebranding-case__lines table tr td:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 1023px) {
  .rebranding-case__lines table tr {
    font-size: 12px;
  }
}
.product-table-content > .nwp__content > br {
  display: none;
}

.product-table-content > .nwp__content > p {
  display: none;
}

.franchise--h1 {
  font-family: Roboto, sans-serif;
  font-weight: 600;
  display: flex;
  justify-content: center;
  margin: 20px 0;
  text-transform: uppercase;
}

.franchise--h1 span {
  background-color: var(--color-primary-main);
  border-radius: 8px;
  padding: 0 6px;
  margin-left: 6px;
}

@media only screen and (max-width: 429px) {
  .franchise--h1 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 375px) {
  .franchise--h1 {
    font-size: 18px;
  }
}
.news-item__desc {
  display: flex;
  justify-content: space-between;
  height: 14px;
  align-items: center;
  font-size: 12px;
}

.news-item__date {
  color: #b7b5ae;
}

.news-item__view {
  display: flex;
  gap: 4px;
}

.news-item__view-num {
  color: #b7b5ae;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.news-item__header {
  height: 56px;
  overflow: hidden;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.news-item__text {
  height: 20px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.news-item__view-img {
  width: 14px;
  height: 14px;
}
.news-item__view-img svg {
  display: block;
}

.fix-h:hover svg path[fill] {
  fill: #b7b5ae !important;
}

@media only screen and (max-width: 767px) {
  .news-item__header {
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    height: auto;
  }
  .news-item__desc {
    font-size: 0.5rem;
  }
  .news-item__text {
    height: 40px;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
  .news-item__content {
    width: 100%;
  }
  .news-item__view-img {
    width: 8px;
    height: 8px;
  }
  .news-item__view-num {
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 8px;
  }
  .franchise--experience {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .fix-h {
    height: 150px;
  }
}
.table-text-desc {
  font-size: 12px;
  color: #b7b5ae;
}

.popup-message {
  position: fixed;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 999999;
  margin-top: 3px;
  font-size: 14px;
}

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

.input__wrapper_fast-order {
  padding: 8px 9px 8px 12px;
}

.textarea_input__form {
  width: 100%;
  height: 96px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  resize: vertical;
}

.textarea_input__form::placeholder {
  color: #b7b5ae;
  white-space: pre-line;
  font-family: inherit;
}

.textarea_input__form::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #858c95;
  border-radius: 4px;
}

.textarea_input__form::-webkit-scrollbar {
  border-radius: 4px;
  padding: 0;
  margin: 0;
  width: 6px;
}

@media only screen and (max-width: 768px) {
  .textarea_input__form {
    resize: none;
  }
  /*.popup-order__group:nth-child(1) {*/
  /*    order: 1;*/
  /*}*/
  /*.popup-order__group:nth-child(2) {*/
  /*    order: 2;*/
  /*}*/
  /*.popup-order__group:nth-child(3) {*/
  /*    order: 4;*/
  /*}*/
  /*.popup-order__group:nth-child(4) {*/
  /*    order: 3;*/
  /*}*/
}
.not-nwp__content-a {
  color: #222220 !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  text-underline-position: auto !important;
  width: 96px;
  padding: 8px 12px;
  margin-left: 0;
  background-color: #f5f5f5;
}

.not-nwp__content-a:hover {
  background-color: #e8e8e8;
}

.product-slide__thumb {
  margin-right: 16px;
}
.product-slide__thumb .copycenter-page-slide__img {
  width: 132px;
  height: 132px;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/old/card.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer deprecated {
  .card {
    width: 100%;
    background: #f7f7f7;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: 0.1s all ease;
    box-shadow: 0 0 0 3px transparent;
    color: unset;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .card::after {
    border: 2px solid transparent;
    content: "";
    transition: 0.3s ease;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    box-sizing: border-box;
  }
  :where(.card)::before {
    content: "";
    padding-top: calc(50% - 12px);
    position: relative;
    display: block;
  }
  .card--one::before {
    padding-top: 100%;
  }
  .card__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .card__img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .card__title {
    padding: 12px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    height: 100%;
    position: relative;
    z-index: 1;
    display: block;
  }
  .card--two {
    width: 100%;
    grid-column: span 2/span 2;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/old/buttons.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.btn1 {
  border-radius: 8px;
  justify-content: center;
}

.btn--square {
  border-radius: 0;
}

.btn--half-round {
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
}

.btn--first {
  background-color: var(--color-primary-main);
  border: 1px solid var(--color-primary-main);
}

.btn--second {
  border: 1px solid #e5e5e7;
  background-color: transparent;
  color: #323539;
}

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

.btn--third:focus {
  background-color: #f7f7f7;
}

.btn--four {
  background: linear-gradient(180deg, #fdc305 0%, #deae10 100%);
}

.btn--five {
  background: #fff;
}

.btn--to_top {
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.6);
  position: fixed;
  right: 62px;
  bottom: 140px;
  width: 42px;
  height: 42px;
  z-index: -1;
  border-radius: 50%;
  justify-content: center;
}

.btn--to_top svg {
  transform: rotate(-90deg);
}

.btn--to_top.btn--active {
  opacity: 1;
  z-index: 9;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/forms.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.form-club {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1200px) {
  .form-club {
    max-width: 596px;
  }
}
.form-club__field {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .form-club__field {
    width: calc(50% - 0.5rem);
  }
}
.form-club__field_wide {
  width: 100%;
}
.form-club__input {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  background: var(--background-light-base-second, #f8f9fb);
  border-radius: var(--roundness-round-inside, 6px);
  border: 1px solid var(--stroke-light-base, #e5e5e7);
  padding: 8px 11px;
  width: 100%;
}
.form-club__label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: 500;
  display: flex;
  gap: 0.25rem;
}
.form-club__label_required {
  color: var(--text-and-icons-light-danger, #c8322b);
}
.form-club__important {
  font-size: var(--text-xs-regular-font-size, 13px);
  line-height: var(--text-xs-regular-line-height, 18px);
  letter-spacing: var(--text-xs-regular-letter-spacing, -0.1px);
  font-weight: var(--text-xs-regular-font-weight, 400);
}
.form-club__important span {
  color: var(--text-and-icons-light-danger, #c8322b);
}
.form-club .wpcf7-radio {
  display: flex;
  gap: 0.75rem;
}
.form-club .wpcf7-list-item {
  margin: 0;
}
.form-club .wpcf7-list-item-label {
  line-height: 1.5rem;
  letter-spacing: -0.01em;
}
.form-club .wpcf7-list-item label {
  display: flex;
  gap: 0.5rem;
}
.form-club .submit-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
}
.form-club .submit-wrapper .wpcf7-spinner {
  position: absolute;
}
.form-club .wpcf7-response-output {
  margin: 0 !important;
}

@layer components {
  :where([type=radio], [type=checkbox]) {
    display: block;
    flex-shrink: 0;
    appearance: none;
    width: 20px;
    height: 20px;
  }
  :where([type=radio], [type=checkbox])::after {
    display: block;
    height: 100%;
    content: "";
    background-image: var(--image);
    background-size: contain;
  }
  [type=radio] {
    --image: url(.././img/radio.svg);
  }
  [type=radio]:checked {
    --image: url(.././img/radio-checked.svg);
  }
  [type=checkbox] {
    --image: url(.././img/checkbox.svg);
  }
  [type=checkbox]:checked {
    --image: url(.././img/checkbox-checked.svg);
  }
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/link.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer deprecated {
  .link {
    display: flex;
    gap: 6px;
    align-items: center;
    font-weight: unset;
    font-size: 0.875rem;
    line-height: 1.25rem;
    flex-shrink: 0;
    color: var(--text-icons-light-base-main, #323539);
  }
  .link svg {
    color: inherit;
    flex-shrink: 0;
    transition: 0.3s ease;
    transition-property: transform;
  }
  .link svg [stroke] {
    color: inherit;
    stroke: currentcolor;
  }
  .link svg [fill] {
    color: inherit;
    fill: currentcolor;
  }
  .link:hover, .link.link_active {
    color: var(--text-icons-dark-base-second, #979aa0);
  }
  .link._active {
    cursor: default;
    color: #525d6a;
  }
  .link.link_bold {
    font-weight: 600;
  }
  ._bold {
    font-weight: 600;
  }
  :where(.page-nwp a) {
    color: var(--Primary-800, #da8300);
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none;
            text-decoration-skip: none;
  }
  :where(.page-nwp a):hover {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/_catalog.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.header-catalog.__active .header-burger span:first-child {
  transform: rotate(45deg);
  top: -1px;
  width: 14px;
  left: 4px;
  transform-origin: top left;
}
.header-catalog.__active .header-burger span:nth-child(2) {
  width: 0;
}
.header-catalog.__active .header-burger span:last-child {
  width: 14px;
  top: 9px;
  left: 4px;
  transform: rotate(-45deg);
  transform-origin: bottom left;
}

.header-catalog__btn {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.header-catalog__wrapper {
  max-height: min(580px, 100vh - var(--header-top-height, 0px) - var(--header-middle-height, 0px) - var(--wp-admin--admin-bar--height, 0px));
  gap: 10px;
  padding: 10px;
  border-top: 1px solid #e5e5e7;
}

.header-catalog__aside {
  max-height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  flex-shrink: 0;
  direction: rtl;
  margin: 0;
  padding: 0;
  padding-inline-end: 4px;
  gap: 0;
}
.header-catalog__aside > * {
  direction: initial;
}
.header-catalog__aside::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: var(--Gray-50, #858c95);
  border-radius: 5px;
}
.header-catalog__aside::-webkit-scrollbar {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  width: 6px;
  background: var(--Gradient-Overlay-Selected-Gray, rgba(116, 122, 139, 0.15));
}

.header-catalog__category {
  display: flex;
  padding: var(--Main-System-10px, 10px) var(--Main-System-12px, 12px);
  align-items: center;
  gap: var(--Main-System-8px, 8px);
  align-self: stretch;
  background: none;
  border-radius: 0;
  border-right: 1px solid var(--Stroke-Light-Base, #e5e5e7);
  /* Text Button / Semibold Small */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}
.header-catalog__category svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.header-catalog__category:hover {
  color: #212529;
  background-color: #F8F9FA;
}
.header-catalog__category.tab--active {
  color: var(--text-icons-light-primary, #fbad01);
  background-color: var(--Background-Light-Primary-Second, #fffbf0);
  border-right: 1px solid var(--Stroke-Light-Primary, #fbad01);
}
.header-catalog__category.header-catalog__category--active {
  color: #D9A809;
}

.header-catalog__container {
  width: 100%;
  max-height: 100%;
  flex-shrink: 1;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}
.header-catalog__container::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: var(--Gray-50, #858c95);
  border-radius: 5px;
}
.header-catalog__container::-webkit-scrollbar {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  width: 6px;
  background: var(--Gradient-Overlay-Selected-Gray, rgba(116, 122, 139, 0.15));
}
.header-catalog__container > .header-catalog__page > .sub-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.header-catalog__container > .header-catalog__page > .sub-menu > *:not(:nth-child(3n)) {
  border-right: 1px solid var(--Stroke-Light-Base, #e5e5e7);
}

.header-catalog__page {
  gap: 1.5rem;
  height: 100%;
  position: relative;
}
.header-catalog__page .link {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px; /* 146.667% */
}
.header-catalog__page .li {
  display: block;
}
.header-catalog__page .li > a > div {
  color: inherit;
}
.header-catalog__page .sub-menu .sub-menu, .header-catalog__page .more, .header-catalog__page .more__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.header-catalog__page > .sub-menu a {
  align-items: start;
}
.header-catalog__page > .sub-menu > .li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  gap: 20px;
}

.header-catalog__main {
  display: flex;
  gap: 10px;
  width: 100%;
}

.header-catalog__banner {
  width: 262px;
  max-height: 100%;
  overflow-y: auto;
  padding: 16px;
  border-radius: 6px;
  background: var(--Background-Light-Base-Second, #f8f9fb);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: baseline;
}
.header-catalog__banner::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: var(--Gray-50, #858c95);
  border-radius: 5px;
}
.header-catalog__banner::-webkit-scrollbar {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  width: 6px;
  background: var(--Gradient-Overlay-Selected-Gray, rgba(116, 122, 139, 0.15));
}
@media screen and (max-width: 1349.99px) {
  .header-catalog__banner {
    display: none;
  }
}

.header-catalog__banner-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.header-catalog__banner-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 140% */
  letter-spacing: -0.2px;
}

.header-catalog__banner-text {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 138.462% */
  letter-spacing: -0.1px;
}

.header-catalog__banner-buttons {
  display: flex;
  padding: 0px var(--Main-System-6px, 6px);
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: var(--Roundness-Round-Inside, 6px);
  border: 1px solid var(--Stroke-Light-Base, #e5e5e7);
}
.header-catalog__banner-buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--Main-System-8px, 8px);
  align-self: stretch;
  border-radius: var(--Roundness-Round-Inside, 6px);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 146.667% */
  height: 53px;
  color: var(--text-icons-light-base-main, #323539);
}
.header-catalog__banner-buttons a:hover {
  color: var(--text-icons-light-base-second, #858c95);
}
.header-catalog__banner-buttons a:not(:last-child) {
  border-bottom: 1px solid #e5e5e7;
}
.header-catalog__banner-buttons a svg {
  color: inherit;
  flex-shrink: 0;
  transition: 0.3s ease;
  transition-property: transform;
}
.header-catalog__banner-buttons a svg [stroke] {
  color: inherit;
  stroke: currentcolor;
}
.header-catalog__banner-buttons a svg [fill] {
  color: inherit;
  fill: currentcolor;
}

.header-catalog__page-header {
  color: #212529;
  font-size: 21px;
  font-weight: 700;
  line-height: 21px;
  padding: 0.5rem 0;
}

.header-catalog__cols {
  gap: 1.5rem;
  overflow-y: auto;
  padding-right: 30px;
  display: flex;
}
.header-catalog__cols::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--scrollbar-color, #000);
  border-radius: 4px;
}
.header-catalog__cols::-webkit-scrollbar {
  background-color: var(--scrollbar-bg, #d3d3d3);
  border-radius: 4px;
  padding: 4px;
  margin: 0;
  width: 5px;
}

.header-catalog__col {
  gap: 0.75rem;
  --flex-items: 4;
  width: calc(100% / var(--flex-items) - 1.5rem * (var(--flex-items) - 1) / var(--flex-items));
}

.header-catalog__columns {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.header-catalog__columns-posts {
  overflow: hidden;
}
.header-catalog__columns-posts .header-catalog__columns-wrapper {
  height: 100%;
}
.header-catalog__columns-posts .header-catalog__group-posts {
  height: inherit;
}
.header-catalog__columns-posts .header-catalog__group-links {
  height: inherit;
  flex-wrap: wrap;
}
.header-catalog__columns-posts .header-catalog__group-link {
  padding: 0 1em 0 0;
}
.header-catalog__columns::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #FDC305;
  border-radius: 4px;
}
.header-catalog__columns::-webkit-scrollbar {
  border-radius: 4px;
  padding: 0;
  margin: 0;
  width: 6px;
}

.header-catalog__columns-wrapper {
  display: block;
  columns: 4;
  width: 100%;
  height: fit-content;
  column-fill: balance;
}

.header-catalog__merged-groups {
  background-color: #F8F9FA;
  gap: 0.75rem;
  padding: 1em;
  border-radius: 1.25rem;
}
.header-catalog__merged-groups .header-catalog__group {
  padding: 0;
}
.header-catalog__merged-groups .header-catalog__more {
  background-color: transparent;
  color: rgb(33, 37, 41);
  border: 1px solid rgb(33, 37, 41);
}
.header-catalog__merged-groups .header-catalog__more span {
  color: rgb(33, 37, 41);
}
.header-catalog__merged-groups .header-catalog__more svg {
  fill: rgb(33, 37, 41);
}
.header-catalog__merged-groups .header-catalog__more svg use, .header-catalog__merged-groups .header-catalog__more svg path {
  fill: rgb(33, 37, 41);
}
.header-catalog__merged-groups .header-catalog__more:hover, .header-catalog__merged-groups .header-catalog__more:active, .header-catalog__merged-groups .header-catalog__more.tab--active {
  background-color: rgb(33, 37, 41);
  color: #ffffff;
}
.header-catalog__merged-groups .header-catalog__more:hover span, .header-catalog__merged-groups .header-catalog__more:active span, .header-catalog__merged-groups .header-catalog__more.tab--active span {
  color: #ffffff;
}
.header-catalog__merged-groups .header-catalog__more:hover svg, .header-catalog__merged-groups .header-catalog__more:active svg, .header-catalog__merged-groups .header-catalog__more.tab--active svg {
  fill: #ffffff;
}
.header-catalog__merged-groups .header-catalog__more:hover svg use, .header-catalog__merged-groups .header-catalog__more:hover svg path, .header-catalog__merged-groups .header-catalog__more:active svg use, .header-catalog__merged-groups .header-catalog__more:active svg path, .header-catalog__merged-groups .header-catalog__more.tab--active svg use, .header-catalog__merged-groups .header-catalog__more.tab--active svg path {
  fill: #ffffff;
}

.header-catalog__group {
  align-items: flex-start;
  gap: 10px;
  padding: 1rem;
  page-break-inside: avoid;
  break-inside: avoid;
}
.header-catalog__group .badge {
  width: 24.6px;
  height: 20.4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-catalog__group .btn--light {
  font-size: 14px;
  line-height: 1.5em;
}
.header-catalog__group .header-catalog__group-header {
  font-weight: 700;
}
.header-catalog__group a.header-catalog__group-header:hover {
  color: #ECB708;
}
.header-catalog__group span.header-catalog__group-header {
  color: #D9A809;
}
.header-catalog__group-posts {
  width: 100%;
  max-height: 100%;
  flex-wrap: wrap;
}

.header-catalog__group-links {
  gap: 0.25rem;
}
.header-catalog__group-links.__more .header-catalog__group-link {
  height: auto;
  pointer-events: all;
  margin-top: 0;
  opacity: 1;
  transform: scale(1);
}

.header-catalog__group-link {
  color: #495057;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  margin-top: -0.25rem;
  transform: scale(0);
  transform-origin: left top;
}
.header-catalog__group-link:first-child, .header-catalog__group-link:nth-child(2), .header-catalog__group-link:nth-child(3), .header-catalog__group-link:nth-child(4), .header-catalog__group-link:nth-child(5), .header-catalog__group-link:nth-child(6) {
  height: fit-content;
  pointer-events: all;
  margin-top: 0;
  opacity: 1;
  transform: scale(1);
}
.header-catalog__group-link:hover, .header-catalog__group-link:active {
  color: #ECB708;
}
.header-catalog__group-link.active {
  color: #D9A809;
}

.header-catalog__more .label_active {
  display: none;
}
.header-catalog__more.__active span {
  display: none;
}
.header-catalog__more.__active .label_active {
  display: flex;
}

.more {
  transition: 0.3s ease;
  transition-property: gap;
}
.more .more__list {
  transition: 0.3s ease;
  transition-property: max-height;
  max-height: 0;
  overflow: hidden;
}
.more .more__toggle {
  justify-content: start;
}
.more .more__toggle:before {
  content: "Ещё";
}
.more:not(._active) {
  gap: 0;
}
.more._active .more__list {
  max-height: var(--max-height, unset);
}
.more._active .more__toggle:before {
  content: "Скрыть";
}
.more._active .more__toggle svg {
  transform: rotate(-0.5turn);
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/layout/header-mobile-menu.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
[data-mobile-menu] {
  display: flex;
  cursor: pointer;
}
[data-mobile-menu] > svg {
  transition: 0.3s ease;
  transition-property: opacity;
  opacity: 0;
}
[data-mobile-menu] > svg:first-of-type {
  opacity: 1;
}
[data-mobile-menu] > svg:nth-of-type(2) {
  position: absolute;
}
[data-mobile-menu-state=menu] [data-mobile-menu][data-mobile-menu=menu] > svg, [data-mobile-menu-state=search] [data-mobile-menu][data-mobile-menu=search] > svg {
  opacity: 1;
}
[data-mobile-menu-state=menu] [data-mobile-menu][data-mobile-menu=menu] > svg:first-of-type, [data-mobile-menu-state=search] [data-mobile-menu][data-mobile-menu=search] > svg:first-of-type {
  opacity: 0;
}

.wrapper-menu {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease;
  transition-property: grid-template-rows;
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease;
  transition-property: grid-template-rows;
}
.wrapper-menu > * {
  overflow: hidden;
}
[data-mobile-menu-state=menu] .wrapper-menu.wrapper-menu_menu {
  grid-template-rows: 1fr;
}
.wrapper-menu > * {
  overflow: hidden;
}
[data-mobile-menu-state=search] .wrapper-menu.wrapper-menu_search {
  grid-template-rows: 1fr;
}
.wrapper-menu > * {
  display: flex;
  flex-direction: column;
}
.wrapper-menu > * > * {
  margin-top: 0.5rem;
}
.wrapper-menu .menu {
  padding: 0;
  margin: 0;
}
.wrapper-menu .menu:first-child {
  margin-top: 0.5rem;
}
.wrapper-menu .menu:has(+ .menu) {
  font-weight: 600;
}
.wrapper-menu .menu + .menu {
  margin-top: 0;
}

.btn_custom_close-mobile-menu {
  color: inherit;
  align-self: center;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/layout/header-mobile.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.list-item {
  display: flex;
  padding: var(--Main-System-10px, 10px) 0;
  align-items: center;
  align-self: stretch;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--text-icons-light-base-main, #323539);
  border-bottom: 1px solid var(--Neutral-600, #eaebf0);
  gap: 6px;
  transition: 0.3s ease;
  transition-property: color;
}
.list-item._active {
  color: var(--Primary-800, #da8300);
}
@media only screen and (max-width: 1199.98px) {
  .list-item:focus {
    color: var(--Primary-800, #da8300);
  }
}

.header_mobile {
  display: none;
  top: var(--wp-admin--admin-bar--height, 0);
  position: sticky;
}
@media only screen and (max-width: 1199.98px) {
  .header_mobile {
    display: block;
    padding: var(--Main-System-10px, 10px) var(--Padding-Mobile-Main, 24px);
    border-radius: 0px 0px var(--Roundness-Round-Outside, 12px) var(--Roundness-Round-Outside, 12px);
  }
}
.header_mobile .contact-geo {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  flex-wrap: wrap;
}
.header_mobile .contact-geo__mobile-button {
  background: var(--text-and-icons-light-on-color, #fff);
  border-radius: var(--roundness-round-inside, 6px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  padding: var(--main-system-8px, 8px) var(--main-system-12px, 12px) var(--main-system-8px, 8px) var(--main-system-12px, 12px);
  display: flex;
  flex-direction: row;
  gap: var(--main-system-4px, 4px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.header_mobile .contact-geo__navigation-transportation-globe-pin {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.header_mobile .contact-geo__text {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--text-xs-semibold-font-size, 13px);
  line-height: var(--text-xs-semibold-line-height, 18px);
  letter-spacing: var(--text-xs-semibold-letter-spacing, -0.1px);
  font-weight: var(--text-xs-semibold-font-weight, 600);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header_mobile .contact-geo__text2 {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--text-button-semibold-small-font-size, 14px);
  line-height: var(--text-button-semibold-small-line-height, 20px);
  font-weight: var(--text-button-semibold-small-font-weight, 600);
  position: relative;
}

.container--header-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrapper-menu > :has(.header_mobile__input__text:focus) {
  overflow: visible;
}

[data-mobile-menu-state]:not([data-mobile-menu-state=search]) .search-results__wrapper {
  max-height: 0;
  margin: 0;
}
[data-mobile-menu-state]:not([data-mobile-menu-state=search]) .search-results__wrapper > span:first-child {
  display: none;
}

[data-mobile-menu-state][data-mobile-menu-state=search] .search-results__wrapper[data-count] > span:first-child {
  display: none;
}

.header_mobile__input {
  background: var(--background-light-base-second, #f8f9fb);
  border-radius: var(--roundness-round-outside, 12px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
  --svg-size: 24px;
  --padding-x: 12px;
  --padding-y: 8px;
  --gap: 8px;
  transition: 0.3s ease;
  transition-property: border-color, box-shadow;
}
.header_mobile__input + .search-results__wrapper {
  position: unset;
  max-height: unset;
  margin-top: 8px;
  display: block;
}
.header_mobile__input + .search-results__wrapper > span:first-child {
  color: var(--text-icons-light-base-second, #858c95);
  /* Text XS/Regular */
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 138.462% */
  letter-spacing: -0.1px;
  margin-top: 8px;
  display: block;
}
.header_mobile__input + .search-results__wrapper .search-results__list {
  --height: 38px;
  height: calc(10 * var(--height));
  max-height: calc(10 * var(--height));
  display: block;
  transition: 0.3s ease;
  transition-property: max-height;
}
.header_mobile__input + .search-results__wrapper .search-results__list .search-results__list-item {
  display: flex;
  padding: var(--Main-System-10px, 10px) var(--Main-System-16px, 16px);
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--Neutral-600, #eaebf0);
  min-height: var(--height);
}
.header_mobile__input svg {
  width: var(--svg-size);
  margin: 0 var(--padding-x);
}
.header_mobile__input svg:not(:last-child) {
  position: absolute;
}
.header_mobile__input:has(.header_mobile__input__text:focus) {
  border-color: var(--Stroke-Light-Primary, #fbad01);
  box-shadow: 0px 0px 0px 3px #fff3cc;
}
.header_mobile__input .header_mobile__input__text {
  font-size: var(--text-l-medium-font-size, 16px);
  line-height: var(--text-l-medium-line-height, 24px);
  letter-spacing: var(--text-l-medium-letter-spacing, -0.01em);
  font-weight: var(--text-l-medium-font-weight, 500);
  position: relative;
  flex: 1;
  padding: var(--padding-y) var(--padding-x) var(--padding-y) calc(var(--padding-x) + var(--svg-size) + var(--gap));
  height: 100%;
}
.header_mobile__input .header_mobile__input__text + button[type=reset] {
  display: flex;
  height: inherit;
  align-items: center;
  cursor: pointer;
}
.header_mobile__input .header_mobile__input__text:placeholder-shown + button {
  display: none;
}
.header_mobile__input .header_mobile__input__essentials-search {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/tab-bar.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.popup:has(.--js-swipeout-handle) {
  transition: none;
}

.tab-bar {
  display: none;
  transform: unset;
  inset: 0;
  top: unset;
  max-height: 0;
  width: unset;
  overflow: hidden;
  transition: all 0.3s ease, bottom 0s;
  gap: 0;
}
.tab-bar.popup--active {
  display: flex;
  transform: unset;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.04);
  max-height: 70vh;
  overflow-y: unset !important;
}
.tab-bar {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-round-outside, 12px) var(--roundness-round-outside, 12px) 0px 0px;
  flex-direction: column;
}
.tab-bar__head {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-round-outside, 12px) var(--roundness-round-outside, 12px) 0px 0px;
  padding: var(--main-system-16px, 16px) var(--main-system-16px, 16px) var(--main-system-8px, 8px) var(--main-system-16px, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--main-system-4px, 4px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.tab-bar__close-line {
  flex-shrink: 0;
  width: 64px;
  height: 0px;
  position: relative;
  overflow: visible;
}
.tab-bar__head2 {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.tab-bar__arrows-left {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.tab-bar__headline {
  display: flex;
  flex-direction: column;
  gap: var(--main-system-4px, 4px);
  row-gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  position: relative;
}
.tab-bar__headline2 {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--headline-xs-mobile-semibold-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--headline-xs-mobile-semibold-font-size, 20px);
  line-height: var(--headline-xs-mobile-semibold-line-height, 28px);
  letter-spacing: var(--headline-xs-mobile-semibold-letter-spacing, -0.01em);
  font-weight: var(--headline-xs-mobile-semibold-font-weight, 600);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: var(--Main-System-8px, 8px);
  align-self: stretch;
}
.tab-bar__list {
  background: var(--background-light-base-main, #fff);
  padding: var(--main-system-8px, 8px) var(--main-system-8px, 8px) var(--main-system-16px, 16px) var(--main-system-16px, 16px);
  display: flex;
  flex-direction: row;
  gap: 8px;
  row-gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.tab-bar__list2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.tab-bar__list-item {
  border-style: solid;
  border-color: var(--neutral-600, #eaebf0);
  border-width: 0px 0px 1px 0px;
  padding: var(--main-system-10px, 10px) 0px var(--main-system-10px, 10px) 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.tab-bar__text-input {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.tab-bar__paragraph-container {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.tab-bar__div {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--text-s-regular-font-family, "Inter-Regular", sans-serif);
  font-size: var(--text-s-regular-font-size, 14px);
  line-height: var(--text-s-regular-line-height, 20px);
  letter-spacing: var(--text-s-regular-letter-spacing, -0.1px);
  font-weight: var(--text-s-regular-font-weight, 400);
  position: relative;
}
.tab-bar__chevron-down {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar__chevron-down2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar__chevron-down3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar__container {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-round-outside, 12px) var(--roundness-round-outside, 12px) 0px 0px;
  padding: var(--main-system-10px, 10px) var(--main-system-24px, 24px) var(--main-system-10px, 10px) var(--main-system-24px, 24px);
  display: flex;
  flex-direction: row;
  gap: var(--main-system-10px, 10px);
  row-gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.tab-bar__mobile-nav-button {
  padding: var(--main-system-2px, 2px);
  display: flex;
  flex-direction: column;
  gap: var(--main-system-2px, 2px);
  row-gap: 0px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.tab-bar__essentials-home {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.tab-bar__text {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--mobile-navigation-mob-nav-font-family, "Inter-Medium", sans-serif);
  font-size: var(--mobile-navigation-mob-nav-font-size, 14px);
  line-height: var(--mobile-navigation-mob-nav-line-height, 16px);
  font-weight: var(--mobile-navigation-mob-nav-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tab-bar__essentials-menu {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.tab-bar__text2 {
  color: var(--text-and-icons-light-primary, #fbad01);
  text-align: left;
  font-family: var(--mobile-navigation-mob-nav-font-family, "Inter-Medium", sans-serif);
  font-size: var(--mobile-navigation-mob-nav-font-size, 14px);
  line-height: var(--mobile-navigation-mob-nav-line-height, 16px);
  font-weight: var(--mobile-navigation-mob-nav-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tab-bar__mobile-nav-button2 {
  border-radius: var(--roundness-full-inside, 128px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  padding: var(--main-system-16px, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--main-system-2px, 2px);
  row-gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.tab-bar__essentials-cart {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
}
.tab-bar__navigation-transportation-map-pin {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.tab-bar__messages-circle-message-2 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category,
.tab-bar.popup--catalog .state-category * {
  box-sizing: border-box;
}
.tab-bar.popup--catalog .state-category {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-round-outside, 12px) var(--roundness-round-outside, 12px) 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  height: 720px;
  min-height: 340px;
  max-height: 720px;
  position: relative;
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.04);
}
.tab-bar.popup--catalog .state-category__head {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-round-outside, 12px) var(--roundness-round-outside, 12px) 0px 0px;
  padding: var(--main-system-16px, 16px) var(--main-system-16px, 16px) var(--main-system-8px, 8px) var(--main-system-16px, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--main-system-4px, 4px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.tab-bar.popup--catalog .state-category__close-line {
  flex-shrink: 0;
  width: 64px;
  height: 0px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__head2 {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.tab-bar.popup--catalog .state-category__headline {
  display: flex;
  flex-direction: column;
  gap: var(--main-system-4px, 4px);
  row-gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  position: relative;
}
.tab-bar.popup--catalog .state-category__headline2 {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--headline-xs-mobile-semibold-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--headline-xs-mobile-semibold-font-size, 20px);
  line-height: var(--headline-xs-mobile-semibold-line-height, 28px);
  letter-spacing: var(--headline-xs-mobile-semibold-letter-spacing, -0.01em);
  font-weight: var(--headline-xs-mobile-semibold-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.tab-bar.popup--catalog .state-category__list {
  background: var(--background-light-base-main, #fff);
  padding-right: var(--main-system-8px, 8px);
  padding-left: var(--main-system-16px, 16px);
  margin-top: var(--main-system-8px, 8px);
  margin-bottom: var(--main-system-16px, 16px);
  position: relative;
  overflow-y: auto;
  margin-right: 12px;
  display: block;
  overscroll-behavior: contain;
}
.tab-bar.popup--catalog .state-category__list::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: var(--Gray-50, #858c95);
  border-radius: 5px;
}
.tab-bar.popup--catalog .state-category__list::-webkit-scrollbar {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  width: 6px;
  background: var(--Gradient-Overlay-Selected-Gray, rgba(116, 122, 139, 0.15));
}
.tab-bar.popup--catalog .state-category__list2 {
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.tab-bar.popup--catalog .state-category__list2 > ul {
  width: 100%;
  padding: 0;
}
.tab-bar.popup--catalog .state-category__list2 > ul button {
  width: 100%;
}
.tab-bar.popup--catalog .state-category__list-item {
  border-style: solid;
  border-color: var(--neutral-600, #eaebf0);
  border-width: 0px 0px 1px 0px;
  padding: var(--main-system-10px, 10px) 0px var(--main-system-10px, 10px) 0px;
  display: flex;
  flex-direction: row;
  gap: var(--main-system-6px, 6px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.tab-bar.popup--catalog .state-category__paragraph-container {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-6px, 6px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.tab-bar.popup--catalog .state-category__image-category {
  border-radius: 6px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
  object-fit: cover;
}
.tab-bar.popup--catalog .state-category__div {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--text-s-regular-font-size, 14px);
  line-height: var(--text-s-regular-line-height, 20px);
  letter-spacing: var(--text-s-regular-letter-spacing, -0.1px);
  font-weight: var(--text-s-regular-font-weight, 400);
  position: relative;
  flex: 1;
}
.tab-bar.popup--catalog .state-category__chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__paragraph-container2 {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-6px, 6px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.tab-bar.popup--catalog .state-category__chevron-right2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__chevron-right3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__chevron-right4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__chevron-right5 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__chevron-right6 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__chevron-right7 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__chevron-right8 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__chevron-right9 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__chevron-right10 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__chevron-right11 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__rectangle-1 {
  background: var(--gray-50, #858c95);
  border-radius: 5px;
  height: 25.42%;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 74.58%;
  top: 0%;
}
.tab-bar.popup--catalog .state-category__container {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-round-outside, 12px) var(--roundness-round-outside, 12px) 0px 0px;
  padding: var(--main-system-10px, 10px) var(--main-system-24px, 24px) var(--main-system-10px, 10px) var(--main-system-24px, 24px);
  display: flex;
  flex-direction: row;
  gap: var(--main-system-10px, 10px);
  row-gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.tab-bar.popup--catalog .state-category__mobile-nav-button {
  padding: var(--main-system-2px, 2px);
  display: flex;
  flex-direction: column;
  gap: var(--main-system-2px, 2px);
  row-gap: 0px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.tab-bar.popup--catalog .state-category__essentials-home {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__text {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--mobile-navigation-mob-nav-font-size, 14px);
  line-height: var(--mobile-navigation-mob-nav-line-height, 16px);
  font-weight: var(--mobile-navigation-mob-nav-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tab-bar.popup--catalog .state-category__essentials-menu {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__text2 {
  color: var(--text-and-icons-light-primary, #fbad01);
  text-align: left;
  font-size: var(--mobile-navigation-mob-nav-font-size, 14px);
  line-height: var(--mobile-navigation-mob-nav-line-height, 16px);
  font-weight: var(--mobile-navigation-mob-nav-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tab-bar.popup--catalog .state-category__mobile-nav-button2 {
  border-radius: var(--roundness-full-inside, 128px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  padding: var(--main-system-16px, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--main-system-2px, 2px);
  row-gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.tab-bar.popup--catalog .state-category__essentials-cart {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__navigation-transportation-map-pin {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.tab-bar.popup--catalog .state-category__messages-circle-message-2 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.tab-bar .list04 {
  background: var(--background-light-base-main, #fff);
  padding: var(--main-system-8px, 8px) var(--main-system-8px, 8px) var(--main-system-16px, 16px) var(--main-system-16px, 16px);
  display: block;
  position: relative;
  overflow-y: auto;
  margin-right: 8px;
  overscroll-behavior: contain;
}
.tab-bar .list04::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: var(--Gray-50, #858c95);
  border-radius: 5px;
}
.tab-bar .list04::-webkit-scrollbar {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  width: 6px;
  background: var(--Gradient-Overlay-Selected-Gray, rgba(116, 122, 139, 0.15));
}
.tab-bar .list04__list2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.tab-bar .list04__list-item {
  border-style: solid;
  border-color: var(--neutral-600, #eaebf0);
  border-width: 0px 0px 1px 0px;
  padding: var(--main-system-10px, 10px) 0px var(--main-system-10px, 10px) 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.tab-bar .list04__text-input {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.tab-bar .list04__paragraph-container {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.tab-bar .list04__div {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--text-s-regular-font-size, 14px);
  line-height: var(--text-s-regular-line-height, 20px);
  letter-spacing: var(--text-s-regular-letter-spacing, -0.1px);
  font-weight: var(--text-s-regular-font-weight, 400);
  position: relative;
}
.tab-bar .list04__list-item2 {
  padding: var(--main-system-10px, 10px) 0px var(--main-system-10px, 10px) 0px;
  display: flex;
  flex-direction: row;
  gap: var(--main-system-6px, 6px);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.tab-bar .list04__list-item2 svg {
  transition: 0.3s ease;
  transition-property: transform;
}
.tab-bar .list04__list-item2._active svg {
  transform: rotate(-180deg);
}
.tab-bar .list04__list-item2._active + .list04__u-list {
  max-height: unset;
}
.tab-bar .list04__chevron-up {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar .list04__u-list {
  padding: 0px 0px 0px var(--main-system-16px, 16px);
  display: flex;
  max-height: 1px;
  transition: 0.3s ease;
  transition-property: max-height;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.tab-bar .list04__list-item3 {
  border-style: solid;
  border-color: var(--neutral-600, #eaebf0);
  border-width: 1px 0px 1px 0px;
  padding: var(--main-system-10px, 10px) 0px var(--main-system-10px, 10px) 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.tab-bar .list04__item-1 {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--text-s-regular-font-size, 14px);
  line-height: var(--text-s-regular-line-height, 20px);
  letter-spacing: var(--text-s-regular-letter-spacing, -0.1px);
  font-weight: var(--text-s-regular-font-weight, 400);
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: 0.3s ease;
  transition-property: color;
}
.tab-bar .list04__item-1._active {
  color: var(--Primary-800, #da8300);
}
.tab-bar .list04__list-item4 {
  border-style: solid;
  border-color: var(--neutral-600, #eaebf0);
  border-width: 0px 0px 1px 0px;
  padding: var(--main-system-10px, 10px) 0px var(--main-system-10px, 10px) 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.tab-bar .list04__chevron-down {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.tab-bar .list04__chevron-down2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/pages/club.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
.block__left {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-24px, 24px);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}

.block__left2 {
  display: flex;
  flex-direction: column;
  gap: var(--main-system-48px, 48px);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
@media only screen and (max-width: 1199.98px) {
  .block__left2 {
    width: 229px;
    gap: 1rem;
  }
}
.block__left2 .headline {
  margin-right: 110px;
}

.block__text {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--text-button-semibold-large-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--text-button-semibold-large-font-size, 15px);
  line-height: var(--text-button-semibold-large-line-height, 22px);
  font-weight: var(--text-button-semibold-large-font-weight, 600);
  position: relative;
}

.block__container {
  flex-shrink: 0;
  width: 576px;
  height: 561px;
  position: relative;
}
@media only screen and (max-width: 1199.98px) {
  .block__container {
    transform: scale(0.16253);
    transform-origin: 0 0;
    position: absolute;
    left: 75%;
  }
}

.club__google-wallet {
  position: absolute;
  right: 495px;
  top: 298.73px;
  transform: translate(0, -30.73px);
  overflow: visible;
  background: url(.././img/google-wallet.svg);
  width: 117px;
  height: 117px;
}

.block__iphone {
  width: 1024px;
  height: 990.5px;
  position: absolute;
  right: -226px;
  top: -6px;
}

.club__iphone-shadow {
  opacity: 0.7;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  background: url(.././img/shadow.webp);
  background-size: cover;
}

.club__iphone-body {
  width: 47.02%;
  height: 87.68%;
  position: absolute;
  right: 26.46%;
  left: 26.51%;
  bottom: 12.32%;
  top: 0%;
  background: url(.././img/iphone-body.webp);
  background-size: cover;
}

.club__iphone-screen {
  width: 43.58%;
  height: 82.58%;
  position: absolute;
  right: 28.34%;
  left: 28.08%;
  bottom: 16.41%;
  top: 1.01%;
  background: url(.././img/iphone-screen.webp);
  background-size: cover;
}

.club__apple-wallet {
  width: 103px;
  height: 103px;
  position: absolute;
  right: 496.34px;
  top: 423px;
  background: url(.././img/apple-wallet.svg);
}

.club__notification-1 {
  width: 355px;
  position: absolute;
  left: -163px;
  top: 158px;
}

.club__notification-2 {
  width: 355px;
  position: absolute;
  left: 361px;
  top: 332px;
}

.block__content {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.block__notification-content {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.block__title-description {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}

.block__title {
  color: var(--label-color-dark-primary, #fff);
  text-align: left;
  font-family: Inter-SemiBold, sans-serif;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.5px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.block__description {
  color: var(--label-color-dark-primary, #fff);
  text-align: left;
  font-family: Inter-Regular, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}

.block__time-image-preview {
  padding: 0 4px 4px 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.block__time {
  color: var(--label-color-dark-primary, #fff);
  text-align: right;
  font-family: Inter-Regular, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.08px;
  font-weight: 400;
  position: relative;
  mix-blend-mode: overlay;
}

.block__logo-glyphs2 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  overflow: visible;
}

.block__title {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--headline-xs-desktop-bold-font-family, "Inter-Bold", sans-serif);
  font-size: var(--headline-xs-desktop-bold-font-size, 22px);
  line-height: var(--headline-xs-desktop-bold-line-height, 30px);
  letter-spacing: var(--headline-xs-desktop-bold-letter-spacing, -0.01em);
  font-weight: var(--headline-xs-desktop-bold-font-weight, 700);
  position: relative;
  align-self: stretch;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}

.block__text {
  color: var(--text-and-icons-light-base-second, #858c95);
  text-align: left;
  font-family: var(--text-l-regular-font-family, "Inter-Regular", sans-serif);
  font-size: var(--text-l-regular-font-size, 16px);
  line-height: var(--text-l-regular-line-height, 24px);
  letter-spacing: var(--text-l-regular-letter-spacing, -0.01em);
  font-weight: var(--text-l-regular-font-weight, 400);
  position: relative;
  align-self: stretch;
  flex: 1;
}

.block__text2 {
  color: var(--text-and-icons-light-base-second, #858c95);
  text-align: left;
  font-family: var(--text-l-regular-font-family, "Inter-Regular", sans-serif);
  font-size: var(--text-l-regular-font-size, 16px);
  line-height: var(--text-l-regular-line-height, 24px);
  letter-spacing: var(--text-l-regular-letter-spacing, -0.01em);
  font-weight: var(--text-l-regular-font-weight, 400);
  position: relative;
  display: flex;
  align-self: stretch;
  align-items: center;
}

.block__block2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  gap: var(--padding-mobile-web-main, 16px);
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .block__block2 {
    background: var(--background-light-base-second, #f8f9fb);
    max-width: 1056px;
    padding: var(--main-system-32px, 32px);
    border-radius: 24px;
    gap: var(--main-system-24px, 24px);
  }
}

.block__inputs {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-16px, 16px);
  row-gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-shrink: 0;
  width: 596px;
  position: relative;
}

.block__input-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 290px;
  position: relative;
}

.block__label {
  text-align: left;
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
  position: relative;
  align-self: stretch;
}

.label-span {
  color: var(--text-and-icons-light-base-main, #323539);
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
}

.label-span2 {
  color: var(--text-and-icons-light-danger, #c8322b);
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
}

.block__input-box {
  background: var(--background-light-base-second, #f8f9fb);
  border-radius: var(--roundness-round-inside, 6px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  padding: 9px 12px 9px 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.block__text {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}

.block__text2 {
  color: var(--text-and-icons-light-base-second, #858c95);
  text-align: left;
  font-family: var(--text-m-regular-font-family, "Inter-Regular", sans-serif);
  font-size: var(--text-m-regular-font-size, 15px);
  line-height: var(--text-m-regular-line-height, 22px);
  font-weight: var(--text-m-regular-font-weight, 400);
  position: relative;
  flex: 1;
}

.label-span3 {
  color: var(--text-and-icons-light-base-main, #323539);
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
}

.label-span4 {
  color: var(--text-and-icons-light-danger, #c8322b);
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
}

.label-span5 {
  color: var(--text-and-icons-light-base-main, #323539);
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
}

.label-span6 {
  color: var(--text-and-icons-light-danger, #c8322b);
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
}

.label-span7 {
  color: var(--text-and-icons-light-base-main, #323539);
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
}

.label-span8 {
  color: var(--text-and-icons-light-danger, #c8322b);
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
}

.block__label2 {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
  position: relative;
  align-self: stretch;
}

.block__input-field2 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 596px;
  position: relative;
}

.block__div {
  text-align: left;
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
  position: relative;
  align-self: stretch;
}

.div-span {
  color: var(--text-and-icons-light-base-main, #323539);
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
}

.div-span2 {
  color: var(--text-and-icons-light-danger, #c8322b);
  font-family: var(--text-s-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-s-medium-font-size, 14px);
  line-height: var(--text-s-medium-line-height, 20px);
  letter-spacing: var(--text-s-medium-letter-spacing, -0.1px);
  font-weight: var(--text-s-medium-font-weight, 500);
}

.block__radios {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-12px, 12px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.block__checkbox {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.block__align-to-text {
  padding: 2px 0 2px 0;
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.block__checkbox2 {
  background: var(--background-light-primary-second, #fffbf0);
  border-radius: 16px;
  border-style: solid;
  border-color: var(--stroke-light-primary, #fbad01);
  border-width: 2px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.block__inner-circle {
  background: var(--text-and-icons-light-primary, #fbad01);
  border-radius: 50%;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
}

.block__text-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.block__header-text {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--text-l-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--text-l-medium-font-size, 16px);
  line-height: var(--text-l-medium-line-height, 24px);
  letter-spacing: var(--text-l-medium-letter-spacing, -0.01em);
  font-weight: var(--text-l-medium-font-weight, 500);
  position: relative;
}

.block__checkbox3 {
  background: var(--background-light-base-second, #f8f9fb);
  border-radius: 16px;
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 2px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.block__important {
  text-align: left;
  font-family: var(--text-xs-regular-font-family, "Inter-Regular", sans-serif);
  font-size: var(--text-xs-regular-font-size, 13px);
  line-height: var(--text-xs-regular-line-height, 18px);
  letter-spacing: var(--text-xs-regular-letter-spacing, -0.1px);
  font-weight: var(--text-xs-regular-font-weight, 400);
  position: relative;
  width: 596px;
}

.important-span {
  color: var(--text-and-icons-light-danger, #c8322b);
  font-family: var(--text-xs-regular-font-family, "Inter-Regular", sans-serif);
  font-size: var(--text-xs-regular-font-size, 13px);
  line-height: var(--text-xs-regular-line-height, 18px);
  letter-spacing: var(--text-xs-regular-letter-spacing, -0.1px);
  font-weight: var(--text-xs-regular-font-weight, 400);
}

.important-span2 {
  color: var(--text-and-icons-light-base-second, #858c95);
  font-family: var(--text-xs-regular-font-family, "Inter-Regular", sans-serif);
  font-size: var(--text-xs-regular-font-size, 13px);
  line-height: var(--text-xs-regular-line-height, 18px);
  letter-spacing: var(--text-xs-regular-letter-spacing, -0.1px);
  font-weight: var(--text-xs-regular-font-weight, 400);
}

.block__checkboxes {
  display: flex;
  flex-direction: column;
  gap: var(--main-system-12px, 12px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 596px;
  position: relative;
}

.block__checkbox4 {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.block__checkbox5 {
  background: var(--background-light-base-second, #f8f9fb);
  border-radius: var(--roundness-round-inside, 6px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 2px;
  padding: 4px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.block__text-container2 {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}

.block__text3 {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--text-button-semibold-large-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--text-button-semibold-large-font-size, 15px);
  line-height: var(--text-button-semibold-large-line-height, 22px);
  font-weight: var(--text-button-semibold-large-font-weight, 600);
  position: relative;
}

.club-card {
  flex-shrink: 0;
  width: 433px;
  height: 265px;
  position: absolute;
  right: -262px;
  top: calc(50% - 64px);
  transform-origin: 0 0;
  transform: rotate(-24.952deg) scale(1, 1);
  z-index: -1;
}
@media only screen and (max-width: 1199.98px) {
  .club-card {
    transform: rotate(-24.952deg) scale(0.5);
    top: 0;
    right: -368px;
  }
}
.club-card svg {
  display: block;
}

.block___0001-2345-6789 {
  width: 39.1%;
  height: 6.62%;
  position: absolute;
  right: 54.62%;
  left: 6.27%;
  bottom: 11.23%;
  top: 82.15%;
  overflow: visible;
}

.block__logo {
  width: 25.4%;
  height: 7.92%;
  position: absolute;
  right: 68.59%;
  left: 6%;
  bottom: 83.4%;
  top: 8.68%;
  overflow: visible;
}

.block__logo2 {
  width: 36.53%;
  height: 53%;
  position: absolute;
  right: 0.89%;
  left: 62.59%;
  bottom: -22.47%;
  top: 69.47%;
  transform: translate(13.79px, -114.93px);
  overflow: visible;
}

.block__text3 {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--text-button-semibold-large-font-size, 15px);
  line-height: var(--text-button-semibold-large-line-height, 22px);
  font-weight: var(--text-button-semibold-large-font-weight, 600);
  position: relative;
}

.block__buttons {
  display: flex;
  flex-direction: column;
  gap: var(--main-system-16px, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}

.block__button-text {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--text-button-semibold-large-font-size, 15px);
  line-height: var(--text-button-semibold-large-line-height, 22px);
  font-weight: var(--text-button-semibold-large-font-weight, 600);
  position: relative;
}

.block__button-order {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-full-inside, 128px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  padding: var(--main-system-16px, 16px) var(--main-system-24px, 24px) var(--main-system-16px, 16px) var(--main-system-24px, 24px);
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 360px;
  position: relative;
  box-shadow: var(--shadow-xsm-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.04));
  overflow: hidden;
}

.club__faq-container {
  display: flex;
  gap: var(--main-system-24px, 24px);
}
@media only screen and (max-width: 1199.98px) {
  .club__faq-container {
    flex-direction: column;
  }
}

.support {
  background: var(--background-light-base-second, #f8f9fb);
  border-radius: 1.5rem;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: fit-content;
}
@media only screen and (min-width: 1200px) {
  .support {
    max-width: 576px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .support {
    padding: 1rem;
    gap: 0.5rem;
  }
}
.support svg {
  width: auto;
  height: 1rem;
}

.support__title {
  color: var(--text-and-icons-light-base-main, #323539);
  font-size: var(--headline-xs-desktop-bold-font-size, 22px);
  line-height: var(--headline-xs-desktop-bold-line-height, 30px);
  letter-spacing: var(--headline-xs-desktop-bold-letter-spacing, -0.01em);
  font-weight: var(--headline-xs-desktop-bold-font-weight, 700);
}
@media only screen and (max-width: 1199.98px) {
  .support__title {
    font-size: var(--headline-xs-mobile-bold-font-size, 20px);
    line-height: var(--headline-xs-mobile-bold-line-height, 28px);
  }
}

.support__text {
  color: var(--text-and-icons-light-base-second, #858c95);
  font-size: var(--text-xs-regular-font-size, 13px);
  line-height: var(--text-xs-regular-line-height, 18px);
  letter-spacing: var(--text-xs-regular-letter-spacing, -0.1px);
  font-weight: var(--text-xs-regular-font-weight, 400);
  align-self: stretch;
}

.support__button {
  border-radius: var(--roundness-square-inside, 1px);
  display: flex;
  gap: var(--main-system-6px, 6px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.support__text2 {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--text-button-semibold-small-font-size, 14px);
  line-height: var(--text-button-semibold-small-line-height, 20px);
  font-weight: var(--text-button-semibold-small-font-weight, 600);
  position: relative;
}

.support__arrows-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}

.support__image {
  align-self: stretch;
  flex-shrink: 0;
  height: 92px;
  position: relative;
  display: flex;
  align-items: end;
}
@media only screen and (max-width: 1199.98px) {
  .support__image {
    flex-direction: row-reverse;
    padding-right: 67px;
  }
}

.support__image2 {
  width: 132px;
  height: 132px;
  position: absolute;
  right: -32px;
  bottom: -16px;
  background: url(.././img/book.webp) no-repeat bottom;
  background-size: contain;
  mix-blend-mode: darken;
}
@media only screen and (max-width: 1199.98px) {
  .support__image2 {
    width: 86px;
    right: -1rem;
    flex-shrink: 0;
    bottom: -1rem;
  }
}

.support__button-cta {
  background: var(--text-and-icons-light-primary, #fbad01);
  border-radius: var(--roundness-full-inside, 128px);
  padding: var(--main-system-16px, 16px) var(--main-system-24px, 24px) var(--main-system-16px, 16px) var(--main-system-24px, 24px);
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  align-items: center;
  justify-content: center;
  width: 360px;
  height: 54px;
  position: absolute;
  left: 0;
  bottom: 0;
  box-shadow: var(--shadow-xsm-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.04));
}

.support__text3 {
  color: var(--text-and-icons-light-base-main, #323539);
  font-size: var(--text-button-semibold-large-font-size, 15px);
  line-height: var(--text-button-semibold-large-line-height, 22px);
  font-weight: var(--text-button-semibold-large-font-weight, 600);
  position: relative;
}

.maps {
  background: url(.././img/map.webp) center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.maps {
  border-radius: var(--roundness-round-outside, 12px);
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 82px;
  position: relative;
  overflow: hidden;
}

.maps__button {
  border-radius: var(--roundness-round-inside, 6px);
  display: flex;
  flex-direction: row;
  gap: var(--main-system-6px, 6px);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.maps__text {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-size: var(--text-button-semibold-small-font-size, 14px);
  line-height: var(--text-button-semibold-small-line-height, 20px);
  font-weight: var(--text-button-semibold-small-font-weight, 600);
  position: relative;
}

.club__faq-container .tab-item {
  display: flex !important;
  max-height: 0;
  transition: 0.3s ease;
  transition-property: max-height;
}
.club__faq-container .tab-item--active {
  max-height: 10em;
}

._19-2,
._19-2 * {
  box-sizing: border-box;
}

._19-2 {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-round-outside, 12px);
  padding: var(--main-system-16px, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--main-system-16px, 16px);
  align-items: center;
  justify-content: flex-start;
  position: relative;
  box-shadow: var(--shadow-2xl-box-shadow, 0 25px 50px -12px rgba(16, 24, 40, 0.25));
}

._19-2__icon-button {
  border-radius: var(--roundness-square-inside, 1px);
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  right: -42px;
  top: 0;
  overflow: hidden;
}

._19-2__symbols-close {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  cursor: pointer;
}

._19-2__head {
  display: flex;
  flex-direction: row;
  gap: var(--main-system-10px, 10px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

._19-2__essentials-check-fill {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}

._19-2__headline {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--headline-xxs-desktop-semibold-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--headline-xxs-desktop-semibold-font-size, 20px);
  line-height: var(--headline-xxs-desktop-semibold-line-height, 28px);
  letter-spacing: var(--headline-xxs-desktop-semibold-letter-spacing, -0.01em);
  font-weight: var(--headline-xxs-desktop-semibold-font-weight, 600);
  position: relative;
  flex: 1;
}

._19-2__text {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--text-m-regular-font-family, "Inter-Regular", sans-serif);
  font-size: var(--text-m-regular-font-size, 15px);
  line-height: var(--text-m-regular-line-height, 22px);
  font-weight: var(--text-m-regular-font-weight, 400);
  position: relative;
  align-self: stretch;
}

._19-2__qr {
  flex-shrink: 0;
  width: 240px;
  height: 240px;
  position: relative;
  object-fit: cover;
}
._19-2__qr svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

._19-2__divider {
  margin-top: -1px;
  border-style: dashed;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px 0 0 0;
  align-self: stretch;
  flex-shrink: 0;
  height: 0;
  position: relative;
  transform-origin: 0 0;
}

._19-2__link {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

._19-2__input-text-area {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}

._19-2__box {
  background: var(--background-light-base-second, #f8f9fb);
  border-radius: var(--roundness-round-inside, 6px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

._19-2__input-text {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--text-m-regular-font-family, "Inter-Regular", sans-serif);
  font-size: var(--text-m-regular-font-size, 15px);
  line-height: var(--text-m-regular-line-height, 22px);
  font-weight: var(--text-m-regular-font-weight, 400);
  position: relative;
  flex: 1;
}

._19-2__button {
  border-radius: var(--roundness-round-inside, 6px);
  display: flex;
  flex-direction: row;
  gap: var(--main-system-6px, 6px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}

._19-2__icon-button2 {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-round-inside, 6px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  padding: var(--main-system-12px, 12px);
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(--shadow-xsm-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.04));
  overflow: hidden;
  cursor: pointer;
}

._19-2__essentials-copy {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  position: relative;
  overflow: visible;
}

.tmp-slideout-content {
  padding: var(--main-system-8px, 8px) var(--main-system-16px, 16px) var(--main-system-16px, 16px) var(--main-system-16px, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--main-system-12px, 12px);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.tmp-slideout-content__div {
  color: var(--text-and-icons-light-base-second, #858c95);
  text-align: left;
  font-family: var(--text-xs-regular-font-family, "Inter-Regular", sans-serif);
  font-size: var(--text-xs-regular-font-size, 13px);
  line-height: var(--text-xs-regular-line-height, 18px);
  letter-spacing: var(--text-xs-regular-letter-spacing, -0.1px);
  font-weight: var(--text-xs-regular-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.tmp-slideout-content__buttons {
  display: flex;
  flex-direction: column;
  gap: var(--main-system-8px, 8px);
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.tmp-slideout-content__social-button {
  background: var(--background-light-base-main, #fff);
  border-radius: var(--roundness-round-inside, 6px);
  border-style: solid;
  border-color: var(--stroke-light-base, #e5e5e7);
  border-width: 1px;
  padding: var(--main-system-8px, 8px) var(--main-system-12px, 12px) var(--main-system-8px, 8px) var(--main-system-12px, 12px);
  display: flex;
  flex-direction: row;
  gap: var(--main-system-8px, 8px);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(--shadow-xsm-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.04));
}

.tmp-slideout-content__social-platforms-logos {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
}

.tmp-slideout-content__logo {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}

.tmp-slideout-content__sign-in-with-google {
  color: var(--text-and-icons-light-base-main, #323539);
  text-align: left;
  font-family: var(--text-button-semibold-small-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--text-button-semibold-small-font-size, 14px);
  line-height: var(--text-button-semibold-small-line-height, 20px);
  font-weight: var(--text-button-semibold-small-font-weight, 600);
  position: relative;
}

.tmp-slideout-content__social-platforms-logos2 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
}

.tmp-slideout-content__logo2 {
  width: 99.92%;
  height: 100%;
  position: absolute;
  right: 0.04%;
  left: 0.04%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}

.tmp-slideout-content__ru-view-in-wallet-add-wallet-badge-1 {
  flex-shrink: 0;
  width: 141px;
  height: 34px;
  position: relative;
  overflow: visible;
}

.tmp-slideout-content__ru-add-to-apple-wallet-rgb-102121-1 {
  flex-shrink: 0;
  width: 120px;
  height: 34px;
  position: relative;
  overflow: hidden;
}

.tmp-slideout-content__buttons-succ {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.form-club.sent .wpcf7-response-output {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/pages/products.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/**
 * @mixin text
 *
 * @param {String} $size - The size of the text, which can be one of: xl, l, m, s, xs
 *   If size is different for Desktop and Mobile layouts,
 *   specify two parameters separated by space: xs s
 *
 * @param {String} $weight - Font weight: regular, medium, semibold, bold
 */
@layer pages {
  .product-addon {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: -0.1px;
  }
  .product-group-mobile {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .product-group-sm {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .product-group-sm:has(> [data-count="1"]) {
    display: none;
  }
  .product-price-value {
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -0.015em;
    font-weight: 600;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-price-value {
      font-size: 1.25rem;
      line-height: 1.75rem;
      letter-spacing: -0.015em;
    }
  }
  .product-price-note {
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: -0.01em;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-price-note {
      font-size: 0.8125rem;
      line-height: 1.125rem;
      letter-spacing: -0.01em;
    }
  }
  .product-price-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .product-price-info {
    color: var(--text-muted);
    font-weight: 600;
    letter-spacing: -0.01em;
  }
  .product-price-outer {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .product-priceblock {
    background-color: var(--bg-base-subtle);
    padding: 2rem;
    border-radius: 0.75rem;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-priceblock {
      gap: 0.5rem;
      padding: 1rem;
    }
  }
  @media only screen and (max-width: 1199.98px) {
    .product-right {
      display: contents;
    }
    .product-right h1 {
      order: -1;
    }
  }
  .product-left {
    gap: 1rem;
    position: sticky;
    top: calc(var(--header-height) + 1rem);
  }
  @media only screen and (max-width: 1199.98px) {
    .product-left {
      display: contents;
    }
  }
  .product-right {
    gap: 1rem;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-top {
      flex-direction: column !important;
    }
    .product-top > * {
      display: contents;
    }
  }
  @media only screen and (max-width: 1199.98px) {
    .product-calculator-title {
      order: -1;
    }
  }
  .product-calculator-info [id^=calculator-target] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .product-calculator-info [id^=calculator-target] .title {
    margin-bottom: 0.375rem;
    display: inline-flex;
    gap: 0.375rem;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
  }
  .product-calculator-info [id^=calculator-target] .helloprint-calc__selector-container {
    display: contents;
  }
  .product-calculator-info [id^=calculator-target] :is(.attr-prop, .opt-prop) {
    padding: 0;
  }
  .product-calculator-content {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: -0.01em;
  }
  .product-articles {
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: 0.25rem;
  }
  .product-articles li {
    color: var(--text-muted);
  }
  .product-articles a {
    display: block;
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
  }
  .product-copycenters {
    max-height: 472px;
    overflow: hidden;
  }
  .product-copycenters-list {
    display: flex;
    flex-direction: column;
    width: 456px;
    gap: 0.5rem;
    overflow-y: scroll;
    padding-inline-end: 0.5rem;
  }
  .product-copycenters-list::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: var(--Gray-50, #858c95);
    border-radius: 5px;
  }
  .product-copycenters-list::-webkit-scrollbar {
    border-radius: 5px;
    padding: 0;
    margin: 0;
    width: 6px;
    background: var(--Gradient-Overlay-Selected-Gray, rgba(116, 122, 139, 0.15));
  }
  .product-copycenters-map {
    flex-grow: 1;
  }
  .product-copycenters-map #metro-map {
    overflow: auto;
  }
  .product-table-content {
    width: 100%;
    overflow: auto;
  }
  .product-table-content div {
    width: 100%;
  }
  .product-table-content .dt-buttons {
    display: none;
  }
  .product-table-content .wpDataTablesWrapper {
    border: 1px solid var(--stroke-base);
    border-radius: var(--roundness-round-outside, 12px);
    overflow: hidden;
  }
  .product-table-content table {
    overflow: auto hidden;
    white-space: nowrap;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-table-content table {
      display: block;
    }
  }
  .product-table-content :is(th, td) {
    color: var(--text-muted);
    border-bottom: 1px solid var(--stroke-base);
    padding-inline: 1.5rem;
  }
  .product-table-content th {
    background: var(--bg-base-subtle);
    padding-block: 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: -0.1px;
  }
  .product-table-content td {
    background: var(--bg-base);
    padding-block: 1rem;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: -0.01em;
  }
  .product-table-content tr:last-child td {
    border-bottom: none;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-table-content .expand {
      position: sticky;
      left: 0;
      z-index: 1;
      overflow: visible;
    }
    .product-table-content .expand::after {
      content: "";
      inset: -50% 0;
      position: absolute;
      box-shadow: var(--shadow-lg-box-shadow, 0 10px 15px -3px rgba(16, 24, 40, 0.1), 0 4px 6px -4px rgba(16, 24, 40, 0.1));
    }
  }
  .product-banner {
    display: flex;
    padding: 2rem;
    gap: 2rem;
    background: var(--bg-base-subtle);
    border-radius: var(--roundness-round-outside, 12px);
  }
  @media only screen and (max-width: 1199.98px) {
    .product-banner {
      flex-direction: column;
      padding: 1rem;
      gap: 1rem;
    }
  }
  .product-banner-image {
    width: 200px;
    height: 200px;
    background-image: url(.././img/create.webp);
    background-size: cover;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-banner-image {
      width: 160px;
      height: 160px;
    }
  }
  .product-banner-text {
    display: flex;
    flex-direction: column;
    gap: var(--main-system-16px, 16px);
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
  }
  .product-banner-div {
    display: flex;
    flex-direction: column;
    gap: var(--main-system-8px, 8px);
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
  .product-banner-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: -0.01em;
    font-weight: 600;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-banner-title {
      font-size: 1.125rem;
      line-height: 1.5rem;
      letter-spacing: -0.015em;
    }
  }
  .product-banner-description {
    color: var(--text-muted);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: -0.01em;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-banner-description {
      font-size: 0.9375rem;
      font-weight: 500;
      line-height: 1.375rem;
      letter-spacing: -0.01em;
    }
  }
  .product-swiper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-swiper {
      gap: 10px;
    }
  }
  @media only screen and (min-width: 1200px) {
    .product-swiper {
      border-radius: 0.75rem;
    }
  }
  .product-swiper .swiper-slide {
    background-color: var(--bg-base-subtle);
    border-radius: 12px;
    overflow: hidden;
  }
  .product-swiper .swiper-slide img {
    height: 424px !important;
  }
  @media only screen and (max-width: 1199.98px) {
    .product-swiper .swiper-slide img {
      height: 252px !important;
    }
  }
  .product-slider {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  @media only screen and (min-width: 1200px) {
    .product-slider .swiper-pagination {
      display: none;
    }
  }
}
.product-window .shared-checkbox__text .anticon, .product-window .shared-radiobox__text .anticon, .product-window .opt-prop .title .tooltip-trigger, .product-window .helloprint-card-image-wrapper .tooltip-trigger {
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 2px;
  background: var(--bg-base);
  border-radius: 50%;
  color: var(--text-base);
  box-shadow: inset 1px 1px var(--stroke-base), inset -1px -1px var(--stroke-base);
}

.ht5 {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.01em;
}

.ht6 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.1px;
}

.product-slider .swiper-pagination {
  display: none;
}

.description-wrapper {
  gap: 24px;
  align-items: flex-start;
}

.description-consult {
  background-color: #f8f9fb;
  border-radius: 14px;
  overflow: hidden;
  padding: 32px;
  gap: 16px;
  width: clamp(400px, 40%, 505px);
  position: sticky;
  top: calc(var(--header-height) + 1rem);
  flex-shrink: 0;
}
.description-consult img {
  width: 100%;
  height: 200px !important;
  object-position: center;
  object-fit: contain;
}
@media only screen and (max-width: 1199.98px) {
  .description-consult img {
    order: -1;
  }
}

.description-consult .h3 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

.description-consult__text {
  color: var(--text-and-icons-light-base-second, #858c95);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.01em;
}

.description-consult__text * {
  color: #858c95;
  max-width: 100%;
}

.description-consult .btn {
  max-width: 255px;
}

.product-slide__thumb {
  background-color: var(--bg-base-subtle);
  width: unset;
}
.product-slide__thumb:hover, .product-slide__thumb.swiper-slide-thumb-active {
  --border-color: var(--text-primary);
}
.product-slide__thumb .copycenter-page-slide__img {
  border: 1px solid;
  border-color: var(--border-color, transparent);
}

.product-slide__thumb .copycenter-page-slide__img {
  transition: 0.3s all ease-in-out;
  aspect-ratio: 1;
}

.product-price__row {
  display: flex;
  align-items: baseline;
}

.product-calculator-tabs__wrapper {
  width: 100%;
}

.product-calculator-tabs {
  width: 100%;
  flex-wrap: nowrap !important;
}

.product-calculator-tabs .tab {
  flex-grow: 1;
  justify-content: center;
  width: 100%;
}

.product-calculator__tab-items {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-calculator__tab-items .tab-item {
  width: 100%;
  flex-direction: column;
  gap: 16px;
}

.product-calculator__tab-items .product-calculator__header {
  display: none !important;
}

.product-calculator__header {
  display: none;
}

.product-table-content {
  width: 100%;
  border-spacing: 0;
}

.product-table-content__cell {
  border-right: 1px solid #b7b5ae;
  border-bottom: 1px solid #b7b5ae;
  padding: 10px 12px;
  font-weight: 500;
  text-align: center;
  vertical-align: top;
}

.product-table-content__cell--left {
  text-align: left;
}

.product-table-content__cell--head {
  color: #b7b5ae;
}

.product-table-content__cell--format {
  max-width: 120px;
  vertical-align: middle;
  width: 120px;
}

.checkbox-groups {
  display: grid;
  gap: var(--main-system-12px, 12px);
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.checkbox-groups .swiper-wrapper {
  height: unset;
}

@media only screen and (max-width: 1199.98px) {
  .product-slider .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .product-slider .swiper-pagination {
    display: flex;
    justify-content: center;
  }
  .product-swiper .copycenter-page-slide__img {
    aspect-ratio: 352/252;
  }
  .product-calculator .product-calculator__title,
  .product-calculator .product-calculator__title_hidden {
    display: block;
  }
  .product-head {
    display: none;
  }
  .product-calculator-tabs {
    display: none;
  }
  .product-calculator-tabs_full {
    display: flex;
  }
  .product-calculator-tabs {
    padding: 4px 8px;
    border-radius: 14px;
    border: 1px solid #e5e5e7;
    background-color: #f8f9fb;
    margin-bottom: 16px;
  }
  .product-calculator-tabs .tab:last-child {
    display: none;
  }
  .product-calculator-tabs .tab:first-child,
  .product-calculator-tabs .tab:nth-last-child(2) {
    border-radius: 10px;
    background-color: transparent;
    color: #858c95;
    border: 1px solid transparent;
  }
  .product-calculator-tabs .tab:first-child.tab--active,
  .product-calculator-tabs .tab:nth-last-child(2).tab--active {
    background-color: #fff;
    color: #323539;
    border-color: #e5e5e7;
  }
  .product-calculator__tab-items .tab-item[data-tab-name=Calculator] {
    flex-direction: column;
    gap: 16px;
  }
  .product-calculator__header {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }
  .product-table-content .table__wrap > p {
    margin: 0;
  }
  .description-wrapper {
    flex-direction: column;
  }
  .description-consult {
    width: 100%;
    position: relative;
    top: 0;
    padding: 24px;
    order: 10;
  }
  .description-consult .h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }
  .description-consult__text {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
  }
  .product-thumbs-swiper {
    display: none;
  }
  .product-calculator__tab-items .product-calculator__header {
    display: block !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
  }
}
.services-grid--rec .card:last-child {
  display: none;
}

.service-description__text {
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  position: relative;
  max-height: 18em;
  transition: 0.5s all ease-in-out;
}
.service-description__text > :first-child {
  margin-block-start: 0;
}

.service-description__text::after {
  content: "";
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 98.98%);
  left: 0;
  width: 100%;
  height: 200px;
  transition: 0.3s all ease-in-out;
}

.service-description__text.is-active::after {
  opacity: 0;
  pointer-events: none;
}

.services-grid--rec .card:last-child {
  display: none;
}

.service-description__text {
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  position: relative;
  max-height: 18em;
  transition: 0.5s all ease-in-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
}

.service-description__text::after {
  content: "";
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 98.98%);
  left: 0;
  width: 100%;
  height: 200px;
  transition: 0.3s all ease-in-out;
}

.service-description__text.is-active::after {
  opacity: 0;
  pointer-events: none;
}

.product-calculator-content p:first-child {
  margin-top: 0;
}

.product-calculator-content p:last-child {
  margin-bottom: 0;
}

.product-calculator-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical;
}

.service-description-toggle .toggle-close {
  display: none;
}
.service-description__text.is-active + div .service-description-toggle .toggle-open {
  display: none;
}
.service-description__text.is-active + div .service-description-toggle .toggle-close {
  display: block;
}

#description {
  --scroll-offset: 1rem;
}

.wpDataTablesWrapper table.wpDataTable {
  margin-bottom: 0 !important;
}

.product-window {
  border-radius: var(--roundness-round-outside, 12px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 1200px) {
  .product-window {
    padding: 1rem;
    background: var(--bg-base-subtle);
  }
}
.product-window .helloprint-calc__container, .product-window .helloprint-calc__container > :first-child:not([class]) {
  display: contents;
}
.product-window .helloprint-calc__option-label {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.1px;
}
.product-window :is(.rdropdown__control, .helloprint-calc__input) {
  background: var(--bg-base-subtle);
  border-radius: 6px;
  border-style: solid;
  border-color: var(--stroke-base);
  border-width: 1px;
  padding: 9px 16px 9px 16px;
  display: flex;
  gap: 8px;
  align-items: center;
  flex: 1;
  height: 40px;
  position: relative;
  overflow: hidden;
  box-shadow: none;
  cursor: pointer;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: -0.01em;
}
.product-window .rdropdown__menu {
  background: var(--bg-base-subtle);
  border: 1px solid var(--stroke-base);
  border-radius: var(--roundness-round-inside, 6px);
  padding-block: 0.25rem;
  top: calc(100% + 3px);
  z-index: 2;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.1px;
}
.product-window .rdropdown__menu::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--scrollbar-color, #000);
  border-radius: 4px;
}
.product-window .rdropdown__menu::-webkit-scrollbar {
  background-color: var(--scrollbar-bg, #d3d3d3);
  border-radius: 4px;
  padding: 4px;
  margin: 0;
  width: 5px;
}
.product-window .rdropdown__option {
  padding: 0.625rem 1rem;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.1px;
  transition: 0.3s ease;
  transition-property: color, background-color;
}
.product-window .rdropdown__option:hover, .product-window .rdropdown__option.is-active, .product-window .rdropdown__option.option_selected {
  background: var(--gradient-overlay-selected-gray, rgba(116, 122, 139, 0.15));
}
.product-window .rdropdown__option img {
  height: 1lh !important;
  margin: 0 !important;
}
.product-window .rdropdown-arrow-wrapper {
  --mask-image: url(.././img/chevron-down.svg);
}
.product-window .rdropdown-arrow-wrapper::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: currentcolor;
  flex-shrink: 0;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: var(--mask-image);
          mask-image: var(--mask-image);
}
.product-window .rdropdown-arrow-wrapper > * {
  display: none;
}
.product-window .helloprint-calc__button {
  display: inline-flex;
  padding: 0.625rem 1rem;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  white-space: nowrap;
  -webkit-text-decoration: none;
  text-decoration: none;
  border-radius: var(--roundness-round-inside, 6px);
  border: none;
  --icon-size: 18px;
  background: var(--bg-primary);
  color: var(--text-base);
  font-size: var(--text-button-semibold-small-font-size, 14px);
  line-height: var(--text-button-semibold-small-line-height, 20px);
  font-weight: var(--text-button-semibold-small-font-weight, 600);
}
.product-window .helloprint-calc__button:hover {
  background: var(--primary-700);
}
.product-window .helloprint-calc__button:is(:active, .is-active) {
  box-shadow: var(--btn-primary-box-shadow);
}
.product-window .helloprint-calc__button:disabled {
  background: var(--bg-base-subtle);
  color: var(--text-disabled);
}
.pxp-menu-mobile-tooltip {
  overflow: unset;
  translate: calc(50% + 0.5rem) -175%;
}
.pxp-menu-mobile-tooltip::after {
  content: "";
  width: 10px;
  height: 5px;
  background: var(--bg-base);
  position: absolute;
  left: 50%;
  top: 100%;
  translate: -5px;
  clip-path: polygon(0 0, 10px 0%, 50% 100%);
}

.product-window .rdropdown__tooltipwrapper {
  position: unset;
  margin-inline-start: auto;
}
.product-window .var-size {
  padding: 0;
  margin: 0;
}
.product-window .print-formats {
  flex-wrap: wrap;
  gap: 1rem;
}
.product-window .selector_dropdown {
  padding-bottom: 0;
}
@media only screen and (max-width: 1199.98px) {
  .product-window .selector_dropdown {
    width: unset;
  }
}
.product-window .action-buttons {
  margin-inline-start: auto;
}
.product-window [type=checkbox] {
  display: none;
}
.product-window .anticon-question-circle {
  margin-inline-start: auto;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
}
.product-window .rdropdown__control .anticon-question-circle {
  --mask-image: url(.././img/essentials-information.svg);
}
.product-window .rdropdown__control .anticon-question-circle::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: currentcolor;
  flex-shrink: 0;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: var(--mask-image);
          mask-image: var(--mask-image);
}
.product-window .rdropdown__control .anticon-question-circle > * {
  display: none;
}
.product-window .rdropdown-arrow-wrapper {
  margin-inline-start: auto;
}
.product-window .rdropdown__option {
  display: flex;
  align-items: center;
}
.product-window .rdropdown__option > span {
  display: contents;
}
.product-window .rdropdown__placeholder {
  display: contents;
}
.product-window .rdropdown__placeholder:has(.anticon-question-circle) + .rdropdown-arrow-wrapper {
  margin-inline-start: unset;
}
.product-window .rdropdown__placeholder img {
  height: 1lh !important;
  margin: 0 !important;
  object-fit: cover;
}
.product-window .price-info {
  padding: 0;
  font-size: 0;
}
.product-window .price-info__title {
  display: none;
}
.product-window .price-info__value {
  margin-right: 0.5rem;
}
.product-window .price-info * {
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: -0.015em;
  font-weight: 600;
}
.product-window .helloprint-calc__price-container {
  justify-content: unset;
}
.product-window .control_focused {
  border-color: var(--stroke-primary);
  box-shadow: var(--focused-primary-box-shadow, 0 0 0 3px rgb(255, 243, 204));
}
.product-window .add-to-cart-buttons {
  margin: 0;
}
.product-window .helloprint-swiper {
  --gap: 0.75rem;
}
.product-window .swiper-button-disabled {
  --opacity: revert;
  color: var(--text-muted);
  pointer-events: revert;
  cursor: not-allowed;
}
.product-window .helloprint-card {
  width: 120px !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.product-window .helloprint-card img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  position: relative;
  z-index: -1;
}
.product-window .helloprint-card-text {
  color: var(--text);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.01em;
}
.product-window .helloprint-card-image-wrapper {
  border-radius: 0.375rem;
  overflow: hidden;
  box-shadow: var(--border);
}
.product-window .helloprint-card-image-wrapper .tooltip-trigger {
  width: unset;
  height: unset;
  --mask-image: url(.././img/essentials-question.svg);
}
.product-window .helloprint-card-image-wrapper .tooltip-trigger::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: currentcolor;
  flex-shrink: 0;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: var(--mask-image);
          mask-image: var(--mask-image);
}
.product-window .helloprint-card:hover {
  --text: var(--text-muted);
  --border: inset 1px 1px var(--stroke-base), inset -1px -1px var(--stroke-base);
}
.product-window .helloprint-card.selected {
  --text: var(--text-primary);
  --border: inset 1px 1px var(--stroke-primary), inset -1px -1px var(--stroke-primary);
}
.product-window .opt-prop .title {
  display: flex;
  align-items: center;
}
.product-window .opt-prop .title .tooltip-trigger {
  padding: 2px !important;
  position: unset;
  width: 14px;
  height: 14px;
  margin-left: 0.25rem;
  --mask-image: url(.././img/essentials-information.svg);
}
.product-window .opt-prop .title .tooltip-trigger::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: currentcolor;
  flex-shrink: 0;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: var(--mask-image);
          mask-image: var(--mask-image);
}
.product-window .opt-prop .title .tooltip-trigger svg {
  display: none;
}
.product-window .shared-checkbox__container, .product-window .shared-radiobox__container {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  position: relative;
}
.product-window .shared-checkbox__text, .product-window .shared-radiobox__text {
  display: contents;
}
.product-window .shared-checkbox__text .anticon, .product-window .shared-radiobox__text .anticon {
  padding: 2px !important;
  inset: unset;
  left: 100%;
  margin-left: 0.25rem;
  --mask-image: url(.././img/essentials-information.svg);
}
.product-window .shared-checkbox__text .anticon::after, .product-window .shared-radiobox__text .anticon::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: currentcolor;
  flex-shrink: 0;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: var(--mask-image);
          mask-image: var(--mask-image);
}
.product-window .shared-checkbox__text .anticon svg, .product-window .shared-radiobox__text .anticon svg {
  display: none;
}
.product-window .shared-checkbox__checkmark, .product-window .shared-radiobox__checkmark {
  display: none;
}
.product-window .shared-checkbox__button, .product-window .shared-radiobox__button {
  display: block;
  width: 20px;
  height: 20px;
  border: none;
}
.product-window .shared-checkbox__button::after, .product-window .shared-radiobox__button::after {
  display: block;
  height: 100%;
  content: "";
  background-image: var(--image);
  background-size: contain;
}
.product-window .shared-checkbox__button {
  background-color: unset;
  --image: url(.././img/checkbox.svg);
}
.product-window .shared-checkbox__button_checked {
  --image: url(.././img/checkbox-checked.svg);
}
.product-window .shared-radiobox__button {
  --image: url(.././img/radio.svg);
}
.product-window .shared-radiobox__button_checked {
  --image: url(.././img/radio-checked.svg);
}
.product-window span:has(> .anticon) {
  display: contents;
}
.product-window .selector_yes-no {
  margin: 0;
}
.product-window .opt-prop_checkbox, .product-window .attr-prop_checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
}

.calculator-group .dropdown-list-title {
  display: flex;
  gap: 0.25rem;
}
.calculator-group .dropdown-list-button, .calculator-group .dropdown-list {
  width: 100%;
}

@layer vendor {
  .helloprint-calc__loading-container {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .helloprint-calc__loading-container::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    animation: asystem_calc_placeholder_loading_animation 2s linear infinite;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  }
  .helloprint-calc__loading-container__row {
    margin: 0 0 15px 0;
    display: flex;
    align-items: center;
  }
  .helloprint-calc__loading-container__row.row_right {
    justify-content: flex-end;
  }
  .helloprint-calc__loading-container__row__col {
    display: inline-block;
    background-color: #eaeaea;
    border-radius: 10px;
    margin: 0 2% 0 0;
    height: 25px;
    width: 20%;
    min-width: 60px;
  }
  .helloprint-calc__loading-container__row__col.col_wide {
    height: 35px;
  }
  .helloprint-calc__loading-container__row__col.col_long {
    width: 35%;
    min-width: 150px;
  }
  .helloprint-calc__loading-container__row__col.col_short {
    width: 5%;
    min-width: 35px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./components/about/_clients.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.about-clients__wrapper {
  overflow: hidden;
  max-width: 1416px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .about-clients__wrapper {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .about-clients__wrapper {
    padding: 0 1.5rem;
  }
}

.about-clients__slider {
  padding: 0;
  margin-right: -24px;
}
@media only screen and (max-width: 768px) {
  .about-clients__slider {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .about-clients__slider {
    padding: 0;
    margin-right: -12px;
  }
}
.about-clients__slider .swiper-slide {
  padding-right: 24px;
  height: auto;
}
@media screen and (max-width: 991px) {
  .about-clients__slider .swiper-slide {
    padding-right: 12px;
  }
}

.about-clients__item {
  aspect-ratio: 1;
  gap: 8px;
  width: 100%;
  padding: 12px 12px 24px;
  background: #f6f6f6;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
}
.about-clients__item img {
  max-width: 100%;
  max-height: 100%;
}

/*# sourceMappingURL=main.css.map*/