@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img,
picture {
  vertical-align: top;
}

picture {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input {
  border-radius: 0;
}

@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/* Автоматически сгенерированные стили */
[class^=icon-] {
  display: inline-block;
  --size: 24px;
  min-width: var(--size);
  min-height: var(--size);
  max-width: var(--size);
  max-height: var(--size);
  --svg: none;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-arrow-down {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zMiAxMS43NUwxNi45NjgzIDIzLjcxMDNMMi4wMDAxMSAxMS42NzA3IiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIvPg0KPC9zdmc+DQo=");
}

.icon-arrow-left {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMi41IDcuNzVMMTIuNSAxNy43NUwyMi41IDI3Ljc1IiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMi41Ii8+DQo8L3N2Zz4NCg==");
}

.icon-arrow-right {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMi42Mzc2IDdMMjIuNjM3NiAxN0wxMi42Mzc2IDI3IiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIvPg0KPC9zdmc+DQo=");
}

.icon-bag {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC45Mzc1IDExLjE4NTRWOS43NzA4MkMxMC45Mzc1IDYuNDg5NTcgMTMuNTc3MSAzLjI2NjY1IDE2Ljg1ODMgMi45NjA0QzE3Ljc3IDIuODcwODMgMTguNjkwNCAyLjk3MzEzIDE5LjU2MDIgMy4yNjA3M0MyMC40MyAzLjU0ODMyIDIxLjIyOTkgNC4wMTQ4NCAyMS45MDg1IDQuNjMwMjZDMjIuNTg3MSA1LjI0NTY4IDIzLjEyOTQgNS45OTYzNSAyMy41MDAzIDYuODMzOThDMjMuODcxMyA3LjY3MTYxIDI0LjA2MjggOC41Nzc2MyAyNC4wNjI1IDkuNDkzNzRWMTEuNTA2Mk0xMy4xMjUgMzIuMDgzM0gyMS44NzVDMjcuNzM3NSAzMi4wODMzIDI4Ljc4NzUgMjkuNzM1NCAyOS4wOTM3IDI2Ljg3NzFMMzAuMTg3NSAxOC4xMjcxQzMwLjU4MTIgMTQuNTY4NyAyOS41NjA0IDExLjY2NjcgMjMuMzMzMyAxMS42NjY3SDExLjY2NjdDNS40Mzk1OCAxMS42NjY3IDQuNDE4NzQgMTQuNTY4NyA0LjgxMjQ5IDE4LjEyNzFMNS45MDYyNCAyNi44NzcxQzYuMjEyNDkgMjkuNzM1NCA3LjI2MjQ5IDMyLjA4MzMgMTMuMTI1IDMyLjA4MzNaIiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik0yMi41OTczIDE3LjVIMjIuNjExOU0xMi4zODkgMTcuNUgxMi40MDA2IiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==");
}

.icon-basket {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yLjA0NTg3IDE1LjkyNjJDMS45ODkxNCAxNS42OTg4IDEuOTg0OTcgMTUuNDYxNCAyLjAzMzY4IDE1LjIzMjFDMi4wODIzOSAxNS4wMDI4IDIuMTgyNyAxNC43ODc2IDIuMzI2OTggMTQuNjAyOUMyLjQ3MTI3IDE0LjQxODEgMi42NTU3NSAxNC4yNjg3IDIuODY2NDIgMTQuMTY1OUMzLjA3NzA5IDE0LjA2MzEgMy4zMDg0MSAxNC4wMDk2IDMuNTQyODMgMTQuMDA5NUgzMC40NTcyQzMwLjY5MTYgMTQuMDA5NiAzMC45MjI5IDE0LjA2MzEgMzEuMTMzNiAxNC4xNjU5QzMxLjM0NDIgMTQuMjY4NyAzMS41Mjg3IDE0LjQxODEgMzEuNjczIDE0LjYwMjlDMzEuODE3MyAxNC43ODc2IDMxLjkxNzYgMTUuMDAyOCAzMS45NjYzIDE1LjIzMjFDMzIuMDE1IDE1LjQ2MTQgMzIuMDEwOSAxNS42OTg4IDMxLjk1NDEgMTUuOTI2MkwyOS4xNTkzIDI3LjEwNEMyOC45OTI0IDI3Ljc3MTggMjguNjA3MSAyOC4zNjQ2IDI4LjA2NDYgMjguNzg4MkMyNy41MjIyIDI5LjIxMTggMjYuODUzNyAyOS40NDIgMjYuMTY1NCAyOS40NDIxSDcuODM0NjJDNy4xNDYzNCAyOS40NDIgNi40Nzc4NCAyOS4yMTE4IDUuOTM1MzggMjguNzg4MkM1LjM5MjkyIDI4LjM2NDYgNS4wMDc2MSAyNy43NzE4IDQuODQwNyAyNy4xMDRMMi4wNDU4NyAxNS45Mjc4VjE1LjkyNjJaIiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTEyLjM3MDIgMjAuMTgyNVYyMy4yNjlNMjEuNjI5OCAyMC4xODI1VjIzLjI2OU03Ljc0MDQ4IDE0LjAwOTVMMTMuOTEzNSA0Ljc1TTI2LjI1OTUgMTQuMDA5NUwyMC4wODY1IDQuNzUiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjwvc3ZnPg0K");
}

.icon-catalog {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF82MDY3XzIzMjIpIj4NCjxwYXRoIGQ9Ik0yOS41IDBIN0M2LjMzNjk2IDAgNS43MDEwNyAwLjI2MzM5MiA1LjIzMjIzIDAuNzMyMjMzQzQuNzYzMzkgMS4yMDEwNyA0LjUgMS44MzY5NiA0LjUgMi41VjcuNUgyVjEwSDQuNVYxNi4yNUgyVjE4Ljc1SDQuNVYyNUgyVjI3LjVINC41VjMyLjVDNC41IDMzLjE2MyA0Ljc2MzM5IDMzLjc5ODkgNS4yMzIyMyAzNC4yNjc4QzUuNzAxMDcgMzQuNzM2NiA2LjMzNjk2IDM1IDcgMzVIMjkuNUMzMC4xNjMgMzUgMzAuNzk4OSAzNC43MzY2IDMxLjI2NzggMzQuMjY3OEMzMS43MzY2IDMzLjc5ODkgMzIgMzMuMTYzIDMyIDMyLjVWMi41QzMyIDEuODM2OTYgMzEuNzM2NiAxLjIwMTA3IDMxLjI2NzggMC43MzIyMzNDMzAuNzk4OSAwLjI2MzM5MiAzMC4xNjMgMCAyOS41IDBaTTI5LjUgMzIuNUg3VjI3LjVIOS41VjI1SDdWMTguNzVIOS41VjE2LjI1SDdWMTBIOS41VjcuNUg3VjIuNUgyOS41VjMyLjVaIiBmaWxsPSIjMjIyMjIyIi8+DQo8cGF0aCBkPSJNMTQuNSA3LjVIMjQuNVYxMEgxNC41VjcuNVpNMTQuNSAxNi4yNUgyNC41VjE4Ljc1SDE0LjVWMTYuMjVaTTE0LjUgMjVIMjQuNVYyNy41SDE0LjVWMjVaIiBmaWxsPSIjMjIyMjIyIi8+DQo8L2c+DQo8ZGVmcz4NCjxjbGlwUGF0aCBpZD0iY2xpcDBfNjA2N18yMzIyIj4NCjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzNSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIpIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=");
}

.icon-chat {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC43IDIwLjU1VjExLjI1SDVDMy4zNSAxMS4yNSAyIDEyLjYgMiAxNC4yNVYyMy4yNUMyIDI0LjkgMy4zNSAyNi4yNSA1IDI2LjI1SDYuNVYzMC43NUwxMSAyNi4yNUgxOC41QzIwLjE1IDI2LjI1IDIxLjUgMjQuOSAyMS41IDIzLjI1VjIwLjUyQzIxLjQwMTQgMjAuNTQxMiAyMS4zMDA4IDIwLjU1MTcgMjEuMiAyMC41NTE1SDEwLjdWMjAuNTVaTTI5IDMuNzVIMTUuNUMxMy44NSAzLjc1IDEyLjUgNS4xIDEyLjUgNi43NVYxOC43NUgyM0wyNy41IDIzLjI1VjE4Ljc1SDI5QzMwLjY1IDE4Ljc1IDMyIDE3LjQwMTUgMzIgMTUuNzVWNi43NUMzMiA1LjEgMzAuNjUgMy43NSAyOSAzLjc1WiIgZmlsbD0iIzIyMjIyMiIvPg0KPC9zdmc+DQo=");
}

.icon-check-mark {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik00IDE2LjkyNDJDOC4xODA2NiAyMS40NDc3IDEyLjIzNDIgMjUuNTE5OSAxNi4xMzA3IDMwLjY3MDNDMjAuMzY3IDIyLjI0NDUgMjQuNzAyOSAxMy43ODk1IDMxLjg1NzIgNC42MzMwMUwyOS45Mjk1IDMuNzVDMjMuODg4NSAxMC4xNTY2IDE5LjE5NTEgMTYuMjIxMSAxNS4xMTcgMjMuNDI4MUMxMi4yODExIDIwLjg3MzQgNy42OTc4NSAxNy4yNTgyIDQuODk5NDEgMTUuNDAwOEw0IDE2LjkyNDJaIiBmaWxsPSIjMjIyMjIyIi8+DQo8L3N2Zz4NCg==");
}

.icon-comparison {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNi43Mzk0IDQuNzVWMjkuNDI3NCIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiLz4NCjxwYXRoIGQ9Ik0yNC43NzkyIDUuNzE3NzdDMjQuNzc5MiA1LjcxNzc3IDE0LjQzNDcgOC45NjE3NiA3LjgwNjQ1IDExLjA0MDRNNy44MDY0NSAxMS4wNDA0QzUuNTM4ODkgMTUuMTk3NSAyIDIxLjY4NTUgMiAyMS42ODU1QzYuNjgwMTYgMjYuNjY2OSA5LjIyMzA0IDI2LjY3NTggMTMuNjEyOSAyMS42ODU1TDcuODA2NDUgMTEuNTI0MkM3LjgwNjQ1IDExLjUyNDIgNy44MDY0NSAxMS41MjQyIDcuODA2NDUgMTEuMDQwNFoiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8cGF0aCBkPSJNMTQuMDU5NyAyOS40Mjc0SDE5LjQxOTUiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCjxwYXRoIGQ9Ik0yNC43NDE5IDUuNzE3NzZMMjYuMTkzNSA1LjIzMzg5TTI2LjE5MzUgNS4yMzM4OUwyMC4zODcxIDE2Ljg0NjhDMjQuOTgyOSAyMS40MDE3IDI3LjUzNTcgMjEuNTgyNyAzMiAxNi44NDY4TDI2LjE5MzUgNS4yMzM4OVoiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8L3N2Zz4NCg==");
}

.icon-copy {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMS42NjY3IDUuODMzNDFWMjMuMzMzNEMxMS42NjY3IDI0LjEwNyAxMS45NzQgMjQuODQ4OCAxMi41MjEgMjUuMzk1OEMxMy4wNjc5IDI1Ljk0MjggMTMuODA5OCAyNi4yNTAxIDE0LjU4MzQgMjYuMjUwMUgyNi4yNUMyNy4wMjM2IDI2LjI1MDEgMjcuNzY1NCAyNS45NDI4IDI4LjMxMjQgMjUuMzk1OEMyOC44NTk0IDI0Ljg0ODggMjkuMTY2NyAyNC4xMDcgMjkuMTY2NyAyMy4zMzM0VjEwLjU2MTNDMjkuMTY2NiAxMC4xNzI4IDI5LjA4OSA5Ljc4ODE0IDI4LjkzODIgOS40MzAwMkMyOC43ODc0IDkuMDcxOSAyOC41NjY2IDguNzQ3NTIgMjguMjg4OCA4LjQ3NTkxTDIzLjQ1NDQgMy43NDhDMjIuOTA5NSAzLjIxNTIxIDIyLjE3NzcgMi45MTY4NCAyMS40MTU2IDIuOTE2NzVIMTQuNTgzNEMxMy44MDk4IDIuOTE2NzUgMTMuMDY3OSAzLjIyNDA0IDEyLjUyMSAzLjc3MTAyQzExLjk3NCA0LjMxOCAxMS42NjY3IDUuMDU5ODcgMTEuNjY2NyA1LjgzMzQxVjUuODMzNDFaIiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTIzLjMzMzMgMjYuMjVWMjkuMTY2N0MyMy4zMzMzIDI5Ljk0MDMgMjMuMDI2MSAzMC42ODIxIDIyLjQ3OTEgMzEuMjI5MUMyMS45MzIxIDMxLjc3NjEgMjEuMTkwMiAzMi4wODM0IDIwLjQxNjcgMzIuMDgzNEg4Ljc1MDAxQzcuOTc2NDYgMzIuMDgzNCA3LjIzNDYgMzEuNzc2MSA2LjY4NzYyIDMxLjIyOTFDNi4xNDA2MyAzMC42ODIxIDUuODMzMzQgMjkuOTQwMyA1LjgzMzM0IDI5LjE2NjdWMTMuMTI1QzUuODMzMzQgMTIuMzUxNSA2LjE0MDYzIDExLjYwOTYgNi42ODc2MiAxMS4wNjI2QzcuMjM0NiAxMC41MTU3IDcuOTc2NDYgMTAuMjA4NCA4Ljc1MDAxIDEwLjIwODRIMTEuNjY2NyIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K");
}

.icon-dots {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjUuMzUzNzciIGN5PSIxNy43ODc2IiByPSIyLjc4NzYxIiBmaWxsPSIjMjIyMjIyIi8+DQo8Y2lyY2xlIGN4PSIxNy41NjYyIiBjeT0iMTcuNzg3NiIgcj0iMi43ODc2MSIgZmlsbD0iIzIyMjIyMiIvPg0KPGNpcmNsZSBjeD0iMjkuNzc4NSIgY3k9IjE3Ljc4NzYiIHI9IjIuNzg3NjEiIGZpbGw9IiMyMjIyMjIiLz4NCjwvc3ZnPg0K");
}

.icon-element-plus {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zMi4wODM0IDEyLjA2MDRWNi4xNjg3MUMzMi4wODM0IDMuODQ5OTYgMzEuMTUgMi45MTY2MyAyOC44MzEzIDIuOTE2NjNIMjIuOTM5NkMyMC42MjA5IDIuOTE2NjMgMTkuNjg3NSAzLjg0OTk2IDE5LjY4NzUgNi4xNjg3MVYxMi4wNjA0QzE5LjY4NzUgMTQuMzc5MSAyMC42MjA5IDE1LjMxMjUgMjIuOTM5NiAxNS4zMTI1SDI4LjgzMTNDMzEuMTUgMTUuMzEyNSAzMi4wODM0IDE0LjM3OTEgMzIuMDgzNCAxMi4wNjA0Wk0xNS4zMTI1IDEyLjQyNVY1LjgwNDEzQzE1LjMxMjUgMy43NDc4OCAxNC4zNzkyIDIuOTE2NjMgMTIuMDYwNCAyLjkxNjYzSDYuMTY4NzdDMy44NTAwMiAyLjkxNjYzIDIuOTE2NjkgMy43NDc4OCAyLjkxNjY5IDUuODA0MTNWMTIuNDEwNEMyLjkxNjY5IDE0LjQ4MTIgMy44NTAwMiAxNS4yOTc5IDYuMTY4NzcgMTUuMjk3OUgxMi4wNjA0QzE0LjM3OTIgMTUuMzEyNSAxNS4zMTI1IDE0LjQ4MTIgMTUuMzEyNSAxMi40MjVaTTE1LjMxMjUgMjguODMxMlYyMi45Mzk1QzE1LjMxMjUgMjAuNjIwOCAxNC4zNzkyIDE5LjY4NzUgMTIuMDYwNCAxOS42ODc1SDYuMTY4NzdDMy44NTAwMiAxOS42ODc1IDIuOTE2NjkgMjAuNjIwOCAyLjkxNjY5IDIyLjkzOTVWMjguODMxMkMyLjkxNjY5IDMxLjE1IDMuODUwMDIgMzIuMDgzMyA2LjE2ODc3IDMyLjA4MzNIMTIuMDYwNEMxNC4zNzkyIDMyLjA4MzMgMTUuMzEyNSAzMS4xNSAxNS4zMTI1IDI4LjgzMTJaIiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik0yMS4xNDU4IDI1LjUyMDlIMjkuODk1OE0yNS41MjA4IDI5Ljg5NTlWMjEuMTQ1OSIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQo8L3N2Zz4NCg==");
}

.icon-filter {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMy4xMjUgNy4yOTE3QzEyLjczODIgNy4yOTE3IDEyLjM2NzMgNy40NDUzNSAxMi4wOTM4IDcuNzE4ODRDMTEuODIwMyA3Ljk5MjMzIDExLjY2NjcgOC4zNjMyNiAxMS42NjY3IDguNzUwMDNDMTEuNjY2NyA5LjEzNjgxIDExLjgyMDMgOS41MDc3NCAxMi4wOTM4IDkuNzgxMjNDMTIuMzY3MyAxMC4wNTQ3IDEyLjczODIgMTAuMjA4NCAxMy4xMjUgMTAuMjA4NEMxMy41MTE4IDEwLjIwODQgMTMuODgyNyAxMC4wNTQ3IDE0LjE1NjIgOS43ODEyM0MxNC40Mjk3IDkuNTA3NzQgMTQuNTgzMyA5LjEzNjgxIDE0LjU4MzMgOC43NTAwM0MxNC41ODMzIDguMzYzMjYgMTQuNDI5NyA3Ljk5MjMzIDE0LjE1NjIgNy43MTg4NEMxMy44ODI3IDcuNDQ1MzUgMTMuNTExOCA3LjI5MTcgMTMuMTI1IDcuMjkxN1pNOC45OTc5MyA3LjI5MTdDOS4yOTkyMiA2LjQzNzggOS44NTc5NiA1LjY5ODM3IDEwLjU5NzEgNS4xNzUzNUMxMS4zMzYzIDQuNjUyMzMgMTIuMjE5NSA0LjM3MTQ2IDEzLjEyNSA0LjM3MTQ2QzE0LjAzMDUgNC4zNzE0NiAxNC45MTM3IDQuNjUyMzMgMTUuNjUyOSA1LjE3NTM1QzE2LjM5MjEgNS42OTgzNyAxNi45NTA4IDYuNDM3OCAxNy4yNTIxIDcuMjkxN0gyNy43MDgzQzI4LjA5NTEgNy4yOTE3IDI4LjQ2NjEgNy40NDUzNSAyOC43Mzk1IDcuNzE4ODRDMjkuMDEzIDcuOTkyMzMgMjkuMTY2NyA4LjM2MzI2IDI5LjE2NjcgOC43NTAwM0MyOS4xNjY3IDkuMTM2ODEgMjkuMDEzIDkuNTA3NzQgMjguNzM5NSA5Ljc4MTIzQzI4LjQ2NjEgMTAuMDU0NyAyOC4wOTUxIDEwLjIwODQgMjcuNzA4MyAxMC4yMDg0SDE3LjI1MjFDMTYuOTUwOCAxMS4wNjIzIDE2LjM5MjEgMTEuODAxNyAxNS42NTI5IDEyLjMyNDdDMTQuOTEzNyAxMi44NDc3IDE0LjAzMDUgMTMuMTI4NiAxMy4xMjUgMTMuMTI4NkMxMi4yMTk1IDEzLjEyODYgMTEuMzM2MyAxMi44NDc3IDEwLjU5NzEgMTIuMzI0N0M5Ljg1Nzk2IDExLjgwMTcgOS4yOTkyMiAxMS4wNjIzIDguOTk3OTMgMTAuMjA4NEg3LjI5MTY4QzYuOTA0OSAxMC4yMDg0IDYuNTMzOTcgMTAuMDU0NyA2LjI2MDQ4IDkuNzgxMjNDNS45ODY5OSA5LjUwNzc0IDUuODMzMzQgOS4xMzY4MSA1LjgzMzM0IDguNzUwMDNDNS44MzMzNCA4LjM2MzI2IDUuOTg2OTkgNy45OTIzMyA2LjI2MDQ4IDcuNzE4ODRDNi41MzM5NyA3LjQ0NTM1IDYuOTA0OSA3LjI5MTcgNy4yOTE2OCA3LjI5MTdIOC45OTc5M1pNMjEuODc1IDE2LjA0MTdDMjEuNDg4MiAxNi4wNDE3IDIxLjExNzMgMTYuMTk1MyAyMC44NDM4IDE2LjQ2ODhDMjAuNTcwMyAxNi43NDIzIDIwLjQxNjcgMTcuMTEzMyAyMC40MTY3IDE3LjVDMjAuNDE2NyAxNy44ODY4IDIwLjU3MDMgMTguMjU3NyAyMC44NDM4IDE4LjUzMTJDMjEuMTE3MyAxOC44MDQ3IDIxLjQ4ODIgMTguOTU4NCAyMS44NzUgMTguOTU4NEMyMi4yNjE4IDE4Ljk1ODQgMjIuNjMyNyAxOC44MDQ3IDIyLjkwNjIgMTguNTMxMkMyMy4xNzk3IDE4LjI1NzcgMjMuMzMzMyAxNy44ODY4IDIzLjMzMzMgMTcuNUMyMy4zMzMzIDE3LjExMzMgMjMuMTc5NyAxNi43NDIzIDIyLjkwNjIgMTYuNDY4OEMyMi42MzI3IDE2LjE5NTMgMjIuMjYxOCAxNi4wNDE3IDIxLjg3NSAxNi4wNDE3Wk0xNy43NDc5IDE2LjA0MTdDMTguMDQ5MiAxNS4xODc4IDE4LjYwOCAxNC40NDg0IDE5LjM0NzEgMTMuOTI1NEMyMC4wODYzIDEzLjQwMjMgMjAuOTY5NSAxMy4xMjE1IDIxLjg3NSAxMy4xMjE1QzIyLjc4MDUgMTMuMTIxNSAyMy42NjM3IDEzLjQwMjMgMjQuNDAyOSAxMy45MjU0QzI1LjE0MjEgMTQuNDQ4NCAyNS43MDA4IDE1LjE4NzggMjYuMDAyMSAxNi4wNDE3SDI3LjcwODNDMjguMDk1MSAxNi4wNDE3IDI4LjQ2NjEgMTYuMTk1MyAyOC43Mzk1IDE2LjQ2ODhDMjkuMDEzIDE2Ljc0MjMgMjkuMTY2NyAxNy4xMTMzIDI5LjE2NjcgMTcuNUMyOS4xNjY3IDE3Ljg4NjggMjkuMDEzIDE4LjI1NzcgMjguNzM5NSAxOC41MzEyQzI4LjQ2NjEgMTguODA0NyAyOC4wOTUxIDE4Ljk1ODQgMjcuNzA4MyAxOC45NTg0SDI2LjAwMjFDMjUuNzAwOCAxOS44MTIzIDI1LjE0MjEgMjAuNTUxNyAyNC40MDI5IDIxLjA3NDdDMjMuNjYzNyAyMS41OTc3IDIyLjc4MDUgMjEuODc4NiAyMS44NzUgMjEuODc4NkMyMC45Njk1IDIxLjg3ODYgMjAuMDg2MyAyMS41OTc3IDE5LjM0NzEgMjEuMDc0N0MxOC42MDggMjAuNTUxNyAxOC4wNDkyIDE5LjgxMjMgMTcuNzQ3OSAxOC45NTg0SDcuMjkxNjhDNi45MDQ5IDE4Ljk1ODQgNi41MzM5NyAxOC44MDQ3IDYuMjYwNDggMTguNTMxMkM1Ljk4Njk5IDE4LjI1NzcgNS44MzMzNCAxNy44ODY4IDUuODMzMzQgMTcuNUM1LjgzMzM0IDE3LjExMzMgNS45ODY5OSAxNi43NDIzIDYuMjYwNDggMTYuNDY4OEM2LjUzMzk3IDE2LjE5NTMgNi45MDQ5IDE2LjA0MTcgNy4yOTE2OCAxNi4wNDE3SDE3Ljc0NzlaTTEzLjEyNSAyNC43OTE3QzEyLjczODIgMjQuNzkxNyAxMi4zNjczIDI0Ljk0NTMgMTIuMDkzOCAyNS4yMTg4QzExLjgyMDMgMjUuNDkyMyAxMS42NjY3IDI1Ljg2MzMgMTEuNjY2NyAyNi4yNUMxMS42NjY3IDI2LjYzNjggMTEuODIwMyAyNy4wMDc3IDEyLjA5MzggMjcuMjgxMkMxMi4zNjczIDI3LjU1NDcgMTIuNzM4MiAyNy43MDg0IDEzLjEyNSAyNy43MDg0QzEzLjUxMTggMjcuNzA4NCAxMy44ODI3IDI3LjU1NDcgMTQuMTU2MiAyNy4yODEyQzE0LjQyOTcgMjcuMDA3NyAxNC41ODMzIDI2LjYzNjggMTQuNTgzMyAyNi4yNUMxNC41ODMzIDI1Ljg2MzMgMTQuNDI5NyAyNS40OTIzIDE0LjE1NjIgMjUuMjE4OEMxMy44ODI3IDI0Ljk0NTMgMTMuNTExOCAyNC43OTE3IDEzLjEyNSAyNC43OTE3Wk04Ljk5NzkzIDI0Ljc5MTdDOS4yOTkyMiAyMy45Mzc4IDkuODU3OTYgMjMuMTk4NCAxMC41OTcxIDIyLjY3NTNDMTEuMzM2MyAyMi4xNTIzIDEyLjIxOTUgMjEuODcxNSAxMy4xMjUgMjEuODcxNUMxNC4wMzA1IDIxLjg3MTUgMTQuOTEzNyAyMi4xNTIzIDE1LjY1MjkgMjIuNjc1M0MxNi4zOTIxIDIzLjE5ODQgMTYuOTUwOCAyMy45Mzc4IDE3LjI1MjEgMjQuNzkxN0gyNy43MDgzQzI4LjA5NTEgMjQuNzkxNyAyOC40NjYxIDI0Ljk0NTMgMjguNzM5NSAyNS4yMTg4QzI5LjAxMyAyNS40OTIzIDI5LjE2NjcgMjUuODYzMyAyOS4xNjY3IDI2LjI1QzI5LjE2NjcgMjYuNjM2OCAyOS4wMTMgMjcuMDA3NyAyOC43Mzk1IDI3LjI4MTJDMjguNDY2MSAyNy41NTQ3IDI4LjA5NTEgMjcuNzA4NCAyNy43MDgzIDI3LjcwODRIMTcuMjUyMUMxNi45NTA4IDI4LjU2MjMgMTYuMzkyMSAyOS4zMDE3IDE1LjY1MjkgMjkuODI0N0MxNC45MTM3IDMwLjM0NzcgMTQuMDMwNSAzMC42Mjg2IDEzLjEyNSAzMC42Mjg2QzEyLjIxOTUgMzAuNjI4NiAxMS4zMzYzIDMwLjM0NzcgMTAuNTk3MSAyOS44MjQ3QzkuODU3OTYgMjkuMzAxNyA5LjI5OTIyIDI4LjU2MjMgOC45OTc5MyAyNy43MDg0SDcuMjkxNjhDNi45MDQ5IDI3LjcwODQgNi41MzM5NyAyNy41NTQ3IDYuMjYwNDggMjcuMjgxMkM1Ljk4Njk5IDI3LjAwNzcgNS44MzMzNCAyNi42MzY4IDUuODMzMzQgMjYuMjVDNS44MzMzNCAyNS44NjMzIDUuOTg2OTkgMjUuNDkyMyA2LjI2MDQ4IDI1LjIxODhDNi41MzM5NyAyNC45NDUzIDYuOTA0OSAyNC43OTE3IDcuMjkxNjggMjQuNzkxN0g4Ljk5NzkzWiIgZmlsbD0iIzIyMjIyMiIvPg0KPC9zdmc+DQo=");
}

.icon-handsnake {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNC43NTk0IDkuMDI2OTVMMTIuMzY0MSAxMS4zMjI1QzExLjY0NjkgMTEuNTExMSAxMC45ODEzIDExLjg1NyAxMC40MTg4IDEyLjMzMzJMOS4xNzE4OCAxMy4zOTc5QzguNjkzNzUgMTMuODA2NiA4LjA3MDMxIDE0LjAzMTMgNy40MjgxMyAxNC4wMzEzSDYuNVYxOS43ODEzQzcuNDU2MjUgMTkuODA4MiA4LjM2NTYzIDIwLjE4MTEgOS4wNDUzMSAyMC44MzI0TDEwLjcxNDEgMjIuNDMxNkwxMS4wNDIyIDIyLjc0NjFMMTIuMzA3OCAyMy45NTlDMTIuNTk4NCAyNC4yMzc1IDEzLjA3NjYgMjQuMjM3NSAxMy4zNjcyIDIzLjk1OUMxMy40NDY5IDIzLjg4MjYgMTMuNTA3OCAyMy43OTI4IDEzLjU0MDYgMjMuNjk4NEMxMy42NzE5IDIzLjM1MjUgMTMuOTc2NiAyMy4wOTIgMTQuMzUxNiAyMy4wMTExQzE0LjcyNjYgMjIuOTMwMyAxNS4xMjAzIDIzLjAzODEgMTUuMzkyMiAyMy4zMDMxTDE1Ljg5ODQgMjMuNzc5M0MxNi40NDIyIDI0LjMwMDQgMTcuMzIzNCAyNC4zMDA0IDE3Ljg2MjUgMjMuNzc5M0MxOC4xMTU2IDIzLjUzNjcgMTguMjUxNiAyMy4yMjY4IDE4LjI2NTYgMjIuOTA3OEMxOC4yODQ0IDIyLjUxMjUgMTguNTI4MSAyMi4xNjIxIDE4LjkwMzEgMjEuOTkxNEMxOS4yNzgxIDIxLjgyMDcgMTkuNzE0MSAyMS44NTY2IDIwLjA0NjkgMjIuMDg1N0MyMC40ODc1IDIyLjM4NjcgMjEuMTAxNiAyMi4zNDYzIDIxLjQ5NTMgMjEuOTY4OUMyMS45MzU5IDIxLjU0NjcgMjEuOTM1OSAyMC44NjM5IDIxLjQ5NTMgMjAuNDQ2MUwxNy45NDIyIDE3LjA0MUwxNi4yNjQxIDE4LjUyMzRDMTQuOTg0NCAxOS42NTU1IDEzLjAyMDMgMTkuNjczNCAxMS43MTcyIDE4LjU2MzlDMTAuMjMxMiAxNy4yOTcxIDEwLjE5ODQgMTUuMDg2OSAxMS42NDIyIDEzLjc3OTdMMTQuOTI4MSAxMC44MDU5QzE2LjIxMjUgOS42NDY4NyAxNy45MDk0IDkgMTkuNjc2NiA5QzIxLjM2ODcgOSAyMy4wMDQ3IDkuNTk3NDYgMjQuMjY1NiAxMC42NzExTDI1LjY3NjYgMTEuODc1SDMxLjI1QzMxLjY2MjUgMTEuODc1IDMyIDEyLjE5ODQgMzIgMTIuNTkzOFYyMS45Mzc1QzMyIDIyLjczMjYgMzEuMzI5NyAyMy4zNzUgMzAuNSAyMy4zNzVIMjlDMjguNDQ2OSAyMy4zNzUgMjcuOTU5NCAyMy4wODc1IDI3LjcwMTYgMjIuNjU2M0gyMy43MjE5QzIzLjU2MjUgMjIuOTU3MiAyMy4zNTE2IDIzLjI0NDcgMjMuMDg5MSAyMy40OTYzQzIyLjI4NzUgMjQuMjY0NSAyMS4xNzY2IDI0LjU2NTQgMjAuMTM1OSAyNC4zOTkyQzE5Ljk2NzIgMjQuNzI3MSAxOS43Mzc1IDI1LjAzMjYgMTkuNDUxNiAyNS4zMDY2QzE4LjE3MTkgMjYuNTMzIDE2LjE3MDMgMjYuNjU0MyAxNC43NDUzIDI1LjY3MDVDMTMuNTY4NyAyNi42MDQ5IDExLjgxNTYgMjYuNTQ2NSAxMC43MTQxIDI1LjQ4NjNMOS40NTMxMiAyNC4yNzM0TDkuMTI1IDIzLjk1OUw3LjQ1NjI1IDIyLjM1OThDNy4xOTg0NCAyMi4xMTI3IDYuODYwOTQgMjEuOTY4OSA2LjUgMjEuOTQyQzYuNSAyMi43MzI2IDUuODI1IDIzLjM3NSA1IDIzLjM3NUgzLjVDMi42NzAzMSAyMy4zNzUgMiAyMi43MzI2IDIgMjEuOTM3NVYxMi41OTM4QzIgMTIuMTk4NCAyLjMzNzUgMTEuODc1IDIuNzUgMTEuODc1SDcuNDI4MTNDNy41MjE4OCAxMS44NzUgNy42MTA5NCAxMS44NDM2IDcuNjc2NTYgMTEuNzg1Mkw4LjkxODc1IDEwLjcyNUMxMC4yMjY2IDkuNjE1NDMgMTEuOTA5NCA5IDEzLjY1NzggOUgxNC4xNDA2QzE0LjM0NjkgOSAxNC41NTc4IDkuMDA4OTggMTQuNzU5NCA5LjAyNjk1Wk0yNy41IDIwLjVWMTQuMDMxM0gyNS4yNUMyNC45NzM0IDE0LjAzMTMgMjQuNzA2MyAxMy45MzI0IDI0LjUwNDcgMTMuNzU3MkwyMi43NzUgMTIuMjgzOEMyMS45MjE5IDExLjU1NjEgMjAuODIwMyAxMS4xNTYzIDE5LjY3NjYgMTEuMTU2M0MxOC40ODU5IDExLjE1NjMgMTcuMzQyMiAxMS41OTIgMTYuNDc1IDEyLjM3MzZMMTMuMTg5MSAxNS4zNDc1QzEyLjcwNjMgMTUuNzg3NyAxMi43MTU2IDE2LjUyODkgMTMuMjEyNSAxNi45NTEyQzEzLjY0ODQgMTcuMzI0IDE0LjMwOTQgMTcuMzE1IDE0LjczNTkgMTYuOTM3N0wxOC4xMDYzIDEzLjk1NDlDMTguNTYwOSAxMy41NTA2IDE5LjI3MzQgMTMuNTc3NSAxOS42OTUzIDE0LjAxNzhDMjAuMTE3MiAxNC40NTggMjAuMDg5MSAxNS4xMzYzIDE5LjYyOTcgMTUuNTQwNkwxOS41OTIyIDE1LjU3NjZMMjMuMDc5NyAxOC45MTg3QzIzLjU0ODQgMTkuMzY4IDIzLjg1MzEgMTkuOTIwNSAyMy45ODkxIDIwLjQ5NTVIMjcuNVYyMC41Wk01IDIxLjIxODhDNSAyMS4wMjgxIDQuOTIwOTggMjAuODQ1MyA0Ljc4MDMzIDIwLjcxMDVDNC42Mzk2OCAyMC41NzU3IDQuNDQ4OTEgMjAuNSA0LjI1IDIwLjVDNC4wNTEwOSAyMC41IDMuODYwMzIgMjAuNTc1NyAzLjcxOTY3IDIwLjcxMDVDMy41NzkwMiAyMC44NDUzIDMuNSAyMS4wMjgxIDMuNSAyMS4yMTg4QzMuNSAyMS40MDk0IDMuNTc5MDIgMjEuNTkyMiAzLjcxOTY3IDIxLjcyN0MzLjg2MDMyIDIxLjg2MTggNC4wNTEwOSAyMS45Mzc1IDQuMjUgMjEuOTM3NUM0LjQ0ODkxIDIxLjkzNzUgNC42Mzk2OCAyMS44NjE4IDQuNzgwMzMgMjEuNzI3QzQuOTIwOTggMjEuNTkyMiA1IDIxLjQwOTQgNSAyMS4yMTg4Wk0yOS43NSAyMS45Mzc1QzI5Ljk0ODkgMjEuOTM3NSAzMC4xMzk3IDIxLjg2MTggMzAuMjgwMyAyMS43MjdDMzAuNDIxIDIxLjU5MjIgMzAuNSAyMS40MDk0IDMwLjUgMjEuMjE4OEMzMC41IDIxLjAyODEgMzAuNDIxIDIwLjg0NTMgMzAuMjgwMyAyMC43MTA1QzMwLjEzOTcgMjAuNTc1NyAyOS45NDg5IDIwLjUgMjkuNzUgMjAuNUMyOS41NTExIDIwLjUgMjkuMzYwMyAyMC41NzU3IDI5LjIxOTcgMjAuNzEwNUMyOS4wNzkgMjAuODQ1MyAyOSAyMS4wMjgxIDI5IDIxLjIxODhDMjkgMjEuNDA5NCAyOS4wNzkgMjEuNTkyMiAyOS4yMTk3IDIxLjcyN0MyOS4zNjAzIDIxLjg2MTggMjkuNTUxMSAyMS45Mzc1IDI5Ljc1IDIxLjkzNzVaIiBmaWxsPSIjMjIyMjIyIi8+DQo8L3N2Zz4NCg==");
}

.icon-heart-fill {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOC40ODkzIDMwLjgzQzE3Ljk5MzQgMzEuMDA1MSAxNy4xNzY2IDMxLjAwNTEgMTYuNjgwNyAzMC44M0MxMi40NTExIDI5LjM4NjEgMyAyMy4zNjI1IDMgMTMuMTUzQzMgOC42NDYyNSA2LjYzMTY2IDUgMTEuMTA5MyA1QzEzLjc2MzcgNSAxNi4xMTE5IDYuMjgzNDggMTcuNTg1IDguMjY3MDRDMTguMzM0MyA3LjI1NDY2IDE5LjMxMDQgNi40MzE4NSAyMC40MzQ5IDUuODY0NTJDMjEuNTU5NCA1LjI5NzE5IDIyLjgwMTIgNS4wMDExMSAyNC4wNjA3IDVDMjguNTM4MyA1IDMyLjE3IDguNjQ2MjUgMzIuMTcgMTMuMTUzQzMyLjE3IDIzLjM2MjUgMjIuNzE4OSAyOS4zODYxIDE4LjQ4OTMgMzAuODNaIiBmaWxsPSIjMjIyMjIyIiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==");
}

.icon-heart-tick {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNiAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMyLjU4MzIgMjUuMDgzNEMzMi41ODMyIDI2LjM5NTkgMzIuMjE4NiAyNy42MzU1IDMxLjU2MjQgMjguNjg1NUMzMC45NDU5IDI5LjcyMTcgMzAuMDcwNSAzMC41Nzk3IDI5LjAyMjMgMzEuMTc1NEMyNy45NzQgMzEuNzcxMSAyNi43ODg5IDMyLjA4NCAyNS41ODMyIDMyLjA4MzRDMjMuMDMxMSAzMi4wODM0IDIwLjc5OTkgMzAuNzEyNiAxOS42MDQgMjguNjg1NUMxOC45NjI0IDI3LjYzNTUgMTguNTgzMiAyNi4zOTU5IDE4LjU4MzIgMjUuMDgzNEMxOC42MjA2IDIzLjI1MTYgMTkuMzc0NSAyMS41MDc1IDIwLjY4MzIgMjAuMjI1M0MyMS45OTE5IDE4Ljk0MyAyMy43NTEgMTguMjI0OSAyNS41ODMyIDE4LjIyNDlDMjcuNDE1MyAxOC4yMjQ5IDI5LjE3NDUgMTguOTQzIDMwLjQ4MzIgMjAuMjI1M0MzMS43OTE5IDIxLjUwNzUgMzIuNTQ1OCAyMy4yNTE2IDMyLjU4MzIgMjUuMDgzNFoiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjIuODU2NCAyNS4wODM0TDI0LjU3NzIgMjYuODA0MkwyOC4zMTA1IDIzLjM2MjUiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMyLjU4MzMgMTIuNjczQzMyLjU4MzMgMTUuNTQ1OSAzMS44Mzk2IDE4LjA4MzQgMzAuNjcyOSAyMC4yODU1QzMwLjAxOTYgMTkuNTkwNyAyOS4yMzExIDE5LjAzNjkgMjguMzU1OCAxOC42NTgyQzI3LjQ4MDUgMTguMjc5NSAyNi41MzcgMTguMDgzOSAyNS41ODMzIDE4LjA4MzRDMjEuNzE4NyAxOC4wODM0IDE4LjU4MzMgMjEuMjE4OCAxOC41ODMzIDI1LjA4MzRDMTguNTgzMyAyNi44NzcxIDE5LjI2ODcgMjguNTEwNSAyMC4zNzcxIDI5Ljc1QzE5LjgzNzUgMjkuOTk4IDE5LjM0MTcgMzAuMjAyMSAxOC45MDQyIDMwLjM0OEMxOC40MDgzIDMwLjUyMyAxNy41OTE3IDMwLjUyMyAxNy4wOTU4IDMwLjM0OEMxMi44NjY3IDI4LjkwNDIgMy40MTY2NiAyMi44ODEzIDMuNDE2NjYgMTIuNjczQzMuNDE2NjYgOC4xNjY3MSA3LjA0NzkxIDQuNTIwODcgMTEuNTI1IDQuNTIwODdDMTQuMTY0NiA0LjUyMDg3IDE2LjUyNzEgNS44MDQyMSAxOCA3Ljc3Mjk2QzE4Ljc1MjMgNi43NjQ5OCAxOS43MjkyIDUuOTQ2MjQgMjAuODUzMiA1LjM4MTcyQzIxLjk3NzEgNC44MTcyIDIzLjIxNzIgNC41MjI0NiAyNC40NzUgNC41MjA4N0MyOC45NTIxIDQuNTIwODcgMzIuNTgzMyA4LjE2NjcxIDMyLjU4MzMgMTIuNjczWiIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.icon-heart {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC45Mzc1IDUuODMzMzhDNi41MDc4IDUuODMzMzggMi45MTY2NiA5LjQyNDUyIDIuOTE2NjYgMTMuODU0MkMyLjkxNjY2IDIxLjg3NSAxMi4zOTU4IDI5LjE2NjcgMTcuNSAzMC44NjI4QzIyLjYwNDIgMjkuMTY2NyAzMi4wODMzIDIxLjg3NSAzMi4wODMzIDEzLjg1NDJDMzIuMDgzMyA5LjQyNDUyIDI4LjQ5MjIgNS44MzMzOCAyNC4wNjI1IDUuODMzMzhDMjEuMzUgNS44MzMzOCAxOC45NTEgNy4xODAxNSAxNy41IDkuMjQxNUMxNi43NjA0IDguMTg4IDE1Ljc3NzggNy4zMjgyMyAxNC42MzU1IDYuNzM0OThDMTMuNDkzMSA2LjE0MTczIDEyLjIyNDcgNS44MzI0NyAxMC45Mzc1IDUuODMzMzhaIiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==");
}

.icon-home {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF82MDA0XzM0MDgpIj4NCjxwYXRoIGQ9Ik0zMi43NzM2IDE2LjgwOThMMTguMTkwMyAyLjIyNjQ0QzE4LjAwODEgMi4wNDUzNiAxNy43NjE3IDEuOTQzNzMgMTcuNTA0OCAxLjk0MzczQzE3LjI0OCAxLjk0MzczIDE3LjAwMTYgMi4wNDUzNiAxNi44MTk0IDIuMjI2NDRMMi4yMzYxIDE2LjgwOThDMi4wNzY4MiAxNi45OTU4IDEuOTkzNTkgMTcuMjM1IDIuMDAzMDQgMTcuNDc5N0MyLjAxMjUgMTcuNzI0NCAyLjExMzkzIDE3Ljk1NjUgMi4yODcwOCAxOC4xMjk2QzIuNDYwMjIgMTguMzAyOCAyLjY5MjMzIDE4LjQwNDIgMi45MzcwMiAxOC40MTM3QzMuMTgxNyAxOC40MjMxIDMuNDIwOTQgMTguMzM5OSAzLjYwNjkzIDE4LjE4MDZMMTcuNSA0LjI4NzU1TDMxLjM5MyAxOC4xOTAzQzMxLjU3OSAxOC4zNDk2IDMxLjgxODMgMTguNDMyOCAzMi4wNjMgMTguNDIzNEMzMi4zMDc2IDE4LjQxMzkgMzIuNTM5NyAxOC4zMTI1IDMyLjcxMjkgMTguMTM5M0MzMi44ODYgMTcuOTY2MiAzMi45ODc1IDE3LjczNDEgMzIuOTk2OSAxNy40ODk0QzMzLjAwNjQgMTcuMjQ0NyAzMi45MjMyIDE3LjAwNTUgMzIuNzYzOSAxNi44MTk1TDMyLjc3MzYgMTYuODA5OFoiIGZpbGw9IiMyMjIyMjIiLz4NCjxwYXRoIGQ9Ik0yNy4yMjIyIDMxLjExMTJIMjIuMzYxMVYyMS4zODg5SDEyLjYzODlWMzEuMTExMkg3Ljc3Nzc2VjE3LjUwMDFMNS44MzMzMSAxOS40NDQ1VjMxLjExMTJDNS44MzMzMSAzMS42MjY5IDYuMDM4MTcgMzIuMTIxNCA2LjQwMjgzIDMyLjQ4NjFDNi43Njc0OCAzMi44NTA4IDcuMjYyMDYgMzMuMDU1NiA3Ljc3Nzc2IDMzLjA1NTZIMTQuNTgzM1YyMy4zMzM0SDIwLjQxNjZWMzMuMDU1NkgyNy4yMjIyQzI3LjczNzkgMzMuMDU1NiAyOC4yMzI1IDMyLjg1MDggMjguNTk3MSAzMi40ODYxQzI4Ljk2MTggMzIuMTIxNCAyOS4xNjY2IDMxLjYyNjkgMjkuMTY2NiAzMS4xMTEyVjE5LjIxMTJMMjcuMjIyMiAxNy4yNjY3VjMxLjExMTJaIiBmaWxsPSIjMjIyMjIyIi8+DQo8L2c+DQo8ZGVmcz4NCjxjbGlwUGF0aCBpZD0iY2xpcDBfNjAwNF8zNDA4Ij4NCjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIzNSIgZmlsbD0id2hpdGUiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==");
}

.icon-image {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi4xMjUgN0MyLjEyNSA1LjY3MzkyIDIuNjUxNzggNC40MDIxNSAzLjU4OTQ3IDMuNDY0NDdDNC41MjcxNSAyLjUyNjc4IDUuNzk4OTIgMiA3LjEyNSAySDI3LjEyNUMyOC40NTExIDIgMjkuNzIyOSAyLjUyNjc4IDMwLjY2MDUgMy40NjQ0N0MzMS41OTgyIDQuNDAyMTUgMzIuMTI1IDUuNjczOTIgMzIuMTI1IDdWMjdDMzIuMTI1IDI4LjMyNjEgMzEuNTk4MiAyOS41OTc5IDMwLjY2MDUgMzAuNTM1NUMyOS43MjI5IDMxLjQ3MzIgMjguNDUxMSAzMiAyNy4xMjUgMzJINy4xMjVDNS43OTg5MiAzMiA0LjUyNzE1IDMxLjQ3MzIgMy41ODk0NyAzMC41MzU1QzIuNjUxNzggMjkuNTk3OSAyLjEyNSAyOC4zMjYxIDIuMTI1IDI3VjdaTTI4LjM3NSAyMS4yNjc1QzI4LjM3NDkgMjAuOTM2NiAyOC4yNDM3IDIwLjYxOTMgMjguMDEgMjAuMzg1TDI1LjUxIDE3Ljg4NUMyNS4zOTM5IDE3Ljc2ODYgMjUuMjU1OSAxNy42NzYyIDI1LjEwNDEgMTcuNjEzMkMyNC45NTIyIDE3LjU1MDIgMjQuNzg5NCAxNy41MTc4IDI0LjYyNSAxNy41MTc4QzI0LjQ2MDYgMTcuNTE3OCAyNC4yOTc4IDE3LjU1MDIgMjQuMTQ1OSAxNy42MTMyQzIzLjk5NDEgMTcuNjc2MiAyMy44NTYxIDE3Ljc2ODYgMjMuNzQgMTcuODg1TDIwLjUxIDIxLjExNUMyMC4zOTM5IDIxLjIzMTQgMjAuMjU1OSAyMS4zMjM4IDIwLjEwNDEgMjEuMzg2OEMxOS45NTIyIDIxLjQ0OTggMTkuNzg5NCAyMS40ODIyIDE5LjYyNSAyMS40ODIyQzE5LjQ2MDYgMjEuNDgyMiAxOS4yOTc4IDIxLjQ0OTggMTkuMTQ1OSAyMS4zODY4QzE4Ljk5NDEgMjEuMzIzOCAxOC44NTYxIDIxLjIzMTQgMTguNzQgMjEuMTE1TDEzLjAxIDE1LjM4NUMxMi44OTM5IDE1LjI2ODYgMTIuNzU1OSAxNS4xNzYyIDEyLjYwNDEgMTUuMTEzMkMxMi40NTIyIDE1LjA1MDIgMTIuMjg5NCAxNS4wMTc4IDEyLjEyNSAxNS4wMTc4QzExLjk2MDYgMTUuMDE3OCAxMS43OTc4IDE1LjA1MDIgMTEuNjQ1OSAxNS4xMTMyQzExLjQ5NDEgMTUuMTc2MiAxMS4zNTYxIDE1LjI2ODYgMTEuMjQgMTUuMzg1TDYuMjQgMjAuMzg1QzYuMDA2MzMgMjAuNjE5MyA1Ljg3NTA3IDIwLjkzNjYgNS44NzUgMjEuMjY3NVYyN0M1Ljg3NSAyNy4zMzE1IDYuMDA2NyAyNy42NDk1IDYuMjQxMTIgMjcuODgzOUM2LjQ3NTU0IDI4LjExODMgNi43OTM0OCAyOC4yNSA3LjEyNSAyOC4yNUgyNy4xMjVDMjcuNDU2NSAyOC4yNSAyNy43NzQ1IDI4LjExODMgMjguMDA4OSAyNy44ODM5QzI4LjI0MzMgMjcuNjQ5NSAyOC4zNzUgMjcuMzMxNSAyOC4zNzUgMjdWMjEuMjY3NVpNMjcuMTI1IDkuNUMyNy4xMjUgMTAuMTYzIDI2Ljg2MTYgMTAuNzk4OSAyNi4zOTI4IDExLjI2NzhDMjUuOTIzOSAxMS43MzY2IDI1LjI4OCAxMiAyNC42MjUgMTJDMjMuOTYyIDEyIDIzLjMyNjEgMTEuNzM2NiAyMi44NTcyIDExLjI2NzhDMjIuMzg4NCAxMC43OTg5IDIyLjEyNSAxMC4xNjMgMjIuMTI1IDkuNUMyMi4xMjUgOC44MzY5NiAyMi4zODg0IDguMjAxMDcgMjIuODU3MiA3LjczMjIzQzIzLjMyNjEgNy4yNjMzOSAyMy45NjIgNyAyNC42MjUgN0MyNS4yODggNyAyNS45MjM5IDcuMjYzMzkgMjYuMzkyOCA3LjczMjIzQzI2Ljg2MTYgOC4yMDEwNyAyNy4xMjUgOC44MzY5NiAyNy4xMjUgOS41WiIgZmlsbD0iIzIyMjIyMiIvPg0KPC9zdmc+DQo=");
}

.icon-person {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNi45OTkyIDE3Ljc1MDJDMjEuNzQxNSAxNy43NTAyIDI1LjU4NTkgMTQuMzkyMyAyNS41ODU5IDEwLjI1MDFDMjUuNTg1OSA2LjEwNzkxIDIxLjc0MTUgMi43NSAxNi45OTkyIDIuNzVDMTIuMjU2OSAyLjc1IDguNDEyNDkgNi4xMDc5MSA4LjQxMjQ5IDEwLjI1MDFDOC40MTI0OSAxNC4zOTIzIDEyLjI1NjkgMTcuNzUwMiAxNi45OTkyIDE3Ljc1MDJaIiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIvPg0KPHBhdGggZD0iTTI1LjU4NjcgMjAuNzVIMjYuMTkxMkMyNy40NDY3IDIwLjc1MDMgMjguNjU4OSAyMS4xNTExIDI5LjYgMjEuODc2OUMzMC41NDExIDIyLjYwMjggMzEuMTQ2MyAyMy42MDM5IDMxLjMwMiAyNC42OTIxTDMxLjk3MzUgMjkuMzc4MUMzMi4wMzM5IDI5LjgwMDMgMzEuOTkwOCAzMC4yMjg4IDMxLjg0NzEgMzAuNjM1M0MzMS43MDM0IDMxLjA0MTggMzEuNDYyMyAzMS40MTY5IDMxLjEzOTkgMzEuNzM1OEMzMC44MTc1IDMyLjA1NDcgMzAuNDIxMiAzMi4zMTAxIDI5Ljk3NzIgMzIuNDg1QzI5LjUzMzIgMzIuNjU5OSAyOS4wNTE2IDMyLjc1MDMgMjguNTY0NiAzMi43NTAySDUuNDM1NDNDNC45NDgzNiAzMi43NTAzIDQuNDY2ODQgMzIuNjU5OSA0LjAyMjgyIDMyLjQ4NUMzLjU3ODgxIDMyLjMxMDEgMy4xODI0NSAzMi4wNTQ3IDIuODYwMDYgMzEuNzM1OEMyLjUzNzY3IDMxLjQxNjkgMi4yOTY2MiAzMS4wNDE4IDIuMTUyOTEgMzAuNjM1M0MyLjAwOTIgMzAuMjI4OCAxLjk2NjExIDI5LjgwMDMgMi4wMjY1MSAyOS4zNzgxTDIuNjk2MjcgMjQuNjkyMUMyLjg1MjAzIDIzLjYwMzQgMy40NTc3NyAyMi42MDE5IDQuMzk5NTggMjEuODc1OUM1LjM0MTQgMjEuMTUgNi41NTQ0MSAyMC43NDk2IDcuODEwNTEgMjAuNzVIOC40MTMzIiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==");
}

.icon-phone {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMS4yIDEzLjU1TDI5LjYgNS4xNU0yOS42IDEyLjM1VjUuMTVIMjIuNE0yIDIuNzVDMiAyMy4xNSAxMS42IDMyLjc1IDMyIDMyLjc1VjIzLjE1TDIzLjYgMjAuNzVMMjEuMiAyNC4zNUMxNi40IDI0LjM1IDEwLjQgMTguMzUgMTAuNCAxMy41NUwxNCAxMS4xNUwxMS42IDIuNzVIMloiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K");
}

.icon-play {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcgMzIuNTc3NUMxOC45Njk4IDMyLjU3NzUgMjAuOTIwNCAzMi4xOTQ5IDIyLjc0MDMgMzEuNDUxN0MyNC41NjAxIDMwLjcwODUgMjYuMjEzNyAyOS42MTkyIDI3LjYwNjYgMjguMjQ1OUMyOC45OTk1IDI2Ljg3MjcgMzAuMTA0NCAyNS4yNDI0IDMwLjg1ODIgMjMuNDQ4MUMzMS42MTIgMjEuNjUzOSAzMiAxOS43MzA4IDMyIDE3Ljc4ODdDMzIgMTUuODQ2NiAzMS42MTIgMTMuOTIzNiAzMC44NTgyIDEyLjEyOTNDMzAuMTA0NCAxMC4zMzUxIDI4Ljk5OTUgOC43MDQ3OCAyNy42MDY2IDcuMzMxNTJDMjYuMjEzNyA1Ljk1ODI2IDI0LjU2MDEgNC44Njg5MyAyMi43NDAzIDQuMTI1NzNDMjAuOTIwNCAzLjM4MjUyIDE4Ljk2OTggMyAxNyAzQzEzLjAyMTggMyA5LjIwNjQ0IDQuNTU4MDkgNi4zOTM0IDcuMzMxNTJDMy41ODAzNSAxMC4xMDQ5IDIgMTMuODY2NSAyIDE3Ljc4ODdDMiAyMS43MTA5IDMuNTgwMzUgMjUuNDcyNSA2LjM5MzQgMjguMjQ1OUM5LjIwNjQ0IDMxLjAxOTQgMTMuMDIxOCAzMi41Nzc1IDE3IDMyLjU3NzVaTTE0Ljk3MTcgMTEuMTk5NUwyNC4zNzgzIDE2LjM1MjZDMjQuNjM4IDE2LjQ5NDkgMjQuODU0NCAxNi43MDMxIDI1LjAwNSAxNi45NTU3QzI1LjE1NTcgMTcuMjA4MiAyNS4yMzUxIDE3LjQ5NTggMjUuMjM1MSAxNy43ODg3QzI1LjIzNTEgMTguMDgxNyAyNS4xNTU3IDE4LjM2OTMgMjUuMDA1IDE4LjYyMThDMjQuODU0NCAxOC44NzQzIDI0LjYzOCAxOS4wODI1IDI0LjM3ODMgMTkuMjI0OUwxNC45NzE3IDI0LjM3NzlDMTQuNjY3MSAyNC41NDQ4IDE0LjMyMzYgMjQuNjMwNCAxMy45NzUxIDI0LjYyNjFDMTMuNjI2NyAyNC42MjE5IDEzLjI4NTQgMjQuNTI3OSAxMi45ODUxIDI0LjM1MzVDMTIuNjg0OCAyNC4xNzkyIDEyLjQzNiAyMy45MzA1IDEyLjI2MzIgMjMuNjMyMkMxMi4wOTA0IDIzLjMzMzggMTEuOTk5NyAyMi45OTYxIDEyIDIyLjY1MjZWMTIuOTI0OUMxMS45OTk3IDEyLjU4MTMgMTIuMDkwNCAxMi4yNDM2IDEyLjI2MzIgMTEuOTQ1M0MxMi40MzYgMTEuNjQ2OSAxMi42ODQ4IDExLjM5ODMgMTIuOTg1MSAxMS4yMjM5QzEzLjI4NTQgMTEuMDQ5NiAxMy42MjY3IDEwLjk1NTYgMTMuOTc1MSAxMC45NTEzQzE0LjMyMzYgMTAuOTQ3MSAxNC42NjcxIDExLjAzMjYgMTQuOTcxNyAxMS4xOTk1WiIgZmlsbD0iIzIyMjIyMiIvPg0KPC9zdmc+DQo=");
}

.icon-search {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zMiAzMi43NUwyNC45MTY4IDI1LjY1NDJNMjguODQyMSAxNi4xNzExQzI4Ljg0MjEgMTkuNzMwNSAyNy40MjgxIDIzLjE0NDIgMjQuOTExMiAyNS42NjEyQzIyLjM5NDIgMjguMTc4MSAxOC45ODA1IDI5LjU5MjEgMTUuNDIxMSAyOS41OTIxQzExLjg2MTYgMjkuNTkyMSA4LjQ0Nzg3IDI4LjE3ODEgNS45MzA5NCAyNS42NjEyQzMuNDE0IDIzLjE0NDIgMiAxOS43MzA1IDIgMTYuMTcxMUMyIDEyLjYxMTYgMy40MTQgOS4xOTc4NyA1LjkzMDk0IDYuNjgwOTRDOC40NDc4NyA0LjE2NCAxMS44NjE2IDIuNzUgMTUuNDIxMSAyLjc1QzE4Ljk4MDUgMi43NSAyMi4zOTQyIDQuMTY0IDI0LjkxMTIgNi42ODA5NEMyNy40MjgxIDkuMTk3ODcgMjguODQyMSAxMi42MTE2IDI4Ljg0MjEgMTYuMTcxMVYxNi4xNzExWiIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPg0KPC9zdmc+DQo=");
}

.icon-sort {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjYzNzU3IDMwLjI1VjRNOS42Mzc1NyA0TDIuMTM3NTcgMTMuMzc1TTkuNjM3NTcgNEwxNy4xMzc2IDEzLjM3NSIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjEuNSIvPg0KPHBhdGggZD0iTTI0LjYzNzYgNFYzMC4yNU0yNC42Mzc2IDMwLjI1TDMyLjEzNzYgMjAuODc1TTI0LjYzNzYgMzAuMjVMMTcuMTM3NiAyMC44NzUiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCjwvc3ZnPg0K");
}

.icon-star {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNiAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNy4wNDg5IDQuOTI3MDVDMTcuMzQ4MyA0LjAwNTc0IDE4LjY1MTcgNC4wMDU3NCAxOC45NTExIDQuOTI3MDVMMjEuMTQzMiAxMS42NzM4QzIxLjI3NzEgMTIuMDg1OCAyMS42NjEgMTIuMzY0NyAyMi4wOTQzIDEyLjM2NDdIMjkuMTg4MkMzMC4xNTY5IDEyLjM2NDcgMzAuNTU5NyAxMy42MDQ0IDI5Ljc3NTkgMTQuMTczOEwyNC4wMzY5IDE4LjM0MzVDMjMuNjg2NCAxOC41OTgxIDIzLjUzOTcgMTkuMDQ5NSAyMy42NzM2IDE5LjQ2MTVMMjUuODY1NyAyNi4yMDgyQzI2LjE2NTEgMjcuMTI5NSAyNS4xMTA2IDI3Ljg5NTYgMjQuMzI2OSAyNy4zMjYyTDE4LjU4NzggMjMuMTU2NUMxOC4yMzczIDIyLjkwMTkgMTcuNzYyNyAyMi45MDE5IDE3LjQxMjIgMjMuMTU2NUwxMS42NzMxIDI3LjMyNjJDMTAuODg5NCAyNy44OTU2IDkuODM0OTMgMjcuMTI5NSAxMC4xMzQzIDI2LjIwODJMMTIuMzI2NCAxOS40NjE1QzEyLjQ2MDMgMTkuMDQ5NSAxMi4zMTM2IDE4LjU5ODEgMTEuOTYzMSAxOC4zNDM1TDYuMjI0MDUgMTQuMTczOEM1LjQ0MDM0IDEzLjYwNDQgNS44NDMxMSAxMi4zNjQ3IDYuODExODQgMTIuMzY0N0gxMy45MDU3QzE0LjMzOSAxMi4zNjQ3IDE0LjcyMjkgMTIuMDg1OCAxNC44NTY4IDExLjY3MzhMMTcuMDQ4OSA0LjkyNzA1WiIgZmlsbD0iIzIyMjIyMiIvPg0KPC9zdmc+DQo=");
}

.icon-user-add {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNiAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNDcyOTMgMzIuMDgzM0M1LjQ3MjkzIDI2LjQzOTUgMTEuMDg3NSAyMS44NzUgMTggMjEuODc1QzE5LjQgMjEuODc1IDIwLjc1NjMgMjIuMDY0NSAyMi4wMjUgMjIuNDE0NU0xOCAxNy41QzE5LjkzMzkgMTcuNSAyMS43ODg1IDE2LjczMTcgMjMuMTU2IDE1LjM2NDNDMjQuNTIzNSAxMy45OTY4IDI1LjI5MTcgMTIuMTQyMiAyNS4yOTE3IDEwLjIwODNDMjUuMjkxNyA4LjI3NDQyIDI0LjUyMzUgNi40MTk3NiAyMy4xNTYgNS4wNTIzMUMyMS43ODg1IDMuNjg0ODUgMTkuOTMzOSAyLjkxNjYzIDE4IDIuOTE2NjNDMTYuMDY2MSAyLjkxNjYzIDE0LjIxMTUgMy42ODQ4NSAxMi44NDQgNS4wNTIzMUMxMS40NzY2IDYuNDE5NzYgMTAuNzA4MyA4LjI3NDQyIDEwLjcwODMgMTAuMjA4M0MxMC43MDgzIDEyLjE0MjIgMTEuNDc2NiAxMy45OTY4IDEyLjg0NCAxNS4zNjQzQzE0LjIxMTUgMTYuNzMxNyAxNi4wNjYxIDE3LjUgMTggMTcuNVoiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI4LjkyMjkgMjYuMjIwOEgyNC41NzcxTTI2Ljc1IDI0LjA5MTZWMjguNDUyTTMyLjU4MzMgMjYuMjVDMzIuNTgzMyAyNi43MTY2IDMyLjUyNSAyNy4xNjg3IDMyLjQwODMgMjcuNjA2MkMzMi4yNzcxIDI4LjE4OTUgMzIuMDQzOCAyOC43NTgzIDMxLjczNzUgMjkuMjU0MUMzMS4yMjM0IDMwLjExODIgMzAuNDkzMSAzMC44MzM1IDI5LjYxODYgMzEuMzI5NUMyOC43NDQxIDMxLjgyNTYgMjcuNzU1NCAzMi4wODU0IDI2Ljc1IDMyLjA4MzNDMjUuMzE0MiAzMi4wODc1IDIzLjkyOTQgMzEuNTUxMyAyMi44NzA4IDMwLjU4MTJDMjIuNDMzMyAzMC4yMDIgMjIuMDU0MiAyOS43NSAyMS43NjI1IDI5LjI1NDFDMjEuMjA3NCAyOC4zNTA2IDIwLjkxNDUgMjcuMzEwNCAyMC45MTY3IDI2LjI1QzIwLjkxNTcgMjUuNDgzNiAyMS4wNjU5IDI0LjcyNDcgMjEuMzU4NyAyNC4wMTY1QzIxLjY1MTYgMjMuMzA4MyAyMi4wODEyIDIyLjY2NDkgMjIuNjIzMSAyMi4xMjNDMjMuMTY0OSAyMS41ODEyIDIzLjgwODQgMjEuMTUxNSAyNC41MTY1IDIwLjg1ODdDMjUuMjI0NyAyMC41NjU5IDI1Ljk4MzcgMjAuNDE1NyAyNi43NSAyMC40MTY2QzI4LjQ3MDggMjAuNDE2NiAzMC4wMzEzIDIxLjE2MDQgMzEuMDgxMyAyMi4zNTYyQzMyLjAxNDYgMjMuMzkxNiAzMi41ODMzIDI0Ljc2MjUgMzIuNTgzMyAyNi4yNVoiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.icon-x {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yLjEzNzYgMkwxNy4xMzc2IDE3TTMyLjEzNzYgMzJMMTcuMTM3NiAxN00xNy4xMzc2IDE3TDMyLjEzNzYgMk0xNy4xMzc2IDE3TDIuMTM3NiAzMiIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiLz4NCjwvc3ZnPg0K");
}

:root {
  --gray: #8d8d8d;
  --white: #fff;
  --white-hover: #ccc;
  --light-gray: #dbdbdb;
  --dark: #222222;
  --orange: #ffbb38;
  --orange-2: #f57702;
  --orange-2-hover: #e36d00;
  --red: #d40000;
  --red-hover: #f50202;
  --green: #1c9453;
  --shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2);
  --shadow-inset: inset 0 5px 10px 0 rgba(75, 75, 75, 0.25);
  --shadow-hover: 0 7px 30px 0 rgba(245, 119, 2, 0.2);
  --shadow-active: 0 7px 20px 0 rgba(127, 127, 127, 0.2), inset 4px 4px 7px 4px rgba(0, 0, 0, 0.1);
}

.h1-title {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 36px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  line-height: 43.9px;
}

.h2-title {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  line-height: 29.3px;
      color: black !important;
}

.h3-title {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  line-height: 24.4px;
}

.main-text-semibold {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.01em;
  line-height: 24px;
}

.main-text, .catalog-menu__child-list a {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.01em;
  line-height: 24.4px;
}

.sub-text-semibold {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 19.5px;
}

.sub-text {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 18px;
}

@media (max-width: 540px) {
  .h1-title {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    line-height: 24.4px;
  }
  .h2-title {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    line-height: 17.1px;
  }
  .main-text-semibold {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: -0.01em;
    line-height: 12.2px;
  }
  .main-text, .catalog-menu__child-list a {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: -0.01em;
    line-height: 12.2px;
  }
  .sub-text-semibold {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 8px;
    letter-spacing: -0.01em;
    line-height: 9.8px;
  }
  .sub-text {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 8px;
    letter-spacing: -0.01em;
    line-height: 9.8px;
  }
}
.text-orange {
  color: var(--orange);
}

.text-orange-2 {
  color: var(--orange-2);
}

.text-red {
  color: var(--red);
}

.text-green {
  color: var(--green);
}

.text-gray {
  color: var(--gray);
}

.text-light-gray {
  color: var(--light-gray);
}

.text-dark {
  color: var(--dark);
}

.text-white {
  color: var(--white);
}

@media (max-width: 680px) {
  .not-mob {
    display: none;
  }
}
@media (min-width: 679.92px) {
  .mob {
    display: none;
  }
}
@media (max-width: 992px) {
  .not-tablet {
    display: none;
  }
}
@media (min-width: 991.92px) {
  .tablet {
    display: none;
  }
}
.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.dropdown {
  position: relative;
}
.dropdown .dropdown-open {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 15px;
  color: var(--gray);
}
.dropdown .dropdown-open i {
  --size: 20px;
}
@media (max-width: 680px) {
  .dropdown .dropdown-open {
    gap: 5px;
  }
  .dropdown .dropdown-open i {
    --size: 12px;
  }
}
.dropdown .dropdown-list {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  max-height: 200px;
  min-width: 180px;
  overflow: auto;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2);
  background-color: var(--white);
  z-index: 200;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.1s ease 0s;
}
@media (max-width: 992px) {
  .dropdown .dropdown-list {
    max-height: 117px;
    min-width: 146px;
  }
}
.dropdown .dropdown-list li {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #222;
}
@media (max-width: 680px) {
  .dropdown .dropdown-list li {
    font-size: 10px;
  }
}
@media (any-hover: hover) {
  .dropdown .dropdown-list li {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .dropdown .dropdown-list li:hover {
    color: var(--orange-2);
  }
}
.dropdown.active .dropdown-list {
  pointer-events: auto;
  opacity: 1;
}
.dropdown.active .dropdown-open i {
  transform: scaleY(-1);
}

.search-input {
  flex: 1 1 auto;
  border-radius: 10px;
  padding: 12px 17px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--white);
  box-shadow: var(--shadow);
  font-family: Montserrat;
}
.search-input i {
  --size: 25px;
}
.search-input input {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.01em;
  flex: 1 1 auto;
}
.search-input input:placeholder {
  color: var(--gray);
}
@media (max-width: 680px) {
  .search-input input {
    font-weight: 500;
    font-size: 10px;
    letter-spacing: -0.01em;
  }
}
@media (max-width: 992px) {
  .search-input {
    padding: 10px 15px;
  }
  .search-input i {
    --size: 25px;
  }
}
@media (max-width: 680px) {
  .search-input i {
    --size: 20px;
  }
}

.card {
  height: auto;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 0.5px solid transparent;
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2);
  background-color: var(--white);
  padding: 25px;
  transition: all 0.3s ease 0s;
  width: 100%;
  max-width: 330px;
}
@media (any-hover: hover) {
  .card {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .card:hover {
    border-color: var(--orange-2);
    box-shadow: 0 7px 30px 0 rgba(245, 119, 2, 0.2);
  }
}
.card__status {
  align-self: flex-end;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: var(--green);
  line-height: 24px;
}
.card__img {
  width: 100%;
  max-width: 197px;
}
.card__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 auto;
  justify-content: space-between;
}
.card__name {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.01em;
  line-height: 24px;
}
.card__bottom {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card__rate {
  display: flex;
  gap: 2px;
}
.card__rate i {
  --size: 25px;
}
.card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
  flex-wrap: wrap;
}
.card__price {
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.01em;
}
.card__buttons {
  display: flex;
  gap: 6.5px;
}
.card__button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
  border-radius: 10px;
  width: 50px;
  height: 50px;
}
.card__button.card__button-heart {
  border-color: var(--orange-2);
  color: var(--orange-2);
  background-color: var(--white);
}
@media (any-hover: hover) {
  .card__button.card__button-heart {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .card__button.card__button-heart:hover {
    color: var(--white);
    background-color: var(--orange-2);
  }
}
.card__button.card__button-basket {
  border-color: var(--orange-2);
  color: var(--white);
  background-color: var(--orange-2);
}
@media (any-hover: hover) {
  .card__button.card__button-basket {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
}
@media (any-hover: hover) and (any-hover: hover) {
  .card__button.card__button-basket:not(.active):hover {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .card__button.card__button-basket:not(.active):hover:hover {
    color: var(--orange-2);
    background-color: transparent;
  }
}
.card__button.card__button-basket.active {
  background-color: var(--white);
  color: var(--orange-2);
}
@media (any-hover: hover) {
  .card__button.card__button-basket.active {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .card__button.card__button-basket.active:hover {
    color: var(--white);
    background-color: var(--orange-2);
  }
}
.card__button i {
  --size: 30px;
}
.card.empty .card__button.card__button-basket {
  background-color: var(--gray);
  border-color: var(--gray);
  color: var(--white);
}
@media (any-hover: hover) {
  .card.empty .card__button.card__button-basket {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .card.empty .card__button.card__button-basket:hover {
    background-color: var(--gray);
    border-color: var(--gray);
    color: var(--white);
  }
}
.card.empty .card__price, .card.empty .card__name {
  color: var(--gray);
}
@media (max-width: 992px) {
  .card {
    padding: 15px;
    border-radius: 15px;
  }
  .card__status, .card__name {
    font-size: 16px;
    line-height: 20px;
  }
  .card__img {
    max-width: 140px;
  }
  .card__price {
    font-size: 20px;
    line-height: 24px;
  }
  .card__actions {
    gap: 10px;
  }
  .card__buttons {
    gap: 9px;
  }
  .card__button {
    border-width: 1px;
    border-radius: 7px;
    width: 35px;
    height: 35px;
  }
  .card__button i {
    --size: 20px;
  }
  .card__rate i {
    --size: 20px;
  }
}
@media (max-width: 680px) {
  .card {
    padding: 9px;
    border-radius: 10px;
  }
  .card__status {
    padding-right: 6px;
  }
  .card__status, .card__name {
    font-size: 8px;
    line-height: 10px;
  }
  .card__info {
    gap: 6px;
  }
  .card__img {
    max-width: 90px;
  }
  .card__price {
    font-size: 10px;
    line-height: 12px;
  }
  .card__actions {
    gap: 5px;
  }
  .card__buttons {
    gap: 2.5px;
  }
  .card__button {
    border-radius: 4px;
    width: 25px;
    height: 25px;
  }
  .card__button i {
    --size: 15px;
  }
  .card__rate i {
    --size: 12px;
  }
}

.button {
  --bg: var(--white);
  --text: var(--dark);
  padding: 24px 45px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  border: 2px solid var(--bg);
  background-color: var(--bg);
  color: var(--text);
  border-radius: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}
.button.white {
  --bg: var(--white);
  --text: var(--dark);
}
.button.red {
  --bg: var(--red);
  --text: var(--white);
}
.button.orange {
  --bg: var(--orange);
  --text: var(--white);
}
.button.orange-2 {
  --bg: var(--orange-2);
  --text: var(--white);
}
@media (any-hover: hover) {
  .button {
    cursor: pointer;
    transition: all 0.2s ease 0s;
  }
  .button:hover {
    background-color: var(--white);
    color: var(--bg);
    box-shadow: 0 7px 30px 0 rgba(245, 119, 2, 0.2);
  }
}
.button:active {
  background-color: var(--white);
  color: var(--bg);
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2), inset 4px 4px 7px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
  .button:not(.fill) {
    background-color: var(--white);
    color: var(--bg);
  }
}
@media (max-width: 992px) and (any-hover: hover) {
  .button {
    cursor: pointer;
    transition: all 0.2s ease 0s;
  }
  .button:hover {
    border-color: var(--bg);
    background-color: var(--bg);
    color: var(--text);
  }
}
.button:disabled {
  cursor: not-allowed;
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2) !important;
  background-color: var(--light-gray) !important;
  border-color: var(--light-gray) !important;
  color: var(--white) !important;
}
@media (max-width: 834px) {
  .button {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 24px;
    padding: 20px 51px;
    border-radius: 15px;
  }
}
@media (max-width: 540px) {
  .button {
    font-weight: 600;
    font-size: 10px;
    letter-spacing: -0.01em;
    line-height: 12px;
    padding: 12px 24px;
    border-radius: 10px;
  }
}
.button.outlined {
  background-color: transparent;
  color: var(--bg);
}
@media (any-hover: hover) {
  .button.outlined {
    cursor: pointer;
    transition: all 0.2s ease 0s;
  }
  .button.outlined:hover {
    border-color: var(--bg);
    background-color: var(--bg);
    color: var(--text);
  }
  .button.outlined.white:hover {
    background-color: var(--orange-2);
    color: var(--white);
  }
}
.button.outlined:active {
  border-color: var(--bg);
  background-color: var(--bg);
  color: var(--text);
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2), inset 4px 4px 7px 4px rgba(0, 0, 0, 0.1);
}
.button.outlined.white:active {
  background-color: var(--orange-2);
  border-color: var(--orange-2);
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2), inset 4px 4px 7px 4px rgba(0, 0, 0, 0.1);
  color: var(--white);
}
.button.outlined:disabled {
  cursor: not-allowed;
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2) !important;
  border-color: var(--light-gray) !important;
  background-color: var(--light-gray) !important;
  color: var(--white) !important;
}

