/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

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

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

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

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

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-\[-10px\] {
  bottom: -10px;
}
.bottom-\[10\%\] {
  bottom: 10%;
}
.bottom-\[5\%\] {
  bottom: 5%;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\.5 {
  left: 0.375rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-\[10\%\] {
  left: 10%;
}
.left-\[5\%\] {
  left: 5%;
}
.left-\[50\%\] {
  left: 50%;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-3 {
  right: 0.75rem;
}
.right-\[10\%\] {
  right: 10%;
}
.right-\[5\%\] {
  right: 5%;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-\[-40px\] {
  top: -40px;
}
.top-\[10\%\] {
  top: 10%;
}
.top-\[5\%\] {
  top: 5%;
}
.top-\[var\(--navbar-height\)\] {
  top: var(--navbar-height);
}
.-z-30 {
  z-index: -30;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.-m-2 {
  margin: -0.5rem;
}
.-m-2\.5 {
  margin: -0.625rem;
}
.m-0 {
  margin: 0px;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-\[120px\] {
  margin-bottom: 120px;
}
.mb-px {
  margin-bottom: 1px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-\[2px\] {
  margin-left: 2px;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-\[16px\] {
  margin-right: 16px;
}
.mr-\[20px\] {
  margin-right: 20px;
}
.mr-\[2px\] {
  margin-right: 2px;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[40px\] {
  margin-top: 40px;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.table-row {
  display: table-row;
}
.inline-grid {
  display: inline-grid;
}
.hidden {
  display: none;
}
.\!h-auto {
  height: auto !important;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[calc\(100dvh_-_var\(--navbar-height\)_-_1px\)\] {
  height: calc(100dvh - var(--navbar-height) - 1px);
}
.h-\[var\(--navbar-height\)\] {
  height: var(--navbar-height);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-\[calc\(100\%_-_7\.5rem\)\] {
  max-height: calc(100% - 7.5rem);
}
.min-h-full {
  min-height: 100%;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[95px\] {
  width: 95px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-\[1024px\] {
  max-width: 1024px;
}
.max-w-\[1280px\] {
  max-width: 1280px;
}
.max-w-\[1536px\] {
  max-width: 1536px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[768px\] {
  max-width: 768px;
}
.max-w-\[none\] {
  max-width: none;
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.basis-0 {
  flex-basis: 0px;
}
.table-auto {
  table-layout: auto;
}
.table-fixed {
  table-layout: fixed;
}
.origin-center {
  transform-origin: center;
}
.origin-left {
  transform-origin: left;
}
.origin-right {
  transform-origin: right;
}
.origin-top-left {
  transform-origin: top left;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1 {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-90deg\] {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-none {
  animation: none;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.scroll-py-6 {
  scroll-padding-top: 1.5rem;
  scroll-padding-bottom: 1.5rem;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.\!gap-0 {
  gap: 0px !important;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.self-center {
  align-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.break-words {
  overflow-wrap: break-word;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.\!rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-dotted {
  border-style: dotted;
}
.border-none {
  border-style: none;
}
.border-transparent {
  border-color: transparent;
}
.border-b-current {
  border-bottom-color: currentColor;
}
.border-b-white {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-t-transparent {
  border-top-color: transparent;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.bg-\[\#f6f6f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
.bg-\[\#f7f7f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}
.bg-current {
  background-color: currentColor;
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[length\:1\.25rem_1\.25rem\] {
  background-size: 1.25rem 1.25rem;
}
.stroke-current {
  stroke: currentColor;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-\[0px\] {
  padding: 0px;
}
.\!px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.\!pb-0 {
  padding-bottom: 0px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-0\.5 {
  padding-right: 0.125rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.align-middle {
  vertical-align: middle;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-\[0\.55rem\] {
  font-size: 0.55rem;
}
.text-\[0\.5rem\] {
  font-size: 0.5rem;
}
.text-\[0\.6rem\] {
  font-size: 0.6rem;
}
.text-\[15\.5px\] {
  font-size: 15.5px;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.leading-3 {
  line-height: .75rem;
}
.text-\[\#2f86e9\] {
  --tw-text-opacity: 1;
  color: rgb(47 134 233 / var(--tw-text-opacity));
}
.text-\[\#474a56\] {
  --tw-text-opacity: 1;
  color: rgb(71 74 86 / var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-current {
  color: currentColor;
}
.text-inherit {
  color: inherit;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-\[value\] {
  opacity: value;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0 1px 0px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-black\/5 {
  --tw-shadow-color: rgb(0 0 0 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-lg {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-150 {
  --tw-saturate: saturate(1.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-150 {
  --tw-backdrop-saturate: saturate(1.5);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.\!transition-none {
  transition-property: none !important;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none {
  transition-property: none;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\!duration-150 {
  transition-duration: 150ms !important;
}
.\!duration-200 {
  transition-duration: 200ms !important;
}
.\!duration-300 {
  transition-duration: 300ms !important;
}
.\!duration-500 {
  transition-duration: 500ms !important;
}
.duration-150 {
  transition-duration: 150ms;
}
.\!ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-auto {
  will-change: auto;
}
.will-change-transform {
  will-change: transform;
}
.\[--scale-enter\:100\%\] {
  --scale-enter: 100%;
}
.\[--scale-exit\:100\%\] {
  --scale-exit: 100%;
}
.\[--slide-enter\:0px\] {
  --slide-enter: 0px;
}
.\[--slide-exit\:80px\] {
  --slide-exit: 80px;
}
.\[clip-path\:polygon\(100\%_0\2c 100\%_100\%\2c 0_50\%\)\] {
  -webkit-clip-path: polygon(100% 0,100% 100%,0 50%);
          clip-path: polygon(100% 0,100% 100%,0 50%);
}
.\[grid-area\:1\/1\/2\/3\] {
  grid-area: 1/1/2/3;
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
}

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

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

/* Remodal - v1.1.1 */
html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
}
.remodal,
[data-remodal-id] {
  display: none;
}
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}
.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}
.remodal {
  position: relative;
  outline: 0;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
}
.remodal-is-initialized {
  display: inline-block;
}
.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
  filter: blur(3px);
}
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}
.remodal-wrapper {
  padding: 10px 10px 0;
}
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}
.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: 0 0;
}
.remodal-close:focus,
.remodal-close:hover {
  color: #2b2e38;
}
.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}
.remodal-cancel,
.remodal-confirm {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}
.remodal-confirm {
  color: #fff;
  background: #81c784;
}
.remodal-confirm:focus,
.remodal-confirm:hover {
  background: #66bb6a;
}
.remodal-cancel {
  color: #fff;
  background: #e57373;
}
.remodal-cancel:focus,
.remodal-cancel:hover {
  background: #ef5350;
}
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner,
.remodal-confirm::-moz-focus-inner {
  padding: 0;
  border: 0;
}
@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
    filter: blur(0);
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* HTML: <div class="loader"></div> */
.loader-underlay {
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background: rgba(255,255,255, 0.7)
}

.loader-underlay-invisible {
  display: none;
}

.loader-underlay-visible {
  display: block;
  z-index: 2;
}

.loader {
  width: 50px;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  aspect-ratio: 1;
  display: grid;
  color: "gray";
  background: radial-gradient(farthest-side, currentColor calc(100% - 6px),#0000 calc(100% - 5px) 0);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 13px),#000 calc(100% - 12px));
  border-radius: 50%;
  animation: l19 2s infinite linear;
}
.loader::before,
.loader::after {
  content: "";
  grid-area: 1/1;
  background:
    linear-gradient(currentColor 0 0) center,
    linear-gradient(currentColor 0 0) center;
  background-size: 100% 10px,10px 100%;
  background-repeat: no-repeat;
}
.loader::after {
   transform: rotate(45deg);
}

@keyframes l19 {
  100%{transform: rotate(1turn)}
}


@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}
.lt-ie9 .remodal {
  width: 700px;
}

/* Elements */

/* Element - Modal */
.remodal-overlay {
  background: rgba(83, 83, 83, 0.5);
}
.remodal-close {
  width: 28px;
  height: 28px;
  left: auto;
  right: 18px;
  top: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.8485 4.73747C22.239 4.34695 22.8722 4.34695 23.2627 4.73747C23.6532 5.128 23.6532 5.76116 23.2627 6.15169L15.4142 14.0002L23.2626 21.8486C23.6531 22.2391 23.6531 22.8723 23.2626 23.2628C22.872 23.6533 22.2389 23.6533 21.8483 23.2628L13.9999 15.4144L6.15157 23.2628C5.76104 23.6533 5.12788 23.6533 4.73735 23.2628C4.34683 22.8723 4.34683 22.2391 4.73735 21.8486L12.5857 14.0002L4.73723 6.1517C4.3467 5.76117 4.3467 5.12801 4.73723 4.73748C5.12775 4.34696 5.76092 4.34696 6.15144 4.73748L13.9999 12.586L21.8485 4.73747Z' fill='%2390949A'/%3E%3C/svg%3E");
  transition: filter 0.3s ease;
}
.remodal-close:hover {
  filter: grayscale(10) invert(1);
}
.remodal-close::before {
  display: none;
}
.remodal {
  padding: 54px;
  text-align: left;
  background: #fff;
  box-shadow: 0 4px 25px rgba(150, 195, 255, 0.06);
  border-radius: 16px;
}
.remodal__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 27px 0;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #373a47;
}
.remodal__header-steps {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}

.remodal.modal-signup {
  max-width: 469px;
}
.remodal.modal-signin {
  max-width: 469px;
}
.remodal.modal-supplier {
  max-width: 749px;
}

.table-supplier__col.col--info {
  width: 94px;
}

@media all and (max-width: 772px) {
  .remodal {
    padding: 30px;
  }
  .remodal.modal-supplier {
    padding: 20px;
  }
  .remodal__header {
    margin: 0 0 20px 0;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    font-size: 20px;
    line-height: 29px;
  }
  .remodal__header-steps {
    order: 0;
    width: 100%;
    margin: 0 0 24px 0;
  }
  .remodal__header-label {
    order: 2;
    width: 100%;
  }
}

/* CSS Reboot Styles */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body,
ul,
ol,
p,
dl,
dd,
figure,
blockquote,
pre {
  margin: 0;
}

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

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

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

td,
th {
  padding: 0;
  text-align: left;
  font-weight: normal;
}


a:active,
a:hover {
  outline: 0;
  color:#45166A;
}

img,
audio,
canvas,
iframe,
svg,
video {
  max-width: 100%;
  /* Set responsive behaviour */
  height: auto;
  vertical-align: middle;
  /* Remove bottom spacing under element (line-height) */
}

iframe {
  border: none;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

input,
textarea,
button,
optgroup,
select {
  margin: 0;
  font-family: inherit;
  vertical-align: middle;
}

textarea {
  resize: vertical;
}

/* Fast Tap enables no-delay taps (FastClick-esque) on supporting browsers */
a,
button,
input,
label,
select,
textarea {
  touch-action: manipulation;
}

/* Make fonts more sexy */
body,
input,
textarea,
button,
select {
  -webkit-font-smoothing: antialiased;
}

html {
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
}

*::-moz-placeholder {
  opacity: 1;
}

*::placeholder {
  opacity: 1;
}

body {
  width: 100%;
  height: auto;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #474a56;
  background-color: #f9f9fa;
  position: relative;
}

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

}

.lh {
  background-image: url(https://habrastorage.org/webt/t5/ue/ii/t5ueii2rz2cvikifidvdzfnjze0.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: -80px;
  background-position: center top;
  z-index: 1;

}

.lh__box {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 30px;
  border-radius: 10px;
  margin: auto auto;
  /* margin-top: 300px; */
  z-index: 3;
}

.lh__title {
  font-size: 18px;
  font-weight: 700;
}

.lh__shadow {
  background-color: #FDCD66;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  height: 300px;
  width: 300px;
  margin: auto auto;
  border-radius: 100%;
  filter: blur(100px);
  z-index: 2;
  animation: shadow 5s infinite;


}
@keyframes shadow {
  0% {
      box-shadow: 0 0 0 0 rgba(#FDCD66, 0.4);
  }
  25% {
    box-shadow:1000px 10px 1000px 300px #FDCD66;
  }
  50% {
    box-shadow: 0 0 0 0 #FDCD66;
  }
  75% {
    box-shadow:-1000px 10px 1000px 300px #FDCD66;
}

  100% {
      box-shadow: 0 0 0 0 #FDCD66;

  }

}

.header {
  flex: 0 0;
}

.main {
  flex: 1 0;
}

.footer {
  flex: 0 0;
}

.content a {
  color: #45166a;
  text-decoration: underline;
  cursor: pointer;
}

.content a:hover {
  text-decoration: none;
}

.similar-products .table {
  padding-top: 35px;
}

.similar-title {
  font-size: 24px;
  font-weight: 600;
}

.faq-title {

  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 600;
}

.faq-title:nth-child(n+2) {
  margin-top: 20px;
}

.content .similar-products a {
  text-decoration: none;
  color: inherit;
}

.content .similar-products a:hover {
  text-decoration: underline;
  color: #45166a;
}

input {
  border: 0;
  outline: 0;
  border-radius: 0;
  border: 1px solid transparent;
}

button {
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #fff;
  -webkit-appearance: none;
}

img {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.no-scroll {
  overflow: hidden;
  height: 100dvh;
}

@media (hover: none) and (pointer: coarse) {
  .no-scroll {
    margin-right: 0;
  }
}

textarea:focus {
  outline: none;
}

.inner-container {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
  padding: 0px 40px;
}

._container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 20px;
}

p:last-child {
  margin-bottom: 0;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.btn:hover {
  filter: brightness(110%);
}

.btn:active {
  transform: translateY(1px);
}

.btn-full {
  width: 100%;
  height: 54px;
  border-radius: 10px;
  background: linear-gradient(90deg, #92498f 1.4%, #645cb1);
  color: #fff;
  font-weight: 500;
  line-height: 24px;
}

/* Header styles */
/* Media queries */
@media (min-width: 768px) {
  .br-tab {
    display: none;
  }

  .br-mob {
    display: none;
  }

}

@media (min-width: 480px) and (max-width: 768px) {
  .br-desc {
    display: none;
  }

  .br-mob {
    display: none;
  }
}




/* STYLES */
/* Header */
.header {
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
  z-index: 50;
  min-height: 68px;
  display: flex;
  justify-content: center;
  background: #A73D77;
  /*background: radial-gradient(*/
  /*    circle at 55% 796%,*/
  /*    rgba(167, 61, 119, 1) 1%,*/
  /*    rgba(163, 60, 120, 1) 13%,*/
  /*    rgba(159, 59, 121, 1) 22%,*/
  /*    rgba(153, 57, 123, 1) 31%,*/
  /*    rgba(141, 54, 126, 1) 40%,*/
  /*    rgba(134, 52, 128, 1) 64%,*/
  /*    rgba(127, 50, 130, 1) 72%,*/
  /*    rgba(113, 46, 134, 1) 80%,*/
  /*    rgba(43, 23, 143, 1) 99%*/
  /*);*/
  background: linear-gradient(
    82.59deg,
    rgb(146, 58, 104) 0.043%,
    rgb(87, 74, 142) 52.594%,
    rgb(83 42 113) 99.942%
  );
  background-size: cover;
  background-repeat: no-repeat;
}

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

.header-logo {
  width: 165px;
  height: auto;
  flex-shrink: 0;
}

.header-logo img {
  width: 100%;
  height: auto;
}

.header-nav {
  z-index: 10;
  height: 100%;
  display: flex;
  align-items: center;
}

.header-nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 40px;
  column-gap: 40px;
  position: relative;
}

.header-nav ul .submenu {
  width: -moz-max-content;
  width: max-content;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 0;
  top: 67px;
  vertical-align: middle;
  display: none;
  
}

.header-nav ul .submenu-show {
  display: block;
}

.header-nav ul .submenu li {
  width: 100%;
  max-height: 100px;
  height: 50px;
  min-height: 50px;
}



.header-nav ul .submenu li:hover .b-submenu {
  display: block !important;
}

.header-nav ul .submenu li a {
  padding-left: 18px;
  padding-right: 18px;
  font-weight: 500;
  line-height: 24px;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
}

.header-nav ul .submenu li a:hover {
  color: #45166A;
  text-decoration: underline;
}

.header-nav .category-toggle .submenu a:hover {
  background-color: #fff;
  text-decoration: none;
}

.header-nav ul .submenu li a:hover::after {
  filter: brightness(0%);
}

.header-nav ul .submenu li a .link-icon {
  width: 25px;
  height: 25px;
}

.header-nav ul .submenu li a .link-name {
  margin-left: 5px;
}

.header-nav ul .submenu li .b-submenu {
  display: none;
  min-height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 259px;
  min-width: 230px;
  z-index: 0;
  border-radius: 10px;
}

.header-nav ul .submenu li .b-submenu ul {
  display: flex;
  flex-direction: column;
}

.header-nav ul .submenu li .b-submenu ul li {
  width: 100%;
  min-height: initial;
}

.header-nav ul .submenu li .b-submenu ul li a {
  padding-left: 22px;
  padding-right: 22px;
  text-wrap: nowrap;
}

.header-nav ul .submenu li .b-submenu ul li a:hover {
  background-color: transparent;
  color: #45166a;
  text-decoration: underline;
}

.header-nav ul .submenu li .b-submenu ul li a::after {
  display: none;
}

.header-nav ul .submenu a {
  padding-left: 18px;
  padding-right: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #474a56;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
}

.header-nav ul .submenu_rules {
  min-width: 205px;
  background-color: #E8E9EB;
  padding: 12px 18px;
  border-radius: 10px;
}

.header-nav ul .submenu_rules li {
  
  min-height: inherit;
  height: inherit;   
}

.header-nav ul .submenu_rules li a {
  padding-left: 0;
}

.header-nav ul .submenu_rules a {
  padding-left: 0;
}

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

.header-nav ul .submenu a:hover::after {
  filter: brightness(0%);
}

.header-nav ul .submenu a .link-icon {
  width: 25px;
  height: 25px;
}

.header-nav ul .submenu a .link-name {
  margin-left: 5px;
}

.header-nav ul li a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
  height: 40px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
}

.header-nav a:hover {
  color: #45166A;
  text-decoration: underline;
}



.header-nav .dropdown-btn:hover {
  color:#ffffff;
}

.header-nav ul .dropdown {
  position: relative;
  flex-shrink: 0;
}

.singleLinkMenu a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.header-nav ul .dropdown::after {
  content: "";
  display: inline-block;
  top: 3px;
  position: relative;
  width: 9.5px;
  height: 5.5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.53003 0.970154C9.67048 1.11078 9.74937 1.3014 9.74937 1.50015C9.74937 1.6989 9.67048 1.88953 9.53003 2.03015L5.53003 6.03015C5.38941 6.1706 5.19878 6.24949 5.00003 6.24949C4.80128 6.24949 4.61066 6.1706 4.47003 6.03015L0.470031 2.03015C0.396344 1.96149 0.337242 1.87869 0.29625 1.78669C0.255258 1.69469 0.233217 1.59538 0.23144 1.49468C0.229663 1.39397 0.248188 1.29394 0.285909 1.20056C0.32363 1.10717 0.379774 1.02233 0.450993 0.951116C0.522212 0.879897 0.607045 0.823752 0.700434 0.786031C0.793822 0.74831 0.893851 0.729785 0.994554 0.731562C1.09526 0.733339 1.19457 0.755381 1.28657 0.796373C1.37857 0.837365 1.46137 0.896467 1.53003 0.970154L5.00003 4.44015L8.47003 0.970154C8.61066 0.829704 8.80128 0.750814 9.00003 0.750814C9.19878 0.750814 9.38941 0.829704 9.53003 0.970154Z" fill="%23F6F6F6"%3E%3C/path%3E%3C/svg%3E');
  margin-left: 8px;
  transition-duration: 0.3s;
}

.header-nav ul .submenu li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

.header-nav ul .submenu li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}

.header-nav ul .submenu > li {
  background-color: #E8E9EB;
}

.header-nav ul > .dropdown {
  cursor: pointer;
}

.header-nav ul > .dropdown:hover > a {
  text-decoration: underline;
}
.header-nav ul > .dropdown:hover > .submenu {
    display: block !important;
}


li.dropdown:nth-child(1) .submenu li a::after,
.arrowed-link::after {
  content: "";
  position: absolute;
  top: 56%;
  transform: translateY(-50%);
  right: 25px;
  width: 12px;
  height: auto;
  aspect-ratio: 6/11;
  background-size: 95%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="17" height="22" viewBox="0 0 17 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.89123 17.3085C2.7564 17.1735 2.68066 16.9905 2.68066 16.7997C2.68066 16.6089 2.7564 16.4259 2.89123 16.2909L7.18243 11.9997L2.89123 7.70848C2.76405 7.57199 2.69481 7.39146 2.6981 7.20493C2.70139 7.01841 2.77696 6.84044 2.90887 6.70852C3.04079 6.5766 3.21876 6.50104 3.40529 6.49775C3.59182 6.49446 3.77234 6.5637 3.90883 6.69088L8.70883 11.4909C8.84366 11.6259 8.9194 11.8089 8.9194 11.9997C8.9194 12.1905 8.84366 12.3735 8.70883 12.5085L3.90883 17.3085C3.77383 17.4433 3.59083 17.519 3.40003 17.519C3.20923 17.519 3.02623 17.4433 2.89123 17.3085Z" fill="%2386888F"/></svg>');
}

.submenu-category-close-btn {
  display: none;
}

:root {
  --burger-menu-width: 26px;
  --burger-menu-height: 22px;
  --burger-menu-color: #fff;
  --burger-top-plus: 8px;
  --burger-top-minus: -8px;
  --burger-line-height: 3px;
  --burger-line-round: 5px;
}

.header__burger {
  width: var(--burger-menu-width);
  height: var(--burger-menu-height);
  position: relative;
  transition-duration: 1s;
  background-color: transparent;
  flex-shrink: 0;
  cursor: pointer;
  display: none;
}

.header__burger span {
  height: var(--burger-line-height);
  border-radius: var(--burger-line-round);
  background-color: var(--burger-menu-color);
  width: 100%;
  position: absolute;
  transition-duration: 0.25s;
  transition-delay: 0.25s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header__burger span::before {
  content: "";
  height: var(--burger-line-height);
  border-radius: var(--burger-line-round);
  background-color: var(--burger-menu-color);
  left: 0px;
  position: absolute;
  top: var(--burger-top-minus);
  width: 100%;
  transition-duration: 0.25s;
  transition: transform 0.25s, top 0.25s 0.25s;
}

.header__burger span::after {
  content: "";
  height: var(--burger-line-height);
  border-radius: var(--burger-line-round);
  background-color: var(--burger-menu-color);
  left: 0px;
  position: absolute;
  top: var(--burger-top-plus);
  width: 100%;
  transition-duration: 0.25s;
  transition: transform 0.25s, top 0.25s 0.25s;
}

.header__burger.open span {
  transition-duration: 0.1s;
  transition-delay: 0.25s;
  background: transparent;
}

.header__burger.open span:before {
  transition: top 0.25s, transform 0.25s 0.25s;
  top: 0px;
  transform: rotateZ(-45deg);
}

.header__burger.open span:after {
  transition: top 0.4s, transform 0.25s 0.25s;
  top: 0px;
  transform: rotateZ(45deg);
}

.submenu .b-submenu .watch-all-link {
  color:#45166A;
}

.header-nav ul .submenu li a:hover .b-submenu {
  display: flex;
}

.submenu > li:first-child a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.submenu > li:last-child a {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.header__left {
  top: -5px;
  position: relative;
}

.header__right {
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
  column-gap: 24px;
  height: 100%;
}

.first-screen__inner {
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
}

.first-screen__header {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 104px;
  line-height: 125px;
  letter-spacing: 3%;
  color: #fff;
}

.first-screen__subtitle {
  font-size: 24px;
  font-weight: 600;
  line-height: 133.4%;
  color: #fff;
}

.choose-lang {
  position: relative;
  flex-shrink: 0;
  z-index: 5;
}

.choose-lang-list {
  position: absolute;
  left: 0;
  border-radius: 10px;
  background-color: #fff;
  padding: 12px 20px;
  flex-direction: column;
  row-gap: 10px;
  top: 57px;
  display: none;
}

.lk-list {
  width: 210px;
  position: absolute;
  top: 67px;
  right:0;
  border-radius: 10px;
  background-color: #E8E9EB;
  padding: 12px 18px;
  flex-direction: column;
  row-gap: 10px;
  display: none;
  z-index: 50;
  overflow-y: auto;
}

.lk-list li a,
.lk-list li button {
  font-weight: 500;
}

.lk-list li a:hover,
.lk-list li button:hover {
  text-decoration: underline;
}

.lk-wrap:hover > .lk-list {
  display: flex;
}

.lk-wrap:hover > a {
  color: #ffffff;
  text-decoration: underline;
}

.current-lang {
  cursor: pointer;
  width: 34px;
  height: 26px;
  background-image: url('data:image/svg+xml,<svg width="34" height="26" viewBox="0 0 34 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1322_16649)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H34V25.5H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 8.5H34V25.5H0V8.5Z" fill="%230039A6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 17H34V25.5H0V17Z" fill="%23D52B1E"/></g><defs><clipPath id="clip0_1322_16649"><rect width="34" height="25.5" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: cover;
}

.current-lang-ru {
 
  cursor: pointer;
  display: block;
  width: 34px;
  height: 26px;
  background-image: url('data:image/svg+xml,<svg width="34" height="26" viewBox="0 0 34 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1322_16649)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H34V25.5H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 8.5H34V25.5H0V8.5Z" fill="%230039A6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 17H34V25.5H0V17Z" fill="%23D52B1E"/></g><defs><clipPath id="clip0_1322_16649"><rect width="34" height="25.5" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  
}


.current-lang-en {
 
  cursor: pointer;
  display: block;
  width: 34px;
  height: 26px;
  background-image: url('data:image/svg+xml,<svg width="34" height="26" viewBox="0 0 34 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1322_16643)"><path d="M0 0H34V25.5H0V0Z" fill="%23012169"/><path d="M3.98438 0L16.9469 9.61563L29.8563 0H34V3.29375L21.25 12.8031L34 22.2594V25.5H29.75L17 15.9906L4.30312 25.5H0V22.3125L12.6969 12.8563L0 3.4V0H3.98438Z" fill="white"/><path d="M22.525 14.9281L34 23.375V25.5L19.6031 14.9281H22.525ZM12.75 15.9906L13.0688 17.85L2.86875 25.5H0L12.75 15.9906ZM34 0V0.159375L20.7719 10.1469L20.8781 7.80938L31.3438 0H34ZM0 0L12.6969 9.35H9.50938L0 2.23125V0Z" fill="%23C8102E"/><path d="M12.8031 0V25.5H21.3031V0H12.8031ZM0 8.5V17H34V8.5H0Z" fill="white"/><path d="M0 10.2531V15.3531H34V10.2531H0ZM14.5031 0V25.5H19.6031V0H14.5031Z" fill="%23C8102E"/></g><defs><clipPath id="clip0_1322_16643"><rect width="34" height="25.5" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  
}

.choose-lang:hover .choose-lang-list {
  display: flex;
}

.choose-lang:hover .current-lang::after {
  transform: rotate(-180deg);
}



.header-supplier__btn {
  display: flex;
  align-items: center;
  gap:8px;
}

.header-supplier__text, .header-login__text {
  color:#ffffff;
}

.header-supplier__text:hover, .header-login__text:hover {
  text-decoration: underline;
  color: #fff;
}

.header-supplier__btn::before {
  content: "";
  display: block;
  width: 33px;
  height: 33px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.8125 9.28125H6.1875C4.47887 9.28125 3.09375 10.6664 3.09375 12.375V24.75C3.09375 26.4586 4.47887 27.8438 6.1875 27.8438H26.8125C28.5211 27.8438 29.9062 26.4586 29.9062 24.75V12.375C29.9062 10.6664 28.5211 9.28125 26.8125 9.28125Z" stroke="%23F6F6F6" stroke-width="2" stroke-linejoin="round"/><path d="M26.5134 9.28125V7.34766C26.5133 6.87342 26.4085 6.40505 26.2065 5.97598C26.0045 5.54692 25.7102 5.16772 25.3448 4.86545C24.9794 4.56319 24.5517 4.3453 24.0924 4.22733C23.6331 4.10936 23.1534 4.09423 22.6875 4.18301L5.71313 7.08018C4.97599 7.22065 4.31098 7.61396 3.8328 8.19228C3.35462 8.77059 3.09324 9.49765 3.09375 10.248V13.4063" stroke="%23F6F6F6" stroke-width="2" stroke-linejoin="round"/><path d="M23.7188 20.625C23.3108 20.625 22.9121 20.504 22.5729 20.2774C22.2337 20.0508 21.9694 19.7287 21.8132 19.3518C21.6571 18.9749 21.6163 18.5602 21.6959 18.1601C21.7755 17.76 21.9719 17.3925 22.2603 17.1041C22.5488 16.8156 22.9163 16.6192 23.3164 16.5396C23.7165 16.46 24.1312 16.5009 24.508 16.657C24.8849 16.8131 25.207 17.0775 25.4337 17.4166C25.6603 17.7558 25.7813 18.1546 25.7813 18.5625C25.7813 19.1095 25.564 19.6341 25.1772 20.0209C24.7904 20.4077 24.2658 20.625 23.7188 20.625Z" fill="%23F6F6F6"/></svg>');
}

.header-login-incomplete__btn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-login-incomplete__btn::before {
  content: "";
  display: block;
  width: 22px;
  height: 26px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg width="22" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12 24.7419C12 24.4083 12.1301 24.0883 12.3618 23.8523C12.5935 23.6164 12.9077 23.4839 13.2353 23.4839H23.1176C23.2269 23.4839 23.3316 23.4397 23.4088 23.361C23.486 23.2824 23.5294 23.1757 23.5294 23.0645V2.93548C23.5294 2.82426 23.486 2.7176 23.4088 2.63895C23.3316 2.56031 23.2269 2.51613 23.1176 2.51613H13.2353C12.9077 2.51613 12.5935 2.38358 12.3618 2.14765C12.1301 1.91172 12 1.59172 12 1.25806C12 0.924405 12.1301 0.604411 12.3618 0.368478C12.5935 0.132546 12.9077 0 13.2353 0H23.1176C24.7087 0 26 1.3151 26 2.93548V23.0645C26 23.8431 25.6963 24.5897 25.1558 25.1402C24.6152 25.6907 23.8821 26 23.1176 26H13.2353C12.9077 26 12.5935 25.8675 12.3618 25.6315C12.1301 25.3956 12 25.0756 12 24.7419Z" fill="%23F6F6F6"%3E%3C/path%3E%3Cpath d="M2 14.3528C2 14.6731 2.13048 14.9804 2.36274 15.2069C2.595 15.4334 2.91002 15.5607 3.23848 15.5607H9.25257C9.28105 15.9907 9.31697 16.4182 9.35908 16.8482L9.39623 17.2166C9.41007 17.3555 9.45804 17.489 9.53608 17.6059C9.61412 17.7228 9.71992 17.8197 9.84451 17.8882C9.9691 17.9567 10.1088 17.9949 10.2518 17.9995C10.3947 18.0042 10.5367 17.9751 10.6657 17.9148C12.9292 16.8564 14.9783 15.4084 16.7144 13.6402L16.7516 13.6027C16.911 13.4406 17 13.2246 17 13C17 12.7754 16.911 12.5594 16.7516 12.3973L16.7144 12.3598C14.9783 10.5916 12.9292 9.14351 10.6657 8.08521C10.5367 8.02491 10.3947 7.99584 10.2518 8.00048C10.1088 8.00511 9.9691 8.04331 9.84451 8.11183C9.71992 8.18035 9.61412 8.27717 9.53608 8.39407C9.45804 8.51097 9.41007 8.64451 9.39623 8.78335L9.35908 9.15175C9.31697 9.58054 9.28105 10.0093 9.25257 10.4393H3.23848C2.91002 10.4393 2.595 10.5666 2.36274 10.7931C2.13048 11.0196 2 11.3268 2 11.6472V14.3528Z" fill="%23F6F6F6"%3E%3C/path%3E%3C/svg%3E');
}


.dropdown:hover::after {
  transform: rotate(-180deg);
}

.choose-lang-list li a:hover {
  text-decoration: underline;
}

.s-dropdown .current-link {
  text-decoration: underline;
  color: #45166a;
}

@media (min-width: 1100px) {
  .header-nav > ul {
    height: 100%;
  }

  .header-nav > ul > li {
    height: 100%;
    display: flex;
    align-items: center;
  }
}



.lk-enter-btn {
  cursor: pointer;
}

.lk-wrap {
  position: relative;
  z-index: 50;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.lk-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
  line-height: 24px;
  color: #f6f6f6;
  height: 30px;
  width: auto;
  flex-shrink: 0;
  background-color: transparent;
}

.lk-btn::before {
  content: "";
  width: 17px;
  height: 21px;
  display: inline-flex;
  background-size: 98%;
  background-repeat: no-repeat;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='26' viewBox='0 0 22 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5238 17.1278C16.2306 17.1278 21.0476 18.0427 21.0476 21.5805C21.0476 25.1156 16.1997 26 10.5238 26L10.1361 25.9986C4.60058 25.9571 0 25.0047 0 21.5473C0 18.0123 4.84787 17.1278 10.5238 17.1278ZM10.5238 0C14.3895 0 17.4874 3.06027 17.4874 6.87904C17.4874 10.6978 14.3895 13.7581 10.5238 13.7581C6.65952 13.7581 3.56024 10.6978 3.56024 6.87904C3.56024 3.06027 6.65952 0 10.5238 0Z' fill='%23F6F6F6'/%3E%3C/svg%3E");
  background-size: contain;
}

.first-screen__inner {
  display: flex;
}

.first-screen {
  height: auto;
  background: #A73D77;
  /*background: radial-gradient(*/
  /*    circle at 55% 19%,*/
  /*    rgba(153, 57, 123, 1) 31%,*/
  /*    rgba(141, 54, 126, 1) 40%,*/
  /*    rgba(134, 52, 128, 1) 64%,*/
  /*    rgba(127, 50, 130, 1) 72%,*/
  /*    rgba(113, 46, 134, 1) 80%,*/
  /*    rgba(43, 23, 143, 1) 99%*/
  /*);*/
  background: linear-gradient(
    82.59deg,
    rgb(146, 58, 104) 0.043%,
    rgb(87, 74, 142) 52.594%,
    rgb(83 42 113) 99.942%
  );
  background-size: cover;
  background-repeat: no-repeat;
}

.first-screen__header-box {
  width: -moz-max-content;
  width: max-content;
  flex-shrink: 0;
}

.first-screen__img {
  top: -80px;
  left: 20%;
  position: relative;
  width: 330px;
  height: auto;
}

.first-screen__inner {
  /*todo: закоментировал т.к. стало много баннеров и они не влезают на цветную подложку*/
  /*top: 30px;*/
  position: relative;
  /*padding-left: 60px;*/
}

.main-name {
  display: block;
  padding-top: 90px;
  font-size: 96px;
  line-height: 100%;
  color:#F6F6F6;
  font-weight: 500;
  text-transform:uppercase;
}

.main-description {
  padding-top: 10px;
  font-size: 24px;
  color:#F6F6F6;
  padding-bottom: 200px;
}

.link-blok {
  display: flex;
  justify-content: space-between;
  gap:30px;
  margin-top:-100px;
}

.link-blok-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:30px;
}

.link-blok__item {
  display: flex;
  flex-basis: 32%;
  justify-content: space-between;
  flex-direction: column;
  gap:40px;
  background-color: #ffff;
  border-radius: 10px;
  padding:30px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
}

.link-blok__iconname {
  display: flex;
  gap:10px;
  align-items: center;
}

.link-blok__icon {
  width: 40px;
  height: 40px;
}

.link-blok__name {
  color:#3F455A;
  font-size:20px;
}

.link-blok__name_404 {
  font-size:18px;
  font-weight: 700;
}

.link-blok__desc {
  color:#3F455A;
  font-size:18px;
}

.link-blok__desc_404 {
  display: flex;
  gap:50px;
  /* justify-content: space-between; */
}

.link-blok__desccolumn {
  display: flex;
  flex-direction: column;
  gap:10px;
}

.link-blok__desclink_404 {
  font-size: 16px;
  width: 150px;
}

.link-blok__desclink:hover {
  text-decoration: underline;
  color:#45166A;

}

.btn-404 {
  width: 230px;
  margin-top: 20px;
}

.btn-404:hover {
  color:#fff;
}


.partner-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 230px;
    padding: 15px 35px;
    border: 1.5px solid #92498F;
    background: var(--static, linear-gradient(90deg, #92498F 1.4%, #645CB1 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;

}






.partner-btn:hover {

    background: var(--hover, linear-gradient(90deg, #92498F 1.4%, #645CB1 100%));
    color: #F6F6F6;
    -webkit-text-fill-color: #F6F6F6;
}





/* Dropdown */
.s-dropdown {
  position: relative;
  width: 100%;
}

.f-dropdown {
  position: relative;
  width: 100%;
}

.s-dropdown .dropdown__list,
.f-dropdown .dropdown__list {
  overflow-y: auto;
  max-height: 60dvh;
  background-color: #fff;
}

.dropdown__button {
  height: 54px;
  position: relative;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 10px;
  cursor: pointer;
  background-color: #e4e4e4;
  display: flex;
  align-items: center !important;
  color: #474a56;
  border: 1px solid transparent;
}

.dropdown__button:hover {
  filter: brightness(90%);
}

.dropdown__button:focus,
.dropdown__button--active {
  outline: none;
  box-shadow: none;
}

.dropdown__button::after {
  content: "";
  position: absolute;
  top: 25px;
  right: 20px;
  width: 9px;
  height: 6px;
  background-image: url("assets/img/icons/icon-arrow-down.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transition-duration: 0.3s;
}

.dropdown__button--active.dropdown__button::after {
  transform: rotate(180deg);
}

.dropdown__list {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  border-radius: 10px;
}

.dropdown__list--visible {
  display: block;
}

.dropdown__list-item {
  width: 100%;
  margin: 0;
  padding: 0;
  padding: 13px 20px;
  cursor: pointer;
  font-weight: 500;
  line-height: 24px;
  color: #474a56;
  background-color: #e4e4e4;
}

.dropdown__list-item:first-child {
  border-radius: 6px 6px 0 0;
}

.dropdown__list-item:last-child {
  border-radius: 0 0 6px 6px;
  border-bottom: none;
}

.dropdown__list-item:hover {
  filter: brightness(90%);
}

.dropdown__input-hidden {
  display: none;
}

.dropdown__list-item {
  padding-left: 18px;
  padding-right: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #474a56;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
}

.dropdown__list-item a {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.dropdown__list-item .link-icon {
  width: 25px;
  height: 25px;
}

.с-dropdown {
  position: relative;
}

.с-dropdown__list {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  color: #474a56;
  background-color: #e4e4e4;
  padding: 13px 16px;
  display: none;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  border-radius: 10px;
}

.с-dropdown__list.с-dropdown__list_opened {
  display: flex;
}

.choose-cost-box {
  display: flex;
  width: 100%;
}

.choose-cost-box-left {
  width: calc(50% - 10px);
}

.choose-cost-box-right {
  width: calc(50% - 10px);
}

.choose-cost-box span {
  display: flex;
  color: #474a56;
  font-size: 15px;
  margin-bottom: 12px;
}

.choose-cost-box input {
  width: 100%;
  border-radius: 10px;
  color: #f5f6f8;
  color: #474a56;
  padding-left: 10px;
  padding-right: 10px;
  height: 34px;
}

.choose-cost-box input::-moz-placeholder {
  border-radius: 10px;
  color: #474a56;
  opacity: 1;
}

.choose-cost-box input::placeholder {
  border-radius: 10px;
  color: #474a56;
  opacity: 1;
}

.choose-cost-box {
  -moz-column-gap: 18px;
  column-gap: 18px;
}

.choose-cost-btn {
  border-radius: 10px;
  height: 35px;
  background: linear-gradient(90deg, #92498f 1.4%, #645cb1);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.info-row__sm-title {
  display: none;
}

/* Controls section */
.controls__inner {
  display: flex;
  -moz-column-gap: 12.5px;
  column-gap: 12.5px;
  padding-top: 80px;
  overflow: visible;
}

.controls-section .dropdown__list-item {
  background-color: #e4e4e4;
}

.form__item {
  height: auto;
  overflow: visible;
}

form .form__item {
  position: relative;
  margin-bottom: 35px;
}

form .form__item .invalid-message {
  display: none;
  position: absolute;
  bottom: -24px;
  left: 0;
}

.invalid .dropdown__button {
  color: #ce9898 !important;
}

.controls-left {
  height: auto;
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 12.5px;
  column-gap: 12.5px;
  overflow: visible;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 54px);
  row-gap: 40px;
}

.controls-right {
  width: 230px;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

.controls-left .s-dropdown {
  width: 100%;
}

.clear-filters-btn {
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1.5px solid #92498f;
  border-radius: 10px;
  height: 54px;
  background: linear-gradient(90deg, #92498f 1.4%, #645cb1 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.clear-filters-btn:hover {
  background: linear-gradient(90deg, #92498f 1.4%, #645cb1 100%);
  color: #fff;
}

.more-info-btn {
  width: 110px;
  height: 40px;
  font-size: 15px;
  font-weight: 600;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1.5px solid #92498f;
  border-radius: 10px;
  background: linear-gradient(90deg, #92498f 1.4%, #645cb1 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: none;
}

.more-info-btn:hover {
  background-color: transparent;
  color: #92498f;
}

.find-btn {
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 10px;
  height: 54px;
  color: #fff;
}

/* Checkbox Toggle */
.toggler-slider {
  width: 47px;
  height: 23px;
  flex-shrink: 0;
  position: relative;
  background-color: #5f6473;
}

.toggler-slider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 43px;
  height: 18px;
  border-radius: 100px;
  background-color: #e4e4e4;
}

.toggler-wrapper {
  display: block;
  width: 47px;
  height: 23px;
  cursor: pointer;
  position: relative;
}

.toggler-wrapper input[type="checkbox"] {
  display: none;
}

.toggler-wrapper input[type="checkbox"]:checked + .toggler-slider {
  background: linear-gradient(90deg, #92498f 1.4%, #645cb1 100%);
  background: #ccc;
}

.toggler-wrapper .toggler-slider {
  position: absolute;
  border-radius: 100px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 300ms ease;
}

.toggler-wrapper .toggler-knob {
  position: absolute;
  transition: all 300ms ease;
}

.mobile-buy-box {
  display: none;
}

/*Style 9*/
.toggler-wrapper.style-9 input[type="checkbox"]:checked + .toggler-slider {
  background: linear-gradient(90deg, #92498f 1.4%, #645cb1 100%);
}

.toggler-wrapper.style-9
  input[type="checkbox"]:checked
  + .toggler-slider
  .toggler-knob {
  left: 27px;
  background: linear-gradient(90deg, #92498f 1.4%, #645cb1 100%);
}

.toggler-wrapper.style-9 .toggler-knob {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  left: 5px;
  top: 50%;
  transform: translateY(-53%);
  background-color: #5f6473;
}

.checkbox-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  line-height: 1;
  border-radius: 10px;
  cursor: pointer;
  background-color: #e4e4e4;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.checkbox-title {
  font-weight: 500;
  line-height: 1.1;
  border-radius: 10px;
  color: #474a56;
}

.table {
  position: relative;
  margin-bottom: 50px;
  padding-top: 50px;
  width: 100%;
}

.table:first-child {
  margin-top: 0;
}

.table-wrap {
  height: auto;
}

.table-hide-x {
}

.table-hide {
  position: relative;
}
/* стиль для ухода в затемнение блока товаров */
.table-title-box {
  height: 60px;
  border-radius: 10px;
  background-color: #e4e4e4;
  padding-left: 20px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-right: 163px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}



.column-name {
  font-weight: 600;
}

.table-name-title {
  flex-grow: 1;
}

.availability-title {
  width: auto;
  flex-shrink: 0;
}

.cost-title {
  width: 140px;
  flex-shrink: 0;
  padding-left: 30px;
}

.custom-tab-section .column-name {
  flex-shrink: 0;
}

/* .my-delivery-tab .column-name {
  flex-shrink:inherit;
} */

.my-products-tab .column-name {
  flex-shrink: 0;
}

.my-products-tab .pending-cell-title, .my-products-tab .realization-cell-title {
  display: none;
}

.cost-title-f {
  display: none;
}

.avail-title-f {
  display: none;
}

.table-row {
  width: 100%;
  margin-top: 4px;
  display: flex;
  align-items: center;
  padding: 15px 20px;
  -moz-column-gap: 10px;
  column-gap: 16px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
  background: #ffffff;
  border-radius: 10px;
}


.table-row__hidden {
  display: none;
}

.financial-box .table-row {
  background-color: #f7f7f7;
  position: relative;
}

.tooltip {
  position: relative;
  display: inline-block;
}


.tooltip .tooltiptext {
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5F6473;
  opacity: 0.97;
  font-size:12px;
  line-height: 120%;
  min-width: 170px;
  min-height: 50px;
  color: #F9F9FA;
  border-radius: 5px;
  padding: 12px;
  position: absolute;
  bottom: 110%;
  left: calc(50% - 85px);
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #5F6473 transparent transparent transparent;
}

.table-info {
  display: flex;

  flex-wrap: wrap;
  gap:8px;
  margin-left: 44px;
}
.product-box .table-info,
.table-info_productbox {
  margin-left: 0;
  justify-content: flex-end;
}

.table-info__item {
  display: flex;
  padding: 4px 4px;
  min-width: 70px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  background-color: #EDEDED;
  border-radius: 5px;
  white-space: nowrap;
}

.table-info__item > span {
  white-space: normal;
}

.table-info__item > img {
  width: 20px;
  height: 20px;
}

.table-info__text {
  font-size:11px;
  line-height: 100%;
  font-weight: 600;
}

.table-info__text_gradient {
  background: var(--gradient, linear-gradient(90deg, #92498F 1.4%, #645CB1 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.table-info__text_yellow {
  color: #FFAE00;
}

.table-info__text_green {
  color: #10C44C;
}

.table-row-name-icon {
  display: flex;
  gap:16px;
  align-items: center;
}


.table-row-name-container {
  display: flex;
  gap:12px;
  flex-direction: column;
  flex-grow: 1;
}

.product-box__title-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
}

.table-icon-cell {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 50%;
}

.table-text-cell {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  font-weight: 500;
  line-height: 24px;
  flex-grow: 1;
  padding-right: 20px;
}

.table-text-cell:hover {
  color: #45166a;
  text-decoration: underline;
}

.table-availability-cell {
  height: 44px;
  min-width: 100px;
  flex-shrink: 0;
  border-radius: 10px;
  background-color: #f5f6f8;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 500;
  line-height: 24px;
}

.availability-status {
  flex-shrink: 0;
  margin-right: 5px;
}

.table-buy-cell {
  width: 110px;
  flex-shrink: 0;
}

.table-cost-cell {
  height: 44px;
  width: 155px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

.table-cost-cell-wrap {
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  border-radius: 10px;
  background-color: #f5f6f8;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 500;
  line-height: 24px;
}

.mobile-show-all-btn {
  display: none;
}

.buy-btn,
.create-btn {
  height: 44px;
  width: 110px;
}

.availability-status {
  display: inline-flex;
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background-color: #77e0b5;
}

.full-list-btn {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 67px;
  height: 32px;
  cursor: pointer;
  background-image: url('data:image/svg+xml,%3Csvg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12.5122 0.637696C12.0523 0.193688 11.3234 0.193688 10.8635 0.637697L6.50045 4.8503L2.1374 0.637698C1.67754 0.193689 0.948616 0.193688 0.48875 0.637697C0.00548711 1.1043 0.00548735 1.87863 0.48875 2.34523L5.80586 7.47899C6.19335 7.85312 6.80755 7.85312 7.19505 7.47899L12.5122 2.34523C12.9954 1.87863 12.9954 1.10429 12.5122 0.637696Z" fill="%233F455A"%3E%3C/path%3E%3C/svg%3E');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #e4e4e4;
  border-radius: 10px;
}

.full-list-btn:hover {
  filter: brightness(95%);
}

.full-list-btn:active {
  filter: brightness(85%);
}

.full-list-btn_opened {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 8"%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%233f455a;%7D%3C/style%3E%3C/defs%3E%3Cpath class="a" d="M12.51,5.72,7.2.59a1,1,0,0,0-1.39,0L.49,5.72A1.19,1.19,0,0,0,2.14,7.43L6.5,3.21l4.36,4.22a1.2,1.2,0,0,0,1.65,0A1.18,1.18,0,0,0,12.51,5.72Z"/%3E%3C/svg%3E');
}

.text-content-item {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgb(228, 228, 228);
}

.text-content-header {
  color: #45166a;
  font-size: 30px;
  font-weight: 600;
  line-height: 41px;
  position: relative;
  display: flex;
}

.text-content-header::before {
  width: 32px;
  height: 32px;
  display: inline-flex;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.header-container {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 30px;
}

.header-container::before {
  content: "";
  width: 32px;
  height: auto;
  aspect-ratio: 1/1;
  display: inline-flex;
  background-size: 98%;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.shield-icon::before {
  background-image: url("assets/media/icon-warranty.beedddfe.svg");
}

.pin-icon::before {
  background-image: url("assets/media/icon-support.f604edeb.svg");
}

.star-icon::before {
  background-image: url("assets/img/icons/icon-arrow-down.svg");
}

.text-content-item p {
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px;
}

.text-content-item ul {
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px;
  list-style: none;
}

.text-content-item ul li {
  margin-bottom: 5px;
  position: relative;
  padding-left: 20px;
}

.text-content-item ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 10.58px;
  height: 10px;
  background-image: url("assets/img/icons/icon-arrow-down.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

.become-supp-section {
  margin-bottom: 70px;
}

.become-supp-section ul {
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px;
  list-style: none;
}

.become-supp-section ul li {
  margin-bottom: 5px;
  position: relative;
  padding-left: 20px;
}

.become-supp-section ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 10.58px;
  height: 10px;
  background-image: url("assets/img/icons/icon-arrow-down.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

.become-supplier-form .form__item {
  margin-bottom: 25px;
}

.become-supplier-form .popup__link {
  display: flex;
  align-items: center;
}

.become-supp-f-box .popup__link {
  margin-top: 42px;
}

.become-supp-f-box .form__item {
  margin-bottom: 35px;
}

.become-supplier-form .popup__checkbox {
  margin-right: 7px;
}

.become-supplier-form .popup__link label {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.become-supplier-form [type="submit"] {
  width: 100%;
  margin-top: 30px;
  height: 54px;
}

.become-supplier-form input::-moz-placeholder {
  color: #5f6473;
}

.become-supplier-form input::placeholder {
  color: #5f6473;
}

.become-supplier-promo-title {
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;

}

.become-supplier-promo-cover {
  background-image: url("assets/media/icon-partner.983df9a5.svg");
  background-size: cover;

}

.become-supplier-promo-banner {
  display: flex;
  gap:35px;
  align-items: center;
}


.become-supplier-promo-banner__left {
  flex-basis: 50%;
}

.become-supplier-promo-banner__right {
  flex-basis: 50%;
}

.become-supplier-promo-advantages,.become-supplier-promo-work, .become-supplier-promo-faq{
  margin-top: 80px;

}


.become-supplier-promo-advantages-list {
  margin-top: 40px;
  display: grid;
  gap:30px;
  grid-template-columns: repeat(3,1fr);
}

.become-supplier-promo-advantages-list__item{
  display: flex;
  gap:20px;
  flex-direction: column;
  padding: 30px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
}

.become-supplier-promo-advantages-list__name {
  display: flex;
  height: 50px;
  align-items: center;
  gap:10px;
}

.become-supplier-promo-advantages-list__p, .become-supplier-promo-work-list__p {
  font-size: 20px;
  font-weight: 600;
  line-height: 110%;
}

.become-supplier-promo-advantages-list__desc, .become-supplier-promo-work-list__desc {
  font-size: 18px;
  line-height: 130%;

}



.become-supplier-promo-advantages-list__img {
  width: 30px;
  height: 30px;
}

.become-supplier-promo-work-list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap:30px;
  border-radius: 10px;
  padding: 30px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
}

.become-supplier-promo-work-list__item {
  display: flex;
  flex-direction: column;
  gap:30px;
}

.become-supplier-promo-faq-list{
  display: flex;
  flex-direction: column;
  gap:10px;
  margin-top: 40px;
  border-radius: 10px;
  padding: 30px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);

}
.partner-center-title {
  margin-top: 15px;
}

.partner-center-title h1 {
  font-size: 50px;
  font-weight: 600;
  line-height: 130%;
}

.partner-center-desc {
  max-width: 596px;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 133.4%;
}

.partner-center-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 230px;
    padding: 15px;
    background: var(--static, linear-gradient(90deg, #92498F 1.4%, #645CB1 100%));
    color: #F6F6F6;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    font-size: 16px;
}

.partner-center-btn:hover {
    color: #F6F6F6;
    filter: brightness(110%);
}

.partner-center-btn::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background-image: url("assets/media/icon-partner.983df9a5.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.become-supplier-promo-counter {
  margin-top: 145px;
  margin-bottom: 120px;
  display: grid;
  gap:40px;
  grid-template-columns: repeat(4,1fr);
}

.become-supplier-promo-counter__item {
  width: 88%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:25px;
}

.become-supplier-promo-counter__number {
  font-size:80px;
  font-weight: 700;
  line-height: 100%;
  background: var(--gradient, linear-gradient(90deg, #92498F 1.4%, #645CB1 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

 .become-supplier-promo-counter__img {
    height: 80px;
  }

.become-supplier-promo-counter__desc {
  font-size:18px;
  text-align: center;
}

.toggleable__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s cubic-bezier(0,1,0,1)
}

.toggleable__control:checked ~ .toggleable__content {
  transition-timing-function: ease-in-out;
  max-height: 2000px;
}

/* Hiding elements in an accessible way */
.hidden--visually {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.toggleable {
  padding: 10px 20px;
  justify-content: space-between;
  border-radius: 10px;
  background:  #E4E4E4;
}

.toggleable__label {
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0 0;
  cursor: pointer;
}

.toggleable__content {
  font-size: 16px;
  margin-top: 1rem;
  padding: 0;
}

.toggleable__control:checked ~ .toggleable__content {
  margin-bottom: 1rem;
}


.toggleable__label::after {
  content: "▼";
  font-size: 0.8rem;
}

.toggleable__control:checked ~ .toggleable__label::after {
  content: "▲";
}

.content ul {
  font-weight: 400;
  line-height: 24px;
  list-style: none;
}

.content ul li {
  margin-bottom: 4px;
  position: relative;
  padding-left: 20px;
}

.content ul li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10.58px;
  height: 10px;
  background-image: url("assets/img/icons/icon-arrow-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

/* Slider section */
.swiper-wrap {
  display: flex;
  justify-content: center;
  position: relative;
}

.swiper {
  width: calc(100% - 120px);
}

.swiper-slide {
  height: 60px;
  background-color: #e4e4e4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-wrap:first-child {
  margin-bottom: 60px;
}

.bottom-banner-swiper .swiper-slide img,
.top-banner-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  content: "";
}

.swiper-button-next {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.10877 0.691524C6.2436 0.826524 6.31934 1.00952 6.31934 1.20032C6.31934 1.39112 6.2436 1.57412 6.10877 1.70912L1.81757 6.00032L6.10877 10.2915C6.23595 10.428 6.30519 10.6085 6.3019 10.7951C6.29861 10.9816 6.22304 11.1596 6.09113 11.2915C5.95921 11.4234 5.78124 11.499 5.59471 11.5023C5.40818 11.5055 5.22766 11.4363 5.09117 11.3091L0.29117 6.50912C0.156337 6.37412 0.0806032 6.19112 0.0806032 6.00032C0.0806032 5.80952 0.156337 5.62652 0.29117 5.49152L5.09117 0.691524C5.22617 0.556691 5.40917 0.480957 5.59997 0.480957C5.79077 0.480957 5.97377 0.556691 6.10877 0.691524Z' fill='%235F6473'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  width: 7px;
  height: 12px;
  top: 75%;
  transform: rotate(180deg);
  right: 0;
  left: initial;
}

.swiper-button-prev {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.10877 0.691524C6.2436 0.826524 6.31934 1.00952 6.31934 1.20032C6.31934 1.39112 6.2436 1.57412 6.10877 1.70912L1.81757 6.00032L6.10877 10.2915C6.23595 10.428 6.30519 10.6085 6.3019 10.7951C6.29861 10.9816 6.22304 11.1596 6.09113 11.2915C5.95921 11.4234 5.78124 11.499 5.59471 11.5023C5.40818 11.5055 5.22766 11.4363 5.09117 11.3091L0.29117 6.50912C0.156337 6.37412 0.0806032 6.19112 0.0806032 6.00032C0.0806032 5.80952 0.156337 5.62652 0.29117 5.49152L5.09117 0.691524C5.22617 0.556691 5.40917 0.480957 5.59997 0.480957C5.79077 0.480957 5.97377 0.556691 6.10877 0.691524Z' fill='%235F6473'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  width: 7px;
  height: 12px;
  top: 75%;
  left: 0;
  right: initial;
}

.bottom-banner-swiper .swiper-slide img {
  max-width: 950px;
}

.bottom-banner-swiper .swiper-slide {
  background-color: transparent;
}

/* Footer */
.footer {
  width: 100%;
  background: linear-gradient(
    82.59deg,
    rgb(146, 58, 104) 0.043%,
    rgb(87, 74, 142) 52.594%,
    rgb(83 42 113) 99.942%
  );
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 80px;
}

.footer__inner {
  display: flex;
  justify-content: space-between;
}

.footer__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footer-nav {
  width: -moz-max-content;
  width: max-content;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  color: #fff;
}

.footer-nav ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-auto-flow: column;
  -moz-column-gap: 120px;
  column-gap: 120px;
  row-gap: 10px;
}

.footer-nav ul li a {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
}

.footer-right a {
  font-size: 15px;
  color: #fff;
}
.footer-right a:hover {
  text-decoration: underline;
}

.footer-right img {
  margin-right: 5px;
}

.footer-logo {
  display: flex;
  width: 165px;
  height: auto;
  flex-shrink: 0;
}

.footer-logo img {
  width: 100%;
  height: auto;
}

.footer .copyright {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
}

.footer-right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  color: #fff;
  align-self: flex-end;
}

.footer-right img {
  display: inline-flex;
  width: 24px;
  height: 24px;
}


.footer-nav li a:hover {
  text-decoration: underline;
}

/* Product card */
.page-header {
  width: 100%;
  /*background-image: url("/img/header-bg.webp");*/
  /*background-size: cover;*/
  /*background-repeat: no-repeat;*/
  background: linear-gradient(
    82.59deg,
    rgb(146, 58, 104) 0.043%,
    rgb(87, 74, 142) 52.594%,
    rgb(83 42 113) 99.942%
  );
  position: relative;
}

:root {
  --breadcrumbs-color-link: #b1b1b1;
  --breadcrumbs-color-current: #50586f;
  --breadcrumbs-padding: 10px;
}

.breadcrumbs {
  margin-top: 30px;
  display: block;
  margin-bottom: 40px;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
}

.breadcrumbs ul {
  display: inline;
  align-items: baseline;
  flex-wrap: wrap;
  row-gap: 4px;
}

.breadcrumbs li {
  padding-left: var(--breadcrumbs-padding);
  display: inline;
  justify-content: center;
  align-items: center;
  color: var(--breadcrumbs-color-current);
}



.static-content ol li {
  margin-bottom: 4px;
}

.static-content ol li ul{
  padding-top: 4px;
}


.static-content ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 4px;

}

.static-content ul li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10.58px;
  height: 10px;
  background-image: url(assets/img/icons/list-style-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.static-content a {
  text-decoration: underline;

}

.static-content a:hover {
  color: #45166A;
}

.static-content h2 {
  font-size: 19px;
  font-weight: 600;
}

.static-content h3 {
  font-weight: 600;
}

.static-content table {
  border: 1px solid #86888F;
  width: 100%;

}

.static-content td {
  text-align: center;
  border: 1px solid #86888F;
  padding: 10px;
}

.static-content td p.content-flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.faq-content {
  padding-left: 10px;
  border-left: 3px solid #a976d1;

}


.faq-content h3 {
  margin-top: 10px;
  margin-bottom: 5px;
}


.static-description p {
  padding-left: 20px;
  margin-bottom: 4px;
  position: relative;

}

.static-description h3 {
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}


.static-description p::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10.58px;
  height: 10px;
  background-image: url(assets/img/icons/list-style-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.section-about {
  display: flex;
  flex-direction: column;
  gap:10px;
  margin-top: 80px;

}



.breadcrumbs li::after {
  content: "/";
  display: inline;
  margin-left: var(--breadcrumbs-padding);
  color: var(--breadcrumbs-color-link);
}

.breadcrumbs li::after::after {
  width: 4px;
  height: 8px;
}

.breadcrumbs li:last-child {
  padding-left: 0;
}

.breadcrumbs li:last-child::after {
  display: none;
}

.breadcrumbs li:nth-last-child(2) {
  margin-right: var(--breadcrumbs-padding);
}

.breadcrumbs li a {
  text-transform: capitalize;
  color: var(--breadcrumbs-color-link);
}



.breadcrumbs li a:hover {
  color: #50586f;
}

.breadcrumbs li:first-child {
  padding-left: 0;
}

.breadcrumbs li:last-child {
  border-right: none;
}

.single-page .main {
  padding-top: 30px;
}

.product-card-title {
  display: flex;
  -moz-column-gap: 15px;
  column-gap: 15px;
  align-items: center;
}

.product-card-title img {
  width: 32px;
  height: 32px;
  position: relative;
}

.product-card-title h1 {
  display: inline;
  font-size: 24px;
  font-weight: 600;
  line-height: 133.4%;
}


.product-card-title {
  margin-top: 45px;
}

.product-box {
  margin-top: 35px;
  display: flex;
  -moz-column-gap: 40px;
  column-gap: 40px;
  margin-bottom: 40px;
  align-items: flex-start;
}

.product-box .product-table__row {
  align-items: flex-start;
}

.product-box__left {
  width: 75%;
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
}

.product-box__right {
  width: 25%;
  border-radius: 10px;
  background: #fff;
  padding: 30px;
}

.product-box__right .buy-btn {
  margin-top: 30px;
  margin-left: 0;
  width: 100%;
}

.title-sm {
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 15px;
}

.product-table {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 40px;
  margin-top: 40px;
}

.product-table__title-row {
  min-height: 60px;
  background-color: #e4e4e4;
  border-radius: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.product-item:first-child {
  width: 80%;
  padding-right: 150px;
}

.product-item:nth-child(2) {
  width: 20%;
}

.product-table__row {
  min-height: 60px;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #f7f7f7;
  border-radius: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 400;
  line-height: 24px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  line-height: 24px;
  color: #474a56;
  margin-bottom: 8px;
}


.info-row-title {
  min-width: 60px;
  margin-right: 10px;
}

/* .amount-value {
  padding-left: 5px;
  padding-right: 5px;
} */

.cost-value {
  padding-left: 3px;
  padding-right: 3px;
}

.buy-blok, .buy-blok__additional{
  display: flex;
  flex-direction: column;
  gap:10px;
}

.buy-blok__additional {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 2px solid #E4E4E4;
}

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




.buy-blok__title-additional {
  color: #86888F;


}

.buy-blok__desc-additional {
  color: #5F6473;


}


/* FAQ page */
.section-faq {
  padding-top: 65px;
  padding-bottom: 65px;
}

.accordion {
  width: 100%;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
}

.accordion button {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: space-between;
  width: 100%;
  color: #5f6473;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
  padding: 0;
  height: auto;
  border-radius: 10px;
  background-color: #e4e4e4;
  padding: 15px 20px;
  flex-shrink: 0;
  min-height: 54px;
}

.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
}

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
}

.accordion .accordion-item {
  padding-top: 30px;
  border-radius: 16px;
  min-height: 54px;
}

.accordion .accordion-item:first-child {
  padding-top: 0;
}

.accordion .accordion-item .icon {
  display: inline-block;
  border-radius: 100px;
  width: 9.5px;
  height: 6px;
  background-image: url(/img/icon_down.svg);
  background-size: cover;
  background-repeat: no-repeat;
  transition-duration: 0.3s;
  top: 1px;
  position: relative;
  flex-shrink: 0;
}

.accordion .accordion-title {
  font-weight: 500;
  line-height: 22px;
  display: flex;
  margin-right: 15px;
}

.accordion button[aria-expanded="true"] .icon {
  transform: rotate(180deg);
}

.accordion button[aria-expanded="true"] .icon::after {
  width: 0;
}

.accordion button[aria-expanded="true"] + .accordion-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
  padding-bottom: 0;
}

.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
  padding-left: 0;
  padding-right: 24px;
  padding-bottom: 0;
}

.accordion-content {
  padding-bottom: 0;
}

.accordion-content p {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 90%;
  padding-bottom: 10px;
  padding-left: 20px;
}

.accordion-content p:first-child {
  padding-top: 16px;
}

.faq-section {
  margin-top: 45px;
}

.page-main-header {
  font-size: 24px;
  font-weight: 600;
  line-height: 133.4%;
  margin-top: 50px;
}

.faq-wrap {
  width: 100%;
  margin-top: 35px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #fff;
  border-radius: 10px;
}

/* Prog section */
.prog-section__left {
  padding: 30px 30px 37px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  background-color: #fff;
  max-width: 520px;
  width: 100%;
  border-radius: 10px;
}

.service-side-link {
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
}

.service-side-link:hover {
  color: #45166a;
}

.prog-section__right {
  padding: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  min-width: 750px;
}

.service-link {
  font-weight: 600;
  line-height: 24px;
  margin-top: 25px;
  margin-bottom: 10px;
}

.service-link:hover {
  color: #45166a;
}

.prog-section {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 40px;
  column-gap: 40px;
  margin-top: 35px;
}

.prog-section__single_column {
  flex-direction: column;
  width: 100%;
}

.become-supplier-request {
  max-width: 40%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 120px;
}

.prog-section__right p {
  font-weight: 400;
  line-height: 24px;
}

.custom-tab-section .table-title-box {
  padding-left: 20px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.my-delivery-tab .table-title-box {
  padding-right: 20px;
  justify-content: space-between;
  /* gap:20px; */
}




.custom-tab-section .table-row {
  -moz-column-gap: 30px;
  column-gap: 30px;
  background-color: #f7f7f7;
  padding: 15px 20px;
  height: auto;
  min-height: 60px;
  box-shadow: none;
}

.my-delivery-tab .table-row {
  justify-content: space-between;
  /* gap:20px; */
}



.purchase-history .table-title-box {
  padding-right: 20px;

}

.purchase-history .table-row {
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.purchase-history .table-row .td-wrap {
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.purchase-history .table-title-box .td-wrap {
  display: flex;
  justify-content: space-between;
  width: 335px;
  flex-shrink: 0;
}


.purchase-history .date-cell,
.purchase-history .date-title {
  width: 110px;
}

.purchase-history .status-title, .purchase-history .status-cell {
  width: 110px;
}

.purchase-history .position-cell, .purchase-history .position-title  {
  max-width: 840px;
}

.id-title {
  width: 25px;
}

.id-cell {
  width: 25px;
}

.td-wrap {
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.date-title {
 
  width: 100px;
}

.date-cell {
  width: 100px;
  flex-direction: column;
  row-gap: 2px;
}

.my-delivery-tab .price-cell,
.my-delivery-tab .price-title {
  width: 60px;
}

.my-delivery-tab .all-cell,
.my-delivery-tab .all-title {
  width: 60px;
}

.my-delivery-tab .sold-cell,
.my-delivery-tab .sold-title {
  width: 60px;
}

.my-delivery-tab .novalid-cell,
.my-delivery-tab .novalid-title {
  width: 60px;
}

.my-delivery-tab .buttons-cell_one,
.my-delivery-tab .buttons-title_one {
  width: 40px;
}

.my-delivery-tab .status-cell,
.my-delivery-tab .status-title {
  width: 80px;
}

.my-delivery-tab .price-cell-title, .my-delivery-tab .all-cell-title, .my-delivery-tab .sold-cell-title, .my-delivery-tab .novalid-cell-title {
  display: none;
}

.in-sell {
  color: #77e0b5;
}

.add-new-cell-btn {
  width: 22px;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 12V18M12 15H18' stroke='url(%23paint0_linear_323_6373)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 8H10C8.89543 8 8 8.89543 8 10V20C8 21.1046 8.89543 22 10 22H20C21.1046 22 22 21.1046 22 20V10C22 8.89543 21.1046 8 20 8Z' stroke='url(%23paint1_linear_323_6373)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 16C2.9 16 2 15.1 2 14V4C2 2.9 2.9 2 4 2H14C15.1 2 16 2.9 16 4' stroke='url(%23paint2_linear_323_6373)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_323_6373' x1='12' y1='15.4054' x2='18' y2='15.4054' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0140287' stop-color='%2392498F'/%3E%3Cstop offset='1' stop-color='%23645CB1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_323_6373' x1='8' y1='15.9459' x2='22' y2='15.9459' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0140287' stop-color='%2392498F'/%3E%3Cstop offset='1' stop-color='%23645CB1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_323_6373' x1='2' y1='9.94595' x2='16' y2='9.94595' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0140287' stop-color='%2392498F'/%3E%3Cstop offset='1' stop-color='%23645CB1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}

.supplies-list-btn {
  width: 22px;
  aspect-ratio: 1/1;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="paint0_linear_323_6360" x1="2" y1="13.2838" x2="22" y2="13.2838" gradientUnits="userSpaceOnUse"><stop offset="0.014" stop-color="%2392498F"/><stop offset="1" stop-color="%23645CB1"/></linearGradient></defs><g transform="matrix(1, 0, 0, 1, -2.220446049250313e-16, 0)"><path d="M 19 5.5 L 12.72 5.5 L 12.4 4.5 C 12.193 3.913 11.808 3.406 11.299 3.047 C 10.79 2.689 10.182 2.498 9.56 2.5 L 5 2.5 C 4.204 2.5 3.441 2.816 2.879 3.379 C 2.316 3.941 2 4.704 2 5.5 L 2 18.5 C 2 19.296 2.316 20.059 2.879 20.621 C 3.441 21.184 4.204 21.5 5 21.5 L 19 21.5 C 19.796 21.5 20.559 21.184 21.121 20.621 C 21.684 20.059 22 19.296 22 18.5 L 22 8.5 C 22 7.704 21.684 6.941 21.121 6.379 C 20.559 5.816 19.796 5.5 19 5.5 Z M 20 18.5 C 20 18.765 19.895 19.02 19.707 19.207 C 19.52 19.395 19.265 19.5 19 19.5 L 5 19.5 C 4.735 19.5 4.48 19.395 4.293 19.207 C 4.105 19.02 4 18.765 4 18.5 L 4 5.5 C 4 5.235 4.105 4.98 4.293 4.793 C 4.48 4.605 4.735 4.5 5 4.5 L 9.56 4.5 C 9.77 4.499 9.974 4.565 10.145 4.687 C 10.315 4.809 10.443 4.981 10.51 5.18 L 11.05 6.82 C 11.117 7.019 11.245 7.191 11.415 7.313 C 11.586 7.435 11.79 7.501 12 7.5 L 19 7.5 C 19.265 7.5 19.52 7.605 19.707 7.793 C 19.895 7.98 20 8.235 20 8.5 L 20 18.5 Z" fill="url(%23paint0_linear_323_6360)"/></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}

.download-cell-btn {
  width: 22px;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2 15.5V13.4333H14.4667V15.5H6.2ZM14.4667 8.26667L10.3333 12.4L6.2 8.26667H8.78333V4.13333H11.8833V8.26667H14.4667ZM10.3333 0C16.0167 0 20.6667 4.65 20.6667 10.3333C20.6667 16.0167 16.0167 20.6667 10.3333 20.6667C4.65 20.6667 0 16.0167 0 10.3333C0 4.65 4.65 0 10.3333 0ZM10.3333 2.06667C5.766 2.06667 2.06667 5.766 2.06667 10.3333C2.06667 14.9007 5.766 18.6 10.3333 18.6C14.9007 18.6 18.6 14.9007 18.6 10.3333C18.6 5.766 14.9007 2.06667 10.3333 2.06667Z' fill='url(%23paint0_linear_2570_1198)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2570_1198' x1='-8.97576e-08' y1='11.7297' x2='20.6667' y2='11.7297' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0140287' stop-color='%2392498F'/%3E%3Cstop offset='1' stop-color='%23645CB1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}


.supplies-list-btn::before {
  content: "просмотр поставок";
  position: absolute;
  top: -35px;
  right: -40%;
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
  height: 24px;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  color: #fff;
  background-color: #5f6473;
  border-radius: 10px;
  padding-bottom: 2px;
  visibility: hidden;
}

.download-cell-btn::before {
  content: "выгрузить все поставки этого товара";
  position: absolute;
  top: -35px;
  right: -40%;
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
  height: 24px;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  color: #fff;
  background-color: #5f6473;
  border-radius: 10px;
  padding-bottom: 2px;
  visibility: hidden;
}

.download-cell-btn_one::before {
  content: "выгрузить поставку";

}

.add-new-cell-btn::before {
  content: "добавить поставку";
  position: absolute;
  top: -35px;
  right: -65%;
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
  height: 24px;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  color: #fff;
  background-color: #5f6473;
  border-radius: 10px;
  padding-bottom: 2px;
  visibility: hidden;
}

.add-new-cell-btn:hover::before {
  visibility: visible;
}

.supplies-list-btn:hover::before {
  visibility: visible;
}

.add-new-cell-btn:hover::before {
  visibility: visible;
}

.download-cell-btn:hover::before {
  visibility: visible;
}

.add-new-cell {
  width: 22px;
}

.download-cell {
  width: 22px;
}


.position-title, .position-cell {
  flex-grow: 1;
  max-width: 768px;
}



.my-delivery-tab .position-title, .my-delivery-tab .position-cell {
  max-width: 800px;
}


.custom-tab-section .position-cell {
  line-height: 1.35;
}

.custom-tab-section {
  margin-top: 35px;
  padding: 40px 30px;
  background-color: #fff;
  border-radius: 10px;
}

.custom-tab-section .about-good-cell {
  width: 165px;
}

.custom-tab-section .about-good-title {
  width: 165px;
}

.custom-tab-section .download-cell {
  margin-left: auto;
}

.custom-tab-section .about-good-cell {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}

.my-products-tab .status-title {
  width: 100px;
}

.my-products-tab .status-cell {
  width: 100px;
  text-transform:lowercase;
}

.my-products-tab .category-title {
  width: 150px;
}

.my-products-tab .category-cell {
  width: 150px;
  overflow-wrap: break-word;
}

.my-products-tab .realization-title {
  min-width: 100px;
}

.my-products-tab .realization-cell {
  min-width: 100px;
}

.my-products-tab .pending-title {
  min-width: 100px;
}

.my-products-tab .pending-cell {
  min-width: 100px;
}

.my-products-tab .buttons-title {
  min-width: 86px;
}

.my-products-tab .buttons-cell {
  min-width: 86px;
}

.my-products-tab .table-title-box {
  
  padding-right: 15px;
}


.cancelled,
.denied {
  color: #474a56;
}

.paid {
  color: #77e0b5;
}

.not-paid {
  color: #ce9898;
}


.product-box .product-table__title-row .product-item {
  white-space: nowrap;
}

.financial-box {
  display: flex;
  padding: 40px 30px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  margin-top: 35px;
}

.financial-box__top {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 60px;
  column-gap: 60px;
}

.financial-box-item {
  width: 100%;
  height: 244px;
  max-width: 350px;
  border-radius: 10px;
  overflow: hidden;
  padding: 30px;
  background-color: #f7f7f7;
}

.financial-box-item_black {
  position: relative;
}

.financial-box-item_black::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #5f6473;
}

.financial-box-item_green {
  position: relative;
}

.financial-box-item_green::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #ff5454;
}

.financial-box-item_red {
  position: relative;
}

.financial-box-item_red::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #77e0b5;
}

.fin-title {
  display: none;
}

.financial-box__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 22px;
}

.financial-box__title_ref {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

.financial-box__price {
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.financial-box__text {
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 40px;
}

.referral-box__blok {
  display: flex;
  justify-content: space-between;
  gap:20px;
  margin-bottom: 12px;
}

.referral-box__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 22px;
}

.referral-box__text {
  font-weight: 400;
  line-height: 150%;

}

.referral-box__price {
  font-weight: 600;
  line-height: 24px;
  text-align: right;
}

.referral-box__promo {
  margin-top: 40px;
}

.referral-box__linkblok {
  display: flex;
  gap:20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}



.referral-box__linkimg {
  display: flex;
  background-color:#F7F7F7;
  padding: 20px;
  flex-basis: 77%;
  justify-content: space-between;
  gap:20px;
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);

}


.referral-box__icon {
  width: 24px;
  height: 24px;
}

.referral-box__icon:hover {
    filter: brightness(30%);
}

.referral-box__bannerblok {
  display: flex;
  flex-wrap: wrap;
  gap:40px;
}

.referral-box__banneritem {
  display: flex;
  flex-direction: column;
  gap:10px;
  align-items: flex-start;
}

.referral-box__textsize {
  display: flex;
  width: 100%;
  gap:20px;
  justify-content: space-between;
}

.referral-box__bannersize {
  font-weight: 600;
  max-width: 100%;
}

.financial-box__tel {
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 12px;
}

.financial-box__bottom {
  margin-top: 40px;
}

.financial-box-item__link {
  display: flex;
  /* margin-top: 45px; */
  /*font-size: 18px;*/
  font-weight: 400;
  line-height: 24px;
  color: #45166a;
  text-decoration: underline;
}

.financial-box-item__link:hover {
  text-decoration: none;
}

.financial-box__table .table-title-box {
  justify-content: space-between;
  padding-right: 20px;
}

.financial-box__table .table-row {
  padding-left: 20px;
  padding-right: 20px;
  justify-content: space-between;
}

.financial-box__table .id-title,
.financial-box__table .id-cell {
  width: 50px;
}

.financial-box__table .request-date-title,
.financial-box__table .request-date-cell {
  width: 150px;
}

.financial-box__table .payment-date-title,
.financial-box__table .payment-date-cell {
  width: 150px;
}

.financial-box__table .price-title,
.financial-box__table .price-cell {
  width: 90px;
}

.financial-box__table .pocket-title,
.financial-box__table .pocket-cell {
  width: 150px;
}

.financial-box__table .status-title,
.financial-box__table .status-cell {
  width: 90px;
}

.financial-box .id-title,
.financial-box .id-cell {
  width: 30px;
}

.financial-box .request-date-title,
.financial-box .request-date-cell {
  width: 140px;
}

.financial-box .payment-date-title,
.financial-box .payment-date-cell {
  width: 140px;
}

.financial-box .price-title,
.financial-box .price-cell {
  width: 70px;
}

.financial-box .pocket-title,
.financial-box .pocket-cell {
  width: 120px;
}

.financial-box .requisites-cell,
.financial-box .requisites-title {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.financial-box .status-title,
.financial-box .status-cell {
  width: 110px;
}

.financial-box .table-row {
  min-height: 60px;
  height: 60px;
  padding-top: 7px;
  padding-bottom: 5px;
}


.balance-box {
  display: flex;
  padding: 50px 30px 40px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  margin-top: 35px;
}

.balance-box__container {
  display: flex;
  gap:60px;
}

.balance-box__wrap {
  display: flex;
  flex-direction: column;
  gap:30px
}

.balance-box__title {
  font-size: 24px;
  font-weight: 600;
}

.balance-box__price {
  font-size: 18px;
  font-weight: 500;
}

.balance-box__text {
  font-size: 16px;
  font-weight: 400;
}

.balance-box__summa {
  flex-basis: 30%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  padding: 30px;
  background-color: #f7f7f7;
  position: relative;
}

.balance-box__summa::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #5f6473;
}

.balance-box__add {
  flex-basis: calc(50% - 60px);
  height: auto;
  border-radius: 10px;
  padding: 30px;
  background-color: #f7f7f7;
  position: relative;
}

.balance-box__add::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #77e0b5;
}

.balance-box__input-div {
  display: flex;
  justify-content: space-between;
}



.balance-box__input {
  flex-basis: 48%;
  padding: 14px;
  border-radius: 10px;
  background: #fff;
  font-family: inherit;
  color: #474a56;
  border: 1px solid transparent;
  transition: all .3s ease 0s;
  font-size: 14px;
}

.balance-box__input_select {
  flex-basis: 50%;
}

.balance-box__input:focus {
  border: 1px solid #92498f;
}

.balance-box__btn-div {
  display: flex;
  justify-content: space-between;
}

.balance-box__policy {
  margin-top: 25px;
  flex-basis: 50%;
  display: flex;
  gap:10px;
}

.balance-box__btn {
  padding: 16px;
  flex-basis: 48%;
  max-height: 56px;
  margin-top: 25px;
  color: #f6f6f6;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  border-radius: 10px;
  box-shadow: 4px 4px 11px -34px rgba(89, 106, 125, 0.05);
  background: linear-gradient(90deg, rgb(146, 73, 143) 1.403%, rgb(100, 92, 177) 100%);
}

.balance-box__btn:hover {
  filter: brightness(110%);
}

.balance-history {
  margin-top: 60px;
}


.balance-history__tab .operation-title, .balance-history__tab .operation-cell, .balance-history__tab .ewallet-title, .balance-history__tab .ewallet-cell, .balance-history__tab .summa-title, .balance-history__tab .summa-cell, .balance-history__tab .balance-title, .balance-history__tab .balance-cell{
  width: 12%;
}


.balance-history__tab .table-title-box,.balance-history__tab .table-row
{
  -moz-column-gap: 0;
       column-gap: 0;
  padding: 15px 20px;
  justify-content: space-between; 
}

.balance-history__tab .td-wrap
{
  width:30%;
  -moz-column-gap: 0;
       column-gap: 0;
  justify-content: space-between;
}


.balance-history__tab .id-balance-title, .balance-history__tab .id-balance-cell{
  width: 40px;
}

.balance-history__tab .date-balance-title, .balance-history__tab .date-balance-cell{
  width: 80px;
}

.balance-history__tab .status-balance-title, .balance-history__tab .status-balance-cell{
  width: 100px;
}


.balance-history__tab .ewallet-cell-title, .balance-history__tab .summa-cell-title, .balance-history__tab .balance-cell-title {
  display: none;
}





.twr-wrap {
  display: flex;
  justify-content: space-between;
  width: 40%;
}

@media (max-width: 1550px) {
  .twr-wrap {
    width: 41%;
  }

  .financial-box__table .table-title-box {
    padding-right: 15px;
  }
}

@media (max-width: 1350px) {
  .twr-wrap {
    width: 42%;
  }

  .link-blok-grid {
    grid-template-columns: repeat(2,1fr);
  }


}

@media (max-width: 1200px) {
  .twr-wrap {
    width: 45%;
  }
}

@media (max-width: 1100px) {
  .twr-wrap {
    width: 45%;
  }

  
}

@media (max-width: 1000px) {
  .twr-wrap {
    width: 51%;
  }
}
/* Become supplier */
.become-supp-section {
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 35px;
}

.become-supp-title {
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 20px;
}

ol {
  list-style: number;
  padding-left: 15px;
}

ol li {
  font-weight: 400;
  line-height: 24px;
}

.become-supp-f-box {
  display: flex;
  -moz-column-gap: 110px;
  column-gap: 110px;
}

.become-supp__left {
  width: 45%;
  max-width: 680px;
}

.become-supp__right {
  width: 55%;
  border-radius: 10px;
  background-color: #fff;
  padding: 60px;
  max-height: 268px;
}

.become-supp__left .dropdown__button {
  background-color: #fff;
}

.become-supp__left .dropdown__button:hover {
  filter: brightness(95%);
}

.dropdown__list-item {
  background-color: #fff;
}

.exclam-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 133.4%;
  margin-bottom: 20px;
  color: #ce9898;
}

.exclam-text {
  font-weight: 400;
  line-height: 24px;
}

.become-supplier-form .dropdown__button {
  font-weight: 400;
  color: #5f6473;
  padding-left: 14px;
  padding-right: 14px;
}

.become-supplier-form .dropdown__list-item {
  font-weight: 400;
  color: #5f6473;
}

/* New position form */
.new-position-section {
  padding: 40px 30px;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 35px;
}

.new-position-section .form-textarea  {
  background: #F7F7F7;
}

.create-new-position-form .dropdown__button {
  color: #5f6473;
}

.create-new-position-form .dropdown__list-item {
  color: #5f6473;
}

.create-new-position-form .dropdown__button {
  background-color: #f7f7f7;
}

.create-new-position-form .form__item {
  margin-bottom: 30px;
}

.create-new-position-form .link-name {
  color: #5f6473;
}

.create-new-delivery-form .dropdown__button {
  color: #5f6473;
}

.create-new-delivery-form .dropdown__list-item {
  color: #5f6473;
}

.create-new-delivery-form .dropdown__button {
  background-color: #f7f7f7;
}

.create-new-delivery-form .form__item {
  margin-bottom: 30px;
}

.create-new-delivery-form .link-name {
  color: #5f6473;
}

.create-new-delivery-form .dropdown__button {
  font-weight: 400;
}

.create-new-delivery-form .form-textarea {
  font-weight: 400;
}

.create-new-delivery-form .form-textarea::-moz-placeholder {
  font-weight: 400;
}

.create-new-delivery-form .form-textarea::placeholder {
  font-weight: 400;
}

.create-new-delivery-form .form__item input {
  padding-left: 20px;
  padding-right: 25px;
}

textarea {
  width: 100%;
  border-radius: 10px;
  background-color: #f7f7f7;
  color: #5f6473;
  padding: 20px;
  font-weight: 500;
  line-height: 24px;
  border: none;
  resize: none;
  border: 1px solid transparent;
}

textarea::-moz-placeholder {
  color: #5f6473;
}

textarea::placeholder {
  color: #5f6473;
}

form textarea {
  color: #5f6473;
}

.invalid .dropdown__button {
  border: 1px solid #ce9898;
}

.form-textarea {
  height: 140px;
  background-color: white;
}

.form-textarea_big {
  height: 240px;
}

.new-position-section .dropdown__list-item {
  background-color: #f7f7f7;
}

.create-new-delivery-form__btns {
  display: flex;
  -moz-column-gap: 90px;
  column-gap: 90px;
  justify-content: left;
}

.create-delivery-btn {
  width: 365px;
  max-width: 365px;
  margin-top: 50px;
  margin-bottom: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.new-delivery-section {
  background-color: #fff;
}

.new-delivery-tab {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}

.new-delivery-tab .id-title,
.new-delivery-tab .id-cell {
  width: 60px;
}

.new-delivery-tab .name-title,
.new-delivery-tab .name-cell {
  flex-grow: 1;
  flex-shrink: initial;
}

.new-delivery-tab .name-cell {
}

.new-delivery-tab .table-cell {
}

.new-delivery-tab .create-delivery-title,
.new-delivery-tab .create-delivery-cell {
  width: 110px;
}

.new-delivery-tab .zero-title,
.new-delivery-tab .open-cell {
  width: 30px;
}

.new-delivery-tab .open-cell {
  width: 25px;
  height: 25px;
  background-image: url(assets/img/icons/icon_down.svg);
  background-size: 9px;
  background-position: center;
  background-repeat: no-repeat;
  transition-duration: 0.3s;
}

.new-delivery-tab.custom-tab-section .table-title-box {
  height: 60px;
  padding-right: 20px;
  padding-left: 18px;
}

.new-delivery-tab.custom-tab-section .table-row {
  flex-direction: column;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0;
  padding-right: 0;
}

.new-delivery-tab .text-srop-box {
  border-top: 1px solid transparent;
  background-color: #f7f7f7;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #474a56;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.15s ease;
}

.new-delivery-tab .text-srop-box.text-srop-box_expanded {
  border-color: #e4e4e4;
  padding-bottom: 8px;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 15px;
}

.new-delivery-tab .srop-top {
  width: 100%;
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}

.new-delivery-tab .custom-tab-section .table-row {
  max-height: auto;
}

.srop-top_expanded .open-cell {
  rotate: -180deg;
}

.new-delivery-tab.custom-tab-section .table-cell {
  line-height: 1.3;
}

.create-new-delivery-form .form__item input {
  background-color: #f7f7f7;
}

form .create-position-btn {
  margin-top: 50px;
  margin-bottom: 0;
  max-width: 370px;
  width: 100%;
}

.fd-icon {
  height: 28px;
  flex-grow: 0;
  width: 0;
  height: 0;
  border-radius: 100px;
}

.fd-icon-with-img {
  width: 26px;
  aspect-ratio: 1/1;
  height: auto;
  margin-right: 7px;
  flex-shrink: 0;
}

.f-dropdown .dropdown__list-item p {
  display: flex;
  align-items: center;
}

.f-dropdown .dropdown__list-item .link-name {
  margin-left: 7px;
}

.f-dropdown .dropdown__list-item {
  padding-left: 17px;
  padding-right: 17px;
}

.product-item {
  word-break: break-all;
}

.mydev-title {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: -15px;
  left: 0;
  font-size: 10px;
  font-weight: 600;
  line-height: 150%;
  color: #86888f;
}

.sitemap h1 {
  font-size: 24px;
  font-weight: 600;
}

.sitemap__box {
  margin-top: 35px;
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
}

.sitemap__categories {
  margin-top: 20px;
}

.sitemap__ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 4px;
}

.sitemap__ul li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10.58px;
  height: 10px;
  background-image: url(assets/img/icons/list-style-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}



.download-link {
  margin-top: 25px;
  display: block;
  max-width: 360px;
  padding: 15px;
  color: #f6f6f6;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  border-radius: 10px;
  background: linear-gradient(90deg, rgb(146, 73, 143) 1.403%, rgb(100, 92, 177) 100%);
  cursor: pointer;
}

.download-link:hover {
  color: #f6f6f6;
  background: linear-gradient(90deg, rgb(134, 61, 131) 1.403%, rgb(82, 73, 158) 100%);
}


@media (max-width: 1650px) {
  .custom-tab-section .table-title-box {
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding-right: 20px;
  }

  .custom-tab-section .table-row {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .td-wrap {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .purchase-history .table-row .td-wrap {
    -moz-column-gap: 20px;
    column-gap: 20px;

  }

  .position-cell,
  .position-title {

    width: 100%;
  }


  .custom-tab-section .position-cell {
    flex-shrink: initial;
  }

  .custom-tab-section .position-title {
    flex-shrink: initial;
  }

  .custom-tab-section .position-cell br {
    display: none;
  }

  .table-cell {
    font-size: 15px;
  }

  .status-cell span {
    white-space: pre-wrap;
  }

  .purchase-history .about-good-title {
    width: 225px;
  }

}

@media (max-width: 1630px) {

  .my-delivery-tab .position-title, .my-delivery-tab .position-cell {
    max-width: 450px;
  }


  .purchase-history .position-title, .purchase-history .position-cell {
    max-width: 570px;
  }
}

@media (max-width: 1600px) {
  .checkbox-box,
  .checkbox-title,
  .dropdown__button,
  .dropdown__list-item,
  .clear-filters-btn,
  .find-btn,
  .column-name {
    font-size: 15.5px;
  }

  .table-availability-cell,
  .table-text-cell,
  .table-cost-cell {
    font-size: 15.5px;
  }



  .table-text-cell {
    font-size: 15.5px;
  }

  textarea {
    font-size: 15.5px;
  }

  textarea::-moz-placeholder {
    font-size: 15.5px;
  }

  textarea::placeholder {
    font-size: 15.5px;
  }

  .product-item:first-child {
    padding-right: 30px;
  }

}

@media (max-width: 1500px) {
  .become-supp-f-box {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }

  .financial-box__title, .referral-box__title {
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .financial-box__title_ref{
    font-size: 19px;
  }


  .financial-box-item {
    max-width: 350px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .financial-box__top {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}

@media (max-width: 1400px) {
  

  .my-product-tab .table-title-box {
    padding-right: 0;
  }

  .become-supp__right,
  .become-supp__left {
    width: 50%;
  }

  .purchase-history .about-good-title {
    width: 208px;
  }
}

@media (max-width: 1300px) {
  .footer-nav ul {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }

  .about-good-title {
    width: 205px;
  }

  .financial-box__price,
  .financial-box-item__link,
  .financial-box__text {
    font-size: 15px;
  }

  .financial-box__top {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .financial-box__tel {
    font-size: 15px;
  }

  .purchase-history .download-cell-btn {
    right: 0;
  }

  .purchase-history .position-title, .purchase-history .position-cell {
    max-width: 400px;
  }

  .balance-box__summa {
    flex-basis: 40%;
  }

  .balance-box__add {
    flex-basis: 58%;
  }

  .balance-box__input-div, .balance-box__btn-div {
    flex-direction: column;
    gap:15px;
  }

 .balance-box__btn {
    margin-top: 0;
  } 


}

@media (max-width: 1250px) {
  .controls__inner {
    flex-direction: column;
    row-gap: 25px;
  }

  .controls-right {
    width: calc(50% - 7.5px);
    flex-direction: row;
    -moz-column-gap: 12.5px;
    column-gap: 12.5px;
  }

  .controls-left {
    row-gap: 25px;
  }

  .find-btn {
    width: 50%;
  }

  .clear-filters-btn {
    width: 50%;
  }

   .my-delivery-tab .position-title, .my-delivery-tab .position-cell {
    max-width: 200px;
  }

  .my-delivery-tab .price-cell, .my-delivery-tab .price-title, .my-delivery-tab .all-cell, .my-delivery-tab .all-title,.my-delivery-tab .sold-cell, .my-delivery-tab .sold-title,.my-delivery-tab .novalid-cell, .my-delivery-tab .novalid-title {
      width:40px;
  }


}

@media (max-width: 1200px) {
  .table-text-cell {
    padding-right: 0;
  }

  .header-nav ul li a {
    font-size: 15.5px;
  }

  .header-nav ul .dropdown::after {
    top: -1px;
  }

  .my-delivery-tab .position-cell {
    padding-right: 0;
    font-size: 13px;
  }

  .become-supplier-promo-counter, .become-supplier-promo-work-list{
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width: 1170px) {
  .first-screen__img {
    top: -90px;
    left: 15%;
  }
}

@media (max-width: 1100px) {
  /* Mobile menu */
  .lk-btn_active {
    font-size: 0;
  }

  .header-nav {
    position: fixed;
    top: 67.2px;
    left: 0;
    width: 100%;
    height: calc(100dvh - 67.2px);
    overflow-y: auto;
    background-color: #f6f6f6;
    padding: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: none;
  }

  .mobile-menu-opened .header-nav {
    display: block;
  }

  .header-nav ul {
    flex-direction: column;
    align-items: flex-start;
    overflow-y: auto;
  }

  .header-nav ul .dropdown {
    width: 100%;
    cursor: pointer;
  }

  .header-nav > ul > li {
    border-bottom: 1px solid rgb(228, 228, 228);
  }

  .header-nav ul li a {
    height: 50px;
    color: #474a56;
  }

  .header-nav ul .submenu {
    display: flex;
    position: relative;
    left: 0;
    top: 0;
    padding-left: 20px;
  }


  .header-nav ul .submenu li a {
    font-weight: 400;
    line-height: 150%;
  }

  .header-nav ul .submenu li .b-submenu {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
    transition-duration: 0.3s;

  }

  .header-nav ul .submenu li {
    max-height: initial;
    height: auto;
    min-height: initial;
  }


  .header-nav ul .submenu li .b-submenu ul li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase;
    padding-left: 52px;
  }
  

  .header-nav ul .submenu li .b-submenu ul li {
    height: 30px;
  }

  .header-nav ul .submenu li .b-submenu ul {
    padding-top: 0;
    padding-bottom: 0;
  }

  .header-nav ul .submenu li a::after {
    display: none;
  }

  .header-nav ul .submenu li {
    padding-bottom: 10px;
  }

  .header-nav ul .submenu li .b-submenu ul {
    padding-top: 8px;
  }

  .header-nav ul .submenu li a {
    padding-left: 0;
  }

  .header-nav ul .submenu li .b-submenu ul li a {
    padding-left: 34px;
  }

  .header-nav ul li a {
    font-weight: 600;
    line-height: 25px;
  }

  .header-nav ul li a:hover {
    text-decoration: none;
  }

  .header-nav ul .submenu {
    padding-top: 0px;
    overflow: hidden;
    transition-duration: 0.3s;
    display: block;
  }

  .header-nav ul .submenu_rules {
    padding: 0px;
    max-height: 0;
    overflow: hidden;
    transition-duration: 0.3s;
    display: block;
  }

  .header-nav ul .submenu li {
    min-height: 30px;
  }

  .header-nav > ul > li {
    width: 100%;
  }

  .header-nav > ul > li:last-child {
    border-bottom: none;
  }



  .header-nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  .header-nav ul .dropdown::after {
    position: absolute;
    right: 20px;
    top: 25px;
    width: 9px;
    height: 6px;
    background-image: url(/img/icon_down.svg);
    background-size: cover;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
  }

  .dropdown-btn {
    width: 100%;
  }

  .header-nav .dropdown-btn:hover {
      color: #474a56;
      text-decoration: underline;
  }

  .singleLinkMenu a:hover {
    color: #474a56;
    text-decoration: underline;
}

  .choose-lang:hover .current-lang::after,
  .dropdown:hover::after {
    transform: rotate(0);
  }

  .header-nav ul .dropdown.dropdown-opened::after {
    transform: rotate(180deg);
  }

  .header__burger {
    display: flex;
  }

  .header-nav ul .submenu li .b-submenu ul,
  .header-nav ul .submenu li .b-submenu {
    background-color: transparent;
  }

  .header-nav .category-toggle .submenu a:hover {
    background-color: transparent;
    text-decoration: none;
  }

  .header-nav ul .submenu > li {
    background-color: transparent;
   }

  .choose-lang:hover .current-lang::after {
    transform: rotate(-180deg);
  }

  .prog-section__right {
    min-width: 550px;
  }

  .custom-tab-section .table-cell {
    font-size: 13px;
  }

  .new-delivery-tab .text-srop-box {
    font-size: 15px;
  }

  .new-delivery-tab.custom-tab-section .table-cell {
    font-size: 15px;
  }

  .custom-tab-section .column-name {
    font-size: 13px;
  }

  .custom-tab-section .table-row {
    -moz-column-gap: 15px;
    column-gap: 15px;
  }

  .custom-tab-section .table-title-box {
    -moz-column-gap: 15px;
    column-gap: 15px;
  }

  .new-delivery-tab.custom-tab-section .table-row {
    max-height: initial;
  }

  .td-wrap {
    -moz-column-gap: 15px;
    column-gap: 15px;
  }

  .custom-tab-section .table-cell {
    padding-right: 0;
  }

  .position-cell,
  .position-title {
    line-height: 1.3;
  }

  .my-delivery-tab .table-title-box {
    padding-right: 20px;
  }


  /* .my-delivery-tab .price-title, .my-delivery-tab .price-cell {
    min-width: 65px;
  } */


  /* .my-delivery-tab .all-title {
    min-width: 65px;
  } */

  .my-delivery-tab .price-cell {
    margin-top: 10px;
  }

  .my-delivery-tab .all-cell {
    /* min-width: 65px; */
    margin-top: 10px;
  }

  /* .my-delivery-tab .sold-title {
    min-width: 65px;
  } */

  .my-delivery-tab .sold-cell {
    /* min-width: 65px; */
    margin-top: 10px;
  }

  /* .my-delivery-tab .novalid-title {
    min-width: 65px;
  } */

  .my-delivery-tab .novalid-cell {
    /* min-width: 65px; */
    margin-top: 10px;
  }

  .my-products-tab .realization-title {
    min-width: 65px;
    max-width: 65px;
  }

  .my-products-tab .realization-cell {

    min-width: 65px;
    max-width: 65px;
  }

  .my-products-tab .pending-cell {

    min-width: 65px;
    max-width: 65px;
  }

  .my-products-tab .pending-title {

    min-width: 65px;
    max-width: 65px;
  }


  .financial-box__top {
    flex-direction: row;
    row-gap: 30px;
    flex-wrap: wrap;
    display: flex;
  }

  .financial-box-item {
    width: calc(50% - 10px);
    min-width: initial;
    max-width: initial;
  }

  .lk-list {
    background-color: #fff;
  }

  li.dropdown:nth-child(1) > ul:nth-child(2) {
    max-height: initial;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  li.dropdown:nth-child(1) > ul:nth-child(2) li {
    padding-bottom: 15px;
  }

  li.dropdown:nth-child(1) > ul:nth-child(2) .link-name {
    font-size: 15px;
    font-weight: 600;
  }

  .purchase-history .about-good-title {
    width: 200px;
  }

  .purchase-history .about-good-cell {
    row-gap: 0;
  }

  .purchase-history .about-good-cell,
  .purchase-history .about-good-title {
    width: 125px;
  }

  .purchase-history .status-cell {
    width: 90px;
  }

  .purchase-history .position-title, .purchase-history .position-cell {
    max-width: 300px;
  }

  .purchase-history .table-title-box .td-wrap {
    width: 285px;
  }

  .purchase-history .about-good-title {
    width: 160px;
  }

  .purchase-history .position-title {
    padding-left: 5px;
  }

 

 
}

@media (max-width: 1050px) {
  .product-box {
    flex-direction: column;
    row-gap: 30px;
  }

  .product-box__left {
    order: 2;
  }

  .product-box__right {
    order: 1;
    width: 100%;
    max-width: initial;
  }

  .product-box__left {
    width: 100%;
    min-width: initial;
  }

  .my-products-tab .category-title {
    width: 120px;
  }

  .my-products-tab .category-cell {
    width: 120px;
  }
}

@media (max-width: 1000px) {
  .inner-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .table-row {
    padding: 12px;
  }

  .table-section .table-title-box {
    padding-right: 150px;
  }

  .controls__inner {
    padding-top: 40px;
  }

  .table:first-child {
    margin-top: 0;
    padding-top: 35px;
  }

  .text-content-header {
    font-size: 25px;
    line-height: 1.2;
  }

  .text-content-item p {
    color: #5f6473;
  }

  .text-content-item ul li {
    color: #5f6473;
  }

  .header-container {
    margin-bottom: 25px;
  }

  .text-content-item {
    margin-bottom: 25px;
    padding-bottom: 30px;
  }

  .text-content-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }

  .header-container::before {
    flex-shrink: 0;
  }

  .footer-right {
    align-self: flex-start;
    
  }

  .footer__inner {
    position: relative;
  }

  .footer {
    padding-bottom: 65px;
    margin-top: 30px;
  }

  .footer .copyright {
    position: absolute;
    left: 16px;
    bottom: -40px;
    font-size: 12px;
    color: #f6f6f6;
  }

  .footer__left {
    justify-content: flex-start;
    row-gap: 30px;
  }

  

  .text-content-item p,
  .text-content-item ul {
    font-size: 15.5px;
  }

  .custom-tab-section .status-cell,
  .custom-tab-section .status-title {
    width: 80px;
  }

  .custom-tab-section .date-cell,
  .custom-tab-section .date-title {
    width: 80px;
  }

  .become-supp__right {
    padding: 20px 35px;
  }

  .become-supp-title,
  .become-supp-section ul li {
    font-size: 15.5px;
  }

  ol li {
    font-size: 15.5px;
  }

  .exclam-text {
    font-size: 15.5px;
  }

  .exclam-title {
    font-size: 20px;
  }

  .become-supp-section p {
    font-size: 15.5px;
  }

  .become-supplier-form .dropdown__button,
  .become-supplier-form .dropdown__list-item {
    font-size: 15.5px;
  }

  .become-supplier-form input {
    font-size: 15.5px;
  }

  .become-supplier-form input::-moz-placeholder {
    font-size: 15.5px;
  }

  .become-supplier-form input::placeholder {
    font-size: 15.5px;
  }

  .become-supplier-form [type="submit"] {
    font-size: 15.5px;
  }

  .financial-box__table .table-title-box {
    padding-left: 12px;
  }

  .financial-box__table .table-row {
    padding-left: 12px;
    padding-right: 12px;
  }

  .financial-box .pocket-cell,
  .financial-box .pocket-title {
    width: 90px;
  }

  .financial-box .status-cell,
  .financial-box .status-title {
    width: 90px;
  }

  .first-screen__img {
    left: 10%;
  }

  .purchase-history .table-title-box .td-wrap {
    width: 240px;
  }

  .my-delivery-tab .table-cell.status-cell {
    font-size: 11px;
  }

  .my-delivery-tab .date-cell {
    font-size: 11px;
  }

  .my-delivery-tab .position-cell {
    font-size: 11px;
  }

  .my-delivery-tab .sold-cell,
  .my-delivery-tab .sold-title {
    width: 60px;
  }

  .my-delivery-tab .all-cell,
  .my-delivery-tab .all-title {
    width: 40px;
  }

  .my-delivery-tab .table-row {
    padding-left: 15px;
    padding-right: 15px;
  }

  .my-delivery-tab .table-title-box {
    padding-left: 15px;
  }
  .link-blok {
    flex-direction: column;
  }

  .link-blok-grid {
    grid-template-columns: 1fr;
  }

  .main-name {
    font-size: 60px;
  }

  .main-description {
    font-size: 18px;
  }

}

@media (max-width: 950px) {
  .first-screen__header {
    font-size: 80px;
  }

  .first-screen__img {
    left: 7%;
  }

  .my-delivery-tab .position-title, .my-delivery-tab .position-cell {
    max-width: 100px;
  }
}

@media (max-width: 900px) {
  .novalid-cell,
  .novalid-title,
  .sold-cell,
  .sold-title {
    width: 60px;
  }

  .first-screen__inner {
    padding-left: 20px;
  }

  .become-supplier-promo-advantages-list {
  grid-template-columns: repeat(2,1fr);
  }


}

@media (max-width: 870px) {
  .controls-left {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 54px);
    row-gap: 20px;
  }

  .controls__inner {
    row-gap: 20px;
  }

  .prog-section {
    flex-direction: column;
    row-gap: 30px;
  }

  .prog-section__left {
    width: 100%;
    max-width: initial;
    box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 4px 0px;
  }

  .prog-section__right {
    width: 100%;
    min-width: initial;
    box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 4px 0px;
  }

  .purchase-history .position-title, .purchase-history .position-cell {
    max-width: 200px;
  }
}

@media (max-width: 850px) {
  .financial-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .financial-box .column-name {
    font-size: 14px;
  }

  .financial-box .table-cell.id-cell {
  }

  .financial-box .table-row {
    min-height: 60px;
    height: 60px;
  }

  .financial-box__table .table-title-box {
    height: 60px;
  }
}

 @media (max-width: 800px) {

  .footer-nav ul {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-auto-flow: column;
    row-gap: 20px;
  }

  .footer__inner {
    flex-direction: column;
    row-gap: 30px;
  }

  .footer-right{
    position: absolute;
    top:10px;
    right:16px;
  }
  .accordion .accordion-title {
    font-size: 15px;
  }

  .accordion-content p {
    font-size: 15px;
  }

  .accordion .accordion-item {
    padding-top: 10px;
  }

  .accordion .accordion-title {
    font-weight: 600;
  }

  .faq-section {
    margin-top: 25px;
  }

  .custom-tab-section .about-good-cell {
    row-gap: 0;
  }

  .custom-tab-section .table-inner-cell {
    line-height: 1.3;
  }

  .add-new-cell,
  .download-cell {
    width: 20px;
  }

  .custom-tab-section {
    padding-left: 0;
    padding-right: 0;
    padding: 0;
    background-color: transparent;
  }

  .custom-tab-section .table-row {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
  }

 

  .my-delivery-tab .custom-tab-section .column-name,
  .my-delivery-tab .custom-tab-section .table-cell {
    font-size: 11px;
  }

  .new-delivery-section {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .financial-box .twr-wrap {
    width: 100%;
  }

  .financial-box .table-row {
    flex-wrap: wrap;
    height: auto;
    min-height: auto;
  }

  .financial-box .id-cell {
    font-size: 14px;
    font-weight: 600;
  }

  .financial-box .table-title-box {
    display: none;
  }

  .financial-box .twr-wrap {
    padding-top: 70px;
  }

  .financial-box .requisites-cell {
    position: absolute;
    top: 10px;
    right: 12px;
    width: auto;
    font-weight: 600;
  }

  .financial-box .status-cell {
    position: absolute;
    top: 45px;
    left: 12px;
  }

  .financial-box .pocket-cell {
    position: absolute;
    top: 45px;
    right: 12px;
    width: auto;
  }

  .financial-box .price-cell {
    width: auto;
  }

  .financial-box .payment-date-cell {
    width: auto;
  }

  .financial-box .request-date-cell {
    width: auto;
    position: relative;
  }

  .financial-box .payment-date-cell {
    position: relative;
  }

  .financial-box .price-cell {
    position: relative;
  }

  .financial-box .id-cell {
    width: auto;
  }



  .create-new-delivery-form .dropdown__button {
    font-size: 15px;
    padding-left: 15px;
    padding-right: 40px;
  }

  .create-new-delivery-form .form-textarea {
    font-size: 15px;
    padding-left: 15px;
  }

  .create-new-delivery-form .dropdown__list-item {
    font-size: 15px;
  }

  .create-new-delivery-form .form-textarea::-moz-placeholder {
    font-size: 15px;
  }

  .create-new-delivery-form .form-textarea::placeholder {
    font-size: 15px;
  }

  .create-new-delivery-form .form__item input {
    padding-left: 15px;
    font-size: 15px;
  }

  .create-new-delivery-form .form__item input::-moz-placeholder {
    font-size: 15px;
  }

  .create-new-delivery-form .form__item input::placeholder {
    font-size: 15px;
  }

  .product-item:first-child {
    padding-right: 0;
  }

  .financial-box .table-row {
    padding-top: 12px;
    padding-bottom: 10px;
  }

  .fin-title {
    display: flex;
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    top: -21px;
    left: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 150%;
    color: #86888f;
  }

  .my-delivery-tab .table-row {
    background-color: #fff;
  }

  .my-delivery-tab .date-cell,
  .my-delivery-tab .date-title {
    width: 60px;
  }
}

@media (max-width: 750px) {
  .partner-center-desc {
    margin-top: 25px;
    margin-bottom: 30px;

  }
  .product-card-title h1 {
    font-size: 22px;
  }

  .similar-title, .faq-title {
    font-size: 22px;
  }

  .product-box {
    margin-top: 25px;
    row-gap: 20px;
  }

  .product-box__right,
  .product-box__left {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
  }

  .become-supp-f-box {
    flex-direction: column;
    row-gap: 10px;
  }

  .become-supp__left {
    width: 100%;
    order: 1;
  }

  .become-supp__right {
    width: 100%;
    padding: 35px 25px;
  }
}

@media (max-width: 700px) {
  .controls-left {
    width: 100%;
  }

  .header-supplier__text, .header-login__text {
    font-size: 0;
  }

  .header-logo {
    width:108px;
  }

  .custom-tab-section .about-good-cell {
    width: auto;
    flex-grow: 1;
    justify-content: space-between;
    padding-right: 50px;
  }

  .controls-right {
    width: 100%;
  }

  .table-row {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .availability-title {
    display: none;
  }

  .cost-title {
    display: none;
  }

  .table-text-cell {
    overflow: hidden;
    margin-top:8px;
    margin-bottom: 20px;
    width: 100%;
  }

  .table-icon-cell {
    top:0;
    position: relative;
  }

  .buy-btn,
  .create-btn {
    margin-left: 40px;
  }

  .table-availability-cell {
    background-color: transparent;
    -moz-column-gap: 3px;
    column-gap: 3px;
    position: relative;
  }

  /* .availability-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    top: 1px;
    position: relative;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background-color: #77e0b5;
  } */

  .table-cost-cell {
    background-color: transparent;
    -moz-column-gap: 3px;
    column-gap: 3px;
    position: relative;
  }

  .swiper {
    width: calc(100% - 60px);
  }

  .custom-tab-section .table-row {
    max-height: initial;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .td-wrap {
    width: 75px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .custom-tab-section .date-cell {
    order: 3;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    display: block;
    flex-direction: column;
    row-gap: 0;
  }


  .custom-tab-section .status-cell {
    order: 2;
    margin-bottom: 10px;
  }


  .custom-tab-section .position-cell {
    width: calc(100% - 90px);
  }


  .custom-tab-section .about-good-cell {
    flex-direction: row;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }


  .id-cell {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 10px;
  }

  .custom-tab-section .download-cell-btn {
    width: 31px;
    height: 31px;
  }

  .about-good-amount-value,
  .about-good-cost-value,
  .about-good-shipper-value,
  .about-good-amount-cell,
  .purchase-history .table-inner-cell {
    font-size: 15px;
    font-weight: 600;
    line-height: 150%;
    color: #474a56;
    flex-shrink: 0;
  }

  .about-good-amount-title {
    font-size: 10px;
    font-weight: 600;
    line-height: 150%;
    color: #86888f;
  }

  .custom-tab-section .table-inner-cell {
    width: 40px;
  }

  .custom-tab-section .download-cell {
    top: 15px;
    position: relative;
    margin-left: 70px;
  }

  .purchase-history .table-inner-cell {
    margin-top: 30px;
  }

  .custom-tab-section .about-good-amount-cell {
    margin-top: 30px;
  }

  .custom-tab-section .table-title-box {
    display: none;
  }

  .custom-tab-section .table-title-box._order {
    display: block;
    padding-top: 17px;
  }

  .custom-tab-section .position-cell {
    height: 100px;
    font-size: 15px;
  }

  .purchase-history .position-cell {
    height: auto;
  }

  .custom-tab-section .download-cell {
    margin-left: auto;
  }

  .lk-btn {
    font-size: 0;
  }

  .lk-btn::before {
    margin-right: 0;
  }


  .custom-tab-section .download-cell {
    top: 10px;
  }

  .purchase-history .download-cell-btn {
    right: 12px;
  }

  .my-delivery-tab .download-cell {
    position: static;
    margin-left: 0;
  }

  .my-delivery-tab .price-cell,
  .my-delivery-tab .all-cell,
  .my-delivery-tab .sold-cell,
  .my-delivery-tab .novalid-cell {
    font-size: 15px;
    font-weight: 600;
  }

  

  .my-delivery-tab .id-cell {
    font-size: 15px;
    font-weight: 600;
  }

 
  .new-delivery-tab .id-cell {
    margin-bottom: 0;
  }

  .my-delivery-tab .position-cell {
    height: auto;
  }



  .my-delivery-tab .all-cell {
    position: relative;
  }


  .my-delivery-tab .sold-cell {
    position: relative;
  }


  .my-delivery-tab .novalid-cell {
    position: relative;
  }


  .my-delivery-tab .price-cell-title, .my-delivery-tab .all-cell-title, .my-delivery-tab .sold-cell-title, .my-delivery-tab .novalid-cell-title{
    display: block;
    font-size: 10px;
    color:#86888F;
  }



  .my-products-tab .id-cell {
    font-size: 15px;
    font-weight: 600;
  }

  
  .my-products-tab .status-cell {
    order: 2;
    margin-bottom: 10px;
  }

  .my-products-tab .category-cell {
    order: 3;
    font-size: 12px;
    font-weight: 400;
    display: block;
    width: 80px;
  }


  .my-products-tab .realization-cell {
    position: relative;
    margin-top: 10px;
  }

   .my-products-tab .realization-cell-title, .my-products-tab .pending-cell-title  {
    display: block;
    font-size: 10px;
    color:#86888F;
  }


  .my-products-tab .pending-cell {
    position: relative;
    margin-top: 10px;
  }

  .my-products-tab .realization-cell,
  .my-products-tab .pending-cell {
    font-size: 15px;
    font-weight: 600;
  }

  .my-products-tab .position-cell {
    width: calc(100% - 95px);
    height: auto;
  }

  .my-products-tab .buttons-cell {
    align-self: flex-end;
    margin-top: 10px;
  }

  .my-products-tab .add-new-cell-btn {
    width: 31px;
  }

  .my-products-tab .supplies-list-btn {
    width: 31px;
  }


  .create-btn {
    width: 110px;
    height: 40px;
    font-size: 15px;
  }

  .new-delivery-tab .srop-top {
    -moz-column-gap: 15px;
    column-gap: 15px;
    padding-left: 5px;
    padding-right: 10px;
  }

  .new-delivery-tab .id-cell {
    width: 50px;
    align-self: flex-start;
  }

  .new-delivery-tab .open-cell {
    align-self: flex-start;
    top: -3px;
    position: relative;
  }

  .create-btn {
    margin-left: 0;
  }

  .new-delivery-tab .create-delivery-cell {
    width: 80px;
    font-size: 14px;
  }

  .new-delivery-tab .create-btn {
    width: 80px;
    height: 40px;
    font-size: 14px;
  }

  .lk-list {
    right: 0px;
    left: initial;
  }

 

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

  .table-section .buy-btn {
    margin-left: 0;
  }

  .similar-products .buy-btn {
    margin-left: 0;
  }

 

  .table-cost-cell-wrap {
    background-color: transparent;
    align-items: flex-end;
    padding-left: 0;
  }

  .table-availability-cell {
    align-items: flex-end;
    padding-left: 0;
  }

  .table-cost-cell {
    font-weight: 600;
    padding-bottom: 1px;
  }

  .avail-title-f {
    position: absolute;
    display: flex;
    width: -moz-max-content;
    width: max-content;
    top: 0;
    left: 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 150%;
    color: #86888f;
  }

  .cost-title-f {
    display: flex;
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    top: 0;
    left: 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 150%;
    color: #86888f;
  }

  .table-section .availability-status {
    top: -8px;
  }

  .similar-products .availability-status {
    top: -8px;
  }


  .table-section .table-availability-cell {
  min-width: -moz-max-content;
  min-width: max-content;

  }

  .similar-products .table-availability-cell {
    min-width: -moz-max-content;
    min-width: max-content;

  }

  .table-section .table-cost-cell {
    justify-content: flex-start;
    width: initial;
  }

  .similar-products .table-cost-cell {
    justify-content: flex-start;
    width: initial;
  }

  .table-section .table-title-box {
    padding-right: 0;

  }

  .similar-products .table-title-box {
    padding-right: 0;

  }

 



  .content .similar-products a {
    width: 100%;
  }

  .product-item:first-child {
    width: 75%;
    padding-right: 0;
  }

  .product-item:nth-child(2) {
    width: 25%;
  }

  .purchase-history .table-row {
    background-color: #fff;
  }

  .custom-tab-section .about-good-amount-cell,
  .purchase-history .table-inner-cell {
    margin-top: 0;
  }

  .my-delivery-tab .table-row {
    background-color: #fff;
  }

  .balance-box {
    padding: 0;
    background-color: transparent;
  }

  .balance-box__summa, .balance-box__add {
    background-color: #fff;
  }

  .balance-history__tab .table-row {
    background-color: #fff;
  }

  .balance-history__tab .td-wrap {
    width:10%;
  }

  .balance-history__tab .ewallet-cell-title, .balance-history__tab .summa-cell-title, .balance-history__tab .balance-cell-title {
    display: block;
  }
  .balance-box__container {
    flex-direction: column;
  }
  .balance-box__input {
    background-color: #E4E4E4;

  }

  .balance-box__input-div div{
    background-color: #E4E4E4;
    border-radius: 10px;
  }

  .table-row-name-container {
    gap:0;

  }
  .table-info {
    margin-bottom: 20px;
  }
  .product-box .table-info,
  .table-info_productbox {
    margin-bottom: 10px;
  }

.referral-box__linkblok {
  flex-direction: column;
  align-items: flex-start;
}

.referral-box__linkimg {
  width: 100%;
}

.buttons-cell_one {
  align-self: flex-end;
}

.become-supplier-promo-banner {
  flex-direction: column;
  align-items: flex-start;
}

.become-supplier-promo-banner__left {
  flex-basis: 100%;
}

.become-supplier-promo-banner__right {
  flex-basis: 100%;
}

}

@media (max-width: 650px) {
  .financial-box {
    display: flex;
    padding: 35px 30px 30px;
  }

  .financial-box__top {
    row-gap: 20px;
  }
}

@media (max-width: 600px) {
  .sliders-section {
    display: none;
  }


  .custom-tab-section {
    margin-bottom: 30px;
  }

  .become-supp-f-box {
    margin-bottom: 30px;
  }

  .become-supp__left {
    width: 100%;
  }

  .become-supp__right {
    width: 100%;    margin-bottom: 20px;
  }

  .financial-box {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
  }

  .faq-section {
    margin-bottom: 30px;
  }

  .product-item:first-child {
    padding-right: 0;
  }

  .become-supplier-promo-advantages-list {
    grid-template-columns: 1fr;
  }

  .become-supplier-promo-counter, .become-supplier-promo-work-list {
    margin-top: 70px;
    grid-template-columns: 1fr;
  }

  .become-supplier-promo-counter {
    margin-bottom: 70px;
  }

  .become-supplier-promo-counter__item {
    align-items: center;
  }
}

@media (max-width: 550px) {
  .footer__inner {
    flex-direction: column;
    row-gap: 30px;
  }

  .footer-nav ul {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(7, 1fr);
    grid-auto-flow: column;
  }

  .footer__left {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .footer-logo {
    order: 2;
  }


  .footer {
    background: linear-gradient(
      90deg,
      rgb(146, 73, 143) 1.403%,
      rgb(100, 92, 177) 100%
    );
  }

  .text-content-header {
    font-size: 20px;
  }

  .text-content-item p,
  .text-content-item ul {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .text-content-item {
    border-bottom: none;
    margin-bottom: 5px;
  }

  .buy-btn,
  .create-btn {
    height: 40px;
  }

  .link-blok__desc_404 {
    flex-direction: column;
    gap:10px;
  }
}

@media (max-width: 500px) {
  .controls-left {
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(8, 54px);
  }

  .financial-box {
    padding: 0px 0px;
    background-color: transparent;
  }

  .financial-box-item {
    background-color: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
  }

  .financial-box {
    margin-top: 20px;
  }

  .table-row {
    background-color: #fff;
  }

  .similar-products .table-buy-cell {
    margin-top: 10px;
  }

  .table-section .table-buy-cell {
    margin-top: 10px;
  }

  .product-box__title-info {
    flex-direction: column;
  }

}

.small-mobile-label {
    display: none;
  }

@media (max-width: 480px) {

  .br-desc {
      display: none;
    }
  
  .br-tab {
      display: none;
    }
  
  .breadcrumbs li {
    font-size: 14px;
  }

  .breadcrumbs {
    margin-top: 14px;
    margin-bottom: 17px;
  }
  
 
  .breadcrumbs li a {
    font-size: 14px;
  }
  
  .single-page .main {
    padding-top: 14px;
  }

  .lk-enter-btn {
    font-size: 0;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0;
    width: 24px;
    height: 24px;
  }

  .header, .first-screen  {
    background: linear-gradient(
      90deg,
      rgb(146, 73, 143) 1.403%,
      rgb(100, 92, 177) 100%
    );
  }

  /* .first-screen {
    display: none;
  } */

  .header__right {
    -moz-column-gap: 15px;
    column-gap: 15px;
  }

  .controls-left {
    width: 100%;
    max-width: initial;
  }

  .header__burger {
    margin-left: 5px;
  }

  .controls-left {
    row-gap: 14px;
    display: flex;
    flex-direction: column;
  }

  .checkbox-box {
    height: 54px;
  }

  .mobile-show-all-btn {
    margin-top: 25px;
    display: flex;
    width: 67px;
    height: 32px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.512.638a1.187 1.187 0 0 0-1.649 0L6.5 4.85 2.137.638A1.187 1.187 0 1 0 .49 2.345L5.806 7.48a1 1 0 0 0 1.39 0l5.316-5.134a1.187 1.187 0 0 0 0-1.707z' fill='%233F455A'/%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #e4e4e4;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .mobile-show-all-btn:hover {
    filter: brightness(95%);
  }

  .mobile-show-all-btn:active {
    filter: brightness(85%);
  }

  .controls-left .checkbox-box {
    display: none;
  }

  .controls-left .checkbox-box.checkbox-box_shown {
    display: flex;
  }

  .controls-right {
    margin-top: 20px;
  }

  .find-btn,
  .clear-filters-btn {
    height: 40px;
    font-size: 15px;
  }

  div.s-dropdown:nth-child(4) {
    margin-bottom: 0;
  }

  div.s-dropdown:nth-child(4).s-dropdown_shown {
    margin-bottom: 25px;
  }

  .mobile-show-all-btn_opened {
    transform: rotate(180deg);
  }

  .single-page .main {
    margin-top: 0;
  }

  .product-card-title {
    margin-top: 20px;
  }

  .product-card-title h1 {
    font-size: 15px;
  }

  .similar-title, .faq-title {
    font-size: 15px;

  }

  .breadcrumbs > nav:nth-child(1) > ul:nth-child(1) > li:nth-child(4) {
    display: none;
  }

  .content ul {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    list-style: none;
  }

  .product-box__right .title-sm {
    display: none;
  }

  /* .product-box__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  } */

  .info-row {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    top: 14px;
  }

  .info-row-title {
    display: none;
  }

  /* .product-box__right .buy-btn {
    margin-top: 0;
  } */

  /* .info-row .amount-value {
    position: relative;
  } */

  .info-row .cost-value {
    position: relative;
  }

  .product-box__right {
    padding: 20px;
    padding-left: 12px;
    padding-right: 12px;
  }

  /* .sht {
    display: none;
  } */

  .product-box__left {
    padding: 20px 12px;
    box-shadow: none;
  }

  .content ul {
    line-height: 150%;
  }

  .product-box__left {
    background-color: transparent;
    padding: 0;
  }

  .product-box-unit,
  .product-table__row {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
    padding: 15px 12px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
  }

  .product-table__row {
    margin-bottom: 0;
    flex-direction: column;
    row-gap: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .content ul li:last-child {
    margin-bottom: 0;
  }

  .content .product-box ul {
    margin-bottom: 0;
  }

  .product-table__title-row {
    background-color: transparent;
  }

  .product-table__title-row > div:nth-child(2) {
    display: none;
  }

  .title-sm {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 11px;
  }

  .product-box-unit .product-item {
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    word-break: break-all;
  }

  .product-item:nth-child(2) {
    order: 1;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    line-height: 150%;
  }

  .product-item:nth-child(1) {
    order: 2;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
  }

  .product-table {
    margin-bottom: 25px;
    margin-top: 25px;
  }

  .product-item:first-child {
    font-weight: 400;
    padding-left: 0;
  }

  .product-table__title-row > div:nth-child(1) {
    font-weight: 600;
  }

  .product-table__title-row {
    padding-left: 10px;
    padding-bottom: 0;
    padding-top: 0;
    min-height: 30px;
  }

  .faq-wrap {
    margin-top: 20px;
  }

  .page-main-header {
    font-weight: 600;
    line-height: 25px;
  }

  .breadcrumbs li a {
    font-size: 15px;
  }

  .accordion button {
    padding-left: 10px;
    padding-right: 10px;
  }

  .accordion-content p {
    padding-left: 10px;
  }

  .page-main-header {
    margin-top: 35px;
  }

  .prog-section {
    margin-top: 20px;
  }

  .breadcrumbs li {
    font-size: 15px;
  }

  .prog-section__left {
    padding: 12px;
  }

  .service-side-link {
    font-size: 15px;
    text-decoration: none;
  }

  .service-side-link:hover {
    text-decoration: underline;
  }

  .prog-section__right {
    padding: 12px;
    min-width: initial;
  }

  .service-link {
    margin-top: 25px;
    margin-bottom: 10px;
  }

  .service-link:first-child {
    margin-top: 0;
  }

  .prog-section__right p {
    font-size: 15px;
  }

  .prog-section {
    margin-bottom: 35px;
  }

  .custom-tab-section .table-row {
    padding: 12px;
  }

  .custom-tab-section .date-cell {
    width: 80px;
    position: static;
  }

  .custom-tab-section .id-cell {
    font-size: 14px;
  }

  .custom-tab-section {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .custom-tab-section .position-cell {
    height: 140px;
  }

  .purchase-history .position-cell {
    height: auto;
  }

  .my-delivery-tab .position-cell {
    height: auto;
  }

  .my-products-tab .position-cell {
    height: auto;
  }

  .my-delivery-tab .in-progress,
  .my-delivery-tab .in-sell,
  .my-delivery-tab .sold {
    font-size: 10px;
  }

  .my-delivery-tab .date-cell {
    font-size: 10px;
  }

  .my-delivery-tab .id-cell {
    font-size: 14px;
  }

  .my-delivery-tab .table-row {
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 30px;
  }

  .become-supp-section {
    margin-top: 20px;
    padding: 20px 12px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 40px;
  }

  .become-supp__right {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
    padding: 12px;

  }

  .become-supp-section p,
  .become-supplier-form .dropdown__button,
  .become-supplier-form .dropdown__list-item,
  .become-supplier-form input,
  .become-supp-section ul li,
  .become-supp-title,
  .exclam-text,
  ol li,
  .become-supplier-form [type="submit"] {
    font-size: 15px;
  }

  .form input,
  .become-supp-f-box div.form__item:nth-child(2) > input:nth-child(1) {
    font-size: 15px;
  }

  .exclam-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 150%;
    color: #474a56;
    margin-bottom: 10px;
  }

  .exclam-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
  }

  .become-supplier-form [type="submit"] {
    margin-bottom: 25px;
  }

  .become-supplier-form .dropdown__button,
  .become-supplier-form input,
  .become-supplier-form .dropdown__list-item {
    padding-left: 10px;
  }

  .become-supplier-form .form__item {
    margin-bottom: 20px;
  }

  .become-supplier-form .popup__link {
    align-items: flex-start;
  }

  .new-position-section {
    padding: 0;
    background-color: transparent;
  }

  .create-new-position-form .dropdown__button,
  .create-new-position-form .dropdown__list-item,
  .create-new-position-form .form-textarea {
    background-color: #fff;
  }

  .create-new-position-form .form__item {
    margin-bottom: 20px;
  }

  .create-new-delivery-form .dropdown__button,
  .create-new-delivery-form .dropdown__list-item,
  .create-new-delivery-form .form-textarea {
    background-color: #fff;
  }

  .create-new-delivery-form .form__item {
    margin-bottom: 20px;
  }

  .form-textarea {
    height: 100px;
  }

  .form-textarea_big {
    height: 130px;
  }

  textarea {
    padding: 15px;
  }

  .create-new-position-form .dropdown__button,
  .create-new-position-form .dropdown__list-item,
  .create-new-position-form .form-textarea {
    padding-left: 15px;
    padding-right: 15px;
  }

  .create-new-delivery-form .dropdown__button,
  .create-new-delivery-form .dropdown__list-item,
  .create-new-delivery-form .form-textarea {
    padding-left: 15px;
    padding-right: 15px;
  }

  .new-position-section {
    margin-top: 20px;
  }

  .btn-full,
  .checkbox-box,
  .checkbox-title,
  .clear-filters-btn,
  .column-name,
  .dropdown__button,
  .dropdown__list-item,
  .find-btn,
  .table-availability-cell,
  .table-cost-cell,
  .table-text-cell {
    font-size: 15px;
  }

  .new-delivery-tab .open-cell {
    display: none;
  }

  .new-delivery-tab .srop-top {
    padding-left: 10px !important;
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .new-delivery-tab .name-cell {
    width: calc(100% - 55px);
  }

  .new-delivery-tab .more-info-btn {
    display: flex;
  }

  .new-delivery-tab .create-btn {
    width: 110px;
  }

  .new-delivery-tab .create-delivery-cell {
    width: 100% !important;
    max-width: initial;
    justify-content: space-between;
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .new-delivery-tab .name-cell {
    width: calc(100% - 65px);
  }

  .new-delivery-section .custom-tab-section .table-row {
    background-color: #fff;
  }

  .new-delivery-section .text-srop-box {
    background-color: #fff;
  }

  .financial-box__top {
    flex-direction: column;
  }

  .financial-box-item {
    width: 100%;
  }

  .financial-box .table-cell {
    font-size: 10px;
  }

  .financial-box-item__link {
    margin-top: 25px;
  }

  .financial-box_title {
    margin-bottom: 20px;
  }

  .financial-box .requisites-cell {
    font-size: 15px;
    max-width: 200px;
  }

  .financial-box .pocket-cell {
    font-size: 15px;
    top: 35px;
  }

  .financial-box .status-cell {
    position: absolute;
    top: 35px;
    left: 12px;
    font-size: 10px;
  }

  .financial-box .twr-wrap {
    padding-top: 60px;
  }

  .financial-box .payment-date-cell::after,
  .financial-box .request-date-cell::after,
  .financial-box .price-cell::after {
    left: 0;
    font-size: 10px;
  }

  .financial-box .table-row {
    margin-top: 27px;
  }

  .financial-box__title, .referral-box__title {
    margin-bottom: 20px;
    line-height: 1;
  }

  .lk-list {
    position: fixed;
    top: 67.2px;
    left: 0;
    width: 100%;
    height: calc(100dvh - 67.2px);
    background-color: #f6f6f6;
    padding: 25px 16px;
    display: none;
    row-gap: 0;
  }

  .lk-list li a {
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 12px;
    display: flex;
    border-bottom: 1px solid #e4e4e4;
  }

  .lk-list li button {
    
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e4e4e4;
  }

  .lk-list li:last-child a {
    border-bottom: none;
  }

  .submenu-category-close-btn {
    display: none;
  }

  .header-nav ul .submenu-category {
    z-index: 200;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100dvh - 67.2px);
    overflow-y: auto;
    background-color: #f4f4f4;
    padding-bottom: 15px;
    max-height: initial;
    border-radius: 0;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 80px;
    display: none;
  }

  .header-nav ul .submenu-category::before {
    content: "Категории";
    position: absolute;
    top: 32px;
    left: 36px;
    font-weight: 600;
    color: #474a56;
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
  }

  .submenu-category-close-btn {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.2372 0.348557C16.6277 -0.0419669 17.2609 -0.0419671 17.6514 0.348557C18.0419 0.739081 18.0419 1.37225 17.6514 1.76277L10.4142 9.00001L17.6516 16.2375C18.0422 16.628 18.0422 17.2611 17.6516 17.6517C17.2611 18.0422 16.6279 18.0422 16.2374 17.6517L8.99997 10.4142L1.76253 17.6517C1.372 18.0422 0.738837 18.0422 0.348313 17.6517C-0.0422111 17.2611 -0.0422111 16.628 0.348313 16.2374L7.58575 9.00001L0.348527 1.76278C-0.0419971 1.37226 -0.0419971 0.739091 0.348527 0.348567C0.739052 -0.0419578 1.37222 -0.0419578 1.76274 0.348567L8.99997 7.58579L16.2372 0.348557Z" fill="%235F6473"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
  }

  .header-nav ul .submenu-category li {
    padding-top: 5px;
    padding-bottom: 10px;
  }

  .header-nav ul .submenu li a .link-icon {
    flex-shrink: 0;
    width: 25px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .header-nav {
    z-index: 100;
  }

  .header-nav ul .dropdown .submenu-category.submenu-category_opened {
    display: flex;
  }

  .about-good-price-cell {
    left: 15px;
    position: relative;
  }

  .create-new-delivery-form .form__item input {
    background-color: #fff;
    font-size: 15px;
  }

  .create-new-delivery-form .form__item input::-moz-placeholder {
    font-size: 15px;
  }

  .create-new-delivery-form .form__item input::placeholder {
    font-size: 15px;
  }

  .create-new-delivery-form .form-textarea::-moz-placeholder {
    font-size: 15px;
    font-weight: 400;
  }

  .create-new-delivery-form .form-textarea::placeholder {
    font-size: 15px;
    font-weight: 400;
  }

  .create-new-delivery-form .s-dropdown {
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 54px;
    border-radius: 10px;
  }

  .create-new-delivery-form .dropdown__button {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
  }

  .create-new-delivery-form .dropdown__button:hover {
    filter: none;
  }

  .create-new-delivery-form .link-name {
    font-size: 15px;
    font-weight: 400;
  }

  .create-new-delivery-form__btns {
    flex-direction: column;
    align-items: left;
    row-gap: 20px;
    margin-top: 30px;
  }

  .new-position-section {
    margin-bottom: 20px;
  }

  .new-position-section .create-delivery-btn {
    margin-top: 0;
    height: 54px;
  }

  .new-position-section .back-btn {
    font-size: 15px;
    margin-top: 0;
  }

  .new-position-section .create-delivery-btn {
    font-size: 15px;
  }

  .download-cell-btn::before,
  .add-new-cell-btn::before {
    font-size: 14px;
  }

  form .form__item .invalid-message {
    font-size: 12px;
    bottom: -18px;
  }

  .become-supp-section ol {
    padding-left: 20px;
  }

  .create-new-delivery-form .f-dropdown {
    background-color: #fff;
    height: 54px;
    border-radius: 10px;
    border-bottom: 1px solid #e4e4e4;
  }

  .new-delivery-section .f-dropdown .dropdown__button {
    font-weight: 600;
    font-size: 15px;
  }

  .sm-text {
    font-size: 10px;
  }

  .create-new-delivery-form .dropdown__button {
    font-size: 15px;
    padding-left: 15px;
    padding-right: 35px;
  }

  .table-section .table-cost-cell-wrap {
    padding-right: 0;
  }

  .avail-title-f,
  .cost-title-f {
    top: 3px;
  }

  .table-section .buy-btn {
    font-size: 15px;
    font-weight: 600;
  }

  .faq-wrap {
    padding: 0px;
    background-color: transparent;
  }

  .mobile-buy-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f9f9fa;
  }

  .mobile-buy-box .buy-btn {
    margin-left: 0;
    width: 156px;
    height: 40px;
    font-size: 15px;
    font-weight: 600;
  }

  .info-row__sm-title {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    position: absolute;
    left: 0;
    top: -13px;
    font-size: 12px;
    font-weight: 600;
    color: #86888f;
  }

  .purchase-history .date-cell {
    font-size: 10px;
  }

  .purchase-history .status-cell {
    font-size: 10px;
  }

  .financial-box .table-row {
    background-color: #fff;
  }

  .financial-box .table-cell.id-cell {
    font-size: 14px;
  }

  .fin-title {
    font-size: 10px;
  }

  .financial-box .table-row .twr-wrap {
    font-size: 10px;
    font-weight: 500;
  }

  .financial-box .twr-wrap {
    padding-top: 50px;
  }

  .my-delivery-tab .add-new-cell {
    top: -4px;
    position: relative;
  }

  .my-delivery-tab .download-cell {
    top: -4px;
    position: relative;
  }

  .static-description p, .link-blok__desclink_404 {
    font-size: 15px;
  }

  .small-mobile-label {
    display: inline;
  }

  .sitemap__box {
    padding: 20px 12px;
  }

  .sitemap__ul li {
    font-size: 15px;

  }

  .partner-center-title {
      margin-top: 20px;
  }

  .partner-center-title h1 {
    font-size: 30px;
  }

  .toggleable__label {
    font-size: 16px;
  }


  .partner-center-desc,
  .become-supplier-promo-counter__desc,
  .become-supplier-promo-advantages-list__desc,
  .become-supplier-promo-work-list__desc,
  .toggleable__content {
    font-size: 15px;
    text-align: center;
  }


   .become-supplier-promo-counter__img {
    height: 50px;
  }

  .become-supplier-promo-advantages-list__p, .become-supplier-promo-work-list__p {
    font-size: 18px;
  }

  .become-supplier-promo-counter__number {
    font-size: 40px;
  }

 

  .become-supplier-promo-title {
  font-size: 20px;
}

.become-supplier-promo-advantages {
  margin-top: 70px;
}

.become-supplier-promo-advantages-list__item, .become-supplier-promo-work-list, .become-supplier-promo-faq-list {
  padding: 12px;
}


.become-supplier-promo-work, .become-supplier-promo-faq {
  margin-top: 50px;
}

.become-supplier-promo-work-list, .become-supplier-promo-faq-list, .become-supplier-promo-advantages-list {
  margin-top: 30px;
}

  .partner-center-btn,
  .partner-btn {
    font-size: 15px;
    width:200px;
    padding: 15px 10px;
  }

  .main-name {
    font-size: 40px;
    padding-top: 60px;
  }

  .main-description {
    font-size: 15px;
    padding-bottom: 150px;
  }

  .partner-btn {
    font-size: 15px;
    padding: 15px;
    width: 100%;
  }
  .link-blok {
    gap:20px;
  }
  .link-blok__item {
    padding:12px;
    gap:20px;
  }

  .link-blok__name, .lh__title {
    font-size: 17px;
  }

  .link-blok__desc {
    font-size: 15px;

  }

  .buy-blok__title, .buy-blok__title-additional, .buy-blok__desc-additional, .sht {
    font-size: 15px;
  }

  .partner-center-title {
      margin-top: 20px;
  }

  .partner-center-title h1 {
    font-size: 30px;
  }

  .toggleable__label {
    font-size: 16px;
  }


  .partner-center-desc,
  .become-supplier-promo-counter__desc,
  .become-supplier-promo-advantages-list__desc,
  .become-supplier-promo-work-list__desc,
  .toggleable__content {
    font-size: 15px;
  }

  .become-supplier-promo-advantages-list__p, .become-supplier-promo-work-list__p {
    font-size: 18px;
  }

  .become-supplier-promo-counter__number {
    font-size: 40px;
  }

  .become-supplier-promo-title {
  font-size: 20px;
}

.become-supplier-promo-advantages {
  margin-top: 70px;
}

.become-supplier-promo-advantages-list__item, .become-supplier-promo-work-list, .become-supplier-promo-faq-list {
  padding: 12px;
}


.become-supplier-promo-work, .become-supplier-promo-faq {
  margin-top: 50px;
}

.become-supplier-promo-work-list, .become-supplier-promo-faq-list, .become-supplier-promo-advantages-list {
  margin-top: 30px;
}

  .partner-center-btn,
  .partner-btn {
    font-size: 15px;
    width:200px;
    padding: 15px 10px;
  }

  .main-name {
    font-size: 40px;
    padding-top: 60px;
  }

  .main-description {
    font-size: 15px;
    padding-bottom: 150px;
  }

  .partner-btn {
    font-size: 15px;
    padding: 15px;
    width: 100%;
  }
  .link-blok {
    gap:20px;
  }
  .link-blok__item {
    padding:12px;
    gap:20px;
  }

  .link-blok__name {
    font-size: 17px;
  }

  .link-blok__desc {
    font-size: 15px;

  }

}

@media (max-width: 450px) {
  .buy-btn,
  .create-btn {
    margin-left: auto;
  }

  .table-availability-cell {
    width: 60px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
  }

  .table-cost-cell {
    width: 60px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
  }

  textarea::-moz-placeholder {
    font-size: 14px;
  }

  .btn-full,
  .checkbox-box,
  .checkbox-title,
  .clear-filters-btn,
  .column-name,
  .dropdown__button,
  .dropdown__list-item,
  .find-btn,
  .table-availability-cell,
  .table-cost-cell,
  .table-text-cell,
  textarea,
  textarea::placeholder {
    font-size: 14px;
  }

  .my-delivery-tab .novalid-cell,
  .my-delivery-tab .novalid-title,
  .my-delivery-tab .sold-cell,
  .my-delivery-tab .sold-title {
    width: 40px;
  }

  .my-delivery-tab .custom-tab-section .position-cell {
    height: 140px;
  }

  .custom-tab-section .about-good-cell {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }

}

@media (max-width: 350px) {
  .table-buy-cell,
  .table-cost-cell {
    width: auto;
  }

  .custom-tab-section .about-good-cell {
    margin-top: 20px;
    padding-right: 30px;
  }

  .custom-tab-section .download-cell {
    top: 30px;
  }

}
/* Popups */
.page {
  width: 100vw;
  height: 100vh;
  max-height: 100svh;
  background-color: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page__buttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page__buttons button {
  padding: 10px 20px;
  color: #fff;
  border-radius: 10px;
  box-shadow: 4px 4px 11px -34px rgba(89, 106, 125, 0.05);
  background: linear-gradient(
    90deg,
    rgb(146, 73, 143) 1.403%,
    rgb(100, 92, 177) 100%
  );
}

.page__buttons button:hover {
  background: linear-gradient(
    90deg,
    rgb(128, 54, 125) 1.403%,
    rgb(70, 62, 142) 100%
  );
}

.form input, .form textarea {
  width: 100%;
  padding: 14px;
  border-radius: 10px;
  font-weight: 400;
  background: rgb(255, 255, 255);
  font-family: inherit;
  color: #474a56;
  border: 1px solid transparent;
  transition: all 0.3s ease 0s;
}

.form input:focus {
  border: 1px solid rgb(146, 73, 143);
}

.form textarea:focus {
  border: 1px solid rgb(146, 73, 143);
}

.form input ::-moz-placeholder {
  color: #5f6473;
}

.form input ::placeholder {
  color: #5f6473;
}

.form button {
  padding: 14px 15px 13px 15px;
  margin: 11px 0 25px;
  color: #f6f6f6;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  border-radius: 10px;
  box-shadow: 4px 4px 11px -34px rgba(89, 106, 125, 0.05);
  background: linear-gradient(
    90deg,
    rgb(146, 73, 143) 1.403%,
    rgb(100, 92, 177) 100%
  );
}

.form button:hover {
  cursor: pointer;
  background: linear-gradient(
    90deg,
    rgb(134, 61, 131) 1.403%,
    rgb(82, 73, 158) 100%
  );
}

form .invalid-message {
  color: rgb(206, 152, 152);
  display: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
}

form .invalid {
  gap: 10px;
}

form .invalid input,
form .invalid textarea {
  border: 1px solid rgb(206, 152, 152);
}

form .invalid input::-moz-placeholder, form .invalid textarea::-moz-placeholder {
  color: rgb(206, 152, 152);
}

form .invalid input::placeholder,
form .invalid textarea::placeholder {
  color: rgb(206, 152, 152);
}

form .invalid ::-moz-placeholder {
  color: rgb(206, 152, 152);
}

form .invalid ::placeholder {
  color: rgb(206, 152, 152);
}

.invalid textarea::-moz-placeholder {
  color: #5f6473;
}

.invalid textarea::placeholder {
  color: #5f6473;
}

form .invalid .invalid-message {
  display: inline-block;
}

/*-- Popups --*/
.popup-backing {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow-y: auto;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1;
  display: none;
}

.popup-backing.active {
  display: grid;
  justify-content: center;
  align-items: center;
}

.popup {
  width: 431px;
  padding: 35px;
  display: flex;
  flex-direction: column;
  background-color: #f6f6f6;
  border-radius: 10px;
  position: relative;
  height: auto;
}

.popup form {
  display: flex;
  flex-direction: column;
  gap: 39px;
}

.popup form .invalid-message {
  color: rgb(206, 152, 152);
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  display: none;
}

.popup form.invalid {
  gap: 10px;
}

.popup form .invalid input {
  border: 1px solid rgb(206, 152, 152);
}

.popup form .invalid ::-moz-placeholder {
  color: rgb(206, 152, 152);
}

.popup form .invalid ::placeholder {
  color: rgb(206, 152, 152);
}

.popup form .invalid .invalid-message {
  display: inline-block;
}

.invalid .dropdown__button {
  color: #ce9898;
}

.invalid .dropdown__button::after {
  filter: brightness(0) saturate(100%) invert(90%) sepia(77%) saturate(2185%)
    hue-rotate(291deg) brightness(90%) contrast(78%);
}

.popup input {
  width: 100%;
  padding: 14px;
  border-radius: 10px;
  font-weight: 400;
  background: rgb(255, 255, 255);
  font-family: inherit;
  color: #474a56;
  border: 1px solid transparent;
  transition: all 0.3s ease 0s;
}

.popup input:focus {
  border: 1px solid rgb(146, 73, 143);
}

.popup input ::-moz-placeholder {
  color: #5f6473;
}

.popup input ::placeholder {
  color: #5f6473;
}

.popup button {
  padding: 14px 15px 13px 15px;
  margin: 11px 0 25px;
  color: #f6f6f6;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  border-radius: 10px;
  box-shadow: 4px 4px 11px -34px rgba(89, 106, 125, 0.05);
  background: linear-gradient(
    90deg,
    rgb(146, 73, 143) 1.403%,
    rgb(100, 92, 177) 100%
  );
}

.popup button:hover {
  cursor: pointer;
  background: linear-gradient(
    90deg,
    rgb(134, 61, 131) 1.403%,
    rgb(82, 73, 158) 100%
  );
}

.popup button[disabled] {
  cursor: pointer;
  background: #b4b4b4;
}

.popup .popup-succes__title {
  color: rgb(71, 74, 86);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: 0%;
  text-align: left;
  margin-bottom: 39px;
  text-align: center;
}

.popup__links {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.popup__link a {
  color: #45166a;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
}

.popup__link p {
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  color: #373a47;
}

.popup__link label {
  cursor: pointer;
}

.popup .close-popup {
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 15px;
  right: 15px;
  width: 16px;
  height: 16px;
  background: center no-repeat
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class=" bi bi-x-lg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z"></path><path fill-rule="evenodd" d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z"></path></svg>');
}

.popup .close-popup:hover {
  background: center no-repeat
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class=" bi bi-x-lg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z"></path><path fill-rule="evenodd" d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z"></path></svg>');
}

.popup .close-popup svg {
  display: none;
}

.popup .close-popup:hover {
  cursor: pointer;
}

.popup__checkbox {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  background: linear-gradient(
    90deg,
    rgb(146, 73, 143) 1.403%,
    rgb(100, 92, 177) 100%
  );
  border-radius: 3px;
}

.popup__checkbox::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: #f6f6f6;
  border-radius: 1px;
}

.popup__checkbox::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.243 9.3139L0 5.0699L1.414 3.6559L4.243 6.4839L9.899 0.826904L11.314 2.2419L4.243 9.3119V9.3139Z" fill="url(%23paint0_linear_2010_258)"/><defs><linearGradient id="paint0_linear_2010_258" x1="-4.9138e-08" y1="5.64385" x2="11.314" y2="5.64385" gradientUnits="userSpaceOnUse"><stop offset="0.0140287" stop-color="%2392498F"/><stop offset="1" stop-color="%23645CB1"/></linearGradient></defs></svg>')
    center/12px 12px no-repeat;
}

input[type="checkbox"]:checked + .popup__checkbox::after {
  transform: translate(-50%, -50%) scale(1);
}

input[type="checkbox"] {
  display: none;
}

.popup-login,
.popup-registration,
.popup-recover,
.popup-pay {
  display: none;
  overflow-y: initial;
}

.popup-login.show,
.popup-registration.show,
.popup-recover.show,
.popup-pay.show {
  display: block;
}

.popup-login,
.popup-recover {
  align-self: center;
}

.popup-registration {
  height: 734px;
  align-self: center;
}

.popup-registration .popup-succes__title {
  margin-bottom: 45px;
}

.popup-registration form {
  gap: 33px;
}

.popup-registration .popup__links {
  margin-top: 27px;
  gap: 13px;
}

.popup-registration .popup__link {
  display: flex;
  align-items: start;
  gap: 11px;
  color: #424242;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
}

.popup-registration .popup__link a {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
}

.popup-registration button {
  margin: -13px 0 0 0;
}

.popup-registration form .invalid .popup__links {
  margin-bottom: 20px;
}

.popup-recover {
  padding: 35px;
}

.popup-recover .popup-succes__title {
  margin-bottom: 45px;
}

.popup-recover form {
  gap: 33px;
}

.popup-recover button {
  margin: 17px 0 0 0;
}

.popup-pay {
  width: 750px;
  min-height: 550px;
  height: auto;
  overflow-y: initial;
  align-self: center;
}

.popup-pay .pay-form2 {
  display: none;
}

.popup-pay .popup-succes__title {
  margin-bottom: 26px;
}

.popup-pay form {
  gap: 30px;
}

.popup-pay .popup__text {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  color: rgb(71, 74, 86);
  font-weight: 400;
  line-height: 24px;
}

.popup-pay .popup__text img {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
}

.popup-pay .popup__steps {
  display: flex;
  align-items: center;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 25px;
  background: #fff;
}

.popup-pay .popup__step {
  width: 100%;
  text-align: center;
  color: #5f6473;
  padding: 13px 11px 13px;
}

.popup-pay .popup__step:hover {
  cursor: pointer;
}

.popup-pay .popup__step:first-child.active {
  background: linear-gradient(
    90deg,
    rgb(146, 73, 143) 1.403%,
    rgb(100, 92, 177) 100%
  );
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
  color: #f6f6f6;
  border-radius: 6px;
}

.popup-pay .popup__step:last-child.active {
  background: linear-gradient(
    90deg,
    rgb(146, 73, 143) 1.403%,
    rgb(100, 92, 177) 100%
  );
  color: #f6f6f6;
  border-radius: 0px 6px 6px 0px;
  -webkit-clip-path: polygon(
    100% 0,
    100% 50%,
    100% 100%,
    0% 100%,
    5% 50%,
    0% 0%
  );
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
}

.p-table {
  width: 679px;
  background: #fff;
  padding: 35px 30px 35px 30px;
  border-radius: 10px;
  padding-bottom: 30px;
}

.table__column {
  display: flex;
  align-items: center;
  gap: 35px;
}

.table__column:not(:first-child, :last-child) .table__item {
  margin: 8px 0;
}

.table__column:first-child .table__item {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-text-align-last: left;
  text-align-last: left;
  padding-bottom: 13px;
}

.table__column:last-child .table__item {
  margin-top: 13px;
}

.table__column:not(:first-child) .table__item {
  text-align: center;
  color: rgb(55, 58, 71);
  font-weight: 500;
  line-height: 24px;
}

.table__column:not(:last-child) {
  border-bottom: 1px solid rgb(228, 228, 228);
}

.table__item {
  flex: 0 1 20.5%;
  color: rgb(71, 74, 86);
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  position: relative;
}

.table__item:first-child {
  flex: 0 1 13%;
}

.format_example::before {
  content: "";
  position: relative;
  display: block;
  top: 0px;
  left: 0px;
  background-image: url("assets/media/icon-support.f604edeb.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 25px;
}

.table__item:last-child {
  flex: 0 1 5%;
}

.p-table .format-button {
  text-align: center;
  background: none;
}

.p-table .format-button:hover {
  cursor: pointer;
}

.p-table .format-button img {
  width: 24px;
  height: 24px;
}

.p-table .format-button:hover {
  background: none;
}

.p-table .format-text {
  display: none;
}

.p-table .remove {
  background: none;
  margin: 0;
  padding: 0;
}

.p-table .remove svg {
  fill: rgb(41, 41, 39);
  width: 15px;
  height: 15px;
}

.p-table .remove:hover {
  background: none;
}

.p-table .table__item-number {
  position: relative;
}

.p-table .custom-number-arrows {
  position: absolute;
  width: 10px;
  height: 44px;
  right: 10px;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.p-table .custom-number-arrows span {
  width: 9px;
  height: 6px;
}

.p-table .custom-number-arrows span:hover {
  cursor: pointer;
}

.p-table .custom-number-arrows span img {
  width: 100%;
  height: auto;
}

.p-table .custom-number-arrows span:last-child img {
  transform: rotate(180deg);
}

.p-table input[type="number"] {
  border-radius: 10px;
  background: rgb(245, 246, 248);
  color: rgb(71, 74, 86);
  font-weight: 500;
  line-height: 24px;
  width: 90px;
  height: 44px;
}

.p-table input[type="number"]:focus {
  border: none;
  box-shadow: none;
}

.p-table input[type="number"]::-webkit-inner-spin-button,
.p-table input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.p-table input[type="number"] {
  -moz-appearance: textfield;
}

.form-format {
  margin-bottom: 10px;
}

.form-format-title {
  color: rgb(71, 74, 86);
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 8px;
  margin-top: 30px;
}

.form-format-value {
  color: rgb(71, 74, 86);
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
}

.popup-pay .sum {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 20px;
}

.sum__info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 100%;
}

.sum__text {
  color: rgb(71, 74, 86);
  font-weight: 500;
  line-height: 24px;
}

.sum__total {
  color: rgb(71, 74, 86);
  font-size: 24px;
  font-weight: 600;
  line-height: 133.4%;
  white-space: nowrap;
}

.sum button {
  width: 295px;
  margin: 0;
}

.price-blok {
  display: flex;
  flex-direction: column;
  gap:4px;
  margin-bottom: 10px;
}

.price-blok__item {
  display: flex;
  justify-content: space-between;
}


.price-blok__number {
  min-width: 70px;
  text-align: right;
}

.pay-form2 .s-dropdown {
  position: relative;
  width: 100%;
}

.pay-form2 .dropdown__button {
  height: 54px;
  position: relative;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.2;
  border-radius: 10px;
  cursor: pointer;
  background-color: #fff;
  display: flex;
  align-items: center;
  color: rgb(95, 100, 115);
  font-weight: 400;
  line-height: 24px;
}

.pay-form2 .dropdown__button:hover {
  filter: brightness(90%);
}

.pay-form2 .dropdown__button:focus,
.pay-form2 .dropdown__button--active {
  outline: none;
  box-shadow: none;
}

.pay-form2 .dropdown__button::after {
  content: "";
  position: absolute;
  top: 25px;
  right: 20px;
  width: 9px;
  height: 6px;
  background-image: url("assets/img/icons/icon-arrow-down.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transition-duration: 0.3s;
}

.pay-form2 .dropdown__button--active.dropdown__button::after {
  transform: rotate(180deg);
}

.pay-form2 .dropdown__list {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  border-radius: 10px;
}

.pay-form2 .dropdown__list--visible {
  display: block;
}

.pay-form2 .dropdown__list-item {
  width: 100%;
  margin: 0;
  padding: 0;
  padding: 13px 20px;
  cursor: pointer;
  font-weight: 500;
  line-height: 24px;
  color: #474a56;
  background-color: #e4e4e4;
}

.pay-form2 .dropdown__list-item:first-child {
  border-radius: 6px 6px 0 0;
}

.pay-form2 .dropdown__list-item:last-child {
  border-radius: 0 0 6px 6px;
  border-bottom: none;
}

.pay-form2 .dropdown__list-item:hover {
  filter: brightness(90%);
}

.pay-form2 .dropdown__input-hidden {
  display: none;
}

.pay-form2 .dropdown__list-item {
  padding-left: 18px;
  padding-right: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #474a56;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
}

.pay-form2 .dropdown__list-item a {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.pay-form2 .dropdown__list-item .link-icon {
  width: 26px;
  height: 26px;
}

.pay-form2 .form__items {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 24px;
}

.pay-form2 .form__item {
  flex: 0 1 50%;
}

.pay-form2 .popup__links {
  margin: 45px 0 27px 0;
  gap: 13px;
}

.pay-form2 .popup__link {
  display: flex;
  align-items: start;
  gap: 11px;
  color: #424242;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
}

.pay-form2 .pay-form2-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 89px;
}

.pay-form2 .pay-form2-buttons button {
  width: 100%;
  font-weight: 500;
  border: 1px solid transparent;
  padding: 13px 15px 12px 15px;
}

.pay-form2 .pay-form2-buttons button:first-child {
  background: transparent;
  color: #92498f;
  border: 1.5px solid #92498f;
}

.pay-form2 .pay-form2-buttons button:first-child:hover {
  background: #fff;
}

.pay-form2 .invalid .dropdown__button {
  border: 1px solid #ce9898;
  color: #ce9898;
}

.pay-form2 .invalid .kupon input {
  border-color: transparent;
}

.pay-form2 .invalid .kupon input::-moz-placeholder {
  color: #5f6473;
}

.pay-form2 .invalid .kupon input::placeholder {
  color: #5f6473;
}

.purchase-history .id-title, .purchase-history .id-cell {
  width: 35px;
  padding-right: 0;
}


@media (min-width: 768px) {
  .popup-pay .popup-succes__title span {
    display: none;
  }

  .popup-pay .popup__step span:first-child {
    display: none;
  }

  .popup__step span:first-child {
    display: none;
  }
  .mobile-label {
    display: none;
  }
}

@media (max-width: 767px) {
  .popup-pay .popup__step:last-child.active {
    -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
  }

  .popup-pay {
    padding: 34px 16px !important;
    border-radius: 0;
    max-height: 2000px;
    align-self: self-start;
    top: 20px;
  }

  .popup-pay .popup-succes__title {
    margin-bottom: 27px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
  }

  .popup-pay form {
    gap: 20px;
  }

  .popup-pay .popup__steps {
    background: none;
  }

  .popup-pay .popup__step:not(.active) {
    display: none;
  }

  .popup-pay .popup__step:first-child.active {
    background: none;
    background-color: rgb(232, 233, 235);
    color: #474a56;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
  }

  .popup-pay .popup__step:last-child.active {
    background: none;
    background-color: rgb(232, 233, 235);
    color: #474a56;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
  }

  .popup-pay .popup__step {
    padding: 11px 7px;
  }

  .popup-pay .popup__step span:first-child {
    display: inline-block;
    color: rgb(71, 74, 86);
    font-size: 15px;
    font-weight: 600;
    margin-right: 30px;
  }

  .popup-pay .popup__step span:last-child {
    display: none;
  }

  .popup-pay .popup__text {
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    align-items: flex-start;
    margin-bottom: 25px;
  }

  .table {
    width: 100%;
    background: none;
  }

  .table__column:first-child {
    display: none;
  }

  .table__column {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 25px;
    position: relative;
    justify-content: stretch;
    background-color: #fff;
    border-radius: 10px;
    padding: 58px 12px 12px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
    background: rgb(255, 255, 255);
  }

  .p-table .table__item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: rgb(55, 58, 71);
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  .p-table .table__column .table__item {
    padding: 0;
  }

  .p-table .table__item:nth-child(1) {
    min-height: 24px;
    align-items: flex-start;
  }

  .p-table .table__item:nth-child(1) .format-text {
    display: block;
    width: auto;
    text-align: left;
    line-break: anywhere;
    max-width: 239px;
    color: rgb(71, 74, 86);
    font-size: 15px;
    font-weight: 600;
    line-height: 150%;
  }

  .p-table .table__item:nth-child(1) img {
    display: none;
  }

  .p-table .table__item:nth-child(1),
  .p-table .table__item:nth-child(2),
  .p-table .table__item:nth-child(3),
  .p-table .table__item:nth-child(4),
  .p-table .table__item:nth-child(5) {
    position: relative;
  }

  .p-table .table__item:nth-child(1)::before,
  .p-table .table__item:nth-child(2)::before,
  .p-table .table__item:nth-child(3)::before,
  .p-table .table__item:nth-child(4)::before,
  .p-table .table__item:nth-child(5)::before {
    position: absolute;
    left: 0;
    top: 50%;
    width: auto;
    height: 30px;
    transform: translateY(-50%);
    color: rgb(71, 74, 86);
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
  }

  .p-table .table__item:nth-child(6) {
    display: none;
  }

  .table__column::before {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    border: 2px solid rgb(146, 73, 143);
    color: rgb(146, 73, 143);
    font-size: 13px;
    font-weight: 600;
    line-height: 150%;
  }

  .table__column:nth-child(1)::before {
    content: "";
  }

  .table__column:nth-child(2)::before {
    content: "1";
  }

  .table__column:nth-child(3)::before {
    content: "2";
  }

  .table__column:nth-child(4)::before {
    content: "3";
  }

  .table__column:nth-child(5)::before {
    content: "";
  }

  .p-table .custom-number-input {
    text-align: center;
  }

  .p-table .custom-number-arrows {
    width: 120px;
    height: 56px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    top: 0;
    right: 0;
    padding: 0 10px;
    display:none;
  }

  .p-table .custom-number-arrows .increase-btn {
    transform: rotate(90deg);
  }

  .p-table .custom-number-arrows .increase-btn:hover {
    cursor: pointer !important;
  }

  .p-table .custom-number-arrows .decrease-btn {
    transform: rotate(90deg);
  }

  .p-table .custom-number-arrows .decrease-btn:hover {
    cursor: pointer !important;
  }

  .p-table input[type="number"] {
    width: 120px;
    height: 56px;
    color: rgb(71, 74, 86);
    font-size: 15px;
    font-weight: 600;
  }

  .form-format {
    display: none;
  }

  .sum {
    flex-direction: column;
  }

  .sum button {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    line-height: 150%;
    padding: 15px;
  }

  .sum__info {
  }

  .sum__text {
    color: rgb(71, 74, 86);
    font-size: 15px;
    font-weight: 400;
  }

  .sum__total {
    color: rgb(71, 74, 86);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7;
  }

  .pay-form2 .form__items {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
  }

  .pay-form2 .form__item {
    flex: 1 1 auto;
    width: 100%;
  }

  .pay-form2 .popup__links {
    margin: 30px 0 25px;
  }

  .pay-form2 .pay-form2-buttons {
    flex-direction: column;
    gap: 20px;
  }

  .pay-form2 .pay-form2-buttons button {
    margin: 0;
    color: rgb(246, 246, 246);
    font-size: 15px;
    font-weight: 600;
    line-height: 150%;
  }
}

@media (max-width: 500px) {
  .popup {
    padding: 24px;
    min-height: auto;
    top: 0;
  }

  .popup form {
    gap: 29px;
  }

  .popup button {
    margin: 15px 0 25px;
  }

  .popup-login,
  .popup-recover {
    padding: 40px 24px;
  }

  .popup-login .popup-succes__title {
    font-size: 20px;
    margin-bottom: 35px;
  }

  .popup .popup-succes__title {
    font-size: 20px;
  }

  .popup .close-popup svg {
    width: 100%;
    max-width: initial;
    height: auto;
    vertical-align: initial;
  }

  .popup-registration {
    padding: 39px 24px 40px;
    align-self: self-start;
  }

  .popup-registration .popup-succes__title {
    margin-bottom: 35px;
  }

  .popup-registration form {
    gap: 29px;
  }

  .popup-registration__links {
    margin-top: 15px;
    gap: 13px;
  }

  .popup-registration .popup__links {
    margin-top: 15px;
    gap: 13px;
  }

  .popup-registration button {
    margin: 0;
    margin-top: -4px;
  }

  .popup-recover {
    padding: 40px 24px;
  }

  .popup-recover .popup-succes__title {
    margin-bottom: 35px;
  }

  .popup-recover form {
    gap: 29px;
  }

  .popup-recover button {
    margin: 15px 0 0 0;
  }

  .referral-box__linkimg {
    background-color: #ffffff;
  }
  .referral-box__link {
    max-width: 180px;
    word-wrap: break-word;
  }

  .referral-box__bannerblok {
    background-color: #ffffff;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
  }

  .financial-box__title_ref {
    margin-top: 20px;
  }
}

@media (max-width: 359px) {
  .popup__link p {
    font-size: 13px;
  }
}

@media (max-width: 500px) {
  .p-table .table__item:nth-child(1) .format-text {
    padding-left: 12vw;
  }
}

@media (max-width: 340px) {
  .popup__link a {
    font-size: 13px;
  }

  .popup-registration {
    padding: 20px 20px;
  }

  .popup-registration .popup-succes__title {
    margin-bottom: 35px;
  }

  .popup-registration form {
    gap: 29px;
  }

  .popup-registration__links {
    margin-top: 15px;
    gap: 13px;
  }
}

@media (max-width: 338px) {
  .p-table .table__item:nth-child(1) .format-text {
    padding-left: 15vw;

  }

  .referral-box__link{
    max-width: 100px;
  }
}

.popup-backing .dropdown__list-item {
  background-color: #fff;
}

.popup-backing .dropdown__button:hover {
  filter: none;
}

.create-new-delivery-form .back-btn {
  max-width: 365px;
  width: 100%;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1.5px solid #92498f;
  border-radius: 10px;
  height: 54px;
  background: -o-linear-gradient(left, #92498f 1.4%, #645cb1);
  background-clip: border-box;
  background-clip: text;
  background: linear-gradient(90deg, #92498f 1.4%, #645cb1);
  background-clip: border-box;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.create-new-delivery-form .back-btn:hover {
  color: #fff;
}

.create-new-delivery-form__btns .create-delivery-btn {
  margin-bottom: 0;
}

.create-new-delivery-form__btns .back-btn {
  margin-bottom: 0;
}

.create-new-delivery-form input {
  color: #5f6473;
}

.create-new-delivery-form input::-moz-placeholder {
  color: #5f6473;
}

.create-new-delivery-form input::placeholder {
  color: #5f6473;
}

.create-new-delivery-form .dropdown__button {
  color: #5f6473;
}

.create-new-delivery-form .dropdown__list-item {
  color: #5f6473;
}

.create-new-delivery-form textarea {
  color: #5f6473;
}

.sm-text {
  display: contents;
}

@media (max-width: 700px) {
  .create-new-delivery-form__btns {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
/* POPUPS 2 */
.popup-wallet,
.popup-confirm,
.popup-attention {
  display: none;
}

.popup-wallet.show,
.popup-confirm.show,
.popup-attention.show {
  display: block;
}

.popup-wallet {
  width: 431px;
  height: 401px;
}

@media (max-width: 500px) {
  .popup-wallet {
    height: auto;
    max-height: 380px;
  }
}

.popup-wallet form.invalid .dropdown__button {
  border: 1px solid #ce9898;
  color: #ce9898;
}

.popup-wallet form.invalid .kupon input {
  border-color: transparent;
}

.popup-wallet form.invalid .kupon input::-moz-placeholder {
  color: #5f6473;
}

.popup-wallet form.invalid .kupon input::placeholder {
  color: #5f6473;
}

.popup-wallet .s-dropdown {
  position: relative;
  width: 100%;
}

.popup-wallet .dropdown__button {
  height: 54px;
  position: relative;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1;
  border-radius: 10px;
  cursor: pointer;
  background-color: #fff;
  display: flex;
  align-items: center;
  color: rgb(95, 100, 115);
  font-weight: 400;
  line-height: 24px;
}

.popup-wallet .dropdown__button:hover {
  filter: brightness(90%);
}

.popup-wallet .dropdown__button:focus,
.popup-wallet .dropdown__button--active {
  outline: none;
  box-shadow: none;
}

.popup-wallet .dropdown__button::after {
  content: "";
  position: absolute;
  top: 25px;
  right: 20px;
  width: 9px;
  height: 6px;
  background-image: url("assets/img/icons/icon-arrow-down.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transition-duration: 0.3s;
}

.popup-wallet .dropdown__button--active.dropdown__button::after {
  transform: rotate(180deg);
}

.popup-wallet .dropdown__list {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  border-radius: 10px;
}

.popup-wallet .dropdown__list--visible {
  display: block;
}

.popup-wallet .dropdown__list-item {
  width: 100%;
  margin: 0;
  padding: 0;
  padding: 13px 20px;
  cursor: pointer;
  font-weight: 500;
  line-height: 24px;
  color: #474a56;
  background-color: #fff;
}

.popup-wallet .dropdown__list-item:first-child {
  border-radius: 6px 6px 0 0;
}

.popup-wallet .dropdown__list-item:last-child {
  border-radius: 0 0 6px 6px;
  border-bottom: none;
}

.popup-wallet .dropdown__list-item:hover {
  filter: brightness(90%);
}

.popup-wallet .dropdown__input-hidden {
  display: none;
}

.popup-wallet .dropdown__list-item {
  padding-left: 18px;
  padding-right: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #474a56;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
}

.popup-wallet .dropdown__list-item a {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.popup-wallet .dropdown__list-item .link-icon {
  width: 25px;
  height: 25px;
}

.popup-confirm {
  width: 749px;
}

.popup-confirm .popup-succes__title {
  margin-bottom: 30px;
  text-align: left;
}

@media (max-width: 500px) {
  .popup-confirm .popup-succes__title {
    line-height: 1.6875rem;
  }
}

.popup-confirm p {
  font-weight: 400;
  color: #474a56;
}

@media (max-width: 500px) {
  .popup-confirm p {
    font-size: 15px;
  }
}

.popup-confirm .confirm-form-buttons {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

@media (max-width: 500px) {
  .popup-confirm .confirm-form-buttons {
    flex-direction: column;
    margin-top: -5px;
  }
}

.popup-confirm .confirm-form-buttons button {
  flex: 0 1 295px;
  border: 1px solid transparent;
  margin: 15px 0 0;
}

@media (max-width: 500px) {
  .popup-confirm .confirm-form-buttons button {
    flex: 1 1 52px;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
  }

  .popup-confirm .popup-succes__title {
    padding-top: 10px;
  }
}

.popup-confirm .confirm-form-buttons button:first-child {
  background: none;
  color: #92498f;
  border: 1px solid #92498f;
  transition: all 0.3s ease 0s;
}

.popup-confirm .confirm-form-buttons button:first-child:hover {
  background: #fff;
}

.popup-attention {
  padding: 35px 68px;
}

@media (max-width: 500px) {
  .popup-attention {
    padding: 40px 24px;
  }
}

.popup-attention .popup-succes__title {
  margin-bottom: 30px;
}

@media (max-width: 500px) {
  .popup-attention .popup-succes__title {
    margin-bottom: 27px;
  }
}

.popup-attention p {
  color: #474a56;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 45px;
}

@media (max-width: 500px) {
  .popup-attention p {
    margin-bottom: 28px;
    font-size: 15px;
  }
}

.popup-attention button {
  width: 100%;
  margin: 0;
}

@media (max-width: 500px) {
  .popup-attention button {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .p-table {
    width: 100%;
    padding: 0;
    background: none;
  }
}


.popup input {
  font-weight: 400;
}

.popup-registration {
  height: auto;
}

.popup-registration form {
  gap: 0;
}

.popup-registration .popup-registration .popup__links {
  margin-top: 22px;
  gap: 13px;
}

.popup form {
  gap: 0;
}

.popup-registration [type="submit"] {
  margin-top: 27px;
}

.popup-registration .popup__links {
  margin-top: 15px;
}

.popup form.invalid {
  gap: 0;
}

.pay-form2 .form__item {
  margin-bottom: 10px;
}

.controls-section .btn-full {
  margin-top: 0;
}

@media (max-width: 500px) {
  form .create-position-btn {
    font-size: 15px;
    height: 53px;
    margin-left: auto;
    margin-right: auto;
  }

  .popup form .invalid-message {
    font-size: 12px;
    bottom: -20px;
  }

  form .form__item {
    position: relative;
    margin-bottom: 30px;
  }

  .popup-registration {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
  }

  form [type="submit"] {
    margin-top: 18px;
    font-size: 15px;
  }

  .pay-form2 .form__items {
    margin-bottom: 30px;
  }
}

div.table__column:nth-child(4) > div:nth-child(6) > button:nth-child(1) {
  top: -5px;
  position: relative;
}

.purchase-history .download-cell-btn::before {
  display: none;
}

.adv-blok {
  padding-top:40px;
  padding-bottom: 40px;
  display: grid;
  gap:20px;
  grid-template-columns: 1fr 1fr;
}

.adv-blok__item {
  display: flex;
  gap:8px;
  align-items: flex-start;
  background-color: #E4E4E4;
  border-radius: 10px;
  padding: 12px 20px;
  min-height: 70px;
}

.adv-blok__img {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;

}
.adv-blok__link {
  text-decoration: underline;
}

.adv-blok__desc {
  font-size: 15px;
  flex-grow: 1;

}

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

.adv-blok__ads {

  color: #45166A;
  font-size: 12px;
  align-self: flex-end;
}


.adv-row {
    display: flex;
    justify-content: space-around;
}

.adv-item {
    width: 475px;
    height: 70px;
    display: flex;
}

.adv-item img{
    width: 475px;
    height: 70px;
}

.adv-placeholder {
    border: 2px dashed gray;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}


.adv {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
    margin: auto;
}


@media (max-width:1000px) {

    .adv-row {
        flex-direction: column;
        gap:5px;

    }
     .adv {

        align-items: center;
        gap:5px;
     }
}
@media (max-width:425px) {
     .adv {
        display: none;
     }
}

@media (max-width:950px) {
     .large-adv {
        display: none;
     }
}

@media (max-width: 768px) {
  .format_example {
    display: flex;
    justify-content: space-between;
  }
  .format_example::before {
    display: none;
  }
  .table__item::before {
    display: none;
  }

  .p-table .custom-number-arrows span {
    width: 16px;
    height: 12px;
  }

  .product-card-title {
    align-items: flex-start;
  }
}

/* Стили для компонента ProductDescription */
.product-description-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.product-description-left {
  flex: 1;
}

.product-description-right {
  flex-shrink: 0;

}

/* Стили для компонента ShareButtons */
.share-buttons {
  margin-top: 1rem;
}

.share-buttons__list {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: end;
}

.share-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  background-color: #EDEDED;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.share-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.share-button:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.share-button img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Специфичные стили для каждой соц. сети */
.share-button--vk:hover {
  background-color: #d4d4d4;
}

.share-button--twitter:hover {
  background-color: #d4d4d4;
}

.share-button--facebook:hover {
  background-color: #d4d4d4;
}

.share-button--telegram:hover {
  background-color: #d4d4d4;
}

.share-button--vk:hover img,
.share-button--twitter:hover img,
.share-button--facebook:hover img,
.share-button--telegram:hover img {
  opacity: 0.9;
}

/* Адаптивность для мобильных устройств */


@media (max-width: 768px) {
  .product-description-container {
    flex-direction: column-reverse;
    gap: 1.5rem;
  }

  .product-description-left {
    flex: none;
  }

  .product-description-right {
    /*flex: none;*/
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .share-buttons {
    margin-top: 0px;
  }

  .share-button {
    width: 28px;
    height: 28px;
  }

  .share-button img {
    width: 18px;
    height: 18px;
  }
}

/* @media (max-width: 425px) {
  .product-description-right {
    flex-direction: column;
  }
} */

@media (max-width: 550px) {
  .product-description-right {
    flex-direction: column;
  }
}


@media (max-width: 320px) {
  .table-info__item {
    min-width: 60px;
  }
}

/* Cookie Notice Styles */
.cookie-notice {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.95);
  color: white;
  z-index: 10000;
  padding: 15px 20px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
}

.cookie-notice__content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.cookie-notice__text {
  flex: 1;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.cookie-notice__button {
  background: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}

.cookie-notice__button:hover {
  background: #0056b3;
}

.cookie-notice__button:active {
  background: #004085;
}

@media (max-width: 768px) {
  .cookie-notice {
    padding: 15px;
  }

  .cookie-notice__content {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }

  .cookie-notice__text {
    font-size: 13px;
  }

  .cookie-notice__button {
    padding: 12px 24px;
    font-size: 16px;
  }
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-0::before {
  content: var(--tw-content);
  inset: 0px;
}

.before\:z-0::before {
  content: var(--tw-content);
  z-index: 0;
}

.before\:box-border::before {
  content: var(--tw-content);
  box-sizing: border-box;
}

.before\:block::before {
  content: var(--tw-content);
  display: block;
}

.before\:h-0::before {
  content: var(--tw-content);
  height: 0px;
}

.before\:h-0\.5::before {
  content: var(--tw-content);
  height: 0.125rem;
}

.before\:h-px::before {
  content: var(--tw-content);
  height: 1px;
}

.before\:w-0::before {
  content: var(--tw-content);
  width: 0px;
}

.before\:w-6::before {
  content: var(--tw-content);
  width: 1.5rem;
}

.before\:-translate-x-full::before {
  content: var(--tw-content);
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:-translate-y-1::before {
  content: var(--tw-content);
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:rotate-0::before {
  content: var(--tw-content);
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:animate-\[shimmer_2s_infinite\]::before {
  content: var(--tw-content);
  animation: shimmer 2s infinite;
}

.before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:rounded-none::before {
  content: var(--tw-content);
  border-radius: 0px;
}

.before\:border-2::before {
  content: var(--tw-content);
  border-width: 2px;
}

.before\:border-t::before {
  content: var(--tw-content);
  border-top-width: 1px;
}

.before\:border-solid::before {
  content: var(--tw-content);
  border-style: solid;
}

.before\:bg-current::before {
  content: var(--tw-content);
  background-color: currentColor;
}

.before\:bg-gradient-to-r::before {
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.before\:from-transparent::before {
  content: var(--tw-content);
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:to-transparent::before {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.before\:opacity-0::before {
  content: var(--tw-content);
  opacity: 0;
}

.before\:opacity-100::before {
  content: var(--tw-content);
  opacity: 1;
}

.before\:transition-colors::before {
  content: var(--tw-content);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-none::before {
  content: var(--tw-content);
  transition-property: none;
}

.before\:transition-opacity::before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-transform::before {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:\!duration-300::before {
  content: var(--tw-content);
  transition-duration: 300ms !important;
}

.before\:duration-150::before {
  content: var(--tw-content);
  transition-duration: 150ms;
}

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}

.after\:-bottom-1::after {
  content: var(--tw-content);
  bottom: -0.25rem;
}

.after\:-bottom-\[2px\]::after {
  content: var(--tw-content);
  bottom: -2px;
}

.after\:bottom-0::after {
  content: var(--tw-content);
  bottom: 0px;
}

.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}

.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}

.after\:right-0::after {
  content: var(--tw-content);
  right: 0px;
}

.after\:-z-10::after {
  content: var(--tw-content);
  z-index: -10;
}

.after\:ml-0::after {
  content: var(--tw-content);
  margin-left: 0px;
}

.after\:ml-0\.5::after {
  content: var(--tw-content);
  margin-left: 0.125rem;
}

.after\:block::after {
  content: var(--tw-content);
  display: block;
}

.after\:h-\[2px\]::after {
  content: var(--tw-content);
  height: 2px;
}

.after\:h-full::after {
  content: var(--tw-content);
  height: 100%;
}

.after\:h-px::after {
  content: var(--tw-content);
  height: 1px;
}

.after\:w-0::after {
  content: var(--tw-content);
  width: 0px;
}

.after\:w-6::after {
  content: var(--tw-content);
  width: 1.5rem;
}

.after\:w-\[80\%\]::after {
  content: var(--tw-content);
  width: 80%;
}

.after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}

.after\:origin-center::after {
  content: var(--tw-content);
  transform-origin: center;
}

.after\:-translate-x-1\/2::after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:translate-y-1::after {
  content: var(--tw-content);
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:rotate-0::after {
  content: var(--tw-content);
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:scale-50::after {
  content: var(--tw-content);
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:rounded-none::after {
  content: var(--tw-content);
  border-radius: 0px;
}

.after\:rounded-xl::after {
  content: var(--tw-content);
  border-radius: 0.75rem;
}

.after\:bg-current::after {
  content: var(--tw-content);
  background-color: currentColor;
}

.after\:opacity-0::after {
  content: var(--tw-content);
  opacity: 0;
}

.after\:opacity-100::after {
  content: var(--tw-content);
  opacity: 1;
}

.after\:shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]::after {
  content: var(--tw-content);
  --tw-shadow: 0 1px 0px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.after\:transition-none::after {
  content: var(--tw-content);
  transition-property: none;
}

.after\:transition-transform::after {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:\!duration-200::after {
  content: var(--tw-content);
  transition-duration: 200ms !important;
}

.after\:duration-150::after {
  content: var(--tw-content);
  transition-duration: 150ms;
}

.after\:\!ease-linear::after {
  content: var(--tw-content);
  transition-timing-function: linear !important;
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.after\:content-\[\'\*\'\]::after {
  --tw-content: '*';
  content: var(--tw-content);
}

.first\:rounded-l-full:first-child {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.first\:rounded-l-lg:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.first\:before\:rounded-l-lg:first-child::before {
  content: var(--tw-content);
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.last\:rounded-r-full:last-child {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.last\:rounded-r-lg:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.last\:before\:rounded-r-lg:last-child::before {
  content: var(--tw-content);
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.first-of-type\:rounded-r-none:first-of-type {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.last-of-type\:rounded-l-none:last-of-type {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.hover\:scale-125:hover {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:bg-\[\#e4e4e4\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 228 / var(--tw-bg-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

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

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:after\:opacity-100:hover::after {
  content: var(--tw-content);
  opacity: 1;
}

.focus\:underline:focus {
  text-decoration-line: underline;
}

.focus\:outline-transparent:focus {
  outline-color: transparent;
}

.focus-visible\:z-10:focus-visible {
  z-index: 10;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.active\:underline:active {
  text-decoration-line: underline;
}

.active\:\!opacity-70:active {
  opacity: 0.7 !important;
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:hidden {
  display: none;
}

.group:hover .group-hover\:border-current {
  border-color: currentColor;
}

.group:hover .group-hover\:text-current {
  color: currentColor;
}

.group.is-splitted .group-\[\.is-splitted\]\:px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.aria-expanded\:scale-\[0\.97\][aria-expanded="true"] {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.aria-expanded\:opacity-70[aria-expanded="true"] {
  opacity: 0.7;
}

.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
  pointer-events: none;
}

.data-\[placement\=bottom-end\]\:-top-1[data-placement=bottom-end] {
  top: -0.25rem;
}

.data-\[placement\=bottom-start\]\:-top-1[data-placement=bottom-start] {
  top: -0.25rem;
}

.data-\[placement\=bottom\]\:-top-1[data-placement=bottom] {
  top: -0.25rem;
}

.data-\[placement\=left-end\]\:-right-1[data-placement=left-end] {
  right: -0.25rem;
}

.data-\[placement\=left-start\]\:-right-1[data-placement=left-start] {
  right: -0.25rem;
}

.data-\[placement\=left\]\:-right-1[data-placement=left] {
  right: -0.25rem;
}

.data-\[placement\=right-end\]\:-left-1[data-placement=right-end] {
  left: -0.25rem;
}

.data-\[placement\=right-start\]\:-left-1[data-placement=right-start] {
  left: -0.25rem;
}

.data-\[placement\=right\]\:-left-1[data-placement=right] {
  left: -0.25rem;
}

.data-\[placement\=top-end\]\:-bottom-1[data-placement=top-end] {
  bottom: -0.25rem;
}

.data-\[placement\=top-start\]\:-bottom-1[data-placement=top-start] {
  bottom: -0.25rem;
}

.data-\[placement\=top\]\:-bottom-1[data-placement=top] {
  bottom: -0.25rem;
}

.data-\[focus-visible\=true\]\:z-10[data-focus-visible=true] {
  z-index: 10;
}

.data-\[open\=true\]\:block[data-open=true] {
  display: block;
}

.data-\[open\=true\]\:flex[data-open=true] {
  display: flex;
}

.data-\[justify\=end\]\:flex-grow[data-justify=end] {
  flex-grow: 1;
}

.data-\[justify\=start\]\:flex-grow[data-justify=start] {
  flex-grow: 1;
}

.data-\[justify\=end\]\:basis-0[data-justify=end] {
  flex-basis: 0px;
}

.data-\[justify\=start\]\:basis-0[data-justify=start] {
  flex-basis: 0px;
}

.data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible=true] {
  --tw-translate-x: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[hover\=true\]\:-translate-x-3[data-hover=true] {
  --tw-translate-x: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[hover\=true\]\:translate-x-0[data-hover=true] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=bottom-end\]\:translate-x-6[data-placement=bottom-end] {
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=bottom-start\]\:-translate-x-8[data-placement=bottom-start] {
  --tw-translate-x: -2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=bottom\]\:-translate-x-1\/2[data-placement=bottom] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=left-end\]\:translate-y-0\.5[data-placement=left-end] {
  --tw-translate-y: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=left-start\]\:-translate-y-3[data-placement=left-start] {
  --tw-translate-y: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=left\]\:-translate-y-1\/2[data-placement=left] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=right-end\]\:translate-y-0\.5[data-placement=right-end] {
  --tw-translate-y: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=right-start\]\:-translate-y-3[data-placement=right-start] {
  --tw-translate-y: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=right\]\:-translate-y-1\/2[data-placement=right] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=top-end\]\:translate-x-6[data-placement=top-end] {
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=top-start\]\:-translate-x-8[data-placement=top-start] {
  --tw-translate-x: -2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=top\]\:-translate-x-1\/2[data-placement=top] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[before\=true\]\:rotate-180[data-before=true] {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[direction\=ascending\]\:rotate-180[data-direction=ascending] {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[open\=true\]\:-rotate-90[data-open=true] {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[open\=true\]\:rotate-180[data-open=true] {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[invisible\=true\]\:scale-0[data-invisible=true] {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed=true] {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true] {
  cursor: not-allowed;
}

.data-\[sortable\=true\]\:cursor-pointer[data-sortable=true] {
  cursor: pointer;
}

.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal] {
  flex-direction: row;
}

.data-\[has-helper\=true\]\:items-start[data-has-helper=true] {
  align-items: flex-start;
}

.data-\[justify\=start\]\:justify-start[data-justify=start] {
  justify-content: flex-start;
}

.data-\[justify\=end\]\:justify-end[data-justify=end] {
  justify-content: flex-end;
}

.data-\[justify\=center\]\:justify-center[data-justify=center] {
  justify-content: center;
}

.data-\[menu-open\=true\]\:border-none[data-menu-open=true] {
  border-style: none;
}

.data-\[hover\=true\]\:bg-transparent[data-hover=true] {
  background-color: transparent;
}

.data-\[loaded\=true\]\:bg-transparent[data-loaded=true] {
  background-color: transparent;
}

.data-\[has-title\=true\]\:pt-1[data-has-title=true] {
  padding-top: 0.25rem;
}

.data-\[active\=true\]\:font-semibold[data-active=true] {
  font-weight: 600;
}

.data-\[disabled\=true\]\:opacity-30[data-disabled=true] {
  opacity: 0.3;
}

.data-\[invisible\=true\]\:opacity-0[data-invisible=true] {
  opacity: 0;
}

.data-\[loaded\=true\]\:opacity-100[data-loaded=true] {
  opacity: 1;
}

.data-\[pressed\=true\]\:opacity-70[data-pressed=true] {
  opacity: 0.7;
}

.data-\[visible\=true\]\:opacity-100[data-visible=true] {
  opacity: 1;
}

.data-\[active\=true\]\:shadow-md[data-active=true] {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[hover\=true\]\:shadow-lg[data-hover=true] {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[focus-visible\=true\]\:outline-2[data-focus-visible=true] {
  outline-width: 2px;
}

.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible=true] {
  outline-offset: 2px;
}

.data-\[menu-open\=true\]\:backdrop-blur-xl[data-menu-open=true] {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.data-\[sortable\=true\]\:transition-colors[data-sortable=true] {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-bottom-scroll=true] {
  -webkit-mask-image: linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\2c \#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-left-right-scroll=true] {
  -webkit-mask-image: linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-left-scroll=true] {
  -webkit-mask-image: linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-right-scroll=true] {
  -webkit-mask-image: linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-top-bottom-scroll=true] {
  -webkit-mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-top-scroll=true] {
  -webkit-mask-image: linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[loaded\=true\]\:before\:animate-none[data-loaded=true]::before {
  content: var(--tw-content);
  animation: none;
}

.data-\[loaded\=true\]\:before\:opacity-0[data-loaded=true]::before {
  content: var(--tw-content);
  opacity: 0;
}

.data-\[selected\=true\]\:before\:opacity-100[data-selected=true]::before {
  content: var(--tw-content);
  opacity: 1;
}

.data-\[focus\=true\]\:after\:w-full[data-focus=true]::after {
  content: var(--tw-content);
  width: 100%;
}

.data-\[open\=true\]\:after\:w-full[data-open=true]::after {
  content: var(--tw-content);
  width: 100%;
}

.data-\[loaded\=true\]\:after\:opacity-0[data-loaded=true]::after {
  content: var(--tw-content);
  opacity: 0;
}

.data-\[selected\=true\]\:after\:opacity-100[data-selected=true]::after {
  content: var(--tw-content);
  opacity: 1;
}

.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:pointer-events-auto {
  pointer-events: auto;
}

.group[data-filled=true] .group-data-\[filled\=true\]\:pointer-events-auto {
  pointer-events: auto;
}

.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:left-0 {
  left: 0px;
}

.group[data-filled=true] .group-data-\[filled\=true\]\:left-0 {
  left: 0px;
}

.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:z-10 {
  z-index: 10;
}

.group[data-selected=true] .group-data-\[selected\=true\]\:ml-4 {
  margin-left: 1rem;
}

.group[data-selected=true] .group-data-\[selected\=true\]\:ml-5 {
  margin-left: 1.25rem;
}

.group[data-selected=true] .group-data-\[selected\=true\]\:ml-6 {
  margin-left: 1.5rem;
}

.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3 {
  margin-left: 0.75rem;
}

.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4 {
  margin-left: 1rem;
}

.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5 {
  margin-left: 1.25rem;
}

.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:block {
  display: block;
}

.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:hidden {
  display: none;
}

.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-5 {
  width: 1.25rem;
}

.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-6 {
  width: 1.5rem;
}

.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-7 {
  width: 1.75rem;
}

.group[data-selected=true] .group-data-\[selected\=true\]\:translate-x-3 {
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-copied=true] .group-data-\[copied\=true\]\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-copied=true] .group-data-\[copied\=true\]\:scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-pressed=true] .group-data-\[pressed\=true\]\:scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-selected=true] .group-data-\[selected\=true\]\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-2 {
  padding-top: 0.5rem;
}

.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-3 {
  padding-top: 0.75rem;
}

.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-4 {
  padding-top: 1rem;
}

.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:font-medium {
  font-weight: 500;
}

.group[data-filled=true] .group-data-\[filled\=true\]\:font-medium {
  font-weight: 500;
}

.group[data-copied=true] .group-data-\[copied\=true\]\:opacity-0 {
  opacity: 0;
}

.group[data-copied=true] .group-data-\[copied\=true\]\:opacity-100 {
  opacity: 1;
}

.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:opacity-100 {
  opacity: 1;
}

.group[data-filled=true] .group-data-\[filled\=true\]\:opacity-100 {
  opacity: 1;
}

.group[data-hover=true] .group-data-\[hover\=true\]\:opacity-100 {
  opacity: 1;
}

.group[data-loaded=true] .group-data-\[loaded\=true\]\:opacity-100 {
  opacity: 1;
}

.group[data-pressed=true] .group-data-\[pressed\=true\]\:opacity-70 {
  opacity: 0.7;
}

.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-0 {
  opacity: 0;
}

.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-100 {
  opacity: 1;
}

.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-60 {
  opacity: 0.6;
}

.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.group[data-selected=true] .group-data-\[selected\=true\]\:before\:w-full::before {
  content: var(--tw-content);
  width: 100%;
}

.group[data-open=true] .group-data-\[open\=true\]\:before\:translate-y-px::before {
  content: var(--tw-content);
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-open=true] .group-data-\[open\=true\]\:before\:rotate-45::before {
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-middle=true] .group-data-\[middle\=true\]\:before\:rounded-none::before {
  content: var(--tw-content);
  border-radius: 0px;
}

.group[data-odd=true] .group-data-\[odd\=true\]\:before\:opacity-100::before {
  content: var(--tw-content);
  opacity: 1;
}

.group[data-focus=true] .group-data-\[focus\=true\]\:after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}

.group[data-open=true] .group-data-\[open\=true\]\:after\:translate-y-0::after {
  content: var(--tw-content);
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-open=true] .group-data-\[open\=true\]\:after\:-rotate-45::after {
  content: var(--tw-content);
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-selected=true] .group-data-\[selected\=true\]\:after\:scale-100::after {
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-selected=true] .group-data-\[selected\=true\]\:after\:opacity-100::after {
  content: var(--tw-content);
  opacity: 1;
}

.group[data-first=true] .group-data-\[first\=true\]\:first\:before\:rounded-tl-lg:first-child::before {
  content: var(--tw-content);
  border-top-left-radius: 0.5rem;
}

.group[data-last=true] .group-data-\[last\=true\]\:first\:before\:rounded-bl-lg:first-child::before {
  content: var(--tw-content);
  border-bottom-left-radius: 0.5rem;
}

.group[data-first=true] .group-data-\[first\=true\]\:last\:before\:rounded-tr-lg:last-child::before {
  content: var(--tw-content);
  border-top-right-radius: 0.5rem;
}

.group[data-last=true] .group-data-\[last\=true\]\:last\:before\:rounded-br-lg:last-child::before {
  content: var(--tw-content);
  border-bottom-right-radius: 0.5rem;
}

.group[aria-selected=false][data-hover=true] .group-aria-\[selected\=false\]\:group-data-\[hover\=true\]\:before\:opacity-70::before {
  content: var(--tw-content);
  opacity: 0.7;
}

.peer[data-filled=true] ~ .peer-data-\[filled\=true\]\:block {
  display: block;
}

.peer[data-filled=true] ~ .peer-data-\[filled\=true\]\:opacity-70 {
  opacity: 0.7;
}

@media (prefers-reduced-motion: reduce) {

  .motion-reduce\:transition-none {
    transition-property: none;
  }

  .motion-reduce\:after\:transition-none::after {
    content: var(--tw-content);
    transition-property: none;
  }
}

@media (prefers-color-scheme: dark) {

  .dark\:bg-transparent {
    background-color: transparent;
  }
}

@media (min-width: 640px) {

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .sm\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:text-\[15\.5px\] {
    font-size: 15.5px;
  }

  .sm\:leading-4 {
    line-height: 1rem;
  }

  .sm\:\[--scale-enter\:100\%\] {
    --scale-enter: 100%;
  }

  .sm\:\[--scale-exit\:103\%\] {
    --scale-exit: 103%;
  }

  .sm\:\[--slide-enter\:0px\] {
    --slide-enter: 0px;
  }

  .sm\:\[--slide-exit\:0px\] {
    --slide-exit: 0px;
  }
}

@media (min-width: 700px) {

  .min-\[700px\]\:flex {
    display: flex;
  }
}

@media (min-width: 768px) {

  .md\:w-\[700px\] {
    width: 700px;
  }

  .md\:min-w-\[749px\] {
    min-width: 749px;
  }
}

@media (min-width: 1536px) {

  .\32xl\:text-\[16px\] {
    font-size: 16px;
  }
}

.\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child) {
  border-radius: 0px;
}

.\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none:not(:first-of-type):not(:last-of-type) {
  border-radius: 0px;
}

.\[\&\:not\(\:first-of-type\)\]\:ml-\[calc\(theme\(borderWidth\.2\)\*-1\)\]:not(:first-of-type) {
  margin-left: calc(2px * -1);
}

.\[\&\>\*\]\:relative>* {
  position: relative;
}

.\[\&\>tr\]\:first\:rounded-lg:first-child>tr {
  border-radius: 0.5rem;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[12].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/[locale]/layout.tsx","import":"Manrope","arguments":[{"subsets":["latin"]}],"variableName":"manrope"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Manrope_73ee6c';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Manrope_73ee6c';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: '__Manrope_73ee6c';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Manrope_73ee6c';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Manrope_73ee6c';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Manrope_73ee6c';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Manrope_Fallback_73ee6c';src: local("Arial");ascent-override: 102.96%;descent-override: 28.98%;line-gap-override: 0.00%;size-adjust: 103.53%
}.__className_73ee6c {font-family: '__Manrope_73ee6c', '__Manrope_Fallback_73ee6c';font-style: normal
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */


/* Исправление ширины элементов меню */
.header-nav ul li a {
    min-width: 100px !important;
    width: auto !important;
    white-space: nowrap !important;
}

.header-nav ul li.dropdown {
    min-width: 100px !important;
    width: auto !important;
}

.header-nav ul {
    width: 100% !important;
    justify-content: space-around !important;
}

/* Исправление выпадающих меню */
.header-nav ul > .dropdown:hover > .submenu {
    display: block !important;
}

/* Специфичные иконки для разных блоков */












/* Выравнивание текста кнопок по центру */
.partner-btn {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.partner-btn_about {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.partner-btn_partners {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.partner-btn_referral {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.partner-btn_suppliers {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Стили для arrowed-link в меню */
.header-nav ul .submenu li .arrowed-link {
  padding-left: 18px;
  padding-right: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #474a56;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  align-items: center;
}

.header-nav ul .submenu li .arrowed-link:hover {
  color: #45166A;
  text-decoration: underline;
}

/* Убираем дублирование стилей для arrowed-link */
.header-nav ul .submenu li .arrowed-link::after {
  content: "";
  position: absolute;
  top: 56%;
  transform: translateY(-50%);
  right: 25px;
  width: 12px;
  height: auto;
  aspect-ratio: 6/11;
  background-size: 95%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="17" height="22" viewBox="0 0 17 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.89123 17.3085C2.7564 17.1735 2.68066 16.9905 2.68066 16.7997C2.68066 16.6089 2.7564 16.4259 2.89123 16.2909L7.18243 11.9997L2.89123 7.70848C2.76405 7.57199 2.69481 7.39146 2.6981 7.20493C2.70139 7.01841 2.77696 6.84044 2.90887 6.70852C3.04079 6.5766 3.21876 6.50104 3.40529 6.49775C3.59182 6.49446 3.77234 6.5637 3.90883 6.69088L8.70883 11.4909C8.84366 11.6259 8.9194 11.8089 8.9194 11.9997C8.9194 12.1905 8.84366 12.3735 8.70883 12.5085L3.90883 17.3085C3.77383 17.4433 3.59083 17.519 3.40003 17.519C3.20923 17.519 3.02623 17.4433 2.89123 17.3085Z" fill="%2386888F"/></svg>');
}

.header-nav ul .submenu li .arrowed-link:hover::after {
  filter: brightness(0%);
}