@charset "UTF-8";
/*! _normalize.scss v8.0.1 | MIT License | github.com/necolas/_normalize.scss */
* {
  box-sizing: border-box;
}

html {
  line-height: 1.36;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

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

p {
  margin: 0;
}

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

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

b, strong {
  font-weight: bolder;
}

img {
  border-style: none;
  max-width: 100%;
  height: auto;
}

button, input, optgroup, select, textarea {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  border: none;
  outline: none;
  background: none;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

fieldset {
  padding: 0;
  border: none;
}

legend {
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[hidden] {
  display: none;
}

:root {
  --green: #295B40;
  --white: #ffffff;
  --pink: #FFC6C6;
  --black: #241818;
  --light-green: #387353;
  --grey-ochre: #7D7369;
  --grey: #A2A19D;
  --extra-light-grey: #EBEFF2;
  --red: #FF4747;
}

body {
  font-size: 16px;
  line-height: 1.6;
  color: var(--black);
}

a {
  transition: color 0.3s, text-decoration-color 0.3s ease;
  text-underline-offset: 22%;
  text-decoration: underline;
  text-decoration-color: transparent;
  color: var(--black);
}
a:hover {
  color: var(--black);
  text-decoration-color: initial;
}

h1, .h1 {
  font-size: 20px;
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 32px;
  }
}

h2, .h2 {
  font-size: 20px;
}
@media (min-width: 768px) {
  h2, .h2 {
    font-size: 24px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  text-transform: uppercase;
  line-height: 1.2;
  font-family: "Anticva", sans-serif;
}

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

ul:not([class]),
ol:not([class]),
ul.list,
ol.list {
  margin-bottom: 16px;
}
ul:not([class]):last-child,
ol:not([class]):last-child,
ul.list:last-child,
ol.list:last-child {
  margin-bottom: 0;
}
ul:not([class]) li,
ol:not([class]) li,
ul.list li,
ol.list li {
  display: table;
  margin-bottom: 16px;
}
ul:not([class]) li:before,
ol:not([class]) li:before,
ul.list li:before,
ol.list li:before {
  display: table-cell;
}

ul:not([class]) li::before,
ul.list li::before {
  content: "•";
  padding: 0 8px;
}
@media (min-width: 768px) {
  ul:not([class]) li::before,
  ul.list li::before {
    padding: 0 12px;
  }
}

ol:not([class]).h1,
ol.list {
  counter-reset: item;
}
ol:not([class]).h1 li:before,
ol.list li:before {
  content: counter(item) ". ";
  counter-increment: item;
  padding-right: 6px;
}

@media (min-width: 768px) {
  big {
    font-size: 20px;
  }
}

small,
.small {
  font-size: 14px;
}

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

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

.mr-0 {
  margin-right: 0px !important;
}

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

.ml-0 {
  margin-left: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

.m-1 {
  margin: 4px !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.mx-1 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.p-1 {
  padding: 4px !important;
}

.pt-1 {
  padding-top: 4px !important;
}

.pr-1 {
  padding-right: 4px !important;
}

.pb-1 {
  padding-bottom: 4px !important;
}

.pl-1 {
  padding-left: 4px !important;
}

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

.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.gap-1 {
  gap: 4px !important;
}

.m-2 {
  margin: 8px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.mx-2 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.p-2 {
  padding: 8px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pr-2 {
  padding-right: 8px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

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

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.gap-2 {
  gap: 8px !important;
}

.m-3 {
  margin: 12px !important;
}

.mt-3 {
  margin-top: 12px !important;
}

.mr-3 {
  margin-right: 12px !important;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.ml-3 {
  margin-left: 12px !important;
}

.mx-3 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.p-3 {
  padding: 12px !important;
}

.pt-3 {
  padding-top: 12px !important;
}

.pr-3 {
  padding-right: 12px !important;
}

.pb-3 {
  padding-bottom: 12px !important;
}

.pl-3 {
  padding-left: 12px !important;
}

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

.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.gap-3 {
  gap: 12px !important;
}

.m-4 {
  margin: 16px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.mr-4 {
  margin-right: 16px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.ml-4 {
  margin-left: 16px !important;
}

.mx-4 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.p-4 {
  padding: 16px !important;
}

.pt-4 {
  padding-top: 16px !important;
}

.pr-4 {
  padding-right: 16px !important;
}

.pb-4 {
  padding-bottom: 16px !important;
}

.pl-4 {
  padding-left: 16px !important;
}

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

.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.gap-4 {
  gap: 16px !important;
}

.m-5 {
  margin: 20px !important;
}

.mt-5 {
  margin-top: 20px !important;
}

.mr-5 {
  margin-right: 20px !important;
}

.mb-5 {
  margin-bottom: 20px !important;
}

.ml-5 {
  margin-left: 20px !important;
}

.mx-5 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.p-5 {
  padding: 20px !important;
}

.pt-5 {
  padding-top: 20px !important;
}

.pr-5 {
  padding-right: 20px !important;
}

.pb-5 {
  padding-bottom: 20px !important;
}

.pl-5 {
  padding-left: 20px !important;
}

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

.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.gap-5 {
  gap: 20px !important;
}

.m-6 {
  margin: 24px !important;
}

.mt-6 {
  margin-top: 24px !important;
}

.mr-6 {
  margin-right: 24px !important;
}

.mb-6 {
  margin-bottom: 24px !important;
}

.ml-6 {
  margin-left: 24px !important;
}

.mx-6 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.p-6 {
  padding: 24px !important;
}

.pt-6 {
  padding-top: 24px !important;
}

.pr-6 {
  padding-right: 24px !important;
}

.pb-6 {
  padding-bottom: 24px !important;
}

.pl-6 {
  padding-left: 24px !important;
}

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

.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.gap-6 {
  gap: 24px !important;
}

.m-7 {
  margin: 28px !important;
}

.mt-7 {
  margin-top: 28px !important;
}

.mr-7 {
  margin-right: 28px !important;
}

.mb-7 {
  margin-bottom: 28px !important;
}

.ml-7 {
  margin-left: 28px !important;
}

.mx-7 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.my-7 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.p-7 {
  padding: 28px !important;
}

.pt-7 {
  padding-top: 28px !important;
}

.pr-7 {
  padding-right: 28px !important;
}

.pb-7 {
  padding-bottom: 28px !important;
}

.pl-7 {
  padding-left: 28px !important;
}

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

.py-7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.gap-7 {
  gap: 28px !important;
}

.m-8 {
  margin: 32px !important;
}

.mt-8 {
  margin-top: 32px !important;
}

.mr-8 {
  margin-right: 32px !important;
}

.mb-8 {
  margin-bottom: 32px !important;
}

.ml-8 {
  margin-left: 32px !important;
}

.mx-8 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.my-8 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.p-8 {
  padding: 32px !important;
}

.pt-8 {
  padding-top: 32px !important;
}

.pr-8 {
  padding-right: 32px !important;
}

.pb-8 {
  padding-bottom: 32px !important;
}

.pl-8 {
  padding-left: 32px !important;
}

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

.py-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.gap-8 {
  gap: 32px !important;
}

.m-9 {
  margin: 36px !important;
}

.mt-9 {
  margin-top: 36px !important;
}

.mr-9 {
  margin-right: 36px !important;
}

.mb-9 {
  margin-bottom: 36px !important;
}

.ml-9 {
  margin-left: 36px !important;
}

.mx-9 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.my-9 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.p-9 {
  padding: 36px !important;
}

.pt-9 {
  padding-top: 36px !important;
}

.pr-9 {
  padding-right: 36px !important;
}

.pb-9 {
  padding-bottom: 36px !important;
}

.pl-9 {
  padding-left: 36px !important;
}

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

.py-9 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.gap-9 {
  gap: 36px !important;
}

.m-10 {
  margin: 40px !important;
}

.mt-10 {
  margin-top: 40px !important;
}

.mr-10 {
  margin-right: 40px !important;
}

.mb-10 {
  margin-bottom: 40px !important;
}

.ml-10 {
  margin-left: 40px !important;
}

.mx-10 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-10 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.p-10 {
  padding: 40px !important;
}

.pt-10 {
  padding-top: 40px !important;
}

.pr-10 {
  padding-right: 40px !important;
}

.pb-10 {
  padding-bottom: 40px !important;
}

.pl-10 {
  padding-left: 40px !important;
}

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

.py-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.gap-10 {
  gap: 40px !important;
}

.m-11 {
  margin: 44px !important;
}

.mt-11 {
  margin-top: 44px !important;
}

.mr-11 {
  margin-right: 44px !important;
}

.mb-11 {
  margin-bottom: 44px !important;
}

.ml-11 {
  margin-left: 44px !important;
}

.mx-11 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.my-11 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.p-11 {
  padding: 44px !important;
}

.pt-11 {
  padding-top: 44px !important;
}

.pr-11 {
  padding-right: 44px !important;
}

.pb-11 {
  padding-bottom: 44px !important;
}

.pl-11 {
  padding-left: 44px !important;
}

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

.py-11 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.gap-11 {
  gap: 44px !important;
}

.m-12 {
  margin: 48px !important;
}

.mt-12 {
  margin-top: 48px !important;
}

.mr-12 {
  margin-right: 48px !important;
}

.mb-12 {
  margin-bottom: 48px !important;
}

.ml-12 {
  margin-left: 48px !important;
}

.mx-12 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.my-12 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.p-12 {
  padding: 48px !important;
}

.pt-12 {
  padding-top: 48px !important;
}

.pr-12 {
  padding-right: 48px !important;
}

.pb-12 {
  padding-bottom: 48px !important;
}

.pl-12 {
  padding-left: 48px !important;
}

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

.py-12 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.gap-12 {
  gap: 48px !important;
}

.m-13 {
  margin: 52px !important;
}

.mt-13 {
  margin-top: 52px !important;
}

.mr-13 {
  margin-right: 52px !important;
}

.mb-13 {
  margin-bottom: 52px !important;
}

.ml-13 {
  margin-left: 52px !important;
}

.mx-13 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.my-13 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.p-13 {
  padding: 52px !important;
}

.pt-13 {
  padding-top: 52px !important;
}

.pr-13 {
  padding-right: 52px !important;
}

.pb-13 {
  padding-bottom: 52px !important;
}

.pl-13 {
  padding-left: 52px !important;
}

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

.py-13 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.gap-13 {
  gap: 52px !important;
}

.m-14 {
  margin: 56px !important;
}

.mt-14 {
  margin-top: 56px !important;
}

.mr-14 {
  margin-right: 56px !important;
}

.mb-14 {
  margin-bottom: 56px !important;
}

.ml-14 {
  margin-left: 56px !important;
}

.mx-14 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.my-14 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.p-14 {
  padding: 56px !important;
}

.pt-14 {
  padding-top: 56px !important;
}

.pr-14 {
  padding-right: 56px !important;
}

.pb-14 {
  padding-bottom: 56px !important;
}

.pl-14 {
  padding-left: 56px !important;
}

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

.py-14 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.gap-14 {
  gap: 56px !important;
}

.m-15 {
  margin: 60px !important;
}

.mt-15 {
  margin-top: 60px !important;
}

.mr-15 {
  margin-right: 60px !important;
}

.mb-15 {
  margin-bottom: 60px !important;
}

.ml-15 {
  margin-left: 60px !important;
}

.mx-15 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.my-15 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.p-15 {
  padding: 60px !important;
}

.pt-15 {
  padding-top: 60px !important;
}

.pr-15 {
  padding-right: 60px !important;
}

.pb-15 {
  padding-bottom: 60px !important;
}

.pl-15 {
  padding-left: 60px !important;
}

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

.py-15 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.gap-15 {
  gap: 60px !important;
}

.m-16 {
  margin: 64px !important;
}

.mt-16 {
  margin-top: 64px !important;
}

.mr-16 {
  margin-right: 64px !important;
}

.mb-16 {
  margin-bottom: 64px !important;
}

.ml-16 {
  margin-left: 64px !important;
}

.mx-16 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.my-16 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.p-16 {
  padding: 64px !important;
}

.pt-16 {
  padding-top: 64px !important;
}

.pr-16 {
  padding-right: 64px !important;
}

.pb-16 {
  padding-bottom: 64px !important;
}

.pl-16 {
  padding-left: 64px !important;
}

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

.py-16 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.gap-16 {
  gap: 64px !important;
}

.m-17 {
  margin: 68px !important;
}

.mt-17 {
  margin-top: 68px !important;
}

.mr-17 {
  margin-right: 68px !important;
}

.mb-17 {
  margin-bottom: 68px !important;
}

.ml-17 {
  margin-left: 68px !important;
}

.mx-17 {
  margin-left: 68px !important;
  margin-right: 68px !important;
}

.my-17 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.p-17 {
  padding: 68px !important;
}

.pt-17 {
  padding-top: 68px !important;
}

.pr-17 {
  padding-right: 68px !important;
}

.pb-17 {
  padding-bottom: 68px !important;
}

.pl-17 {
  padding-left: 68px !important;
}

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

.py-17 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.gap-17 {
  gap: 68px !important;
}

.m-18 {
  margin: 72px !important;
}

.mt-18 {
  margin-top: 72px !important;
}

.mr-18 {
  margin-right: 72px !important;
}

.mb-18 {
  margin-bottom: 72px !important;
}

.ml-18 {
  margin-left: 72px !important;
}

.mx-18 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.my-18 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.p-18 {
  padding: 72px !important;
}

.pt-18 {
  padding-top: 72px !important;
}

.pr-18 {
  padding-right: 72px !important;
}

.pb-18 {
  padding-bottom: 72px !important;
}

.pl-18 {
  padding-left: 72px !important;
}

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

.py-18 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.gap-18 {
  gap: 72px !important;
}

.m-19 {
  margin: 76px !important;
}

.mt-19 {
  margin-top: 76px !important;
}

.mr-19 {
  margin-right: 76px !important;
}

.mb-19 {
  margin-bottom: 76px !important;
}

.ml-19 {
  margin-left: 76px !important;
}

.mx-19 {
  margin-left: 76px !important;
  margin-right: 76px !important;
}

.my-19 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.p-19 {
  padding: 76px !important;
}

.pt-19 {
  padding-top: 76px !important;
}

.pr-19 {
  padding-right: 76px !important;
}

.pb-19 {
  padding-bottom: 76px !important;
}

.pl-19 {
  padding-left: 76px !important;
}

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

.py-19 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.gap-19 {
  gap: 76px !important;
}

.m-20 {
  margin: 80px !important;
}

.mt-20 {
  margin-top: 80px !important;
}

.mr-20 {
  margin-right: 80px !important;
}

.mb-20 {
  margin-bottom: 80px !important;
}

.ml-20 {
  margin-left: 80px !important;
}

.mx-20 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.my-20 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.p-20 {
  padding: 80px !important;
}

.pt-20 {
  padding-top: 80px !important;
}

.pr-20 {
  padding-right: 80px !important;
}

.pb-20 {
  padding-bottom: 80px !important;
}

.pl-20 {
  padding-left: 80px !important;
}

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

.py-20 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.gap-20 {
  gap: 80px !important;
}

.m-21 {
  margin: 84px !important;
}

.mt-21 {
  margin-top: 84px !important;
}

.mr-21 {
  margin-right: 84px !important;
}

.mb-21 {
  margin-bottom: 84px !important;
}

.ml-21 {
  margin-left: 84px !important;
}

.mx-21 {
  margin-left: 84px !important;
  margin-right: 84px !important;
}

.my-21 {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}

.p-21 {
  padding: 84px !important;
}

.pt-21 {
  padding-top: 84px !important;
}

.pr-21 {
  padding-right: 84px !important;
}

.pb-21 {
  padding-bottom: 84px !important;
}

.pl-21 {
  padding-left: 84px !important;
}

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

.py-21 {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

.gap-21 {
  gap: 84px !important;
}

.m-22 {
  margin: 88px !important;
}

.mt-22 {
  margin-top: 88px !important;
}

.mr-22 {
  margin-right: 88px !important;
}

.mb-22 {
  margin-bottom: 88px !important;
}

.ml-22 {
  margin-left: 88px !important;
}

.mx-22 {
  margin-left: 88px !important;
  margin-right: 88px !important;
}

.my-22 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.p-22 {
  padding: 88px !important;
}

.pt-22 {
  padding-top: 88px !important;
}

.pr-22 {
  padding-right: 88px !important;
}

.pb-22 {
  padding-bottom: 88px !important;
}

.pl-22 {
  padding-left: 88px !important;
}

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

.py-22 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.gap-22 {
  gap: 88px !important;
}

.m-23 {
  margin: 92px !important;
}

.mt-23 {
  margin-top: 92px !important;
}

.mr-23 {
  margin-right: 92px !important;
}

.mb-23 {
  margin-bottom: 92px !important;
}

.ml-23 {
  margin-left: 92px !important;
}

.mx-23 {
  margin-left: 92px !important;
  margin-right: 92px !important;
}

.my-23 {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}

.p-23 {
  padding: 92px !important;
}

.pt-23 {
  padding-top: 92px !important;
}

.pr-23 {
  padding-right: 92px !important;
}

.pb-23 {
  padding-bottom: 92px !important;
}

.pl-23 {
  padding-left: 92px !important;
}

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

.py-23 {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.gap-23 {
  gap: 92px !important;
}

.m-24 {
  margin: 96px !important;
}

.mt-24 {
  margin-top: 96px !important;
}

.mr-24 {
  margin-right: 96px !important;
}

.mb-24 {
  margin-bottom: 96px !important;
}

.ml-24 {
  margin-left: 96px !important;
}

.mx-24 {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.my-24 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.p-24 {
  padding: 96px !important;
}

.pt-24 {
  padding-top: 96px !important;
}

.pr-24 {
  padding-right: 96px !important;
}

.pb-24 {
  padding-bottom: 96px !important;
}

.pl-24 {
  padding-left: 96px !important;
}

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

.py-24 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.gap-24 {
  gap: 96px !important;
}

@media (min-width: 768px) {
  .md\:m-0 {
    margin: 0px !important;
  }
  .md\:mt-0 {
    margin-top: 0px !important;
  }
  .md\:mr-0 {
    margin-right: 0px !important;
  }
  .md\:mb-0 {
    margin-bottom: 0px !important;
  }
  .md\:ml-0 {
    margin-left: 0px !important;
  }
  .md\:mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .md\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .md\:p-0 {
    padding: 0px !important;
  }
  .md\:pt-0 {
    padding-top: 0px !important;
  }
  .md\:pr-0 {
    padding-right: 0px !important;
  }
  .md\:pb-0 {
    padding-bottom: 0px !important;
  }
  .md\:pl-0 {
    padding-left: 0px !important;
  }
  .md\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .md\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .md\:gap-0 {
    gap: 0px !important;
  }
  .md\:m-1 {
    margin: 4px !important;
  }
  .md\:mt-1 {
    margin-top: 4px !important;
  }
  .md\:mr-1 {
    margin-right: 4px !important;
  }
  .md\:mb-1 {
    margin-bottom: 4px !important;
  }
  .md\:ml-1 {
    margin-left: 4px !important;
  }
  .md\:mx-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .md\:my-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .md\:p-1 {
    padding: 4px !important;
  }
  .md\:pt-1 {
    padding-top: 4px !important;
  }
  .md\:pr-1 {
    padding-right: 4px !important;
  }
  .md\:pb-1 {
    padding-bottom: 4px !important;
  }
  .md\:pl-1 {
    padding-left: 4px !important;
  }
  .md\:px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .md\:py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .md\:gap-1 {
    gap: 4px !important;
  }
  .md\:m-2 {
    margin: 8px !important;
  }
  .md\:mt-2 {
    margin-top: 8px !important;
  }
  .md\:mr-2 {
    margin-right: 8px !important;
  }
  .md\:mb-2 {
    margin-bottom: 8px !important;
  }
  .md\:ml-2 {
    margin-left: 8px !important;
  }
  .md\:mx-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .md\:my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .md\:p-2 {
    padding: 8px !important;
  }
  .md\:pt-2 {
    padding-top: 8px !important;
  }
  .md\:pr-2 {
    padding-right: 8px !important;
  }
  .md\:pb-2 {
    padding-bottom: 8px !important;
  }
  .md\:pl-2 {
    padding-left: 8px !important;
  }
  .md\:px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .md\:py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .md\:gap-2 {
    gap: 8px !important;
  }
  .md\:m-3 {
    margin: 12px !important;
  }
  .md\:mt-3 {
    margin-top: 12px !important;
  }
  .md\:mr-3 {
    margin-right: 12px !important;
  }
  .md\:mb-3 {
    margin-bottom: 12px !important;
  }
  .md\:ml-3 {
    margin-left: 12px !important;
  }
  .md\:mx-3 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .md\:my-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .md\:p-3 {
    padding: 12px !important;
  }
  .md\:pt-3 {
    padding-top: 12px !important;
  }
  .md\:pr-3 {
    padding-right: 12px !important;
  }
  .md\:pb-3 {
    padding-bottom: 12px !important;
  }
  .md\:pl-3 {
    padding-left: 12px !important;
  }
  .md\:px-3 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .md\:py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .md\:gap-3 {
    gap: 12px !important;
  }
  .md\:m-4 {
    margin: 16px !important;
  }
  .md\:mt-4 {
    margin-top: 16px !important;
  }
  .md\:mr-4 {
    margin-right: 16px !important;
  }
  .md\:mb-4 {
    margin-bottom: 16px !important;
  }
  .md\:ml-4 {
    margin-left: 16px !important;
  }
  .md\:mx-4 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .md\:my-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .md\:p-4 {
    padding: 16px !important;
  }
  .md\:pt-4 {
    padding-top: 16px !important;
  }
  .md\:pr-4 {
    padding-right: 16px !important;
  }
  .md\:pb-4 {
    padding-bottom: 16px !important;
  }
  .md\:pl-4 {
    padding-left: 16px !important;
  }
  .md\:px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .md\:py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .md\:gap-4 {
    gap: 16px !important;
  }
  .md\:m-5 {
    margin: 20px !important;
  }
  .md\:mt-5 {
    margin-top: 20px !important;
  }
  .md\:mr-5 {
    margin-right: 20px !important;
  }
  .md\:mb-5 {
    margin-bottom: 20px !important;
  }
  .md\:ml-5 {
    margin-left: 20px !important;
  }
  .md\:mx-5 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .md\:my-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .md\:p-5 {
    padding: 20px !important;
  }
  .md\:pt-5 {
    padding-top: 20px !important;
  }
  .md\:pr-5 {
    padding-right: 20px !important;
  }
  .md\:pb-5 {
    padding-bottom: 20px !important;
  }
  .md\:pl-5 {
    padding-left: 20px !important;
  }
  .md\:px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .md\:py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .md\:gap-5 {
    gap: 20px !important;
  }
  .md\:m-6 {
    margin: 24px !important;
  }
  .md\:mt-6 {
    margin-top: 24px !important;
  }
  .md\:mr-6 {
    margin-right: 24px !important;
  }
  .md\:mb-6 {
    margin-bottom: 24px !important;
  }
  .md\:ml-6 {
    margin-left: 24px !important;
  }
  .md\:mx-6 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .md\:my-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .md\:p-6 {
    padding: 24px !important;
  }
  .md\:pt-6 {
    padding-top: 24px !important;
  }
  .md\:pr-6 {
    padding-right: 24px !important;
  }
  .md\:pb-6 {
    padding-bottom: 24px !important;
  }
  .md\:pl-6 {
    padding-left: 24px !important;
  }
  .md\:px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .md\:py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .md\:gap-6 {
    gap: 24px !important;
  }
  .md\:m-7 {
    margin: 28px !important;
  }
  .md\:mt-7 {
    margin-top: 28px !important;
  }
  .md\:mr-7 {
    margin-right: 28px !important;
  }
  .md\:mb-7 {
    margin-bottom: 28px !important;
  }
  .md\:ml-7 {
    margin-left: 28px !important;
  }
  .md\:mx-7 {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .md\:my-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .md\:p-7 {
    padding: 28px !important;
  }
  .md\:pt-7 {
    padding-top: 28px !important;
  }
  .md\:pr-7 {
    padding-right: 28px !important;
  }
  .md\:pb-7 {
    padding-bottom: 28px !important;
  }
  .md\:pl-7 {
    padding-left: 28px !important;
  }
  .md\:px-7 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .md\:py-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .md\:gap-7 {
    gap: 28px !important;
  }
  .md\:m-8 {
    margin: 32px !important;
  }
  .md\:mt-8 {
    margin-top: 32px !important;
  }
  .md\:mr-8 {
    margin-right: 32px !important;
  }
  .md\:mb-8 {
    margin-bottom: 32px !important;
  }
  .md\:ml-8 {
    margin-left: 32px !important;
  }
  .md\:mx-8 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .md\:my-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .md\:p-8 {
    padding: 32px !important;
  }
  .md\:pt-8 {
    padding-top: 32px !important;
  }
  .md\:pr-8 {
    padding-right: 32px !important;
  }
  .md\:pb-8 {
    padding-bottom: 32px !important;
  }
  .md\:pl-8 {
    padding-left: 32px !important;
  }
  .md\:px-8 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .md\:py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .md\:gap-8 {
    gap: 32px !important;
  }
  .md\:m-9 {
    margin: 36px !important;
  }
  .md\:mt-9 {
    margin-top: 36px !important;
  }
  .md\:mr-9 {
    margin-right: 36px !important;
  }
  .md\:mb-9 {
    margin-bottom: 36px !important;
  }
  .md\:ml-9 {
    margin-left: 36px !important;
  }
  .md\:mx-9 {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .md\:my-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .md\:p-9 {
    padding: 36px !important;
  }
  .md\:pt-9 {
    padding-top: 36px !important;
  }
  .md\:pr-9 {
    padding-right: 36px !important;
  }
  .md\:pb-9 {
    padding-bottom: 36px !important;
  }
  .md\:pl-9 {
    padding-left: 36px !important;
  }
  .md\:px-9 {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .md\:py-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .md\:gap-9 {
    gap: 36px !important;
  }
  .md\:m-10 {
    margin: 40px !important;
  }
  .md\:mt-10 {
    margin-top: 40px !important;
  }
  .md\:mr-10 {
    margin-right: 40px !important;
  }
  .md\:mb-10 {
    margin-bottom: 40px !important;
  }
  .md\:ml-10 {
    margin-left: 40px !important;
  }
  .md\:mx-10 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .md\:my-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .md\:p-10 {
    padding: 40px !important;
  }
  .md\:pt-10 {
    padding-top: 40px !important;
  }
  .md\:pr-10 {
    padding-right: 40px !important;
  }
  .md\:pb-10 {
    padding-bottom: 40px !important;
  }
  .md\:pl-10 {
    padding-left: 40px !important;
  }
  .md\:px-10 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .md\:py-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .md\:gap-10 {
    gap: 40px !important;
  }
  .md\:m-11 {
    margin: 44px !important;
  }
  .md\:mt-11 {
    margin-top: 44px !important;
  }
  .md\:mr-11 {
    margin-right: 44px !important;
  }
  .md\:mb-11 {
    margin-bottom: 44px !important;
  }
  .md\:ml-11 {
    margin-left: 44px !important;
  }
  .md\:mx-11 {
    margin-left: 44px !important;
    margin-right: 44px !important;
  }
  .md\:my-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .md\:p-11 {
    padding: 44px !important;
  }
  .md\:pt-11 {
    padding-top: 44px !important;
  }
  .md\:pr-11 {
    padding-right: 44px !important;
  }
  .md\:pb-11 {
    padding-bottom: 44px !important;
  }
  .md\:pl-11 {
    padding-left: 44px !important;
  }
  .md\:px-11 {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
  .md\:py-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .md\:gap-11 {
    gap: 44px !important;
  }
  .md\:m-12 {
    margin: 48px !important;
  }
  .md\:mt-12 {
    margin-top: 48px !important;
  }
  .md\:mr-12 {
    margin-right: 48px !important;
  }
  .md\:mb-12 {
    margin-bottom: 48px !important;
  }
  .md\:ml-12 {
    margin-left: 48px !important;
  }
  .md\:mx-12 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .md\:my-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .md\:p-12 {
    padding: 48px !important;
  }
  .md\:pt-12 {
    padding-top: 48px !important;
  }
  .md\:pr-12 {
    padding-right: 48px !important;
  }
  .md\:pb-12 {
    padding-bottom: 48px !important;
  }
  .md\:pl-12 {
    padding-left: 48px !important;
  }
  .md\:px-12 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .md\:py-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .md\:gap-12 {
    gap: 48px !important;
  }
  .md\:m-13 {
    margin: 52px !important;
  }
  .md\:mt-13 {
    margin-top: 52px !important;
  }
  .md\:mr-13 {
    margin-right: 52px !important;
  }
  .md\:mb-13 {
    margin-bottom: 52px !important;
  }
  .md\:ml-13 {
    margin-left: 52px !important;
  }
  .md\:mx-13 {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
  .md\:my-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .md\:p-13 {
    padding: 52px !important;
  }
  .md\:pt-13 {
    padding-top: 52px !important;
  }
  .md\:pr-13 {
    padding-right: 52px !important;
  }
  .md\:pb-13 {
    padding-bottom: 52px !important;
  }
  .md\:pl-13 {
    padding-left: 52px !important;
  }
  .md\:px-13 {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
  .md\:py-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .md\:gap-13 {
    gap: 52px !important;
  }
  .md\:m-14 {
    margin: 56px !important;
  }
  .md\:mt-14 {
    margin-top: 56px !important;
  }
  .md\:mr-14 {
    margin-right: 56px !important;
  }
  .md\:mb-14 {
    margin-bottom: 56px !important;
  }
  .md\:ml-14 {
    margin-left: 56px !important;
  }
  .md\:mx-14 {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .md\:my-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .md\:p-14 {
    padding: 56px !important;
  }
  .md\:pt-14 {
    padding-top: 56px !important;
  }
  .md\:pr-14 {
    padding-right: 56px !important;
  }
  .md\:pb-14 {
    padding-bottom: 56px !important;
  }
  .md\:pl-14 {
    padding-left: 56px !important;
  }
  .md\:px-14 {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .md\:py-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .md\:gap-14 {
    gap: 56px !important;
  }
  .md\:m-15 {
    margin: 60px !important;
  }
  .md\:mt-15 {
    margin-top: 60px !important;
  }
  .md\:mr-15 {
    margin-right: 60px !important;
  }
  .md\:mb-15 {
    margin-bottom: 60px !important;
  }
  .md\:ml-15 {
    margin-left: 60px !important;
  }
  .md\:mx-15 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .md\:my-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .md\:p-15 {
    padding: 60px !important;
  }
  .md\:pt-15 {
    padding-top: 60px !important;
  }
  .md\:pr-15 {
    padding-right: 60px !important;
  }
  .md\:pb-15 {
    padding-bottom: 60px !important;
  }
  .md\:pl-15 {
    padding-left: 60px !important;
  }
  .md\:px-15 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .md\:py-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .md\:gap-15 {
    gap: 60px !important;
  }
  .md\:m-16 {
    margin: 64px !important;
  }
  .md\:mt-16 {
    margin-top: 64px !important;
  }
  .md\:mr-16 {
    margin-right: 64px !important;
  }
  .md\:mb-16 {
    margin-bottom: 64px !important;
  }
  .md\:ml-16 {
    margin-left: 64px !important;
  }
  .md\:mx-16 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .md\:my-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .md\:p-16 {
    padding: 64px !important;
  }
  .md\:pt-16 {
    padding-top: 64px !important;
  }
  .md\:pr-16 {
    padding-right: 64px !important;
  }
  .md\:pb-16 {
    padding-bottom: 64px !important;
  }
  .md\:pl-16 {
    padding-left: 64px !important;
  }
  .md\:px-16 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .md\:py-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .md\:gap-16 {
    gap: 64px !important;
  }
  .md\:m-17 {
    margin: 68px !important;
  }
  .md\:mt-17 {
    margin-top: 68px !important;
  }
  .md\:mr-17 {
    margin-right: 68px !important;
  }
  .md\:mb-17 {
    margin-bottom: 68px !important;
  }
  .md\:ml-17 {
    margin-left: 68px !important;
  }
  .md\:mx-17 {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
  .md\:my-17 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .md\:p-17 {
    padding: 68px !important;
  }
  .md\:pt-17 {
    padding-top: 68px !important;
  }
  .md\:pr-17 {
    padding-right: 68px !important;
  }
  .md\:pb-17 {
    padding-bottom: 68px !important;
  }
  .md\:pl-17 {
    padding-left: 68px !important;
  }
  .md\:px-17 {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
  .md\:py-17 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .md\:gap-17 {
    gap: 68px !important;
  }
  .md\:m-18 {
    margin: 72px !important;
  }
  .md\:mt-18 {
    margin-top: 72px !important;
  }
  .md\:mr-18 {
    margin-right: 72px !important;
  }
  .md\:mb-18 {
    margin-bottom: 72px !important;
  }
  .md\:ml-18 {
    margin-left: 72px !important;
  }
  .md\:mx-18 {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .md\:my-18 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .md\:p-18 {
    padding: 72px !important;
  }
  .md\:pt-18 {
    padding-top: 72px !important;
  }
  .md\:pr-18 {
    padding-right: 72px !important;
  }
  .md\:pb-18 {
    padding-bottom: 72px !important;
  }
  .md\:pl-18 {
    padding-left: 72px !important;
  }
  .md\:px-18 {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .md\:py-18 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .md\:gap-18 {
    gap: 72px !important;
  }
  .md\:m-19 {
    margin: 76px !important;
  }
  .md\:mt-19 {
    margin-top: 76px !important;
  }
  .md\:mr-19 {
    margin-right: 76px !important;
  }
  .md\:mb-19 {
    margin-bottom: 76px !important;
  }
  .md\:ml-19 {
    margin-left: 76px !important;
  }
  .md\:mx-19 {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
  .md\:my-19 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .md\:p-19 {
    padding: 76px !important;
  }
  .md\:pt-19 {
    padding-top: 76px !important;
  }
  .md\:pr-19 {
    padding-right: 76px !important;
  }
  .md\:pb-19 {
    padding-bottom: 76px !important;
  }
  .md\:pl-19 {
    padding-left: 76px !important;
  }
  .md\:px-19 {
    padding-left: 76px !important;
    padding-right: 76px !important;
  }
  .md\:py-19 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .md\:gap-19 {
    gap: 76px !important;
  }
  .md\:m-20 {
    margin: 80px !important;
  }
  .md\:mt-20 {
    margin-top: 80px !important;
  }
  .md\:mr-20 {
    margin-right: 80px !important;
  }
  .md\:mb-20 {
    margin-bottom: 80px !important;
  }
  .md\:ml-20 {
    margin-left: 80px !important;
  }
  .md\:mx-20 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .md\:my-20 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .md\:p-20 {
    padding: 80px !important;
  }
  .md\:pt-20 {
    padding-top: 80px !important;
  }
  .md\:pr-20 {
    padding-right: 80px !important;
  }
  .md\:pb-20 {
    padding-bottom: 80px !important;
  }
  .md\:pl-20 {
    padding-left: 80px !important;
  }
  .md\:px-20 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .md\:py-20 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .md\:gap-20 {
    gap: 80px !important;
  }
  .md\:m-21 {
    margin: 84px !important;
  }
  .md\:mt-21 {
    margin-top: 84px !important;
  }
  .md\:mr-21 {
    margin-right: 84px !important;
  }
  .md\:mb-21 {
    margin-bottom: 84px !important;
  }
  .md\:ml-21 {
    margin-left: 84px !important;
  }
  .md\:mx-21 {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
  .md\:my-21 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .md\:p-21 {
    padding: 84px !important;
  }
  .md\:pt-21 {
    padding-top: 84px !important;
  }
  .md\:pr-21 {
    padding-right: 84px !important;
  }
  .md\:pb-21 {
    padding-bottom: 84px !important;
  }
  .md\:pl-21 {
    padding-left: 84px !important;
  }
  .md\:px-21 {
    padding-left: 84px !important;
    padding-right: 84px !important;
  }
  .md\:py-21 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .md\:gap-21 {
    gap: 84px !important;
  }
  .md\:m-22 {
    margin: 88px !important;
  }
  .md\:mt-22 {
    margin-top: 88px !important;
  }
  .md\:mr-22 {
    margin-right: 88px !important;
  }
  .md\:mb-22 {
    margin-bottom: 88px !important;
  }
  .md\:ml-22 {
    margin-left: 88px !important;
  }
  .md\:mx-22 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .md\:my-22 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .md\:p-22 {
    padding: 88px !important;
  }
  .md\:pt-22 {
    padding-top: 88px !important;
  }
  .md\:pr-22 {
    padding-right: 88px !important;
  }
  .md\:pb-22 {
    padding-bottom: 88px !important;
  }
  .md\:pl-22 {
    padding-left: 88px !important;
  }
  .md\:px-22 {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .md\:py-22 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .md\:gap-22 {
    gap: 88px !important;
  }
  .md\:m-23 {
    margin: 92px !important;
  }
  .md\:mt-23 {
    margin-top: 92px !important;
  }
  .md\:mr-23 {
    margin-right: 92px !important;
  }
  .md\:mb-23 {
    margin-bottom: 92px !important;
  }
  .md\:ml-23 {
    margin-left: 92px !important;
  }
  .md\:mx-23 {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
  .md\:my-23 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .md\:p-23 {
    padding: 92px !important;
  }
  .md\:pt-23 {
    padding-top: 92px !important;
  }
  .md\:pr-23 {
    padding-right: 92px !important;
  }
  .md\:pb-23 {
    padding-bottom: 92px !important;
  }
  .md\:pl-23 {
    padding-left: 92px !important;
  }
  .md\:px-23 {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
  .md\:py-23 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .md\:gap-23 {
    gap: 92px !important;
  }
  .md\:m-24 {
    margin: 96px !important;
  }
  .md\:mt-24 {
    margin-top: 96px !important;
  }
  .md\:mr-24 {
    margin-right: 96px !important;
  }
  .md\:mb-24 {
    margin-bottom: 96px !important;
  }
  .md\:ml-24 {
    margin-left: 96px !important;
  }
  .md\:mx-24 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .md\:my-24 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .md\:p-24 {
    padding: 96px !important;
  }
  .md\:pt-24 {
    padding-top: 96px !important;
  }
  .md\:pr-24 {
    padding-right: 96px !important;
  }
  .md\:pb-24 {
    padding-bottom: 96px !important;
  }
  .md\:pl-24 {
    padding-left: 96px !important;
  }
  .md\:px-24 {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .md\:py-24 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .md\:gap-24 {
    gap: 96px !important;
  }
}
@media (min-width: 1200px) {
  .lg\:m-0 {
    margin: 0px !important;
  }
  .lg\:mt-0 {
    margin-top: 0px !important;
  }
  .lg\:mr-0 {
    margin-right: 0px !important;
  }
  .lg\:mb-0 {
    margin-bottom: 0px !important;
  }
  .lg\:ml-0 {
    margin-left: 0px !important;
  }
  .lg\:mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .lg\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .lg\:p-0 {
    padding: 0px !important;
  }
  .lg\:pt-0 {
    padding-top: 0px !important;
  }
  .lg\:pr-0 {
    padding-right: 0px !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0px !important;
  }
  .lg\:pl-0 {
    padding-left: 0px !important;
  }
  .lg\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .lg\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .lg\:gap-0 {
    gap: 0px !important;
  }
  .lg\:m-1 {
    margin: 4px !important;
  }
  .lg\:mt-1 {
    margin-top: 4px !important;
  }
  .lg\:mr-1 {
    margin-right: 4px !important;
  }
  .lg\:mb-1 {
    margin-bottom: 4px !important;
  }
  .lg\:ml-1 {
    margin-left: 4px !important;
  }
  .lg\:mx-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .lg\:my-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .lg\:p-1 {
    padding: 4px !important;
  }
  .lg\:pt-1 {
    padding-top: 4px !important;
  }
  .lg\:pr-1 {
    padding-right: 4px !important;
  }
  .lg\:pb-1 {
    padding-bottom: 4px !important;
  }
  .lg\:pl-1 {
    padding-left: 4px !important;
  }
  .lg\:px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .lg\:py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .lg\:gap-1 {
    gap: 4px !important;
  }
  .lg\:m-2 {
    margin: 8px !important;
  }
  .lg\:mt-2 {
    margin-top: 8px !important;
  }
  .lg\:mr-2 {
    margin-right: 8px !important;
  }
  .lg\:mb-2 {
    margin-bottom: 8px !important;
  }
  .lg\:ml-2 {
    margin-left: 8px !important;
  }
  .lg\:mx-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .lg\:my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .lg\:p-2 {
    padding: 8px !important;
  }
  .lg\:pt-2 {
    padding-top: 8px !important;
  }
  .lg\:pr-2 {
    padding-right: 8px !important;
  }
  .lg\:pb-2 {
    padding-bottom: 8px !important;
  }
  .lg\:pl-2 {
    padding-left: 8px !important;
  }
  .lg\:px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .lg\:py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .lg\:gap-2 {
    gap: 8px !important;
  }
  .lg\:m-3 {
    margin: 12px !important;
  }
  .lg\:mt-3 {
    margin-top: 12px !important;
  }
  .lg\:mr-3 {
    margin-right: 12px !important;
  }
  .lg\:mb-3 {
    margin-bottom: 12px !important;
  }
  .lg\:ml-3 {
    margin-left: 12px !important;
  }
  .lg\:mx-3 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .lg\:my-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .lg\:p-3 {
    padding: 12px !important;
  }
  .lg\:pt-3 {
    padding-top: 12px !important;
  }
  .lg\:pr-3 {
    padding-right: 12px !important;
  }
  .lg\:pb-3 {
    padding-bottom: 12px !important;
  }
  .lg\:pl-3 {
    padding-left: 12px !important;
  }
  .lg\:px-3 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .lg\:py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .lg\:gap-3 {
    gap: 12px !important;
  }
  .lg\:m-4 {
    margin: 16px !important;
  }
  .lg\:mt-4 {
    margin-top: 16px !important;
  }
  .lg\:mr-4 {
    margin-right: 16px !important;
  }
  .lg\:mb-4 {
    margin-bottom: 16px !important;
  }
  .lg\:ml-4 {
    margin-left: 16px !important;
  }
  .lg\:mx-4 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .lg\:my-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .lg\:p-4 {
    padding: 16px !important;
  }
  .lg\:pt-4 {
    padding-top: 16px !important;
  }
  .lg\:pr-4 {
    padding-right: 16px !important;
  }
  .lg\:pb-4 {
    padding-bottom: 16px !important;
  }
  .lg\:pl-4 {
    padding-left: 16px !important;
  }
  .lg\:px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .lg\:py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .lg\:gap-4 {
    gap: 16px !important;
  }
  .lg\:m-5 {
    margin: 20px !important;
  }
  .lg\:mt-5 {
    margin-top: 20px !important;
  }
  .lg\:mr-5 {
    margin-right: 20px !important;
  }
  .lg\:mb-5 {
    margin-bottom: 20px !important;
  }
  .lg\:ml-5 {
    margin-left: 20px !important;
  }
  .lg\:mx-5 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .lg\:my-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .lg\:p-5 {
    padding: 20px !important;
  }
  .lg\:pt-5 {
    padding-top: 20px !important;
  }
  .lg\:pr-5 {
    padding-right: 20px !important;
  }
  .lg\:pb-5 {
    padding-bottom: 20px !important;
  }
  .lg\:pl-5 {
    padding-left: 20px !important;
  }
  .lg\:px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .lg\:py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .lg\:gap-5 {
    gap: 20px !important;
  }
  .lg\:m-6 {
    margin: 24px !important;
  }
  .lg\:mt-6 {
    margin-top: 24px !important;
  }
  .lg\:mr-6 {
    margin-right: 24px !important;
  }
  .lg\:mb-6 {
    margin-bottom: 24px !important;
  }
  .lg\:ml-6 {
    margin-left: 24px !important;
  }
  .lg\:mx-6 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .lg\:my-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .lg\:p-6 {
    padding: 24px !important;
  }
  .lg\:pt-6 {
    padding-top: 24px !important;
  }
  .lg\:pr-6 {
    padding-right: 24px !important;
  }
  .lg\:pb-6 {
    padding-bottom: 24px !important;
  }
  .lg\:pl-6 {
    padding-left: 24px !important;
  }
  .lg\:px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .lg\:py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .lg\:gap-6 {
    gap: 24px !important;
  }
  .lg\:m-7 {
    margin: 28px !important;
  }
  .lg\:mt-7 {
    margin-top: 28px !important;
  }
  .lg\:mr-7 {
    margin-right: 28px !important;
  }
  .lg\:mb-7 {
    margin-bottom: 28px !important;
  }
  .lg\:ml-7 {
    margin-left: 28px !important;
  }
  .lg\:mx-7 {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .lg\:my-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .lg\:p-7 {
    padding: 28px !important;
  }
  .lg\:pt-7 {
    padding-top: 28px !important;
  }
  .lg\:pr-7 {
    padding-right: 28px !important;
  }
  .lg\:pb-7 {
    padding-bottom: 28px !important;
  }
  .lg\:pl-7 {
    padding-left: 28px !important;
  }
  .lg\:px-7 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .lg\:py-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .lg\:gap-7 {
    gap: 28px !important;
  }
  .lg\:m-8 {
    margin: 32px !important;
  }
  .lg\:mt-8 {
    margin-top: 32px !important;
  }
  .lg\:mr-8 {
    margin-right: 32px !important;
  }
  .lg\:mb-8 {
    margin-bottom: 32px !important;
  }
  .lg\:ml-8 {
    margin-left: 32px !important;
  }
  .lg\:mx-8 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .lg\:my-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .lg\:p-8 {
    padding: 32px !important;
  }
  .lg\:pt-8 {
    padding-top: 32px !important;
  }
  .lg\:pr-8 {
    padding-right: 32px !important;
  }
  .lg\:pb-8 {
    padding-bottom: 32px !important;
  }
  .lg\:pl-8 {
    padding-left: 32px !important;
  }
  .lg\:px-8 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .lg\:py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .lg\:gap-8 {
    gap: 32px !important;
  }
  .lg\:m-9 {
    margin: 36px !important;
  }
  .lg\:mt-9 {
    margin-top: 36px !important;
  }
  .lg\:mr-9 {
    margin-right: 36px !important;
  }
  .lg\:mb-9 {
    margin-bottom: 36px !important;
  }
  .lg\:ml-9 {
    margin-left: 36px !important;
  }
  .lg\:mx-9 {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .lg\:my-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .lg\:p-9 {
    padding: 36px !important;
  }
  .lg\:pt-9 {
    padding-top: 36px !important;
  }
  .lg\:pr-9 {
    padding-right: 36px !important;
  }
  .lg\:pb-9 {
    padding-bottom: 36px !important;
  }
  .lg\:pl-9 {
    padding-left: 36px !important;
  }
  .lg\:px-9 {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .lg\:py-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .lg\:gap-9 {
    gap: 36px !important;
  }
  .lg\:m-10 {
    margin: 40px !important;
  }
  .lg\:mt-10 {
    margin-top: 40px !important;
  }
  .lg\:mr-10 {
    margin-right: 40px !important;
  }
  .lg\:mb-10 {
    margin-bottom: 40px !important;
  }
  .lg\:ml-10 {
    margin-left: 40px !important;
  }
  .lg\:mx-10 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .lg\:my-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .lg\:p-10 {
    padding: 40px !important;
  }
  .lg\:pt-10 {
    padding-top: 40px !important;
  }
  .lg\:pr-10 {
    padding-right: 40px !important;
  }
  .lg\:pb-10 {
    padding-bottom: 40px !important;
  }
  .lg\:pl-10 {
    padding-left: 40px !important;
  }
  .lg\:px-10 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .lg\:py-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .lg\:gap-10 {
    gap: 40px !important;
  }
  .lg\:m-11 {
    margin: 44px !important;
  }
  .lg\:mt-11 {
    margin-top: 44px !important;
  }
  .lg\:mr-11 {
    margin-right: 44px !important;
  }
  .lg\:mb-11 {
    margin-bottom: 44px !important;
  }
  .lg\:ml-11 {
    margin-left: 44px !important;
  }
  .lg\:mx-11 {
    margin-left: 44px !important;
    margin-right: 44px !important;
  }
  .lg\:my-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .lg\:p-11 {
    padding: 44px !important;
  }
  .lg\:pt-11 {
    padding-top: 44px !important;
  }
  .lg\:pr-11 {
    padding-right: 44px !important;
  }
  .lg\:pb-11 {
    padding-bottom: 44px !important;
  }
  .lg\:pl-11 {
    padding-left: 44px !important;
  }
  .lg\:px-11 {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
  .lg\:py-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .lg\:gap-11 {
    gap: 44px !important;
  }
  .lg\:m-12 {
    margin: 48px !important;
  }
  .lg\:mt-12 {
    margin-top: 48px !important;
  }
  .lg\:mr-12 {
    margin-right: 48px !important;
  }
  .lg\:mb-12 {
    margin-bottom: 48px !important;
  }
  .lg\:ml-12 {
    margin-left: 48px !important;
  }
  .lg\:mx-12 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .lg\:my-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .lg\:p-12 {
    padding: 48px !important;
  }
  .lg\:pt-12 {
    padding-top: 48px !important;
  }
  .lg\:pr-12 {
    padding-right: 48px !important;
  }
  .lg\:pb-12 {
    padding-bottom: 48px !important;
  }
  .lg\:pl-12 {
    padding-left: 48px !important;
  }
  .lg\:px-12 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .lg\:py-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .lg\:gap-12 {
    gap: 48px !important;
  }
  .lg\:m-13 {
    margin: 52px !important;
  }
  .lg\:mt-13 {
    margin-top: 52px !important;
  }
  .lg\:mr-13 {
    margin-right: 52px !important;
  }
  .lg\:mb-13 {
    margin-bottom: 52px !important;
  }
  .lg\:ml-13 {
    margin-left: 52px !important;
  }
  .lg\:mx-13 {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
  .lg\:my-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .lg\:p-13 {
    padding: 52px !important;
  }
  .lg\:pt-13 {
    padding-top: 52px !important;
  }
  .lg\:pr-13 {
    padding-right: 52px !important;
  }
  .lg\:pb-13 {
    padding-bottom: 52px !important;
  }
  .lg\:pl-13 {
    padding-left: 52px !important;
  }
  .lg\:px-13 {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
  .lg\:py-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .lg\:gap-13 {
    gap: 52px !important;
  }
  .lg\:m-14 {
    margin: 56px !important;
  }
  .lg\:mt-14 {
    margin-top: 56px !important;
  }
  .lg\:mr-14 {
    margin-right: 56px !important;
  }
  .lg\:mb-14 {
    margin-bottom: 56px !important;
  }
  .lg\:ml-14 {
    margin-left: 56px !important;
  }
  .lg\:mx-14 {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .lg\:my-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .lg\:p-14 {
    padding: 56px !important;
  }
  .lg\:pt-14 {
    padding-top: 56px !important;
  }
  .lg\:pr-14 {
    padding-right: 56px !important;
  }
  .lg\:pb-14 {
    padding-bottom: 56px !important;
  }
  .lg\:pl-14 {
    padding-left: 56px !important;
  }
  .lg\:px-14 {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .lg\:py-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .lg\:gap-14 {
    gap: 56px !important;
  }
  .lg\:m-15 {
    margin: 60px !important;
  }
  .lg\:mt-15 {
    margin-top: 60px !important;
  }
  .lg\:mr-15 {
    margin-right: 60px !important;
  }
  .lg\:mb-15 {
    margin-bottom: 60px !important;
  }
  .lg\:ml-15 {
    margin-left: 60px !important;
  }
  .lg\:mx-15 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .lg\:my-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .lg\:p-15 {
    padding: 60px !important;
  }
  .lg\:pt-15 {
    padding-top: 60px !important;
  }
  .lg\:pr-15 {
    padding-right: 60px !important;
  }
  .lg\:pb-15 {
    padding-bottom: 60px !important;
  }
  .lg\:pl-15 {
    padding-left: 60px !important;
  }
  .lg\:px-15 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .lg\:py-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .lg\:gap-15 {
    gap: 60px !important;
  }
  .lg\:m-16 {
    margin: 64px !important;
  }
  .lg\:mt-16 {
    margin-top: 64px !important;
  }
  .lg\:mr-16 {
    margin-right: 64px !important;
  }
  .lg\:mb-16 {
    margin-bottom: 64px !important;
  }
  .lg\:ml-16 {
    margin-left: 64px !important;
  }
  .lg\:mx-16 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .lg\:my-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .lg\:p-16 {
    padding: 64px !important;
  }
  .lg\:pt-16 {
    padding-top: 64px !important;
  }
  .lg\:pr-16 {
    padding-right: 64px !important;
  }
  .lg\:pb-16 {
    padding-bottom: 64px !important;
  }
  .lg\:pl-16 {
    padding-left: 64px !important;
  }
  .lg\:px-16 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .lg\:py-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .lg\:gap-16 {
    gap: 64px !important;
  }
  .lg\:m-17 {
    margin: 68px !important;
  }
  .lg\:mt-17 {
    margin-top: 68px !important;
  }
  .lg\:mr-17 {
    margin-right: 68px !important;
  }
  .lg\:mb-17 {
    margin-bottom: 68px !important;
  }
  .lg\:ml-17 {
    margin-left: 68px !important;
  }
  .lg\:mx-17 {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
  .lg\:my-17 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .lg\:p-17 {
    padding: 68px !important;
  }
  .lg\:pt-17 {
    padding-top: 68px !important;
  }
  .lg\:pr-17 {
    padding-right: 68px !important;
  }
  .lg\:pb-17 {
    padding-bottom: 68px !important;
  }
  .lg\:pl-17 {
    padding-left: 68px !important;
  }
  .lg\:px-17 {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
  .lg\:py-17 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .lg\:gap-17 {
    gap: 68px !important;
  }
  .lg\:m-18 {
    margin: 72px !important;
  }
  .lg\:mt-18 {
    margin-top: 72px !important;
  }
  .lg\:mr-18 {
    margin-right: 72px !important;
  }
  .lg\:mb-18 {
    margin-bottom: 72px !important;
  }
  .lg\:ml-18 {
    margin-left: 72px !important;
  }
  .lg\:mx-18 {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .lg\:my-18 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .lg\:p-18 {
    padding: 72px !important;
  }
  .lg\:pt-18 {
    padding-top: 72px !important;
  }
  .lg\:pr-18 {
    padding-right: 72px !important;
  }
  .lg\:pb-18 {
    padding-bottom: 72px !important;
  }
  .lg\:pl-18 {
    padding-left: 72px !important;
  }
  .lg\:px-18 {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .lg\:py-18 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .lg\:gap-18 {
    gap: 72px !important;
  }
  .lg\:m-19 {
    margin: 76px !important;
  }
  .lg\:mt-19 {
    margin-top: 76px !important;
  }
  .lg\:mr-19 {
    margin-right: 76px !important;
  }
  .lg\:mb-19 {
    margin-bottom: 76px !important;
  }
  .lg\:ml-19 {
    margin-left: 76px !important;
  }
  .lg\:mx-19 {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
  .lg\:my-19 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .lg\:p-19 {
    padding: 76px !important;
  }
  .lg\:pt-19 {
    padding-top: 76px !important;
  }
  .lg\:pr-19 {
    padding-right: 76px !important;
  }
  .lg\:pb-19 {
    padding-bottom: 76px !important;
  }
  .lg\:pl-19 {
    padding-left: 76px !important;
  }
  .lg\:px-19 {
    padding-left: 76px !important;
    padding-right: 76px !important;
  }
  .lg\:py-19 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .lg\:gap-19 {
    gap: 76px !important;
  }
  .lg\:m-20 {
    margin: 80px !important;
  }
  .lg\:mt-20 {
    margin-top: 80px !important;
  }
  .lg\:mr-20 {
    margin-right: 80px !important;
  }
  .lg\:mb-20 {
    margin-bottom: 80px !important;
  }
  .lg\:ml-20 {
    margin-left: 80px !important;
  }
  .lg\:mx-20 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .lg\:my-20 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .lg\:p-20 {
    padding: 80px !important;
  }
  .lg\:pt-20 {
    padding-top: 80px !important;
  }
  .lg\:pr-20 {
    padding-right: 80px !important;
  }
  .lg\:pb-20 {
    padding-bottom: 80px !important;
  }
  .lg\:pl-20 {
    padding-left: 80px !important;
  }
  .lg\:px-20 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .lg\:py-20 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .lg\:gap-20 {
    gap: 80px !important;
  }
  .lg\:m-21 {
    margin: 84px !important;
  }
  .lg\:mt-21 {
    margin-top: 84px !important;
  }
  .lg\:mr-21 {
    margin-right: 84px !important;
  }
  .lg\:mb-21 {
    margin-bottom: 84px !important;
  }
  .lg\:ml-21 {
    margin-left: 84px !important;
  }
  .lg\:mx-21 {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
  .lg\:my-21 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .lg\:p-21 {
    padding: 84px !important;
  }
  .lg\:pt-21 {
    padding-top: 84px !important;
  }
  .lg\:pr-21 {
    padding-right: 84px !important;
  }
  .lg\:pb-21 {
    padding-bottom: 84px !important;
  }
  .lg\:pl-21 {
    padding-left: 84px !important;
  }
  .lg\:px-21 {
    padding-left: 84px !important;
    padding-right: 84px !important;
  }
  .lg\:py-21 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .lg\:gap-21 {
    gap: 84px !important;
  }
  .lg\:m-22 {
    margin: 88px !important;
  }
  .lg\:mt-22 {
    margin-top: 88px !important;
  }
  .lg\:mr-22 {
    margin-right: 88px !important;
  }
  .lg\:mb-22 {
    margin-bottom: 88px !important;
  }
  .lg\:ml-22 {
    margin-left: 88px !important;
  }
  .lg\:mx-22 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .lg\:my-22 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .lg\:p-22 {
    padding: 88px !important;
  }
  .lg\:pt-22 {
    padding-top: 88px !important;
  }
  .lg\:pr-22 {
    padding-right: 88px !important;
  }
  .lg\:pb-22 {
    padding-bottom: 88px !important;
  }
  .lg\:pl-22 {
    padding-left: 88px !important;
  }
  .lg\:px-22 {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .lg\:py-22 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .lg\:gap-22 {
    gap: 88px !important;
  }
  .lg\:m-23 {
    margin: 92px !important;
  }
  .lg\:mt-23 {
    margin-top: 92px !important;
  }
  .lg\:mr-23 {
    margin-right: 92px !important;
  }
  .lg\:mb-23 {
    margin-bottom: 92px !important;
  }
  .lg\:ml-23 {
    margin-left: 92px !important;
  }
  .lg\:mx-23 {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
  .lg\:my-23 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .lg\:p-23 {
    padding: 92px !important;
  }
  .lg\:pt-23 {
    padding-top: 92px !important;
  }
  .lg\:pr-23 {
    padding-right: 92px !important;
  }
  .lg\:pb-23 {
    padding-bottom: 92px !important;
  }
  .lg\:pl-23 {
    padding-left: 92px !important;
  }
  .lg\:px-23 {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
  .lg\:py-23 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .lg\:gap-23 {
    gap: 92px !important;
  }
  .lg\:m-24 {
    margin: 96px !important;
  }
  .lg\:mt-24 {
    margin-top: 96px !important;
  }
  .lg\:mr-24 {
    margin-right: 96px !important;
  }
  .lg\:mb-24 {
    margin-bottom: 96px !important;
  }
  .lg\:ml-24 {
    margin-left: 96px !important;
  }
  .lg\:mx-24 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .lg\:my-24 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .lg\:p-24 {
    padding: 96px !important;
  }
  .lg\:pt-24 {
    padding-top: 96px !important;
  }
  .lg\:pr-24 {
    padding-right: 96px !important;
  }
  .lg\:pb-24 {
    padding-bottom: 96px !important;
  }
  .lg\:pl-24 {
    padding-left: 96px !important;
  }
  .lg\:px-24 {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .lg\:py-24 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .lg\:gap-24 {
    gap: 96px !important;
  }
}
.grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.col-span-1 {
  grid-column: span 1/span 1;
}

.col-span-2 {
  grid-column: span 2/span 2;
}

.col-span-3 {
  grid-column: span 3/span 3;
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.col-span-5 {
  grid-column: span 5/span 5;
}

.col-span-6 {
  grid-column: span 6/span 6;
}

.col-span-7 {
  grid-column: span 7/span 7;
}

.col-span-8 {
  grid-column: span 8/span 8;
}

.col-span-9 {
  grid-column: span 9/span 9;
}

.col-span-10 {
  grid-column: span 10/span 10;
}

.col-span-11 {
  grid-column: span 11/span 11;
}

.col-span-12 {
  grid-column: span 12/span 12;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.col-start-13 {
  grid-column-start: 13;
}

.col-end-1 {
  grid-column-end: 1;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-end-3 {
  grid-column-end: 3;
}

.col-end-4 {
  grid-column-end: 4;
}

.col-end-5 {
  grid-column-end: 5;
}

.col-end-6 {
  grid-column-end: 6;
}

.col-end-7 {
  grid-column-end: 7;
}

.col-end-8 {
  grid-column-end: 8;
}

.col-end-9 {
  grid-column-end: 9;
}

.col-end-10 {
  grid-column-end: 10;
}

.col-end-11 {
  grid-column-end: 11;
}

.col-end-12 {
  grid-column-end: 12;
}

.col-end-13 {
  grid-column-end: 13;
}

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

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

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

.gap-1 {
  gap: 4px !important;
}

.gap-x-1 {
  -moz-column-gap: 4px !important;
       column-gap: 4px !important;
}

.gap-y-1 {
  row-gap: 4px !important;
}

.gap-2 {
  gap: 8px !important;
}

.gap-x-2 {
  -moz-column-gap: 8px !important;
       column-gap: 8px !important;
}

.gap-y-2 {
  row-gap: 8px !important;
}

.gap-3 {
  gap: 12px !important;
}

.gap-x-3 {
  -moz-column-gap: 12px !important;
       column-gap: 12px !important;
}

.gap-y-3 {
  row-gap: 12px !important;
}

.gap-4 {
  gap: 16px !important;
}

.gap-x-4 {
  -moz-column-gap: 16px !important;
       column-gap: 16px !important;
}

.gap-y-4 {
  row-gap: 16px !important;
}

.gap-5 {
  gap: 20px !important;
}

.gap-x-5 {
  -moz-column-gap: 20px !important;
       column-gap: 20px !important;
}

.gap-y-5 {
  row-gap: 20px !important;
}

.gap-6 {
  gap: 24px !important;
}

.gap-x-6 {
  -moz-column-gap: 24px !important;
       column-gap: 24px !important;
}

.gap-y-6 {
  row-gap: 24px !important;
}

.gap-7 {
  gap: 28px !important;
}

.gap-x-7 {
  -moz-column-gap: 28px !important;
       column-gap: 28px !important;
}

.gap-y-7 {
  row-gap: 28px !important;
}

.gap-8 {
  gap: 32px !important;
}

.gap-x-8 {
  -moz-column-gap: 32px !important;
       column-gap: 32px !important;
}

.gap-y-8 {
  row-gap: 32px !important;
}

.gap-9 {
  gap: 36px !important;
}

.gap-x-9 {
  -moz-column-gap: 36px !important;
       column-gap: 36px !important;
}

.gap-y-9 {
  row-gap: 36px !important;
}

.gap-10 {
  gap: 40px !important;
}

.gap-x-10 {
  -moz-column-gap: 40px !important;
       column-gap: 40px !important;
}

.gap-y-10 {
  row-gap: 40px !important;
}

@media (min-width: 1200px) {
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 360px) {
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .xl\:col-span-1 {
    grid-column: span 1/span 1 !important;
  }
  .xl\:col-span-2 {
    grid-column: span 2/span 2 !important;
  }
  .xl\:col-span-3 {
    grid-column: span 3/span 3 !important;
  }
  .xl\:col-span-4 {
    grid-column: span 4/span 4 !important;
  }
  .xl\:col-span-5 {
    grid-column: span 5/span 5 !important;
  }
  .xl\:col-span-6 {
    grid-column: span 6/span 6 !important;
  }
  .xl\:col-span-7 {
    grid-column: span 7/span 7 !important;
  }
  .xl\:col-span-8 {
    grid-column: span 8/span 8 !important;
  }
  .xl\:col-span-9 {
    grid-column: span 9/span 9 !important;
  }
  .xl\:col-span-10 {
    grid-column: span 10/span 10 !important;
  }
  .xl\:col-span-11 {
    grid-column: span 11/span 11 !important;
  }
  .xl\:col-span-12 {
    grid-column: span 12/span 12 !important;
  }
}
@media (min-width: 768px) {
  .md\:col-span-1 {
    grid-column: span 1/span 1 !important;
  }
  .md\:col-span-2 {
    grid-column: span 2/span 2 !important;
  }
  .md\:col-span-3 {
    grid-column: span 3/span 3 !important;
  }
  .md\:col-span-4 {
    grid-column: span 4/span 4 !important;
  }
  .md\:col-span-5 {
    grid-column: span 5/span 5 !important;
  }
  .md\:col-span-6 {
    grid-column: span 6/span 6 !important;
  }
  .md\:col-span-7 {
    grid-column: span 7/span 7 !important;
  }
  .md\:col-span-8 {
    grid-column: span 8/span 8 !important;
  }
  .md\:col-span-9 {
    grid-column: span 9/span 9 !important;
  }
  .md\:col-span-10 {
    grid-column: span 10/span 10 !important;
  }
  .md\:col-span-11 {
    grid-column: span 11/span 11 !important;
  }
  .md\:col-span-12 {
    grid-column: span 12/span 12 !important;
  }
}
@media (min-width: 360px) {
  .sm\:col-span-1 {
    grid-column: span 1/span 1 !important;
  }
  .sm\:col-span-2 {
    grid-column: span 2/span 2 !important;
  }
  .sm\:col-span-3 {
    grid-column: span 3/span 3 !important;
  }
  .sm\:col-span-4 {
    grid-column: span 4/span 4 !important;
  }
  .sm\:col-span-5 {
    grid-column: span 5/span 5 !important;
  }
  .sm\:col-span-6 {
    grid-column: span 6/span 6 !important;
  }
  .sm\:col-span-7 {
    grid-column: span 7/span 7 !important;
  }
  .sm\:col-span-8 {
    grid-column: span 8/span 8 !important;
  }
  .sm\:col-span-9 {
    grid-column: span 9/span 9 !important;
  }
  .sm\:col-span-10 {
    grid-column: span 10/span 10 !important;
  }
  .sm\:col-span-11 {
    grid-column: span 11/span 11 !important;
  }
  .sm\:col-span-12 {
    grid-column: span 12/span 12 !important;
  }
}
.content-static > * {
  margin-bottom: 16px;
}
.content-static img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.alert {
  font-size: 16px;
  line-height: 1.2;
  color: var(--black);
  border: none;
  border-radius: 0;
  padding-right: 52px;
}
.alert .close {
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url("../img/close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  opacity: 1;
  position: absolute;
  right: 20px;
  top: 13px;
  margin: auto;
}
.alert.alert-success {
  background: rgb(217, 244, 230);
}

.basket-items-list-item-container-expend .basket-items-list-item-removed-container {
  background-color: var(--pink);
  padding: 15px 0;
  border-radius: 0;
  color: var(--black);
}
.basket-items-list-item-container-expend .basket-items-list-item-removed-container div {
  padding: 0 15px;
}
.basket-items-list-item-container-expend .basket-items-list-item-removed-container .basket-items-list-item-removed-block a {
  color: var(--black);
  text-decoration-color: transparent;
}
.basket-items-list-item-container-expend .basket-items-list-item-removed-container .basket-items-list-item-removed-block a:hover {
  text-decoration-color: var(--black);
}
.basket-items-list-item-container-expend .basket-items-list-item-removed-container .basket-items-list-item-clear-btn {
  background-image: url("../img/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  background-size: 24px;
  margin-left: 15px;
  margin-top: -4px;
  margin-bottom: -4px;
}
.basket-items-list-item-container-expend .basket-items-list-item-removed-container .basket-items-list-item-clear-btn:before, .basket-items-list-item-container-expend .basket-items-list-item-removed-container .basket-items-list-item-clear-btn:after {
  display: none;
}
@media (max-width: 360px) {
  .basket-items-list-item-container-expend .basket-items-list-item-removed-container {
    flex-wrap: wrap;
  }
}

.btn {
  min-height: 44px;
  padding: 4px 16px;
  border-radius: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.3s;
  cursor: pointer;
  text-decoration: none;
}
.btn.w-full {
  width: 100%;
}
.btn.btn-dark, .btn.btn-primary {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white);
}
.btn.btn-dark:hover, .btn.btn-primary:hover {
  background-color: var(--grey-ochre);
  border-color: var(--grey-ochre);
}
.btn.btn-dark:active, .btn.btn-primary:active {
  background-color: #000;
  border-color: #000;
}
.btn.btn-dark:disabled, .btn.btn-dark.disabled, .btn.btn-primary:disabled, .btn.btn-primary.disabled {
  background-color: var(--grey);
  border-color: var(--grey);
}
.btn.btn-outline-dark {
  border: 1px solid var(--black);
  color: var(--black);
  box-shadow: none;
}
.btn.btn-outline-dark:hover {
  border-color: var(--grey-ochre);
  color: var(--grey-ochre);
}
.btn.btn-outline-dark:active {
  border-color: #000;
  background-color: #000;
  color: var(--white);
}
.btn.btn-outline-dark:disabled,
.btn.btn-outline-dark .disabled {
  background-color: var(--grey);
  color: var(--white);
}
.btn.btn-outline-light {
  border: 1px solid var(--white);
  color: var(--white);
}
.btn.btn-outline-light:hover {
  color: var(--extra-light-grey);
  border-color: var(--extra-light-grey);
}
.btn.btn-outline-light:active {
  color: var(--black);
  border-color: var(--white);
  background-color: var(--white);
}

.bx-green .btn.btn-default, .bx-blue .btn.btn-default {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white);
}
.bx-green .btn.btn-default:hover, .bx-blue .btn.btn-default:hover {
  background-color: var(--grey-ochre);
  border-color: var(--grey-ochre);
}
.bx-green .btn.btn-default:active, .bx-blue .btn.btn-default:active {
  background-color: #000;
  border-color: #000;
}
.bx-green .btn.btn-default:disabled, .bx-green .btn.btn-default.disabled, .bx-blue .btn.btn-default:disabled, .bx-blue .btn.btn-default.disabled {
  background-color: var(--grey);
  border-color: var(--grey);
}

.btn-fav {
  font-size: 0;
  background-color: transparent;
  border-color: transparent;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
}
.btn-fav:before, .btn-fav:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.btn-fav:before {
  background-image: url("../img/heart.svg");
}
.btn-fav:after {
  background-image: url("../img/heart-fill.svg");
  opacity: 0;
}
.btn-fav.active:before {
  opacity: 0;
}
.btn-fav.active:after {
  opacity: 1;
}

.ui-modal {
  position: fixed;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
}
.ui-modal.active {
  opacity: 1;
  visibility: visible;
  z-index: 51;
}
.ui-modal__box {
  width: 100%;
  max-width: 738px;
  background: #fff;
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  overflow: auto;
  padding: 0 15px 32px;
  border-radius: 15px 15px 0 0;
}
.ui-modal__box .modal-drag-line {
  background: #fff;
  border-radius: 2px;
  margin: 0 auto;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 30px;
  min-height: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-modal__box .modal-drag-line:before {
  content: "";
  width: 40px;
  height: 4px;
  background: #D9D9D9;
  border-radius: 2px;
  margin: 0 auto;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
}
.ui-modal__box h2 {
  text-align: center;
  margin: 0 0 32px;
  font-size: 24px;
}
.ui-modal__overlay {
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.ui-modal.active .ui-modal__box {
  transform: translateY(0);
  opacity: 1;
}
.ui-modal .max-w-360 {
  max-width: 360px;
}
@media (min-width: 768px) {
  .ui-modal {
    align-items: center;
  }
  .ui-modal__box {
    padding: 32px 76px 48px;
    border-radius: 20px;
    border: 1px solid var(--black);
  }
  .ui-modal__box .modal-drag-line {
    display: none;
  }
  .ui-modal__box h2 {
    font-size: 32px;
  }
}

.product-item-container .product-item {
  padding: 0;
  background: #fff;
  border: none;
  display: flex;
  flex-wrap: wrap;
}
.product-item-container .product-item-label-ring {
  top: 0;
  bottom: auto;
  right: 0;
  border-radius: 0;
  background: #FFC6C6;
  color: #000;
  line-height: 1;
  font-size: 16px;
  padding: 4px 10px;
  width: auto;
  height: 40px;
  display: flex;
  align-items: center;
}
.product-item-container .product-item-label-ring.product-item-label-small {
  width: auto;
  height: 40px;
  font-size: 16px;
  line-height: 1;
}
.product-item-container .product-item-image-wrapper {
  padding-top: 108%;
  background: var(--extra-light-grey);
  margin-bottom: 8px;
}
.product-item-container .product-item-image-original, .product-item-container .product-item-image-alternative {
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
}
.product-item-container .product-item-title {
  width: 100%;
  margin-bottom: 8px;
  text-align: left;
}
.product-item-container .product-item-title a {
  font-weight: 400;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  line-height: 1.5;
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: var(--black);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-item-container .product-item-price-container {
  margin: 0 auto 0 0;
  display: flex !important;
  flex-direction: column;
  align-self: center;
  font-size: 0;
  text-align: left;
}
.product-item-container .product-item-price-current {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}
.product-item-container .product-item-price-old {
  font-size: 12px;
  color: var(--grey);
  text-transform: uppercase;
  line-height: 25px;
  margin-top: -4px;
}
.product-item-container .product-item-info-container {
  margin-bottom: 0;
}
.product-item-container .product-item-info-container.product-item-hidden {
  display: block !important;
  opacity: 1 !important;
  align-self: flex-end;
}
.product-item-container .product-item-info-container.d-none {
  display: none !important;
}
.product-item-container .product-item-button-container {
  display: flex;
  align-items: center;
}
.product-item-container .product-item-button-container .btn,
.product-item-container .product-item-button-container .add-to-favorite,
.product-item-container .product-item-button-container .delete-from-favorite,
.product-item-container .product-item-button-container .open-auth {
  font-size: 0;
  background-color: transparent;
  border-color: transparent;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 10px 0 0;
  padding: 0;
  border-radius: 0;
}
.product-item-container .product-item-button-container .btn:last-child,
.product-item-container .product-item-button-container .add-to-favorite:last-child,
.product-item-container .product-item-button-container .delete-from-favorite:last-child,
.product-item-container .product-item-button-container .open-auth:last-child {
  margin-right: 0;
}
.product-item-container .product-item-button-container .btn:hover,
.product-item-container .product-item-button-container .add-to-favorite:hover,
.product-item-container .product-item-button-container .delete-from-favorite:hover,
.product-item-container .product-item-button-container .open-auth:hover {
  background-color: transparent;
  border-color: transparent;
}
.product-item-container .product-item-button-container .btn,
.product-item-container .product-item-button-container .add-to-basket-unauth {
  background-image: url("../img/shop.svg");
  position: relative;
}
.product-item-container .product-item-button-container .add-to-favorite,
.product-item-container .product-item-button-container .add-to-favorite-unauth {
  background-image: url("../img/heart.svg");
}
.product-item-container .product-item-button-container .delete-from-favorite {
  background-image: url("../img/heart-fill.svg");
}
.product-item-container .product-item-amount-field-container {
  max-width: 180px;
  margin: 0;
}
.product-item-container .product-item-amount-field-block {
  padding: 0 12px;
}
.product-item-container .product-item-amount-field {
  padding: 0 8px;
  height: 40px;
  border: 1px solid var(--black);
  border-radius: 15px;
  color: var(--black);
  font-weight: 600;
  font-size: 16px;
}
.product-item-container .product-item-amount-description-container {
  display: none;
}
.product-item-container .product-item-amount-field-btn-plus, .product-item-container .product-item-amount-field-btn-minus {
  border: none;
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  border-radius: 100%;
}
.product-item-container .product-item-amount-field-btn-plus:after, .product-item-container .product-item-amount-field-btn-minus:after {
  display: none;
}
.product-item-container .product-item-amount-field-btn-plus {
  background-image: url("../img/plus.svg");
}
.product-item-container .product-item-amount-field-btn-minus {
  background-image: url("../img/minus.svg");
}
@media (min-width: 576px) {
  .product-item-container .product-item-amount-field-container {
    max-width: 204px;
  }
  .product-item-container .product-item-amount-field {
    height: 44px;
  }
}
@media (min-width: 1200px) {
  .product-item-container .product-item-price-container {
    flex-direction: row;
    align-items: center;
  }
  .product-item-container .product-item-price-current {
    order: 1;
    margin-right: 16px;
  }
  .product-item-container .product-item-price-old {
    order: 2;
    font-size: 16px;
    margin: 0;
  }
}
.product-item-container.hover {
  height: auto !important;
}
.bx-no-touch .product-item-container.hover .product-item {
  position: relative;
  right: 0;
  left: 0;
  padding: 0;
  width: 100%;
  border: none;
  box-shadow: none;
  -webkit-animation: none;
}
.product-item-container .btn.btn-default:active {
  box-shadow: none !important;
}
.product-item-container:has(.btn-primary .ui-count) .product-item-image-wrapper:before {
  content: "В корзине";
  background: rgba(255, 198, 198, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-transform: uppercase;
}

.ui-count {
  min-width: 15px;
  max-width: 22px;
  height: 15px;
  padding: 0 2px;
  border-radius: 15px;
  background: var(--pink);
  color: var(--black);
  position: absolute;
  top: -4px;
  right: -5px;
  z-index: 2;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-group,
.bx-filter-parameters-box-container-block {
  position: relative;
}
.form-group .form-control,
.form-group .bx-filter-input-container input,
.bx-filter-parameters-box-container-block .form-control,
.bx-filter-parameters-box-container-block .bx-filter-input-container input {
  width: 100%;
  height: 56px;
  border-radius: 15px;
  border: 1px solid var(--black);
  color: var(--black);
  padding: 16px;
  background: var(--white);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1490196078);
  transition: 0.3s;
  -o-border-image: none !important;
     border-image: none !important;
}
body.apple-device .form-group .form-control,
body.apple-device .form-group .bx-filter-input-container input,
body.apple-device .bx-filter-parameters-box-container-block .form-control,
body.apple-device .bx-filter-parameters-box-container-block .bx-filter-input-container input {
  font-weight: 200;
}
.form-group .form-control::-moz-placeholder, .form-group .bx-filter-input-container input::-moz-placeholder, .bx-filter-parameters-box-container-block .form-control::-moz-placeholder, .bx-filter-parameters-box-container-block .bx-filter-input-container input::-moz-placeholder {
  color: #7B7B7B;
}
.form-group .form-control::placeholder,
.form-group .bx-filter-input-container input::placeholder,
.bx-filter-parameters-box-container-block .form-control::placeholder,
.bx-filter-parameters-box-container-block .bx-filter-input-container input::placeholder {
  color: #7B7B7B;
}
.form-group .form-control:hover,
.form-group .bx-filter-input-container input:hover,
.bx-filter-parameters-box-container-block .form-control:hover,
.bx-filter-parameters-box-container-block .bx-filter-input-container input:hover {
  background: #F9F9F9;
}
.form-group .form-control:focus,
.form-group .bx-filter-input-container input:focus,
.bx-filter-parameters-box-container-block .form-control:focus,
.bx-filter-parameters-box-container-block .bx-filter-input-container input:focus {
  background: var(--white);
}
.form-group .form-control.error,
.form-group .bx-filter-input-container input.error,
.bx-filter-parameters-box-container-block .form-control.error,
.bx-filter-parameters-box-container-block .bx-filter-input-container input.error {
  border-color: var(--red);
}
.form-group .form-control.error ~ .text-error,
.form-group .bx-filter-input-container input.error ~ .text-error,
.bx-filter-parameters-box-container-block .form-control.error ~ .text-error,
.bx-filter-parameters-box-container-block .bx-filter-input-container input.error ~ .text-error {
  display: block;
  position: absolute;
  top: calc(100% + 4px);
  width: 100%;
  left: 0;
  padding: 0 16px;
}
.form-group .form-control:disabled,
.form-group .form-control .disabled,
.form-group .bx-filter-input-container input:disabled,
.form-group .bx-filter-input-container input .disabled,
.bx-filter-parameters-box-container-block .form-control:disabled,
.bx-filter-parameters-box-container-block .form-control .disabled,
.bx-filter-parameters-box-container-block .bx-filter-input-container input:disabled,
.bx-filter-parameters-box-container-block .bx-filter-input-container input .disabled {
  background: #E1E1E1;
  border-color: #E1E1E1;
}
.form-group .bx-ft-sub,
.form-group .form-control__label,
.bx-filter-parameters-box-container-block .bx-ft-sub,
.bx-filter-parameters-box-container-block .form-control__label {
  position: absolute;
  top: 16px;
  height: 16px;
  line-height: 1;
  font-size: 16px !important;
  left: 0;
  color: #7B7B7B;
  font-weight: normal;
  padding: 0 16px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: auto;
  width: 100%;
  pointer-events: none;
}
body.apple-device .form-group .bx-ft-sub,
body.apple-device .form-group .form-control__label,
body.apple-device .bx-filter-parameters-box-container-block .bx-ft-sub,
body.apple-device .bx-filter-parameters-box-container-block .form-control__label {
  font-weight: 200;
}
.form-group input[type=password] ~ .view-password:before,
.bx-filter-parameters-box-container-block input[type=password] ~ .view-password:before {
  opacity: 1;
}
.form-group input[type=password] ~ .view-password:after,
.bx-filter-parameters-box-container-block input[type=password] ~ .view-password:after {
  opacity: 0;
}
.form-group .view-password,
.bx-filter-parameters-box-container-block .view-password {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
}
.form-group .view-password:before,
.bx-filter-parameters-box-container-block .view-password:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../img/visibility-off.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s;
  opacity: 0;
}
.form-group .view-password:after,
.bx-filter-parameters-box-container-block .view-password:after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../img/visibility.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s;
  opacity: 1;
}
.form-group,
.bx-filter-parameters-box-container-block {
  /* Стили для пустого поля */
}
.form-group .bx-ft-sub,
.form-group .form-control__label,
.bx-filter-parameters-box-container-block .bx-ft-sub,
.bx-filter-parameters-box-container-block .form-control__label {
  opacity: 0;
}
.form-group,
.bx-filter-parameters-box-container-block {
  /* Стили для заполненного поля */
}
.form-group:has(input.no-empty) .bx-ft-sub,
.form-group:has(input.no-empty) .form-control__label, .form-group:has(#auth-phone:focus) .bx-ft-sub,
.form-group:has(#auth-phone:focus) .form-control__label, .form-group:has(#auth-phone-2:focus) .bx-ft-sub,
.form-group:has(#auth-phone-2:focus) .form-control__label,
.bx-filter-parameters-box-container-block:has(input.no-empty) .bx-ft-sub,
.bx-filter-parameters-box-container-block:has(input.no-empty) .form-control__label,
.bx-filter-parameters-box-container-block:has(#auth-phone:focus) .bx-ft-sub,
.bx-filter-parameters-box-container-block:has(#auth-phone:focus) .form-control__label,
.bx-filter-parameters-box-container-block:has(#auth-phone-2:focus) .bx-ft-sub,
.bx-filter-parameters-box-container-block:has(#auth-phone-2:focus) .form-control__label {
  opacity: 1;
  top: 8px;
  font-size: 12px !important;
  transition: 0.3s;
}
.form-group:has(input.no-empty) .bx-ft-sub ~ .bx-filter-input-container .form-control,
.form-group:has(input.no-empty) .bx-ft-sub ~ .bx-filter-input-container input,
.form-group:has(input.no-empty) .form-control__label ~ .bx-filter-input-container .form-control,
.form-group:has(input.no-empty) .form-control__label ~ .bx-filter-input-container input, .form-group:has(#auth-phone:focus) .bx-ft-sub ~ .bx-filter-input-container .form-control,
.form-group:has(#auth-phone:focus) .bx-ft-sub ~ .bx-filter-input-container input,
.form-group:has(#auth-phone:focus) .form-control__label ~ .bx-filter-input-container .form-control,
.form-group:has(#auth-phone:focus) .form-control__label ~ .bx-filter-input-container input, .form-group:has(#auth-phone-2:focus) .bx-ft-sub ~ .bx-filter-input-container .form-control,
.form-group:has(#auth-phone-2:focus) .bx-ft-sub ~ .bx-filter-input-container input,
.form-group:has(#auth-phone-2:focus) .form-control__label ~ .bx-filter-input-container .form-control,
.form-group:has(#auth-phone-2:focus) .form-control__label ~ .bx-filter-input-container input,
.bx-filter-parameters-box-container-block:has(input.no-empty) .bx-ft-sub ~ .bx-filter-input-container .form-control,
.bx-filter-parameters-box-container-block:has(input.no-empty) .bx-ft-sub ~ .bx-filter-input-container input,
.bx-filter-parameters-box-container-block:has(input.no-empty) .form-control__label ~ .bx-filter-input-container .form-control,
.bx-filter-parameters-box-container-block:has(input.no-empty) .form-control__label ~ .bx-filter-input-container input,
.bx-filter-parameters-box-container-block:has(#auth-phone:focus) .bx-ft-sub ~ .bx-filter-input-container .form-control,
.bx-filter-parameters-box-container-block:has(#auth-phone:focus) .bx-ft-sub ~ .bx-filter-input-container input,
.bx-filter-parameters-box-container-block:has(#auth-phone:focus) .form-control__label ~ .bx-filter-input-container .form-control,
.bx-filter-parameters-box-container-block:has(#auth-phone:focus) .form-control__label ~ .bx-filter-input-container input,
.bx-filter-parameters-box-container-block:has(#auth-phone-2:focus) .bx-ft-sub ~ .bx-filter-input-container .form-control,
.bx-filter-parameters-box-container-block:has(#auth-phone-2:focus) .bx-ft-sub ~ .bx-filter-input-container input,
.bx-filter-parameters-box-container-block:has(#auth-phone-2:focus) .form-control__label ~ .bx-filter-input-container .form-control,
.bx-filter-parameters-box-container-block:has(#auth-phone-2:focus) .form-control__label ~ .bx-filter-input-container input {
  padding: 24px 16px 8px;
}
.form-group:has(input.no-empty) .bx-ft-sub ~ .form-control,
.form-group:has(input.no-empty) .form-control__label ~ .form-control, .form-group:has(#auth-phone:focus) .bx-ft-sub ~ .form-control,
.form-group:has(#auth-phone:focus) .form-control__label ~ .form-control, .form-group:has(#auth-phone-2:focus) .bx-ft-sub ~ .form-control,
.form-group:has(#auth-phone-2:focus) .form-control__label ~ .form-control,
.bx-filter-parameters-box-container-block:has(input.no-empty) .bx-ft-sub ~ .form-control,
.bx-filter-parameters-box-container-block:has(input.no-empty) .form-control__label ~ .form-control,
.bx-filter-parameters-box-container-block:has(#auth-phone:focus) .bx-ft-sub ~ .form-control,
.bx-filter-parameters-box-container-block:has(#auth-phone:focus) .form-control__label ~ .form-control,
.bx-filter-parameters-box-container-block:has(#auth-phone-2:focus) .bx-ft-sub ~ .form-control,
.bx-filter-parameters-box-container-block:has(#auth-phone-2:focus) .form-control__label ~ .form-control {
  padding: 24px 16px 8px;
}
.form-group:has(input.error) .bx-ft-sub,
.form-group:has(input.error) .form-control__label,
.bx-filter-parameters-box-container-block:has(input.error) .bx-ft-sub,
.bx-filter-parameters-box-container-block:has(input.error) .form-control__label {
  color: var(--red);
}

textarea {
  width: 100%;
  height: 56px;
  border-radius: 15px;
  border: 1px solid var(--black);
  color: var(--black);
  padding: 16px;
  background: var(--white);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1490196078);
  transition: 0.3s;
  -o-border-image: none !important;
     border-image: none !important;
}
body.apple-device textarea {
  font-weight: 200;
}
textarea::-moz-placeholder {
  color: #7B7B7B;
}
textarea::placeholder {
  color: #7B7B7B;
}
textarea:hover {
  background: #F9F9F9;
}
textarea:focus {
  background: var(--white);
}
textarea.error {
  border-color: var(--red);
}
textarea.error ~ .text-error {
  display: block;
  position: absolute;
  top: calc(100% + 4px);
  width: 100%;
  left: 0;
  padding: 0 16px;
}
textarea:disabled,
textarea .disabled {
  background: #E1E1E1;
  border-color: #E1E1E1;
}

.form-group:has(.form-control[type=checkbox]) {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  position: relative;
  flex-direction: column;
}
.form-group:has(.form-control[type=checkbox]) label {
  margin: 0;
  padding: 5px 0 0 40px;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.2;
  position: relative;
  min-height: 24px;
}
body.apple-device .form-group:has(.form-control[type=checkbox]) label {
  font-weight: 200;
}
.form-group:has(.form-control[type=checkbox]) label a {
  color: var(--green);
  text-decoration: underline;
}
.form-group:has(.form-control[type=checkbox]) label a:hover {
  text-decoration-color: transparent;
}
.form-group:has(.form-control[type=checkbox]) label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid var(--black);
  border-radius: 7px;
  opacity: 1;
  box-sizing: border-box;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.form-group:has(.form-control[type=checkbox]) .text-error {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 4px;
}
.form-group .form-control[type=checkbox] {
  display: none;
}
.form-group .form-control[type=checkbox]:checked ~ label:before {
  background-image: url("../img/check.svg");
}
.form-group .form-control[type=checkbox].error ~ label:before {
  border-color: var(--red);
}

.checkbox .main-user-consent-request {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  position: relative;
  flex-direction: column;
}
.checkbox .main-user-consent-request input {
  display: none;
}
.checkbox .main-user-consent-request:has(input:checked):before {
  background-image: url("../img/check.svg");
}
.checkbox .main-user-consent-request:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid var(--black);
  border-radius: 7px;
  opacity: 1;
  box-sizing: border-box;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.checkbox .main-user-consent-request .main-user-consent-request-announce-link {
  margin: 0;
  padding: 5px 0 0 40px;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.2;
  position: relative;
  min-height: 24px;
}
body.apple-device .checkbox .main-user-consent-request .main-user-consent-request-announce-link {
  font-weight: 200;
}

.popup-window {
  width: 100%;
  border-radius: 20px 20px 0 0;
  box-shadow: none;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  padding: 0 15px 32px;
  left: 0 !important;
  right: 0;
  margin: 0 auto;
}
.popup-window-with-titlebar {
  padding: 0 15px 32px;
}
.popup-window-titlebar {
  height: auto;
  text-align: center;
}
.popup-window-titlebar-text, .popup-window-titlebar-text-version {
  color: var(--black);
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
  padding: 0;
  white-space: normal;
  text-transform: uppercase;
}
body.apple-device .popup-window-titlebar-text, body.apple-device .popup-window-titlebar-text-version {
  font-weight: 200;
}
.popup-window-close-icon {
  display: none;
  width: 32px;
  height: 32px;
  opacity: 1;
  right: 20px;
  top: 20px;
  background-image: url("../img/close-circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.popup-window-close-icon:after {
  display: none;
}
.popup-window-titlebar-close-icon {
  top: 20px;
  right: 20px;
}
.popup-window-content {
  padding: 12px 0 0 !important;
}
.popup-window-content > div > img {
  width: 170px;
  height: 184px;
  min-height: 184px;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: var(--extra-light-grey);
  display: block;
  margin: 0 auto 10px;
}
.popup-window-buttons {
  padding: 12px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}
.popup-window-buttons .btn {
  width: 100%;
  max-width: 360px;
}
.popup-window .popup-drag-line {
  background: #fff;
  border-radius: 2px;
  margin: 0 auto;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 30px;
  min-height: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-window .popup-drag-line:before {
  content: "";
  width: 40px;
  height: 4px;
  background: #D9D9D9;
  border-radius: 2px;
  margin: 0 auto;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .popup-window {
    max-width: 738px;
    padding: 32px 74px !important;
    border-radius: 20px;
    border: 1px solid var(--black);
  }
  .popup-window-with-titlebar {
    padding: 32px 74px !important;
  }
  .popup-window-titlebar-text, .popup-window-titlebar-text-version {
    font-size: 32px;
  }
  .popup-window-close-icon {
    display: block;
  }
  .popup-window .popup-drag-line {
    display: none;
  }
  .popup-window-content > div > img {
    width: 258px;
    height: 279px;
    min-height: 279px;
  }
}
@media (max-width: 767px) {
  .popup-window {
    bottom: 0;
    top: auto !important;
    position: fixed !important;
    max-height: calc(100vh - 48px);
    overflow: auto;
  }
  .popup-window .popup-window {
    touch-action: pan-y;
  }
}

.popup-window-overlay,
.main-user-consent-request-popup {
  background: rgba(0, 0, 0, 0.35);
}

.main-user-consent-request-popup-cont {
  width: 100%;
  border-radius: 20px 20px 0 0;
  box-shadow: none;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  padding: 0 15px 32px;
}
.main-user-consent-request-popup-header {
  color: var(--black);
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
  padding: 0;
  white-space: normal;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  max-width: 100%;
  text-align: center;
}
body.apple-device .main-user-consent-request-popup-header {
  font-weight: 200;
}
.main-user-consent-request-popup-text {
  border: none;
  padding: 0;
  color: var(--black);
  max-height: calc(100vh - 295px);
  min-height: 100px;
}
.main-user-consent-request-popup-buttons {
  display: flex;
  flex-wrap: wrap;
}
.main-user-consent-request-popup-button {
  width: 100%;
  min-height: 44px;
  padding: 4px 16px;
  border-radius: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
  text-decoration: none;
  margin: 8px 0 0;
  text-transform: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
}
.main-user-consent-request-popup-button:first-child {
  margin-top: 0;
}
.main-user-consent-request-popup-button-acc {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white);
}
.main-user-consent-request-popup-button-acc:hover {
  background-color: var(--grey-ochre);
  border-color: var(--grey-ochre);
}
.main-user-consent-request-popup-button-acc:active {
  background-color: #000;
  border-color: #000;
}
.main-user-consent-request-popup-button-acc:disabled, .main-user-consent-request-popup-button-acc.disabled {
  background-color: var(--grey);
  border-color: var(--grey);
}
.main-user-consent-request-popup-button-rej {
  border: 1px solid var(--black);
  color: var(--black);
  box-shadow: none;
}
.main-user-consent-request-popup-button-rej:hover {
  border-color: var(--grey-ochre);
  color: var(--grey-ochre);
}
.main-user-consent-request-popup-button-rej:active {
  border-color: #000;
  background-color: #000;
  color: var(--white);
}
.main-user-consent-request-popup-button-rej:disabled,
.main-user-consent-request-popup-button-rej .disabled {
  background-color: var(--grey);
  color: var(--white);
}
@media (max-width: 767px) {
  .main-user-consent-request-popup-cont {
    bottom: 0;
    top: auto !important;
    position: fixed !important;
    max-height: calc(100vh - 48px);
    overflow: auto;
    transform: translate(-50%, 0%);
    max-width: 100%;
  }
  .main-user-consent-request-popup-cont:before {
    content: "";
    width: 40px;
    height: 4px;
    background: #D9D9D9;
    border-radius: 2px;
    margin: 10px auto 16px;
    display: block;
    touch-action: none;
  }
}
@media (min-width: 768px) {
  .main-user-consent-request-popup {
    overflow: auto;
    padding: 80px 0;
  }
  .main-user-consent-request-popup-cont {
    padding: 32px 74px;
    max-width: 738px;
    border-radius: 20px;
    border: 1px solid var(--black);
    overflow: auto;
    transform: initial;
    position: relative;
    top: 0;
    left: 0;
  }
  .main-user-consent-request-popup-text {
    height: auto;
    max-height: calc(100vh - 430px);
    min-height: 200px;
  }
  .main-user-consent-request-popup-header {
    font-size: 32px;
  }
  .main-user-consent-request-popup-button {
    max-width: 360px;
  }
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: var(--black);
  border-radius: 10px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

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

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

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

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 5px;
  border-radius: 10px;
  background: var(--extra-light-grey);
}

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

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

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

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

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

.header {
  position: sticky;
  width: 100%;
  top: 0;
  padding: 24px 0;
  height: 80px;
  z-index: 50;
  background: #fff;
  color: var(--black);
}
body:has(.main-banner) .header {
  opacity: 0;
  animation: show-banner 1s ease-in forwards;
}
.header__burger {
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
}
.header__burger svg {
  transition: color 0.3s ease;
}
@media (min-width: 1200px) {
  .header__burger {
    margin-right: 24px;
  }
}
.header__discount {
  display: none;
  transition: color 0.3s ease;
}
@media (min-width: 1200px) {
  .header__discount {
    display: block;
    font-size: 24px;
    line-height: 1;
    margin-right: 24px;
  }
}
.header__leaf {
  display: none;
  transition: color 0.3s ease;
}
.header__leaf svg {
  width: 24px;
  min-width: 24px;
  height: 23px;
}
@media (min-width: 1200px) {
  .header__leaf {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 24px;
    line-height: 1;
    margin-right: auto;
  }
}
.header__logo {
  width: 113px;
  height: 32px;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.header__logo svg {
  width: 113px;
  height: 32px;
}
@media (min-width: 1200px) {
  .header__logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.header__phone {
  display: none;
}
@media (min-width: 1200px) {
  .header__phone {
    display: block;
    font-size: 16px;
    line-height: 1;
    margin-right: 32px;
    margin-left: auto;
  }
}
.header__shop {
  width: 32px;
  height: 32px;
  position: relative;
}
@media (min-width: 1200px) {
  .header__shop {
    margin-right: 20px;
  }
  .header__shop:last-child {
    margin-right: 0;
  }
}
.header__search {
  display: none;
  position: absolute;
  left: 111px;
  top: 115px;
}
.header__search svg {
  width: 32px;
  height: 32px;
  display: block;
  transition: color 0.3s ease;
}
@media (min-width: 1200px) {
  .header__search {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 20px;
  }
  .header__search:last-child {
    margin-right: 0;
  }
}
.header__profile {
  display: none;
  position: absolute;
  left: 15px;
  top: 115px;
}
.header__profile svg {
  width: 32px;
  height: 32px;
  display: block;
}
@media (min-width: 1200px) {
  .header__profile {
    display: block;
    position: relative;
    top: 0;
    left: 0;
  }
  .header__profile:last-child {
    margin-right: 0;
  }
}
.header__fav {
  display: none;
  position: absolute;
  left: 63px;
  top: 115px;
}
.header__fav svg {
  width: 32px;
  height: 32px;
  display: block;
}
@media (min-width: 1200px) {
  .header__fav {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 20px;
  }
  .header__fav:last-child {
    margin-right: 0;
  }
}
.header__nav {
  display: none;
  width: 100%;
  margin-top: 24px;
  line-height: 1.2;
}
.header__nav p {
  font-weight: 600;
  margin: 0 0 16px;
}
.header__nav .left-menu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}
.header__nav .left-menu li {
  padding: 0;
  background: none;
}
.header__nav .left-menu a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  color: var(--black) !important;
  font-weight: normal;
  text-decoration: underline;
  text-decoration-color: transparent;
}
body.apple-device .header__nav .left-menu a {
  font-weight: 200;
}
.header__nav .left-menu a:hover {
  text-decoration-color: initial;
}
@media (min-width: 767px) {
  .header__nav {
    width: 275px;
    order: 2;
    margin: 59px 20px 0 0;
    align-self: flex-start;
  }
}
@media (min-width: 1200px) {
  .header__nav {
    margin: 59px 100px 0 0;
  }
}
.header__messenger {
  display: none;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  margin-top: 59px;
  gap: 16px;
}
.header__messenger--link {
  width: 32px;
  height: 32px;
  display: block;
}
.header__messenger--link svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .header__messenger {
    order: 3;
    width: auto;
    margin-left: auto;
    align-self: flex-start;
    flex: 1;
    margin-right: -48px;
  }
}
.header__input-search {
  display: none;
  width: 100%;
  font-weight: normal;
  overflow: auto;
  max-height: 70vh;
}
body.apple-device .header__input-search {
  font-weight: 200;
}
.header__input-search.active {
  display: block;
}
.header__input-search .search-page > br {
  display: none;
}
.header__input-search .search-page > form {
  display: block;
  align-items: center;
  font-size: 0;
  border: 1px solid var(--black);
  border-radius: 15px;
  gap: 12px;
  width: 100%;
  margin-top: 48px;
  position: relative;
  overflow: hidden;
}
.header__input-search .search-page input[type=text] {
  height: 50px;
  flex: 1;
  font-size: 16px;
  width: 100%;
  font-weight: normal;
  padding: 0 16px 0 60px;
}
body.apple-device .header__input-search .search-page input[type=text] {
  font-weight: 200;
}
.header__input-search .search-page input[type=text]::-moz-placeholder {
  color: var(--grey);
}
.header__input-search .search-page input[type=text]::placeholder {
  color: var(--grey);
}
.header__input-search .search-page input[type=hidden],
.header__input-search .search-page script {
  display: none;
}
.header__input-search .search-page input[type=submit] {
  width: 32px;
  min-width: 32px;
  height: 32px;
  background-image: url("../img/search.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 16px;
  margin: auto;
  position: absolute;
  margin: auto;
}
.header__input-search .search-page hr {
  margin-top: 8px;
  margin-bottom: 8px;
  border: 0;
  border-top: 1px solid var(--grey);
}
@media (min-width: 1200px) {
  .open-menu .header__input-search {
    margin-bottom: -12px;
  }
  .header__input-search {
    margin-bottom: 24px;
  }
}
.header__exit {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
  color: var(--black);
  display: none;
  margin-top: 24px;
}
@media (min-width: 767px) {
  .header__exit {
    order: 4;
    align-self: flex-end;
    margin-left: auto;
  }
}
.header-count {
  min-width: 15px;
  max-width: 22px;
  height: 15px;
  padding: 0 2px;
  border-radius: 15px;
  background: var(--pink);
  color: var(--black);
  position: absolute;
  top: -4px;
  right: -5px;
  z-index: 2;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-wrap {
  background: inherit;
}
.header:has(.header__input-search.active) {
  background: #fff !important;
  transform: translateY(0px) !important;
  color: #000 !important;
}
.header:has(.header__input-search.active) .header__phone,
.header:has(.header__input-search.active) .header__search,
.header:has(.header__input-search.active) .header__profile,
.header:has(.header__input-search.active) .header__nav,
.header:has(.header__input-search.active) .header__fav,
.header:has(.header__input-search.active) .header__messenger {
  display: none;
}
.header .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: inherit;
}
@media (min-width: 1200px) {
  .header .container:before {
    content: "";
    width: 100%;
    height: 0;
    order: 1;
  }
}
body.open-menu .header {
  background: #fff !important;
  transform: translateY(0px) !important;
  color: #000 !important;
}
body.open-menu .header .container {
  padding-bottom: 36px;
}
body.open-menu .header .header__nav {
  display: block;
}
body.open-menu .header .header__messenger {
  display: flex;
}
body.open-menu .header .header__profile {
  display: block;
}
body.open-menu .header .header__fav {
  display: block;
}
body.open-menu .header .header__search {
  display: block;
}
body.open-menu .header .header__exit {
  display: block;
}
.header--transparent {
  background: transparent !important;
}
.header--light {
  transform: translateY(0px) !important;
  color: white !important;
}
.header--dark {
  transform: translateY(0px) !important;
  color: black !important;
}
.header body:not(.open-menu) .header.hide-header {
  transition: 0s !important;
}
.header a, .header button {
  color: inherit;
}

@keyframes show-banner {
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.footer {
  padding: 32px 0;
  opacity: 1;
}
.footer__logo {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
.footer__logo img {
  width: 156px;
}
.footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 20px;
  margin: 0 0 32px;
}
.footer__nav--list {
  order: 1;
  max-width: calc(100% - 48px);
}
.footer__nav--list:nth-child(2) {
  order: 3;
  width: 100%;
}
.footer__nav--list p {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
}
.footer__nav--list .left-menu {
  margin-top: 10px;
  margin-bottom: 0;
}
.footer__nav--list .left-menu li {
  padding: 0;
  background: transparent;
}
.footer__nav--list .left-menu a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 4px;
  font-size: 14px;
  color: var(--black) !important;
  font-weight: normal;
  text-decoration: underline;
  text-decoration-color: transparent;
}
body.apple-device .footer__nav--list .left-menu a {
  font-weight: 200;
}
.footer__nav--list .left-menu a:hover {
  text-decoration-color: initial;
}
.footer__nav--list .left-menu a:first-child {
  margin-top: 0;
}
.footer__nav--contact {
  margin: 0 0 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  order: 2;
}
.footer__nav--contact nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer__nav--contact nav .footer-soc {
  width: 32px;
  height: 32px;
}
.footer__nav--contact nav .footer-phone {
  width: 32px;
  height: 32px;
  font-size: 0;
}
@media (min-width: 768px) {
  .footer__nav--list {
    width: 275px;
  }
  .footer__nav--list:nth-child(2) {
    order: 1;
    width: 200px;
  }
  .footer__nav--contact {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .footer__nav--contact nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
  .footer__nav--contact nav .footer-phone {
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 1.2;
    margin-right: 0;
  }
  .footer__nav--contact nav .footer-phone svg {
    display: none;
  }
}
@media (min-width: 900px) {
  .footer__nav--contact nav {
    gap: 16px;
  }
  .footer__nav--contact nav .footer-phone {
    font-size: 16px;
    margin-right: 46px;
  }
}
@media (min-width: 1200px) {
  .footer__nav {
    gap: 32px 100px;
  }
}
.footer__address {
  margin: 0 -15px 32px;
  padding: 0 15px 32px;
  line-height: 1.2;
}
.footer__address--item {
  min-width: 275px;
}
.footer__address--item h4 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 24px;
  min-height: 58px;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
}
.footer__address--item h4 span {
  display: block;
}
.footer__address--item p {
  font-size: 14px;
  margin-bottom: 4px;
}
.footer__address--item p:last-child {
  margin-bottom: 0;
}
.footer__address .simplebar-content {
  display: flex;
  gap: 24px;
}
@media (max-width: 1199px) {
  .footer__address .simplebar-track.simplebar-horizontal {
    visibility: visible;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .footer__address {
    margin: 0 0 32px;
    padding: 0 0 32px;
  }
  .footer__address .simplebar-content {
    gap: 100px;
  }
}
.footer__bottom {
  font-size: 14px;
  line-height: 1.2;
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
}
.footer__bottom a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .footer__bottom {
    flex-direction: initial;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
  }
  .footer__bottom a {
    margin-left: auto;
  }
}

.contact-us {
  background: linear-gradient(89.55deg, #EEEEEE 4.72%, #D7D7D7 32.63%);
  height: 340px;
  overflow: hidden;
}
.contact-us .container {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.contact-us img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: -1;
}
.contact-us .h1 {
  padding-left: 82px;
  text-align: center;
}
.contact-us nav {
  padding-left: 40px;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.2;
}
.contact-us nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33%;
}
.contact-us nav a svg {
  width: 46px;
  height: 46px;
  margin-bottom: 6px;
}
.contact-us nav a:nth-child(1) {
  width: 100%;
  padding-left: 36%;
  margin-bottom: 54px;
  margin-right: 10px;
  margin-left: auto;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .contact-us {
    height: 410px;
  }
  .contact-us .container {
    padding-left: 30%;
  }
  .contact-us nav,
  .contact-us .h1 {
    max-width: 530px;
    margin: 0 auto;
    width: 100%;
  }
  .contact-us .h1 {
    padding-left: 0;
    text-align: left;
  }
  .contact-us nav {
    padding-left: 0;
  }
  .contact-us nav a {
    width: 100%;
    max-width: 120px;
  }
  .contact-us nav a svg {
    width: 78px;
    height: 78px;
  }
  .contact-us nav a:nth-child(1) {
    width: auto;
    margin: 0;
    padding: 0;
    white-space: normal;
    max-width: 166px;
  }
}
@media (min-width: 1200px) {
  .contact-us .container {
    padding-left: 344px;
  }
  .contact-us nav,
  .contact-us .h1 {
    max-width: 756px;
  }
  .contact-us nav {
    justify-content: space-between;
  }
  .contact-us nav a {
    max-width: 180px;
  }
  .contact-us nav a:nth-child(1) {
    max-width: 180px;
    width: 100%;
  }
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-ExtraLight.woff2") format("woff2"), url("../fonts/Inter-ExtraLight.woff") format("woff"), url("../fonts/Inter-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff"), url("../fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff"), url("../fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff"), url("../fonts/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Anticva";
  src: url("../fonts/Anticva-Regular.woff2") format("woff2"), url("../fonts/Anticva-Regular.woff") format("woff"), url("../fonts/Anticva-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Inter", sans-serif;
}
body.apple-device {
  font-weight: 200;
}
body.apple-device .header__nav .left-menu a {
  font-weight: 200;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  padding: 0 15px;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1238px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    max-width: 1238px;
  }
}

main {
  min-height: calc(100vh - 80px);
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

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

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

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.relative {
  position: relative;
}

.link-green {
  display: block;
}

.link-green {
  width: -moz-fit-content;
  width: fit-content;
  color: var(--green);
  text-decoration: underline;
}
.link-green:hover {
  text-decoration-color: transparent;
}

main a:not([class]) {
  display: inline-block;
}

.text-error {
  display: none;
  color: var(--red);
  font-size: 12px;
  line-height: 1.2;
}

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

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

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

.alert {
  position: relative;
}