.title {
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--gray);
}
@media (max-width: 680px) {
  .title {
    font-size: 20px;
    line-height: 24px;
  }
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type=checkbox],
  input[type=radio] {
    --active: var(--white);
    --active-inner: var(--red);
    --focus: 2px rgba(39, 94, 254, 0.3);
    --border: var(--red);
    --border-active: var(--red);
    --border-hover: var(--red);
    --background: #fff;
    --disabled: #f6f8ff;
    --disabled-inner: #e1e6f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 25px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  @media (max-width: 680px) {
    input[type=checkbox],
    input[type=radio] {
      height: 16px;
    }
  }
  input[type=checkbox]:after,
  input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  input[type=checkbox]:checked,
  input[type=radio]:checked {
    --b: var(--active);
    --bc: var(--border-active);
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  }
  input[type=checkbox]:disabled,
  input[type=radio]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  input[type=checkbox]:disabled:checked,
  input[type=radio]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  input[type=checkbox]:disabled + label,
  input[type=radio]:disabled + label {
    cursor: not-allowed;
  }
  input[type=checkbox]:hover:not(:checked):not(:disabled),
  input[type=radio]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  input[type=checkbox]:not(.switch),
  input[type=radio]:not(.switch) {
    width: 25px;
  }
  input[type=checkbox]:not(.switch):after,
  input[type=radio]:not(.switch):after {
    opacity: var(--o, 0);
  }
  input[type=checkbox]:not(.switch):checked,
  input[type=radio]:not(.switch):checked {
    --o: 1;
  }
  @media (max-width: 680px) {
    input[type=checkbox]:not(.switch),
    input[type=radio]:not(.switch) {
      width: 16px;
    }
    input[type=checkbox]:not(.switch)[type=radio]:after,
    input[type=radio]:not(.switch)[type=radio]:after {
      width: 8px;
      height: 8px;
    }
  }
  input[type=checkbox] + label,
  input[type=radio] + label {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.01em;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }
  @media (max-width: 680px) {
    input[type=checkbox] + label,
    input[type=radio] + label {
      font-size: 10px;
    }
  }
  input[type=checkbox]:not(.switch) {
    border-radius: 5px;
  }
  input[type=checkbox]:not(.switch):after {
    width: 6px;
    height: 13px;
    border: 3px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 9px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  @media (max-width: 680px) {
    input[type=checkbox]:not(.switch) {
      border-radius: 3px;
    }
    input[type=checkbox]:not(.switch)::after {
      top: 1px;
      left: 5px;
      border-width: 1px;
      width: 4px;
      height: 10px;
    }
  }
  input[type=checkbox]:not(.switch):checked {
    --r: 43deg;
  }
  input[type=checkbox].switch {
    width: 38px;
    border-radius: 11px;
  }
  input[type=checkbox].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
  }
  input[type=checkbox].switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  input[type=checkbox].switch:disabled:not(:checked):after {
    opacity: 0.6;
  }
  input[type=radio] {
    border-radius: 50%;
  }
  input[type=radio]:after {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  input[type=radio]:checked {
    --s: 0.5;
  }
}
.slider-range {
  position: relative;
  width: 100%;
  height: 15px;
}
.slider-range input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}
.slider-range .slider-track {
  width: 100%;
  height: 4px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}
.slider-range input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}
.slider-range input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}
.slider-range input[type=range]::-ms-track {
  appearance: none;
  height: 5px;
}
.slider-range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  background-color: var(--white);
  cursor: pointer;
  margin-top: -5px;
  pointer-events: auto;
  border-radius: 50%;
  border: 1px solid var(--red);
}
.slider-range input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--white);
  pointer-events: auto;
  border: none;
}
.slider-range input[type=range]::-ms-thumb {
  appearance: none;
  height: 15px;
  width: 15px;
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--white);
  pointer-events: auto;
}
.slider-range input[type=range]:active::-webkit-slider-thumb,
.slider-range input[type=range]:active::-moz-range-thumb,
.slider-range input[type=range]:active::-ms-thumb {
  background-color: var(--red);
}

.catalog-menu {
  width: 100%;
  max-width: 31%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: start;
  border-radius: 20px;
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2);
  background-color: var(--white);
  padding: 25px 24px;
}
.catalog-menu::-webkit-scrollbar {
  display: none;
}
.catalog-menu__link, .catalog-menu__button {
  display: flex;
  align-items: center;
  gap: 15px;
  transition: all 0.3s ease 0s;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.01em;
}
.catalog-menu__link br, .catalog-menu__button br {
  display: none;
}
.catalog-menu__link i, .catalog-menu__button i {
  color: var(--gray);
  transition: all 0.3s ease 0s;
}
.catalog-menu__link i.catalog-menu__element, .catalog-menu__button i.catalog-menu__element {
  --size: 35px;
}
.catalog-menu__link i.catalog-menu__arrow, .catalog-menu__button i.catalog-menu__arrow {
  --size: 20px;
}
.catalog-menu__link .catalog-menu__arrow, .catalog-menu__button .catalog-menu__arrow {
  margin-right: -4px;
}
@media (any-hover: hover) {
  .catalog-menu__link, .catalog-menu__button {
    cursor: pointer;
  }
  .catalog-menu__link:hover i, .catalog-menu__link:hover, .catalog-menu__button:hover i, .catalog-menu__button:hover {
    color: var(--orange-2);
  }
}
.catalog-menu__link:active, .catalog-menu__link:active i, .catalog-menu__button:active, .catalog-menu__button:active i {
  color: var(--red);
}
.catalog-menu__button {
  background: transparent;
  text-align: left;
}
.catalog-menu__list {
  position: relative;
}
.catalog-menu__list:hover .catalog-menu__child-list, .catalog-menu__list.spoller .catalog-menu__child-list {
  opacity: 1;
  pointer-events: all;
}
.catalog-menu__list.spoller .catalog-menu__child-list {
  position: static;
  box-shadow: none;
}
@media (max-width: 992px) {
  .catalog-menu__list {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
  }
}
.catalog-menu__child-list {
  position: absolute;
  left: calc(100% + 5px);
  top: 0;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: var(--white);
  box-shadow: var(--shadow);
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
@media (max-width: 992px) {
  .catalog-menu__child-list {
    position: static;
    flex-direction: row;
    opacity: 1;
    pointer-events: all;
    box-shadow: none;
    align-items: center;
    white-space: nowrap;
    row-gap: 10px;
  }
}
@media (any-hover: hover) {
  .catalog-menu__child-list a {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .catalog-menu__child-list a:hover {
    color: var(--orange-2);
  }
}

body {
  background-color: var(--white);
  font-family: Montserrat;
  color: var(--dark);
  font-size: 14px;
}
body._lock-scroll {
  overflow: hidden;
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.content {
  flex: 1 1 auto;
}

._container {
  padding: 0px 15px;
  margin: 0px auto;
  max-width: 1440px;
}
@media (max-width: 992px) {
  ._container {
    padding: 0 48px;
  }
}
@media (max-width: 680px) {
  ._container {
    padding: 0 15px;
  }
}

.header__body {
  justify-content: space-between;
  display: flex;
  gap: 22px;
  padding: 35px 0;
  align-items: center;
  border-bottom: 0.5px solid var(--gray);
  position: relative;
}
.header__logo {
  width: 100%;
  max-width: 176px;
}
.header__logo img {
  width: 100%;
}
.header__button {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 5px;
  background: transparent;
}
.header__button span {
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .header__button {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .header__button:hover span {
    color: var(--orange-2);
  }
}
.header__dropdown.active .dropdown-open {
  color: var(--orange-2);
}
.header__catalog {
  position: relative;
}
.header__catalog .header__button {
  gap: 10px;
}
.header__catalog .header__button i {
  color: var(--red);
  --size: 35px;
}
.header__catalog .catalog-menu {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  min-width: 350px;
  text-align: left;
  opacity: 0;
  pointer-events: none;
}
.header__catalog .catalog-menu * {
  font-weight: 600;
}
.header__catalog .catalog-menu.active {
  opacity: 1;
  pointer-events: all;
}
.header__cooperation {
  color: var(--red);
  gap: 5px;
}
.header__cooperation i {
  color: var(--red);
  --size: 30px;
}
.header__client {
  color: var(--gray);
  gap: 5px;
}
.header__client i {
  --size: 20px;
}
@media (any-hover: hover) {
  .header__client {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .header__client:hover {
    color: var(--orange-2);
  }
}
.header__button-icon {
  display: flex;
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: var(--dark);
}
.header__button-icon i {
  --size: 35px;
}
@media (any-hover: hover) {
  .header__button-icon {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .header__button-icon:hover {
    color: var(--red);
  }
}
@media (max-width: 1400px) {
  .header__button-icon:last-child {
    display: none;
  }
}
@media (max-width: 1350px) {
  .header__button-icon:nth-last-child(2) {
    display: none;
  }
}
@media (max-width: 1270px) {
  .header__button-icon:nth-last-child(3) {
    display: none;
  }
}
@media (max-width: 1230px) {
  .header__button-icon:nth-last-child(4) {
    display: none;
  }
}
@media (max-width: 1170px) {
  .header__catalog {
    display: none;
  }
}
@media (max-width: 992px) {
  .header__body {
    border-bottom: 0;
  }
  .header__search {
    display: none;
  }
  .header__button-chat {
    order: 2;
    color: var(--orange-2);
  }
  .header__button-phone {
    order: 3;
    color: var(--orange-2);
  }
}
@media (max-width: 680px) {
  .header__logo {
    max-width: 122px;
  }
  .header__button-icon i {
    --size: 30px;
  }
  .header__client i {
    --size: 15px;
  }
}
@media (max-width: 480px) {
  .header__body {
    padding: 15px 0;
    gap: 10px;
  }
  .header__cooperation {
    display: none;
  }
}

.breadcrumbs {
  margin-top: 35px;
  margin-bottom: 25px;
}
.breadcrumbs__container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumbs__home {
  color: var(--dark);
}
.breadcrumbs__home i {
  --size: 20px;
}
.breadcrumbs__path {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--dark);
  display: flex;
  gap: 8px;
  align-items: center;
  font-family: Montserrat;
}
.breadcrumbs__path.active {
  color: var(--gray);
}
.breadcrumbs__path:before {
  content: "";
  width: 19px;
  height: 1px;
  background-color: var(--gray);
}
@media (any-hover: hover) {
  .breadcrumbs__path {
    cursor: pointer;
    transition: all 0.2s ease 0s;
  }
  .breadcrumbs__path:hover {
    color: var(--orange);
  }
}
@media (max-width: 680px) {
  .breadcrumbs {
    margin-top: 18px;
    margin-bottom: 20px;
  }
  .breadcrumbs__container {
    gap: 5px;
  }
  .breadcrumbs__home i {
    --size: 15px;
  }
  .breadcrumbs__path {
    font-size: 10px;
    line-height: 12px;
    gap: 5px;
  }
  .breadcrumbs__path:before {
    width: 10px;
  }
}

.cooperation__body {
  display: flex;
  gap: 30px;
}
.cooperation__body {
  gap: 35px;
}
@media (max-width: 834px) {
  .cooperation__body {
    gap: calc(17px - -18 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .cooperation__body {
    gap: 17px;
  }
}
.cooperation__body {
  padding-bottom: 55px;
}
@media (max-width: 992px) {
  .cooperation__body {
    padding-bottom: calc(20px - -35 * (100vw - 320px) / 672);
  }
}
@media (max-width: 320px) {
  .cooperation__body {
    padding-bottom: 20px;
  }
}
.cooperation__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}
.cooperation__left {
  gap: 20px;
}
@media (max-width: 834px) {
  .cooperation__left {
    gap: calc(10px - -10 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .cooperation__left {
    gap: 10px;
  }
}
.cooperation__left, .cooperation__right {
  width: 100%;
}
.cooperation__subtitle {
  text-transform: uppercase;
}
.cooperation__info {
  display: flex;
}
.cooperation__info {
  gap: 30px;
}
@media (max-width: 834px) {
  .cooperation__info {
    gap: calc(20px - -10 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .cooperation__info {
    gap: 20px;
  }
}
.cooperation__info-text {
  display: flex;
  align-items: center;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  color: #c9c9c9;
  gap: 7px;
}
.cooperation__info-text {
  font-size: 28px;
}
@media (max-width: 1600px) {
  .cooperation__info-text {
    font-size: calc(11px - -17 * (100vw - 320px) / 1280);
  }
}
@media (max-width: 320px) {
  .cooperation__info-text {
    font-size: 11px;
  }
}
.cooperation__info-number {
  font-weight: 700;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #c9c9c9;
}
.cooperation__info-number {
  font-size: 64px;
}
@media (max-width: 1600px) {
  .cooperation__info-number {
    font-size: calc(24px - -40 * (100vw - 320px) / 1280);
  }
}
@media (max-width: 320px) {
  .cooperation__info-number {
    font-size: 24px;
  }
}
.cooperation__img {
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2);
  border-radius: 25px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.cooperation__img picture,
.cooperation__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .cooperation__container {
    padding: 0;
  }
  .cooperation__body {
    flex-direction: column;
  }
  .cooperation__left {
    padding-left: 48px;
  }
}
@media (max-width: 992px) and (max-width: 834px) {
  .cooperation__left {
    padding-left: calc(18px - -30 * (100vw - 320px) / 514);
  }
}
@media (max-width: 992px) and (max-width: 320px) {
  .cooperation__left {
    padding-left: 18px;
  }
}
@media (max-width: 992px) {
  .cooperation__left {
    padding-right: 48px;
  }
}
@media (max-width: 992px) and (max-width: 834px) {
  .cooperation__left {
    padding-right: calc(18px - -30 * (100vw - 320px) / 514);
  }
}
@media (max-width: 992px) and (max-width: 320px) {
  .cooperation__left {
    padding-right: 18px;
  }
}
@media (max-width: 992px) {
  .cooperation__info {
    width: 100%;
    justify-content: space-between;
  }
  .cooperation__img {
    max-height: 275px;
    border-radius: 0;
  }
}
@media (max-width: 540px) {
  .cooperation__img {
    max-height: 105px;
    border-radius: 0;
  }
}

.get__body {
  padding-top: 55px;
}
@media (max-width: 834px) {
  .get__body {
    padding-top: calc(20px - -35 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .get__body {
    padding-top: 20px;
  }
}
.get__body {
  padding-bottom: 110px;
}
@media (max-width: 834px) {
  .get__body {
    padding-bottom: calc(40px - -70 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .get__body {
    padding-bottom: 40px;
  }
}
.get__title {
  border-bottom: 1px solid var(--gray);
}
.get__title {
  padding-bottom: 35px;
}
@media (max-width: 834px) {
  .get__title {
    padding-bottom: calc(20px - -15 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .get__title {
    padding-bottom: 20px;
  }
}
.get__title {
  margin-bottom: 35px;
}
@media (max-width: 834px) {
  .get__title {
    margin-bottom: calc(20px - -15 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .get__title {
    margin-bottom: 20px;
  }
}
.get__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.get__list {
  row-gap: 15px;
}
@media (max-width: 834px) {
  .get__list {
    row-gap: calc(20px - 5 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .get__list {
    row-gap: 20px;
  }
}
.get__list {
  column-gap: 150px;
}
@media (max-width: 1600px) {
  .get__list {
    column-gap: calc(40px - -110 * (100vw - 320px) / 1280);
  }
}
@media (max-width: 320px) {
  .get__list {
    column-gap: 40px;
  }
}
.get__item {
  display: flex;
  align-items: center;
}
.get__item {
  column-gap: 15px;
}
@media (max-width: 834px) {
  .get__item {
    column-gap: calc(10px - -5 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .get__item {
    column-gap: 10px;
  }
}
.get__number {
  border-radius: 50%;
  font-weight: 500;
  font-size: 36px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  border: 2px solid var(--orange-2);
  color: var(--orange-2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.get__number {
  min-width: 60px;
}
@media (max-width: 834px) {
  .get__number {
    min-width: calc(40px - -20 * (100vw - 540px) / 294);
  }
}
@media (max-width: 540px) {
  .get__number {
    min-width: 40px;
  }
}
.get__number {
  min-height: 60px;
}
@media (max-width: 834px) {
  .get__number {
    min-height: calc(40px - -20 * (100vw - 540px) / 294);
  }
}
@media (max-width: 540px) {
  .get__number {
    min-height: 40px;
  }
}
.get__number {
  max-width: 60px;
}
@media (max-width: 834px) {
  .get__number {
    max-width: calc(40px - -20 * (100vw - 540px) / 294);
  }
}
@media (max-width: 540px) {
  .get__number {
    max-width: 40px;
  }
}
.get__number {
  max-height: 60px;
}
@media (max-width: 834px) {
  .get__number {
    max-height: calc(40px - -20 * (100vw - 540px) / 294);
  }
}
@media (max-width: 540px) {
  .get__number {
    max-height: 40px;
  }
}
@media (max-width: 540px) {
  .get__number {
    min-width: 60px;
  }
}
@media (max-width: 540px) and (max-width: 834px) {
  .get__number {
    min-width: calc(23px - -37 * (100vw - 320px) / 514);
  }
}
@media (max-width: 540px) and (max-width: 320px) {
  .get__number {
    min-width: 23px;
  }
}
@media (max-width: 540px) {
  .get__number {
    min-height: 60px;
  }
}
@media (max-width: 540px) and (max-width: 834px) {
  .get__number {
    min-height: calc(23px - -37 * (100vw - 320px) / 514);
  }
}
@media (max-width: 540px) and (max-width: 320px) {
  .get__number {
    min-height: 23px;
  }
}
@media (max-width: 540px) {
  .get__number {
    max-width: 60px;
  }
}
@media (max-width: 540px) and (max-width: 834px) {
  .get__number {
    max-width: calc(23px - -37 * (100vw - 320px) / 514);
  }
}
@media (max-width: 540px) and (max-width: 320px) {
  .get__number {
    max-width: 23px;
  }
}
@media (max-width: 540px) {
  .get__number {
    max-height: 60px;
  }
}
@media (max-width: 540px) and (max-width: 834px) {
  .get__number {
    max-height: calc(23px - -37 * (100vw - 320px) / 514);
  }
}
@media (max-width: 540px) and (max-width: 320px) {
  .get__number {
    max-height: 23px;
  }
}
@media (max-width: 992px) {
  .get__list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 540px) {
  .get__number {
    font-size: 14px;
    border: 1px solid var(--orange-2);
  }
}

.interesting {
  background-color: #0a181e;
}
.interesting__body {
  color: #fff;
}
.interesting__body {
  padding-top: 60px;
}
@media (max-width: 834px) {
  .interesting__body {
    padding-top: calc(30px - -30 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .interesting__body {
    padding-top: 30px;
  }
}
.interesting__body {
  padding-bottom: 60px;
}
@media (max-width: 834px) {
  .interesting__body {
    padding-bottom: calc(30px - -30 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .interesting__body {
    padding-bottom: 30px;
  }
}
.interesting__title {
  margin-bottom: 35px;
}
@media (max-width: 834px) {
  .interesting__title {
    margin-bottom: calc(20px - -15 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .interesting__title {
    margin-bottom: 20px;
  }
}
.interesting__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  column-gap: 20px;
}
.interesting__list {
  gap: 35px;
}
@media (max-width: 834px) {
  .interesting__list {
    gap: calc(20px - -15 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .interesting__list {
    gap: 20px;
  }
}
.interesting__item {
  display: flex;
  align-items: center;
}
.interesting__item {
  gap: 15px;
}
@media (max-width: 834px) {
  .interesting__item {
    gap: calc(10px - -5 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .interesting__item {
    gap: 10px;
  }
}
.interesting__icon {
  width: 100%;
}
.interesting__icon {
  max-width: 38px;
}
@media (max-width: 790px) {
  .interesting__icon {
    max-width: calc(20px - -18 * (100vw - 320px) / 470);
  }
}
@media (max-width: 320px) {
  .interesting__icon {
    max-width: 20px;
  }
}
.interesting__icon picture,
.interesting__icon img {
  width: 100%;
}
@media (max-width: 790px) {
  .interesting__list {
    grid-template-columns: 1fr;
  }
}

.start__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.start__body {
  padding-top: 110px;
}
@media (max-width: 834px) {
  .start__body {
    padding-top: calc(40px - -70 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .start__body {
    padding-top: 40px;
  }
}
.start__body {
  padding-bottom: 55px;
}
@media (max-width: 834px) {
  .start__body {
    padding-bottom: calc(20px - -35 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .start__body {
    padding-bottom: 20px;
  }
}
.start__body {
  gap: 35px;
}
@media (max-width: 834px) {
  .start__body {
    gap: calc(20px - -15 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .start__body {
    gap: 20px;
  }
}
.start__row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.start__button-mob {
  display: none;
}
.start__steps {
  display: flex;
}
.start__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.start__step-number {
  text-align: center;
  font-weight: 600;
  font-size: 36px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--gray);
}
.start__step-number {
  margin-bottom: 15px;
}
@media (max-width: 1600px) {
  .start__step-number {
    margin-bottom: calc(7.5px - -7.5 * (100vw - 1020px) / 580);
  }
}
@media (max-width: 1020px) {
  .start__step-number {
    margin-bottom: 7.5px;
  }
}
.start__step-line {
  background-color: var(--light-gray);
  height: 20px;
  width: 100%;
  position: relative;
}
.start__step-line {
  margin-bottom: 30px;
}
@media (max-width: 1600px) {
  .start__step-line {
    margin-bottom: calc(25px - -5 * (100vw - 1020px) / 580);
  }
}
@media (max-width: 1020px) {
  .start__step-line {
    margin-bottom: 25px;
  }
}
.start__step-line {
  height: 20px;
}
@media (max-width: 1600px) {
  .start__step-line {
    height: calc(15px - -5 * (100vw - 1020px) / 580);
  }
}
@media (max-width: 1020px) {
  .start__step-line {
    height: 15px;
  }
}
.start__step-line::before {
  content: "";
  display: block;
  border-radius: 50%;
  border: 15px solid #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-10%, -50%);
  background-color: var(--orange-2);
  box-shadow: 0 0 0 1px var(--orange-2);
}
.start__step-line::before {
  width: 50px;
}
@media (max-width: 1600px) {
  .start__step-line::before {
    width: calc(40px - -10 * (100vw - 1020px) / 580);
  }
}
@media (max-width: 1020px) {
  .start__step-line::before {
    width: 40px;
  }
}
.start__step-line::before {
  height: 50px;
}
@media (max-width: 1600px) {
  .start__step-line::before {
    height: calc(40px - -10 * (100vw - 1020px) / 580);
  }
}
@media (max-width: 1020px) {
  .start__step-line::before {
    height: 40px;
  }
}
.start__step-line::before {
  border-width: 15px;
}
@media (max-width: 1600px) {
  .start__step-line::before {
    border-width: calc(10px - -5 * (100vw - 1020px) / 580);
  }
}
@media (max-width: 1020px) {
  .start__step-line::before {
    border-width: 10px;
  }
}
.start__step:nth-child(1) .start__step-line::before {
  background-color: #fff;
  border-color: var(--orange-2);
}
.start__step:nth-child(4) .start__step-line {
  border-radius: 0 50px 50px 0;
}
.start__step-desc {
  text-align: center;
  max-width: 302px;
}
@media (max-width: 1020px) {
  .start__button {
    display: none;
  }
  .start__button-mob {
    display: inline-block;
  }
  .start__steps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .start__steps {
    row-gap: 35px;
  }
}
@media (max-width: 1020px) and (max-width: 834px) {
  .start__steps {
    row-gap: calc(5.75px - -29.25 * (100vw - 320px) / 514);
  }
}
@media (max-width: 1020px) and (max-width: 320px) {
  .start__steps {
    row-gap: 5.75px;
  }
}
@media (max-width: 1020px) {
  .start__steps {
    column-gap: 99px;
  }
}
@media (max-width: 1020px) and (max-width: 834px) {
  .start__steps {
    column-gap: calc(50px - -49 * (100vw - 320px) / 514);
  }
}
@media (max-width: 1020px) and (max-width: 320px) {
  .start__steps {
    column-gap: 50px;
  }
}
@media (max-width: 1020px) {
  .start__step {
    flex-direction: row;
  }
  .start__step {
    gap: 15px;
  }
}
@media (max-width: 1020px) and (max-width: 834px) {
  .start__step {
    gap: calc(5.75px - -9.25 * (100vw - 320px) / 514);
  }
}
@media (max-width: 1020px) and (max-width: 320px) {
  .start__step {
    gap: 5.75px;
  }
}
@media (max-width: 1020px) {
  .start__step-number {
    text-align: left;
    color: var(--orange-2);
  }
  .start__step-line {
    display: none;
  }
  .start__step-desc {
    text-align: left;
  }
}
@media (max-width: 680px) {
  .start__button-mob {
    display: none;
  }
  .start__button-mob-2 {
    display: inline-block;
  }
}

.reviews__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reviews__body {
  padding-top: 55px;
}
@media (max-width: 834px) {
  .reviews__body {
    padding-top: calc(10px - -45 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .reviews__body {
    padding-top: 10px;
  }
}
.reviews__body {
  padding-bottom: 55px;
}
@media (max-width: 834px) {
  .reviews__body {
    padding-bottom: calc(10px - -45 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .reviews__body {
    padding-bottom: 10px;
  }
}
.reviews__body {
  gap: 35px;
}
@media (max-width: 834px) {
  .reviews__body {
    gap: calc(20px - -15 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .reviews__body {
    gap: 20px;
  }
}
.reviews__title {
  text-align: center;
}
.reviews__slider-body {
  position: relative;
  width: 100%;
  max-width: 930px;
}
.reviews__slider {
  width: 100%;
}
.reviews__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reviews__slide {
  gap: 35px;
}
@media (max-width: 834px) {
  .reviews__slide {
    gap: calc(20px - -15 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .reviews__slide {
    gap: 20px;
  }
}
.reviews__name {
  color: #e86c01;
  text-align: center;
}
.reviews__rating {
  display: flex;
  gap: 2px;
}
.reviews__rating i {
  color: var(--orange);
  font-size: 35px;
}
.reviews__text {
  text-align: center;
}
.reviews__slider-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 35px;
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2);
  border-radius: 5px;
  background-color: var(--white);
  border: 2px solid var(--red);
  color: var(--red);
  transition: all 0.3s ease 0s;
  z-index: 10;
}
.reviews__slider-button {
  width: 55px;
}
@media (max-width: 1600px) {
  .reviews__slider-button {
    width: calc(40px - -15 * (100vw - 834px) / 766);
  }
}
@media (max-width: 834px) {
  .reviews__slider-button {
    width: 40px;
  }
}
.reviews__slider-button {
  height: 35px;
}
@media (max-width: 1600px) {
  .reviews__slider-button {
    height: calc(25px - -10 * (100vw - 834px) / 766);
  }
}
@media (max-width: 834px) {
  .reviews__slider-button {
    height: 25px;
  }
}
.reviews__slider-button.reviews__slider-prev {
  left: 0;
  transform: translateY(-50%) translateX(-100%);
}
.reviews__slider-button.reviews__slider-next {
  right: 0;
  transform: translateY(-50%) translateX(100%);
}
.reviews__slider-button.swiper-button-disabled {
  border: 2px solid var(--gray);
  color: var(--gray);
}
@media (any-hover: hover) {
  .reviews__slider-button {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .reviews__slider-button:not(.swiper-button-disabled):hover {
    background-color: var(--red);
    color: var(--white);
  }
}
.reviews__slider-button i {
  --size: 22px;
}
@media (max-width: 834px) {
  .reviews__slider-button i {
    --size: calc(16px - -6 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .reviews__slider-button i {
    --size: 16px;
  }
}
@media (max-width: 1060px) {
  .reviews__slider-button {
    top: 30%;
  }
  .reviews__slider-button.reviews__slider-prev {
    left: 0;
    transform: translateY(-50%);
  }
  .reviews__slider-button.reviews__slider-next {
    right: 0;
    transform: translateY(-50%);
  }
}

.call__body {
  border-radius: 20px;
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2);
  background: #fff;
  display: flex;
  flex-direction: column;
}
.call__body {
  padding-top: 60px;
}
@media (max-width: 834px) {
  .call__body {
    padding-top: calc(30px - -30 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .call__body {
    padding-top: 30px;
  }
}
.call__body {
  padding-bottom: 60px;
}
@media (max-width: 834px) {
  .call__body {
    padding-bottom: calc(30px - -30 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .call__body {
    padding-bottom: 30px;
  }
}
.call__body {
  padding-left: 100px;
}
@media (max-width: 1600px) {
  .call__body {
    padding-left: calc(20px - -80 * (100vw - 1060px) / 540);
  }
}
@media (max-width: 1060px) {
  .call__body {
    padding-left: 20px;
  }
}
.call__body {
  padding-right: 100px;
}
@media (max-width: 1600px) {
  .call__body {
    padding-right: calc(20px - -80 * (100vw - 1060px) / 540);
  }
}
@media (max-width: 1060px) {
  .call__body {
    padding-right: 20px;
  }
}
.call__body {
  gap: 35px;
}
@media (max-width: 834px) {
  .call__body {
    gap: calc(20px - -15 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .call__body {
    gap: 20px;
  }
}
@media (max-width: 1060px) {
  .call__body {
    padding-left: 50px;
  }
}
@media (max-width: 1060px) and (max-width: 834px) {
  .call__body {
    padding-left: calc(20px - -30 * (100vw - 320px) / 514);
  }
}
@media (max-width: 1060px) and (max-width: 320px) {
  .call__body {
    padding-left: 20px;
  }
}
@media (max-width: 1060px) {
  .call__body {
    padding-right: 50px;
  }
}
@media (max-width: 1060px) and (max-width: 834px) {
  .call__body {
    padding-right: calc(20px - -30 * (100vw - 320px) / 514);
  }
}
@media (max-width: 1060px) and (max-width: 320px) {
  .call__body {
    padding-right: 20px;
  }
}
.call__form {
  display: flex;
  justify-content: space-between;
}
.call__form {
  gap: 40px;
}
@media (max-width: 834px) {
  .call__form {
    gap: calc(20px - -20 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .call__form {
    gap: 20px;
  }
}
.call__input {
  flex: 1 1 auto;
  box-shadow: 0 7px 20px 0 rgba(127, 127, 127, 0.2);
  background: #fff;
}
.call__input {
  padding-right: 30px;
}
@media (max-width: 834px) {
  .call__input {
    padding-right: calc(12px - -18 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .call__input {
    padding-right: 12px;
  }
}
.call__input {
  padding-left: 30px;
}
@media (max-width: 834px) {
  .call__input {
    padding-left: calc(12px - -18 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .call__input {
    padding-left: 12px;
  }
}
.call__input {
  padding-top: 30px;
}
@media (max-width: 834px) {
  .call__input {
    padding-top: calc(14px - -16 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .call__input {
    padding-top: 14px;
  }
}
.call__input {
  padding-bottom: 30px;
}
@media (max-width: 834px) {
  .call__input {
    padding-bottom: calc(14px - -16 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .call__input {
    padding-bottom: 14px;
  }
}
.call__input {
  border-radius: 20px;
}
@media (max-width: 834px) {
  .call__input {
    border-radius: calc(10px - -10 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .call__input {
    border-radius: 10px;
  }
}
@media (any-hover: hover) {
  .call__button {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .call__button:hover {
    color: #fff;
    background-color: var(--orange-2);
    box-shadow: inset 0 5px 10px 0 rgba(75, 75, 75, 0.25);
  }
}
@media (max-width: 1060px) {
  .call__form {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 540px) {
  .call__button {
    border-color: var(--red);
    color: var(--red) !important;
    padding: 17px 24px;
    font-weight: 700;
  }
}

.footer__body {
  display: flex;
  flex-direction: column;
}
.footer__body {
  padding-top: 110px;
}
@media (max-width: 834px) {
  .footer__body {
    padding-top: calc(40px - -70 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .footer__body {
    padding-top: 40px;
  }
}
.footer__body {
  padding-bottom: 110px;
}
@media (max-width: 834px) {
  .footer__body {
    padding-bottom: calc(40px - -70 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .footer__body {
    padding-bottom: 40px;
  }
}
.footer__body {
  gap: 35px;
}
@media (max-width: 834px) {
  .footer__body {
    gap: calc(20px - -15 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .footer__body {
    gap: 20px;
  }
}
.footer__cols {
  display: flex;
}
.footer__cols {
  gap: 98px;
}
@media (max-width: 834px) {
  .footer__cols {
    gap: calc(15px - -83 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .footer__cols {
    gap: 15px;
  }
}
.footer__col {
  display: flex;
  flex-direction: column;
}
.footer__col {
  gap: 25px;
}
@media (max-width: 834px) {
  .footer__col {
    gap: calc(15px - -10 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .footer__col {
    gap: 15px;
  }
}
.footer__contact a {
  color: var(--dark);
}
.footer__networks {
  display: flex;
  align-items: center;
}
.footer__networks {
  gap: 25px;
}
@media (max-width: 834px) {
  .footer__networks {
    gap: calc(10px - -15 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .footer__networks {
    gap: 10px;
  }
}
.footer__network img {
  width: 100%;
}
.footer__network img {
  max-width: 45px;
}
@media (max-width: 834px) {
  .footer__network img {
    max-width: calc(20px - -25 * (100vw - 320px) / 514);
  }
}
@media (max-width: 320px) {
  .footer__network img {
    max-width: 20px;
  }
}
@media (max-width: 992px) {
  .footer__body {
    align-items: center;
  }
}

.page {
  flex: 1 1 auto;
}
.order {
    margin: 50px !important;
}