@charset "UTF-8";
*,
::after,
::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  scrollbar-gutter: stable;
}

html {
  font-size: 16px;
}

body {
  font-family: "Montserrat", serif;
  font-size: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  font-weight: 400;
  color: #1b1c20;
  background: #ffffff;
}

section {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 0;
}

main {
  padding-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

ul {
  list-style: none;
}

ol {
  list-style-position: inside;
}

.content > ul {
  all: revert;
  padding: 0 0 0 16px;
}

.reset-external-styles {
  height: 100%;
}
.reset-external-styles ul,
.reset-external-styles ol {
  all: revert;
  list-style-position: inside;
  padding: 0;
  margin-block: 16px;
}
.reset-external-styles ul:not(:has(+ *)),
.reset-external-styles ol:not(:has(+ *)) {
  margin-bottom: 0;
}
.reset-external-styles li {
  margin-bottom: 3px;
}
.reset-external-styles li:last-child {
  margin-bottom: 0;
}
.reset-external-styles a:not([class]) {
  color: #e60004;
}
.reset-external-styles a:not([class]):hover {
  color: #6c758c;
}
.reset-external-styles ol {
  list-style-position: inside;
}
.reset-external-styles p {
  margin-bottom: 16px;
}
.reset-external-styles p:has(+ ul) {
  margin-bottom: 0;
}

.scroll-stop {
  overflow-y: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.container {
  max-width: 1328px;
  padding: 0 16px;
  margin: 0 auto;
  width: 100%;
}

/* Для всех современных браузеров (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 6px; /* Ширина вертикального скроллбара */
  height: 6px; /* Высота горизонтального скроллбара */
}

/* Ползунок (бегунок) скроллбара */
::-webkit-scrollbar-thumb {
  background-color: rgba(100, 100, 100, 0.5); /* Цвет ползунка */
  border-radius: 10px; /* Закругленные края */
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

/* При наведении мыши на скроллбар */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(100, 100, 100, 0.8);
}

/* Фон скроллбара */
::-webkit-scrollbar-track {
  background: transparent; /* Прозрачный фон */
}

/* Для Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 100, 100, 0.5) transparent;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

h1,
.h1 {
  font-size: clamp(2rem, (100vw - 576px) / 624 * 10 + 2rem, 2.625rem);
  line-height: calc(clamp(2rem, (100vw - 576px) / 624 * 10 + 2rem, 2.625rem) * 1.1);
  font-weight: 800;
}

h2,
.h2 {
  font-size: clamp(1.5rem, (100vw - 576px) / 624 * 8 + 1.5rem, 2rem);
  line-height: calc(clamp(1.5rem, (100vw - 576px) / 624 * 8 + 1.5rem, 2rem) * 1.2);
  font-weight: 800;
}

h3,
.h3 {
  font-size: clamp(1.375rem, (100vw - 576px) / 624 * 2 + 1.375rem, 1.5rem);
  line-height: calc(clamp(1.375rem, (100vw - 576px) / 624 * 2 + 1.375rem, 1.5rem) * 1.3);
  font-weight: 800;
}

h4,
.h4 {
  font-size: clamp(1.125rem, (100vw - 576px) / 624 * 4 + 1.125rem, 1.375rem);
  line-height: calc(clamp(1.125rem, (100vw - 576px) / 624 * 4 + 1.125rem, 1.375rem) * 1.4);
  font-weight: 600;
}

small,
.small {
  font-size: 0.75rem;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.24s ease-out;
  transition: color 0.24s ease-out;
}

.app {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-layout=base] .app {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
[data-layout=base] .app header,
[data-layout=base] .app footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
[data-layout=base] .app main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

[data-layout=minimal] .app {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

[data-layout=auth] .app {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
[data-layout=auth] .app main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 0;
}

.btn {
  all: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  font-size: 0.75rem;
  font-weight: 700;
  position: relative;
  -webkit-transition: background 0.24s ease-out, color 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: background 0.24s ease-out, color 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: background 0.24s ease-out, color 0.24s ease-out, transform 0.24s ease-out;
  transition: background 0.24s ease-out, color 0.24s ease-out, transform 0.24s ease-out, -webkit-transform 0.24s ease-out;
}
.btn.active .icons .icon.icon-from {
  scale: 0;
}
.btn.active .icons .icon.icon-to {
  scale: 1;
}
.btn .icons {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.btn .icons .icon {
  -webkit-transition: scale 0.24s ease-out;
  transition: scale 0.24s ease-out;
  position: absolute;
}
.btn .icons .icon.icon-from {
  scale: 1;
}
.btn .icons .icon.icon-to {
  scale: 0;
}
.btn .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn .icon svg path {
  -webkit-transition: fill 0.24s ease-out, stroke 0.24s ease-out;
  transition: fill 0.24s ease-out, stroke 0.24s ease-out;
}
.btn.btn-accent {
  background: linear-gradient(135deg, #cce7ff 0%, #6984eb 29.62%, #637eea 34.83%, #5c77e8 41.65%, #5570e7 44.42%, #516de6 49.2%, #4b66e5 54.36%, #5664e8 60.85%, #5e62eb 65.46%, #6461ed 72.19%, #6e5ff0 79.13%, #9b55ff 100%);
  color: #ffffff;
}
.btn.btn-light {
  background: #f2f6ff;
  color: #e60004;
}
.btn.btn-light .icon:not(.icon-outline) svg path {
  fill: #e60004;
}
.btn.btn-light .icon-outline svg path {
  stroke: #e60004;
}
@media (min-width: 1200px) {
  .btn.btn-light:hover {
    background: #e60004;
    color: #ffffff;
  }
  .btn.btn-light:hover .count {
    border-color: #ffffff;
  }
  .btn.btn-light:hover .icon:not(.icon-outline) svg path {
    fill: #ffffff;
  }
  .btn.btn-light:hover .icon-outline svg path {
    stroke: #ffffff;
  }
}
.btn.btn-light.active {
  background: #e60004;
  color: #ffffff;
}
.btn.btn-light.active .count {
  border-color: #ffffff;
}
.btn.btn-light.active .icon:not(.icon-outline) svg path {
  fill: #ffffff;
}
.btn.btn-light.active .icon-outline svg path {
  stroke: #ffffff;
}
.btn.btn-primary {
  background: #e60004;
  color: #ffffff;
}
.btn.btn-primary .icon:not(.icon-outline) svg path {
  fill: #ffffff;
}
@media (min-width: 1200px) {
  .btn.btn-primary:hover {
    background: #1b1c20;
  }
  .btn.btn-primary:hover .icon:not(.icon-outline) svg path {
    fill: #ffffff;
  }
}
.btn.btn-primary.active {
  background: #1b1c20;
}
.btn.btn-primary.active .icon:not(.icon-outline) svg path {
  fill: #ffffff;
}
.btn.btn-white {
  background: #ffffff;
  color: #e60004;
}
.btn.btn-white .icon:not(.icon-outline) svg path {
  fill: #e60004;
}
@media (min-width: 1200px) {
  .btn.btn-white:hover {
    background: #e60004;
    color: #ffffff;
  }
  .btn.btn-white:hover .icon:not(.icon-outline) svg path {
    fill: #ffffff;
  }
}
.btn.btn-white.active {
  background: #e60004;
  color: #ffffff;
}
.btn.btn-white.active .icon:not(.icon-outline) svg path {
  fill: #ffffff;
}
.btn.btn-dark {
  background: #1b1c20;
  color: #ffffff;
}
.btn.btn-dark .icon:not(.icon-outline) svg path {
  fill: #ffffff;
}
@media (min-width: 1200px) {
  .btn.btn-dark:hover {
    background: #e60004;
    color: #ffffff;
  }
  .btn.btn-dark:hover .icon:not(.icon-outline) svg path {
    fill: #ffffff;
  }
}
.btn.btn-dark.active {
  background: #e60004;
  color: #ffffff;
}
.btn.btn-dark.active .icon:not(.icon-outline) svg path {
  fill: #ffffff;
}
.btn.btn-gray {
  background: #272a2c;
  color: #e60004;
}
.btn.btn-gray .icon:not(.icon-outline) svg path {
  fill: #e60004;
}
.btn.btn-gray .icon-outline svg path {
  stroke: #e60004;
}
@media (min-width: 1200px) {
  .btn.btn-gray:hover {
    background: #1b1c20;
    color: #ffffff;
  }
  .btn.btn-gray:hover .icon:not(.icon-outline) svg path {
    fill: #ffffff;
  }
  .btn.btn-gray:hover .icon-outline svg path {
    stroke: #ffffff;
  }
}
.btn.btn-gray.active {
  background: #1b1c20;
  color: #ffffff;
}
.btn.btn-gray.active .icon:not(.icon-outline) svg path {
  fill: #ffffff;
}
.btn.btn-gray.active .icon-outline svg path {
  stroke: #ffffff;
}
.btn.btn-circle {
  padding: 0;
  border-radius: 50%;
  width: clamp(2.75rem, (100vw - 576px) / 624 * 4 + 2.75rem, 3rem);
  height: clamp(2.75rem, (100vw - 576px) / 624 * 4 + 2.75rem, 3rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-circle .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 1200px) {
  .btn.btn-circle:hover .count {
    border-color: #e60004;
    color: #e60004;
    background: #f2f6ff;
  }
}
.btn.btn-circle.active .count {
  border-color: #e60004;
  color: #e60004;
  background: #f2f6ff;
}
.btn:disabled {
  background: #f2f6ff !important;
  color: #8e8e8e !important;
  cursor: default;
}
.btn.btn-clear {
  padding: 0;
}
@media (min-width: 1200px) {
  .btn.btn-clear:hover span {
    color: #1b1c20;
  }
  .btn.btn-clear:hover .icon svg path {
    fill: #1b1c20;
  }
}
.btn.btn-clear.active span {
  color: #1b1c20;
}
.btn.btn-clear.active .icon svg path {
  fill: #1b1c20;
}
.btn.btn-clear span {
  color: #e60004;
  -webkit-transition: color 0.24s ease-out;
  transition: color 0.24s ease-out;
}
.btn.btn-clear .icon {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-clear .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-clear .icon svg path {
  fill: #e60004;
}
.btn.btn-reset {
  padding: 0;
}
@media (min-width: 1200px) {
  .btn.btn-reset:hover span {
    color: #e60004;
  }
  .btn.btn-reset:hover .icon svg path {
    fill: #e60004;
  }
}
.btn.btn-reset.active span {
  color: #e60004;
}
.btn.btn-reset.active .icon svg path {
  fill: #e60004;
}
.btn.btn-reset span {
  color: #8593b6;
  font-weight: 500;
  -webkit-transition: color 0.24s ease-out;
  transition: color 0.24s ease-out;
}
.btn.btn-reset .icon {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-reset .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-reset .icon svg path {
  fill: #8593b6;
}
.btn.btn-delete {
  padding: 0;
}
@media (min-width: 1200px) {
  .btn.btn-delete:hover span {
    color: #e60004;
  }
  .btn.btn-delete:hover .icon svg path {
    fill: #e60004;
  }
}
.btn.btn-delete.active span {
  color: #e60004;
}
.btn.btn-delete.active .icon svg path {
  fill: #e60004;
}
.btn.btn-delete span {
  color: #1b1c20;
  -webkit-transition: color 0.24s ease-out;
  transition: color 0.24s ease-out;
}
.btn.btn-delete .icon {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-delete .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-delete .icon svg path {
  fill: #1b1c20;
}
.btn.btn-link {
  padding: 0;
}
@media (min-width: 1200px) {
  .btn.btn-link:hover span {
    color: #1b1c20;
  }
  .btn.btn-link:hover .icon svg path {
    fill: #1b1c20;
  }
}
.btn.btn-link.active span {
  color: #1b1c20;
}
.btn.btn-link.active .icon svg path {
  fill: #1b1c20;
}
.btn.btn-link span {
  color: #e60004;
  -webkit-transition: color 0.24s ease-out;
  transition: color 0.24s ease-out;
}
.btn.btn-link .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-link .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-link .icon svg path {
  fill: #e60004;
}
.btn.btn-back {
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (min-width: 1200px) {
  .btn.btn-back:hover span {
    color: #1b1c20;
  }
  .btn.btn-back:hover .icon svg path {
    fill: #1b1c20;
  }
}
.btn.btn-back.active span {
  color: #1b1c20;
}
.btn.btn-back.active .icon svg path {
  fill: #1b1c20;
}
.btn.btn-back span {
  color: #8e8e8e;
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  -webkit-transition: color 0.24s ease-out;
  transition: color 0.24s ease-out;
}
.btn.btn-back .icon {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-back .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-back .icon svg path {
  fill: #8e8e8e;
}
.btn.btn-new-person .icons {
  width: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  height: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-new-person .icons .icon {
  width: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  height: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-new-person .icons .icon svg {
  width: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  height: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-edit {
  padding: 0;
  border-radius: 0;
}
@media (min-width: 1200px) {
  .btn.btn-edit:hover .icon svg path {
    fill: #1b1c20;
  }
}
.btn.btn-edit.active .icon svg path {
  fill: #1b1c20;
}
.btn.btn-edit .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-edit .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-edit .icon svg path {
  fill: #e60004;
}
.btn.btn-modal-close {
  padding: 0;
  border-radius: 0;
}
@media (min-width: 1200px) {
  .btn.btn-modal-close:hover .icon svg path {
    fill: #e60004;
  }
}
.btn.btn-modal-close.active .icon svg path {
  fill: #e60004;
}
.btn.btn-modal-close .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-modal-close .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-modal-close .icon svg path {
  fill: #1b1c20;
}
.btn.btn-filter {
  position: fixed;
  right: 16px;
  bottom: 16px;
  background: #ffffff;
  border: 1px solid #d2e6ff;
  -webkit-box-shadow: 0 0 16px rgba(133, 147, 182, 0.48);
          box-shadow: 0 0 16px rgba(133, 147, 182, 0.48);
  z-index: 2;
}
.btn.btn-filter .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-filter .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn.btn-filter .icon svg path {
  fill: #1b1c20;
}
@media (min-width: 992px) {
  .btn.btn-filter {
    display: none;
  }
}
.btn.btn-accordion {
  padding: 0;
}

.search .form-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.search .form-group .form-label {
  position: absolute;
  right: 0;
  right: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.search .form-group .form-label .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.search .form-group .form-label .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.search .form-group .form-control {
  background: #ffffff;
  padding: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) calc(clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) + clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) + clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem)) clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

::-webkit-input-placeholder {
  color: #8593b6;
}

::-moz-placeholder {
  color: #8593b6;
}

:-ms-input-placeholder {
  color: #8593b6;
}

::-ms-input-placeholder {
  color: #8593b6;
}

::placeholder {
  color: #8593b6;
}

.contact-call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 768px) {
  .contact-call {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
  }
}
.contact-call .spacer {
  color: #e60004;
  font-size: clamp(1.375rem, (100vw - 576px) / 624 * 2 + 1.375rem, 1.5rem);
}
@media (max-width: 768px) {
  .contact-call .spacer {
    display: none;
  }
}
.contact-call .btn {
  padding: 0;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  font-size: clamp(1.375rem, (100vw - 576px) / 624 * 2 + 1.375rem, 1.5rem);
  font-weight: 800;
}
@media (max-width: 768px) {
  .contact-call .btn .icon {
    display: none;
  }
}
.contact-call.contact-call-dark .btn {
  color: #ffffff;
}
@media (max-width: 768px) {
  .contact-call.contact-call-dark .btn .icon {
    display: none;
  }
}
.contact-call.contact-call-dark .btn .icon svg path {
  fill: #e60004;
}
@media (min-width: 1200px) {
  .contact-call.contact-call-dark .btn:hover {
    color: #e60004;
  }
}
.contact-call.contact-call-dark .btn.active {
  color: #e60004;
}
.contact-call.contact-call-light .btn {
  color: #1b1c20;
}
@media (max-width: 768px) {
  .contact-call.contact-call-light .btn .icon {
    display: none;
  }
}
.contact-call.contact-call-light .btn .icon svg path {
  fill: #e60004;
}
@media (min-width: 1200px) {
  .contact-call.contact-call-light .btn:hover {
    color: #e60004;
  }
}
.contact-call.contact-call-light .btn.active {
  color: #e60004;
}

.btn-cart {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(135deg, #cce7ff 0%, #6984eb 29.62%, #637eea 34.83%, #5c77e8 41.65%, #5570e7 44.42%, #516de6 49.2%, #4b66e5 54.36%, #5664e8 60.85%, #5e62eb 65.46%, #6461ed 72.19%, #6e5ff0 79.13%, #9b55ff 100%);
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  padding: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem) clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
  gap: clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem);
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.24s ease-out;
  transition: -webkit-box-shadow 0.24s ease-out;
  transition: box-shadow 0.24s ease-out;
  transition: box-shadow 0.24s ease-out, -webkit-box-shadow 0.24s ease-out;
}
@media (min-width: 1200px) {
  .btn-cart:hover {
    -webkit-box-shadow: 0 0 16px 0 rgba(133, 147, 182, 0.48);
            box-shadow: 0 0 16px 0 rgba(133, 147, 182, 0.48);
  }
}
.btn-cart.active {
  -webkit-box-shadow: 0 0 16px 0 rgba(133, 147, 182, 0.48);
          box-shadow: 0 0 16px 0 rgba(133, 147, 182, 0.48);
}
.btn-cart.btn-cart-text {
  padding: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem) clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.btn-cart .text .text-item {
  color: #ffffff;
  padding-right: clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem);
}
.btn-cart .text .text-item.text-item-from {
  display: block;
}
.btn-cart .text .text-item.text-item-to {
  display: none;
}
.btn-cart .icon {
  position: relative;
}
.btn-cart .icon.icon-state {
  width: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  height: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn-cart .icon.icon-state svg {
  width: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  height: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  -webkit-animation: iconStateOut 0.24s ease-out forwards;
          animation: iconStateOut 0.24s ease-out forwards;
}
.btn-cart .icon.icon-state svg:nth-child(1) {
  -webkit-animation: iconStateIn 0.24s ease-out forwards;
          animation: iconStateIn 0.24s ease-out forwards;
}
.btn-cart .icon.icon-cart {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn-cart .icon.icon-cart svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn-cart .icon.icon-cart svg path {
  fill: #ffffff;
}
.btn-cart .icon svg {
  -webkit-transition: opacity 0.24s ease-out, scale 0.24s ease-out;
  transition: opacity 0.24s ease-out, scale 0.24s ease-out;
}
.btn-cart.success {
  background: #05a67b;
}
.btn-cart.success .icon.icon-state svg:nth-child(1), .btn-cart.success .icon.icon-state svg:nth-child(3) {
  -webkit-animation: iconStateOut 0.24s ease-out forwards;
          animation: iconStateOut 0.24s ease-out forwards;
}
.btn-cart.success .icon.icon-state svg:nth-child(2) {
  -webkit-animation: iconStateIn 0.24s ease-out forwards;
          animation: iconStateIn 0.24s ease-out forwards;
}
.btn-cart.remove {
  background: #272a2c;
}
.btn-cart.remove .text .text-item.text-item-from {
  display: none;
}
.btn-cart.remove .text .text-item.text-item-to {
  display: block;
}
.btn-cart.remove .icon.icon-state svg:nth-child(1), .btn-cart.remove .icon.icon-state svg:nth-child(2) {
  -webkit-animation: iconStateOut 0.24s ease-out forwards;
          animation: iconStateOut 0.24s ease-out forwards;
}
.btn-cart.remove .icon.icon-state svg:nth-child(3) {
  -webkit-animation: iconStateIn 0.24s ease-out forwards;
          animation: iconStateIn 0.24s ease-out forwards;
}
@-webkit-keyframes iconStateIn {
  from {
    scale: 0;
    opacity: 0;
  }
  to {
    scale: 1;
    opacity: 1;
  }
}
@keyframes iconStateIn {
  from {
    scale: 0;
    opacity: 0;
  }
  to {
    scale: 1;
    opacity: 1;
  }
}
@-webkit-keyframes iconStateOut {
  from {
    scale: 1;
    opacity: 1;
  }
  to {
    scale: 0;
    opacity: 0;
  }
}
@keyframes iconStateOut {
  from {
    scale: 1;
    opacity: 1;
  }
  to {
    scale: 0;
    opacity: 0;
  }
}

.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem);
}
.price.sale .icon {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.price.sale .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.price.sale .info p {
  color: #05a67b;
}
.price.sale .info s {
  display: inline;
}
.price .icon {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.price .icon svg {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.price .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.price .info p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 700;
  white-space: nowrap;
}
.price .info s {
  display: none;
  white-space: nowrap;
  font-size: 0.75rem;
  color: #8e8e8e;
}

.form-group {
  position: relative;
}
.form-group.disabled .form-control {
  background: #f2f6ff !important;
  border-color: #f2f6ff !important;
  color: #8e8e8e !important;
}
.form-group.disabled .form-control::-webkit-input-placeholder {
  color: #8e8e8e !important;
}
.form-group.disabled .form-control::-moz-placeholder {
  color: #8e8e8e !important;
}
.form-group.disabled .form-control:-ms-input-placeholder {
  color: #8e8e8e !important;
}
.form-group.disabled .form-control::-ms-input-placeholder {
  color: #8e8e8e !important;
}
.form-group.disabled .form-control::placeholder {
  color: #8e8e8e !important;
}
.form-group.disabled .btn {
  pointer-events: none;
}
.form-group.disabled .icon svg path {
  fill: #e4ecff !important;
}
.form-group.error .form-label {
  color: #e60004;
}
.form-group.error .form-control {
  border-color: #e60004;
}
.form-group.error .text-error {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.form-group .text-error {
  position: absolute;
  top: calc(100% + 2px);
  color: #e60004;
  font-weight: 400;
  font-size: 0.75rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem));
      -ms-transform: translateY(clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem));
          transform: translateY(clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem));
  -webkit-transition: visibility 0.24s ease-out, opacity 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: visibility 0.24s ease-out, opacity 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: transform 0.24s ease-out, visibility 0.24s ease-out, opacity 0.24s ease-out;
  transition: transform 0.24s ease-out, visibility 0.24s ease-out, opacity 0.24s ease-out, -webkit-transform 0.24s ease-out;
}
.form-group .form-label {
  display: block;
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 400;
  color: #8e8e8e;
  margin-bottom: clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
  -webkit-transition: color 0.24s ease-out;
  transition: color 0.24s ease-out;
}
.form-group .form-label span {
  color: #e60004;
}
.form-group .form-control {
  all: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  font-size: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  font-weight: 500;
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  padding: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  border: 1px solid #d2e6ff;
  -webkit-transition: border-color 0.24s ease-out, background 0.24s ease-out;
  transition: border-color 0.24s ease-out, background 0.24s ease-out;
}
.form-group .form-control:focus {
  border-color: #8593b6;
}
.form-group.form-group-icon .form-label {
  position: absolute;
  top: 0;
  left: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.form-group.form-group-icon .form-label .icon {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-group.form-group-icon .form-label .icon svg {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-group.form-group-icon .form-label .icon svg path {
  fill: #e60004;
}
.form-group.form-group-icon .form-control {
  padding: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) calc(clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) + clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem) + clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem));
}
.form-group.form-textarea .form-label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.form-group.form-textarea .form-control {
  min-height: 112px;
}

.radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
.radio.disabled .radio-area::before {
  background: #f2f6ff !important;
  border-color: #f2f6ff !important;
}
.radio.disabled .radio-area::after {
  background: #ffffff !important;
}
.radio.disabled p {
  color: #8e8e8e !important;
}
.radio .radio-input {
  display: none;
}
.radio .radio-input:checked + .radio-area::before {
  background: #e60004;
}
.radio .radio-input:checked + .radio-area::after {
  scale: 1;
}
.radio .radio-area {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.radio .radio-area::before, .radio .radio-area::after {
  position: absolute;
  -webkit-transition: scale 0.24s ease-out, background 0.24s ease-out;
  transition: scale 0.24s ease-out, background 0.24s ease-out;
}
.radio .radio-area::before {
  content: "";
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #e60004;
  scale: 1;
  opacity: 1;
}
.radio .radio-area::after {
  content: "";
  width: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  height: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  background: #ffffff;
  scale: 0;
}
.radio p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.checkbox input {
  display: none;
}
.checkbox.disabled .checkbox-checkmark {
  background: #f2f6ff !important;
  border-color: #f2f6ff !important;
}
.checkbox.disabled .checkbox-label {
  color: #8e8e8e !important;
}
.checkbox .checkbox-checkmark {
  width: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  height: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid #e60004;
  border-radius: clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem);
  position: relative;
  -webkit-transition: background-color 0.24s ease-out;
  transition: background-color 0.24s ease-out;
  background-color: #ffffff;
}
.checkbox .checkbox-checkmark::after {
  content: "";
  background: url("../public/media/icon-check.svg");
  background-repeat: no-repeat;
  background-size: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  scale: 0;
  -webkit-transition: opacity 0.24s ease-out, scale 0.24s ease-out;
  transition: opacity 0.24s ease-out, scale 0.24s ease-out;
}
.checkbox .checkbox-input:checked + .checkbox-checkmark {
  background-color: #e60004;
}
.checkbox .checkbox-input:checked + .checkbox-checkmark::after {
  opacity: 1;
  scale: 1;
}
.checkbox .checkbox-label {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
}
.checkbox .checkbox-label a {
  color: #8593b6;
}
@media (min-width: 1200px) {
  .checkbox .checkbox-label a:hover {
    color: #e60004;
  }
}
.checkbox .checkbox-label a.active {
  color: #e60004;
}
.checkbox.checkbox-light .checkbox-checkmark {
  background-color: #ffffff;
  border-color: #ffffff;
}
.checkbox.checkbox-light .checkbox-checkmark::after {
  content: "";
  background: url("../public/media/icon-check-light.svg");
  background-repeat: no-repeat;
  background-size: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  scale: 0;
  -webkit-transition: opacity 0.24s ease-out, scale 0.24s ease-out;
  transition: opacity 0.24s ease-out, scale 0.24s ease-out;
}
.checkbox.checkbox-light .checkbox-label {
  color: #ffffff;
}
.checkbox.checkbox-light .checkbox-input:checked + .checkbox-checkmark {
  background-color: #ffffff;
}

.form-password.pass-show .form-password-wrap .btn-toggle-password .icons .icon.icon-from {
  opacity: 0;
  scale: 0;
}
.form-password.pass-show .form-password-wrap .btn-toggle-password .icons .icon.icon-to {
  opacity: 1;
  scale: 1;
}
.form-password .form-password-wrap {
  position: relative;
}
.form-password .form-password-wrap .btn-toggle-password {
  position: absolute;
  top: 0;
  right: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  bottom: 0;
  padding: 0;
}
@media (min-width: 1200px) {
  .form-password .form-password-wrap .btn-toggle-password:hover .icons .icon svg path {
    fill: #e60004;
  }
}
.form-password .form-password-wrap .btn-toggle-password.active .icons .icon svg path {
  fill: #e60004;
}
.form-password .form-password-wrap .btn-toggle-password .icons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-password .form-password-wrap .btn-toggle-password .icons .icon {
  position: absolute;
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: opacity 0.24s ease-out, scale 0.24s ease-out;
  transition: opacity 0.24s ease-out, scale 0.24s ease-out;
}
.form-password .form-password-wrap .btn-toggle-password .icons .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-password .form-password-wrap .btn-toggle-password .icons .icon svg path {
  fill: #8593b6;
}
.form-password .form-password-wrap .btn-toggle-password .icons .icon.icon-from {
  opacity: 1;
  scale: 1;
}
.form-password .form-password-wrap .btn-toggle-password .icons .icon.icon-to {
  opacity: 0;
  scale: 0;
}
.form-password .form-password-wrap .form-control {
  padding-right: calc(clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) + clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem) + clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem));
}

.form-date.disabled .btn-toggle-calendar {
  background: #f2f6ff !important;
}
.form-date .form-date-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.form-date .form-date-wrap .form-control {
  width: 100%;
}
.form-date .form-date-wrap .btn-toggle-calendar {
  position: absolute;
  background: white;
  top: 0;
  right: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  bottom: 0;
  margin: auto;
  padding: 0;
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: background 0.24s ease-out;
  transition: background 0.24s ease-out;
  z-index: 2;
}
@media (min-width: 1200px) {
  .form-date .form-date-wrap .btn-toggle-calendar:hover .icon svg path {
    fill: #1b1c20;
  }
}
.form-date .form-date-wrap .btn-toggle-calendar.active .icon svg path {
  fill: #1b1c20;
}
.form-date .form-date-wrap .btn-toggle-calendar .icon {
  width: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  height: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-date .form-date-wrap .btn-toggle-calendar .icon svg {
  width: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  height: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-date .form-date-wrap .btn-toggle-calendar .icon svg path {
  fill: #e60004;
}

.form-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.form-email.email-wait .form-control {
  background: rgba(255, 180, 88, 0.24);
  border-color: rgba(255, 180, 88, 0.24);
}
.form-email.email-wait .verif-confirm {
  display: none;
}
.form-email.email-completed .email-action {
  display: none;
}
.form-email.email-completed .verif-wait {
  display: none;
}
.form-email .form-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
}
.form-email .email-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.form-email .email-action .subtext {
  color: #8e8e8e;
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 400;
}
.form-email .email-action .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 576px) {
  .form-email .email-action .btn {
    width: 100%;
  }
}

.pagination {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 0;
}
.pagination .pagination-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  -ms-grid-columns: auto clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem) auto clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem) auto clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem) auto clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem) auto;
  grid-template-columns: repeat(5, auto);
  margin: 0;
  list-style-type: none;
}
.pagination .pagination-list a {
  width: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  height: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  color: #1b1c20;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .pagination .pagination-list a:hover {
    color: #e60004;
  }
}
.pagination .pagination-list a.active {
  color: #e60004;
}
.pagination .pagination-list a.active {
  color: #e60004;
}
.pagination .btn-pagination {
  padding: 0;
  border-radius: 0;
}
.pagination .btn-pagination:disabled {
  background: transparent !important;
}
.pagination .btn-pagination:disabled .icon svg path {
  fill: #8e8e8e !important;
}
@media (min-width: 1200px) {
  .pagination .btn-pagination:hover .icon svg path {
    fill: #1b1c20;
  }
}
.pagination .btn-pagination.active .icon svg path {
  fill: #1b1c20;
}
.pagination .btn-pagination .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pagination .btn-pagination .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
  padding: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  border: 1px solid #d2e6ff;
  background: #ffffff;
}
.status .icon {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.status span {
  font-weight: 600;
  font-size: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}

.breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  list-style-type: none;
}
.breadcrumbs ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
.breadcrumbs ul li a {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
}
@media (min-width: 1200px) {
  .breadcrumbs ul li a:hover {
    color: #e60004;
  }
}
.breadcrumbs ul li a.active {
  color: #e60004;
}
.breadcrumbs ul li span {
  display: block;
}
.breadcrumbs ul li p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 400;
  color: #8e8e8e;
  margin: 0;
}

.map {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.iframe-map {
  -webkit-filter: none !important;
          filter: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}

a[href*="yandex.ru/maps"] {
  display: none !important;
}

[class*=ymaps-2-1-79-copyrights-pane],
[class*=ymaps-2-1-79-controls__control] {
  display: none !important;
}

.filter-desktop {
  position: sticky;
  top: 0;
}
@media (max-width: 992px) {
  .filter-desktop {
    display: none;
  }
}
.filter-desktop .filter .filter-header {
  margin-top: calc(0px - clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem));
  top: 0;
  z-index: 2;
}
.filter-desktop .filter .filter-body {
  padding-right: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}

@media (min-width: 992px) {
  .filter-mobile {
    display: none;
  }
}
.filter-mobile .filter .filter-header {
  position: sticky;
  top: 0;
}

.filter .filter-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  background: #ffffff;
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 0;
  z-index: 2;
  border-bottom: 1px solid #f2f6ff;
}
.filter .filter-header .area-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.filter .filter-header .btn-reset {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 992px) {
  .filter .filter-header .btn-filter-close {
    display: none;
  }
}
.filter .filter-header p {
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  font-weight: 600;
  margin: 0;
}
.filter .filter-body .filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  padding: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) 0;
}
.filter .filter-body .filter-list:not(.filter .filter-body .filter-list:last-child) {
  border-bottom: 1px solid #f2f6ff;
}
.filter .filter-body .filter-list .checkbox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* Динамический отступ меню от высоты header 
		- свыше 1200px высота header = 137px
		- между 1200px - 992px высота header = 137px - 131px
		- между 992px - 576px высота header = 96px - 86px

		если высота header станет не управляема:
		- избавиться от динамического отступа в scss
		- перенести вычесление отступа и высоты menu в JS
*/
header {
  position: relative;
}
header .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: rgba(210, 230, 255, 0.48);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, visibility 0.24s ease-out, transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, visibility 0.24s ease-out, transform 0.24s ease-out, -webkit-transform 0.24s ease-out;
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
header.open-tests .overlay {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
header.open-tests .menu-tests {
  -webkit-transform: translateY(8.5625rem);
      -ms-transform: translateY(8.5625rem);
          transform: translateY(8.5625rem);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
header.open-tests .menu-tests .content {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
header.open .overlay {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
header.open .tranform-b {
  -webkit-transform: translateY(clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem));
      -ms-transform: translateY(clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem));
          transform: translateY(clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem));
  visibility: hidden;
  opacity: 0;
}
header.open .menu {
  -webkit-transform: translateY(8.5625rem);
      -ms-transform: translateY(8.5625rem);
          transform: translateY(8.5625rem);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
@media (max-width: 1200px) {
  header.open .menu {
    -webkit-transform: translateY(clamp(8.1875rem, (100vw - 992px) / 208 * 6 + 8.1875rem, 8.5625rem));
        -ms-transform: translateY(clamp(8.1875rem, (100vw - 992px) / 208 * 6 + 8.1875rem, 8.5625rem));
            transform: translateY(clamp(8.1875rem, (100vw - 992px) / 208 * 6 + 8.1875rem, 8.5625rem));
  }
}
@media (max-width: 992px) {
  header.open .menu {
    -webkit-transform: translateY(clamp(5.375rem, (100vw - 576px) / 624 * 10 + 5.375rem, 6rem));
        -ms-transform: translateY(clamp(5.375rem, (100vw - 576px) / 624 * 10 + 5.375rem, 6rem));
            transform: translateY(clamp(5.375rem, (100vw - 576px) / 624 * 10 + 5.375rem, 6rem));
  }
}
header.open .menu .content {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
header.close-tests .menu-tests {
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
header.close-tests .menu-tests .content {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
header.close .tranform-b {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
header.close .menu {
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
header.close .menu .content {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
@media (min-width: 768px) {
  header.search-open .tranform-a,
  header.search-open .tranform-b,
  header.search-open .tranform-c {
    -webkit-transform: translateY(clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem));
        -ms-transform: translateY(clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem));
            transform: translateY(clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem));
    visibility: hidden;
    opacity: 0;
  }
}
header.search-open .search-mobile {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
header.search-open .panel .content .content-bottom {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
@media (max-width: 768px) {
  header.search-open .panel .content .content-bottom {
    -webkit-transform: translateY(clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem));
        -ms-transform: translateY(clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem));
            transform: translateY(clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem));
    visibility: hidden;
    opacity: 0;
  }
}
header.search-open .panel .content .content-bottom .area-c .btn-search-close {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
header.search-open .panel .content .content-bottom .area-c .search {
  width: calc(100% - (clamp(2.75rem, (100vw - 576px) / 624 * 4 + 2.75rem, 3rem) * 3 + clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem) * 3));
}
header.search-close .transform {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
header .panel {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 0;
  position: relative;
  z-index: 10;
  background: #ffffff;
}
header .panel .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
header .panel .content .content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 992px) {
  header .panel .content .content-top {
    display: none;
  }
}
header .panel .content .content-top .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
header .panel .content .content-top .spacer {
  color: #8e8e8e;
  font-size: 0.75rem;
}
header .panel .content .content-top .btn {
  padding: 0;
}
@media (min-width: 1200px) {
  header .panel .content .content-top .btn:hover span {
    color: #1b1c20;
  }
  header .panel .content .content-top .btn:hover .icon svg path {
    fill: #1b1c20;
  }
}
header .panel .content .content-top .btn.active span {
  color: #1b1c20;
}
header .panel .content .content-top .btn.active .icon svg path {
  fill: #1b1c20;
}
header .panel .content .content-top .btn span {
  color: #8593b6;
  font-weight: 500;
  -webkit-transition: color 0.24s ease-out;
  transition: color 0.24s ease-out;
}
header .panel .content .content-top .btn .icon {
  width: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  height: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
header .panel .content .content-top .btn .icon svg {
  width: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  height: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
header .panel .content .content-top .btn .icon svg path {
  fill: #8593b6;
}
header .panel .content .content-bottom {
  position: relative;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto clamp(1.5rem, (100vw - 576px) / 624 * 18 + 1.5rem, 2.625rem) auto clamp(1.5rem, (100vw - 576px) / 624 * 18 + 1.5rem, 2.625rem) clamp(340px, (100vw - 576px) / 624 * 125 + 340px, 465px);
  grid-template-columns: auto auto clamp(340px, (100vw - 576px) / 624 * 125 + 340px, 465px);
  gap: clamp(1.5rem, (100vw - 576px) / 624 * 18 + 1.5rem, 2.625rem);
      grid-template-areas: "a b c";
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: transform 0.24s ease-out, opacity 0.24s ease-out, visibility 0.24s ease-out;
  transition: transform 0.24s ease-out, opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
@media (max-width: 1200px) {
  header .panel .content .content-bottom {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
        grid-template-areas: "a c";
  }
}
header .panel .content .content-bottom .area-a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
}
header .panel .content .content-bottom .area-a .logo {
  width: 100%;
  max-width: 180px;
}
header .panel .content .content-bottom .area-a .logo svg {
  width: 100%;
}
header .panel .content .content-bottom .area-b {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
}
@media (max-width: 1200px) {
  header .panel .content .content-bottom .area-b {
    display: none;
  }
}
header .panel .content .content-bottom .area-b ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
header .panel .content .content-bottom .area-b ul li a {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
}
@media (min-width: 1200px) {
  header .panel .content .content-bottom .area-b ul li a:hover {
    color: #e60004;
  }
}
header .panel .content .content-bottom .area-b ul li a.active {
  color: #e60004;
}
header .panel .content .content-bottom .area-c {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: c;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
@media (max-width: 576px) {
  header .panel .content .content-bottom .area-c {
    gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  }
}
header .panel .content .content-bottom .area-c .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  position: relative;
}
header .panel .content .content-bottom .area-c .btn-search-close {
  position: absolute;
  padding: 0;
  color: #e60004;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  text-transform: uppercase;
  -webkit-transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, transform 0.24s ease-out, visibility 0.24s ease-out;
  transition: opacity 0.24s ease-out, transform 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  -webkit-transform: translateY(calc(0px - clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem)));
      -ms-transform: translateY(calc(0px - clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem)));
          transform: translateY(calc(0px - clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem)));
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
@media (max-width: 768px) {
  header .panel .content .content-bottom .area-c .btn-search-close {
    display: none;
  }
}
header .panel .content .content-bottom .area-c .btn-search-open {
  display: none;
}
@media (max-width: 768px) {
  header .panel .content .content-bottom .area-c .btn-search-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
header .panel .content .content-bottom .area-c .search {
  position: absolute;
  right: calc(clamp(2.75rem, (100vw - 576px) / 624 * 4 + 2.75rem, 3rem) * 3 + clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem) * 3);
  width: 268px;
  -webkit-transition: width 0.48s ease-out;
  transition: width 0.48s ease-out;
}
@media (max-width: 768px) {
  header .panel .content .content-bottom .area-c .search {
    display: none;
  }
}
header .search-mobile {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  background: #ffffff;
  min-height: clamp(5.375rem, (100vw - 576px) / 624 * 10 + 5.375rem, 6rem);
  -webkit-transition: -webkit-transform 0.48s ease-out;
  transition: -webkit-transform 0.48s ease-out;
  transition: transform 0.48s ease-out;
  transition: transform 0.48s ease-out, -webkit-transform 0.48s ease-out;
}
@media (max-width: 768px) {
  header .search-mobile {
    display: block;
  }
}
header .search-mobile .container {
  min-height: inherit;
}
header .search-mobile .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  min-height: inherit;
}
header .search-mobile .content .search {
  width: 100%;
}
header .search-mobile .content .btn-search-close {
  padding: 0;
  color: #e60004;
  text-transform: uppercase;
}
header .menu,
header .menu-tests {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  max-height: calc(100% - 8.5625rem);
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.48s ease-out;
  transition: -webkit-transform 0.48s ease-out;
  transition: transform 0.48s ease-out;
  transition: transform 0.48s ease-out, -webkit-transform 0.48s ease-out;
  -webkit-transition-delay: ease-out;
          transition-delay: ease-out;
}
@media (max-width: 1200px) {
  header .menu,
  header .menu-tests {
    max-height: calc(100% - clamp(8.1875rem, (100vw - 992px) / 208 * 6 + 8.1875rem, 8.5625rem));
  }
}
@media (max-width: 992px) {
  header .menu,
  header .menu-tests {
    max-height: calc(100% - clamp(5.375rem, (100vw - 576px) / 624 * 10 + 5.375rem, 6rem));
  }
}
header .menu .wrap,
header .menu-tests .wrap {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 0;
  background: #ffffff;
}
header .menu .content,
header .menu-tests .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  opacity: 0;
  -webkit-transform: translateY(calc(0px - clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem)));
      -ms-transform: translateY(calc(0px - clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem)));
          transform: translateY(calc(0px - clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem)));
  -webkit-transition: opacity 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, transform 0.24s ease-out, -webkit-transform 0.24s ease-out;
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
header .menu .content-top,
header .menu .content-bottom,
header .menu-tests .content-top,
header .menu-tests .content-bottom {
  border: 1px solid #d2e6ff;
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
}
header .menu .content-top,
header .menu-tests .content-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 1fr clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 1fr;
  grid-template-columns: repeat(3, 1fr);
      grid-template-areas: "a b c";
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 576px) {
  header .menu .content-top,
  header .menu-tests .content-top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "a" "b" "c";
  }
  header .menu .content-top > .area-a, header .menu-tests .content-top > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-b, header .menu-tests .content-top > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-c, header .menu-tests .content-top > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
header .menu .content-top ul,
header .menu-tests .content-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
header .menu .content-top ul li span,
header .menu .content-top ul li a,
header .menu-tests .content-top ul li span,
header .menu-tests .content-top ul li a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
}
header .menu .content-top ul li span,
header .menu-tests .content-top ul li span {
  color: #8e8e8e;
}
@media (min-width: 1200px) {
  header .menu .content-top ul li a:hover,
  header .menu-tests .content-top ul li a:hover {
    color: #e60004;
  }
}
header .menu .content-top ul li a.active,
header .menu-tests .content-top ul li a.active {
  color: #e60004;
}
header .menu .content-top .area-a,
header .menu-tests .content-top .area-a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
}
header .menu .content-top .area-b,
header .menu-tests .content-top .area-b {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
}
header .menu .content-top .area-c,
header .menu-tests .content-top .area-c {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: c;
}
header .menu .content-bottom,
header .menu-tests .content-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
header .menu .content-bottom .area-a .btn,
header .menu-tests .content-bottom .area-a .btn {
  font-size: clamp(1.375rem, (100vw - 576px) / 624 * 2 + 1.375rem, 1.5rem);
  font-weight: 700;
}
@media (min-width: 1200px) {
  header .menu .content-bottom .area-a .btn:hover,
  header .menu-tests .content-bottom .area-a .btn:hover {
    color: #e60004;
  }
}
header .menu .content-bottom .area-a .btn.active,
header .menu-tests .content-bottom .area-a .btn.active {
  color: #e60004;
}
header .menu .content-bottom .area-a .btn .icon svg path,
header .menu-tests .content-bottom .area-a .btn .icon svg path {
  fill: #e60004;
}
header .menu .content-bottom .area-b,
header .menu-tests .content-bottom .area-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  width: 100%;
}
@media (max-width: 576px) {
  header .menu .content-bottom .area-b,
  header .menu-tests .content-bottom .area-b {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
header .menu .content-bottom .area-b .social,
header .menu-tests .content-bottom .area-b .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
@media (max-width: 576px) {
  header .menu .content-bottom .area-b .btn:not(a),
  header .menu-tests .content-bottom .area-b .btn:not(a) {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .transform {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
    transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
    transition: transform 0.24s ease-out, opacity 0.24s ease-out, visibility 0.24s ease-out;
    transition: transform 0.24s ease-out, opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  }
}

footer {
  overflow: hidden;
}
footer .panel-top {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 0;
  background: #272a2c;
}
footer .panel-top .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 768px) {
  footer .panel-top .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
footer .panel-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
footer .footer-list-icon {
  list-style-type: none;
}
footer .panel-center {
  padding: 0 0 clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  background: #272a2c;
}
footer .panel-center .content {
  display: -ms-grid;
  display: grid;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-grid-columns: 1fr clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1200px) {
  footer .panel-center .content {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
@media (max-width: 768px) {
  footer .panel-center .content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
}
footer .panel-center .content .area-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
footer .panel-center .content .area-a span {
  display: block;
  margin-bottom: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  color: #ffffff;
}
footer .panel-center .content .area-a ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
}
footer .panel-center .content .area-a ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
}
footer .panel-center .content .area-a ul li:last-child::after {
  content: none;
}
footer .panel-center .content .area-a ul li::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #e60004;
  border-radius: 50%;
}
footer .panel-center .content .area-a ul li a {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  color: #8e8e8e;
}
@media (min-width: 1200px) {
  footer .panel-center .content .area-a ul li a:hover {
    color: #ffffff;
  }
}
footer .panel-center .content .area-a ul li a.active {
  color: #ffffff;
}
footer .panel-center .content .area-b .search-wrap .search {
  width: 100%;
  margin-bottom: 24px;
}
footer .panel-center .content .area-b .search-wrap .search .search-area .form-control {
  background: #1b1c20;
  border-color: #1b1c20;
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  color: #ffffff;
  -webkit-transition: background 0.24s ease-out;
  transition: background 0.24s ease-out;
}
footer .panel-center .content .area-b .search-wrap .search .search-area .form-control::-webkit-input-placeholder {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  color: #8e8e8e;
}
footer .panel-center .content .area-b .search-wrap .search .search-area .form-control::-moz-placeholder {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  color: #8e8e8e;
}
footer .panel-center .content .area-b .search-wrap .search .search-area .form-control:-ms-input-placeholder {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  color: #8e8e8e;
}
footer .panel-center .content .area-b .search-wrap .search .search-area .form-control::-ms-input-placeholder {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  color: #8e8e8e;
}
footer .panel-center .content .area-b .search-wrap .search .search-area .form-control::placeholder {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  color: #8e8e8e;
}
footer .panel-center .content .area-b .search-wrap .search .search-area .form-control:focus {
  background: #1d1e23;
}
@media (min-width: 1200px) {
  footer .panel-center .content .area-b .search-wrap .search .search-area:hover .form-control {
    background: #1d1e23;
  }
}
footer .panel-center .content .area-b .search-wrap .search .search-area.active .form-control {
  background: #1d1e23;
}
footer .panel-center .content .area-b .search-wrap .search .search-dropdown ul {
  max-height: 200px;
  background: #1b1c20;
  gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
  border-color: #1b1c20;
}
footer .panel-center .content .area-b .search-wrap .search .search-dropdown ul li a {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  color: #ffffff;
}
@media (min-width: 1200px) {
  footer .panel-center .content .area-b .search-wrap .search .search-dropdown ul li a:hover {
    color: #e60004;
  }
}
footer .panel-center .content .area-b .search-wrap .search .search-dropdown ul li a.active {
  color: #e60004;
}
footer .panel-center .content .area-b .contact {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  background: #1b1c20;
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
}
footer .panel-center .content .area-b .contact .contact-elem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 768px) {
  footer .panel-center .content .area-b .contact .contact-elem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 576px) {
  footer .panel-center .content .area-b .contact .contact-elem .btn {
    width: 100%;
  }
}
footer .panel-bottom {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 0;
  background: #1b1c20;
}
footer .panel-bottom .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
footer .panel-bottom .content .area-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
footer .panel-bottom .content .area-a .item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  color: #8e8e8e;
  font-size: 0.75rem;
  font-weight: 500;
}
footer .panel-bottom .content .area-a .item span {
  display: block;
  height: 100%;
  -webkit-transition: color 0.24s ease-out;
  transition: color 0.24s ease-out;
}
footer .panel-bottom .content .area-a .item .icon {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
footer .panel-bottom .content .area-a .item .icon svg {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 1200px) {
  footer .panel-bottom .content .area-a a:hover {
    color: #ffffff;
  }
}
footer .panel-bottom .content .area-a a.active {
  color: #ffffff;
}

.dev {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
@media (min-width: 1200px) {
  .dev:hover span {
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    opacity: 0;
  }
  .dev:hover .freematiq {
    -webkit-transform: translateX(-25%) scale(1.4);
        -ms-transform: translateX(-25%) scale(1.4);
            transform: translateX(-25%) scale(1.4);
  }
}
.dev.active span {
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  opacity: 0;
}
.dev.active .freematiq {
  -webkit-transform: translateX(-25%) scale(1.4);
      -ms-transform: translateX(-25%) scale(1.4);
          transform: translateX(-25%) scale(1.4);
}
.dev span {
  color: #8e8e8e;
  font-size: 0.75rem;
  opacity: 1;
  -webkit-transition: opacity 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: transform 0.24s ease-out, opacity 0.24s ease-out;
  transition: transform 0.24s ease-out, opacity 0.24s ease-out, -webkit-transform 0.24s ease-out;
}
.dev .freematiq {
  display: inline-block;
  width: 80px;
  -webkit-transform: translateX(0) scale(1);
      -ms-transform: translateX(0) scale(1);
          transform: translateX(0) scale(1);
  -webkit-transition: -webkit-transform 0.24s ease-out;
  transition: -webkit-transform 0.24s ease-out;
  transition: transform 0.24s ease-out;
  transition: transform 0.24s ease-out, -webkit-transform 0.24s ease-out;
}
.dev .freematiq svg {
  width: 100%;
}

.search-result {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: calc(100% - 8.5625rem);
  background: #ffffff;
  z-index: 10;
  overflow-y: auto;
  -webkit-transform: translateY(calc(100% + 8.5625rem));
      -ms-transform: translateY(calc(100% + 8.5625rem));
          transform: translateY(calc(100% + 8.5625rem));
  -webkit-transition: -webkit-transform 0.48s ease-out;
  transition: -webkit-transform 0.48s ease-out;
  transition: transform 0.48s ease-out;
  transition: transform 0.48s ease-out, -webkit-transform 0.48s ease-out;
  padding: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) 0;
}
.search-result.show {
  opacity: 1;
  -webkit-transform: translateY(8.5625rem);
      -ms-transform: translateY(8.5625rem);
          transform: translateY(8.5625rem);
}
@media (max-width: 1200px) {
  .search-result.show {
    -webkit-transform: translateY(clamp(8.1875rem, (100vw - 992px) / 208 * 6 + 8.1875rem, 8.5625rem));
        -ms-transform: translateY(clamp(8.1875rem, (100vw - 992px) / 208 * 6 + 8.1875rem, 8.5625rem));
            transform: translateY(clamp(8.1875rem, (100vw - 992px) / 208 * 6 + 8.1875rem, 8.5625rem));
  }
}
@media (max-width: 992px) {
  .search-result.show {
    -webkit-transform: translateY(clamp(5.375rem, (100vw - 576px) / 624 * 10 + 5.375rem, 6rem));
        -ms-transform: translateY(clamp(5.375rem, (100vw - 576px) / 624 * 10 + 5.375rem, 6rem));
            transform: translateY(clamp(5.375rem, (100vw - 576px) / 624 * 10 + 5.375rem, 6rem));
  }
}
.search-result .search-result-count {
  margin-bottom: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
}
@media (max-width: 1200px) {
  .search-result {
    max-height: calc(100% - clamp(8.1875rem, (100vw - 992px) / 208 * 6 + 8.1875rem, 8.5625rem));
  }
}
@media (max-width: 992px) {
  .search-result {
    max-height: calc(100% - clamp(5.375rem, (100vw - 576px) / 624 * 10 + 5.375rem, 6rem));
  }
}
.search-result .list-ad {
  margin-bottom: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
}
.ts-wrapper {
  width: 100%;
}
.ts-wrapper.dropdown-active .ts-control::after {
  top: calc(0px - clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem) / 2);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ts-wrapper .ts-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem) calc(clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) + clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem) + clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem)) clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem) clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) !important;
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  position: relative;
}
.ts-wrapper .ts-control::after {
  content: "";
  background: url("../public/media/icon-select-arrow.svg");
  background-repeat: no-repeat;
  background-size: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  width: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  height: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  top: calc(0px + clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem) / 2);
  right: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  bottom: 0;
  margin: auto 0;
}
.ts-wrapper .ts-control .item,
.ts-wrapper .ts-control input {
  font-size: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  font-weight: 600;
  white-space: nowrap;
}
.ts-wrapper .ts-control .item::-webkit-input-placeholder, .ts-wrapper .ts-control input::-webkit-input-placeholder {
  font-weight: 500;
}
.ts-wrapper .ts-control .item::-moz-placeholder, .ts-wrapper .ts-control input::-moz-placeholder {
  font-weight: 500;
}
.ts-wrapper .ts-control .item:-ms-input-placeholder, .ts-wrapper .ts-control input:-ms-input-placeholder {
  font-weight: 500;
}
.ts-wrapper .ts-control .item::-ms-input-placeholder, .ts-wrapper .ts-control input::-ms-input-placeholder {
  font-weight: 500;
}
.ts-wrapper .ts-control .item::placeholder,
.ts-wrapper .ts-control input::placeholder {
  font-weight: 500;
}

.ts-dropdown {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #d2e6ff;
  border-radius: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  background: #ffffff;
  overflow: hidden;
}
.ts-dropdown .ts-dropdown-content .option {
  padding: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem) clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  font-size: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  font-weight: 600;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(27, 28, 32, 0.48);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  overflow-y: auto;
  -webkit-transition: opacity 0.24s ease-out, visibility 0.24s ease-out;
  transition: opacity 0.24s ease-out, visibility 0.24s ease-out;
}
.modal.active {
  opacity: 1;
  visibility: visible;
}
.modal .modal-content {
  background: #ffffff;
  max-width: 480px;
  width: 100%;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  position: relative;
  margin: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) 16px;
  overflow: hidden;
}
.modal .modal-header {
  background: #f2f6ff;
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.modal .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  background: #ffffff;
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.modal .modal-body .radio-group {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.modal .modal-footer {
  background: #f2f6ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 576px) {
  .modal .modal-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.modal .modal-footer .btn {
  width: 100%;
}

.filter-sheet {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 10;
  overflow-y: auto;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.48s ease-out;
  transition: -webkit-transform 0.48s ease-out;
  transition: transform 0.48s ease-out;
  transition: transform 0.48s ease-out, -webkit-transform 0.48s ease-out;
  padding: 0 0 clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) 0;
}
.filter-sheet.show {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.cookie {
  position: fixed;
  right: 0;
  bottom: clamp(1.75rem, (100vw - 576px) / 624 * 4 + 1.75rem, 2rem);
  padding: 0 clamp(1.75rem, (100vw - 576px) / 624 * 4 + 1.75rem, 2rem);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem));
      -ms-transform: translateY(clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem));
          transform: translateY(clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem));
  -webkit-transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, visibility 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, visibility 0.24s ease-out, transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, visibility 0.24s ease-out, transform 0.24s ease-out, -webkit-transform 0.24s ease-out;
  -webkit-transition-duration: 0.48s;
          transition-duration: 0.48s;
}
@media (max-width: 1200px) {
  .cookie {
    padding: 0 16px;
    bottom: 16px;
  }
}
.cookie.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.cookie .cookie-content {
  max-width: 982px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.75rem, (100vw - 576px) / 624 * 4 + 1.75rem, 2rem);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  border: 1px solid #d2e6ff;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 48px 100px 0px rgba(80, 95, 121, 0.03), 0px 28.262px 52.16px 0px rgba(80, 95, 121, 0.02), 0px 14.515px 24.48px 0px rgba(80, 95, 121, 0.02), 0px 5.837px 10.72px 0px rgba(80, 95, 121, 0.01), 0px 1.306px 4.64px 0px rgba(80, 95, 121, 0.01);
          box-shadow: 0px 48px 100px 0px rgba(80, 95, 121, 0.03), 0px 28.262px 52.16px 0px rgba(80, 95, 121, 0.02), 0px 14.515px 24.48px 0px rgba(80, 95, 121, 0.02), 0px 5.837px 10.72px 0px rgba(80, 95, 121, 0.01), 0px 1.306px 4.64px 0px rgba(80, 95, 121, 0.01);
}
@media (max-width: 1200px) {
  .cookie .cookie-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cookie .cookie-info p {
  font-weight: 500;
}
.cookie .cookie-info p a {
  color: #e60004;
}
.cookie .cookie-info p a:hover {
  color: #8593b6;
}
.cookie .cookie-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 576px) {
  .cookie .cookie-action {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cookie .cookie-action .btn {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
@media (max-width: 576px) {
  .cookie .cookie-action .btn {
    width: 100%;
  }
}

.bg-grad-1 {
  background: linear-gradient(140deg, #8327c5 5.21%, #8334cc 15.46%, #834ad7 22.97%, #8357de 27.1%, #846be8 35.84%, #8484f6 45.36%, #8496ff 59.3%, #9c93ea 69.13%, #bc90ce 77.42%, #be90cc 81.61%, #db8db3 90.79%);
}

.bg-grad-2 {
  background: linear-gradient(135deg, #5b29eb 0%, #a66cd7 31%, #cb76a6 54.5%, #d068c1 78%, #b91fba 100%);
}

.bg-grad-3 {
  background: linear-gradient(135deg, #76f076 0%, #49b7f6 51%, #e687d5 90%);
}

.bg-grad-4 {
  background: linear-gradient(135deg, #eac28a 0%, #e99bc0 25.91%, #e875f4 51%, #c599f3 72.94%, #99c6f2 100%);
}

.bg-grad-5 {
  background: linear-gradient(135deg, #f19ced 0%, #b49bec 16.6%, #8f9aeb 29.02%, #8199eb 38.24%, #4ed1b9 67.5%, #81ffa3 100%);
}

.bg-grad-6 {
  background: linear-gradient(315deg, #8327c5 -8.54%, #8334cc 12.84%, #834ad7 23.23%, #8357de 28.94%, #846be8 41.02%, #8484f6 54.19%, #8496ff 73.47%, #9c93ea 87.07%, #bc90ce 98.53%, #be90cc 104.32%, #db8db3 117.02%);
}

.bg-grad-7 {
  background: linear-gradient(135deg, #cce7ff 0%, #6984eb 29.62%, #637eea 34.83%, #5c77e8 41.65%, #5570e7 44.42%, #516de6 49.2%, #4b66e5 54.36%, #5664e8 60.85%, #5e62eb 65.46%, #6461ed 72.19%, #6e5ff0 79.13%, #9b55ff 100%);
}

.bg-grad-8 {
  background: linear-gradient(315deg, #8327c5 -8.54%, #8334cc 12.84%, #834ad7 23.23%, #8357de 28.94%, #846be8 41.02%, #8484f6 54.19%, #8496ff 73.47%, #9c93ea 87.07%, #bc90ce 98.53%, #be90cc 104.32%, #db8db3 117.02%);
}

.bg-col-green {
  background: #05a67b;
}

.bg-box-info-1 {
  background-image: url("../public/media/bg-box-info-1.png");
}

.bg-box-info-2 {
  background-image: url("../public/media/bg-box-info-2.png");
}

.bg-illustration-card-1 {
  background-image: url("../public/media/illustration-card-1.png");
}

.bg-illustration-card-2 {
  background-image: url("../public/media/illustration-card-2.png");
}

.bg-illustration-card-3 {
  background-image: url("../public/media/illustration-card-3.png");
}

.bg-illustration-card-4 {
  background-image: url("../public/media/illustration-card-4.png");
}

.bg-illustration-card-5 {
  background-image: url("../public/media/illustration-card-5.png");
}

.bg-illustration-category-1 {
  background-image: url("../public/media/illustration-category-1.png");
}

.bg-illustration-category-2 {
  background-image: url("../public/media/illustration-category-2.png");
}

.bg-illustration-category-3 {
  background-image: url("../public/media/illustration-category-3.png");
}

.bg-illustration-category-4 {
  background-image: url("../public/media/illustration-category-4.png");
}

.bg-illustration-category-5 {
  background-image: url("../public/media/illustration-category-5.png");
}

.bg-sale-1 {
  background-image: url("../public/media/bg-sale-1.png");
}

.bg-sale-2 {
  background-image: url("../public/media/bg-sale-2.png");
}

.uppercase {
  text-transform: uppercase;
}

.logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
}

.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.count {
  font-size: 8px;
  font-weight: 700;
  border: 1px solid #e60004;
  padding: 2px 4px;
  border-radius: 6px;
}
.count.count-position {
  position: absolute;
  top: -4px;
  right: -4px;
}

.container .list-v {
  list-style-type: none;
}

.list-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  overflow-x: auto;
}

.list-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.list-v.list-v-min {
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}

.sale-text {
  color: #05a67b;
  display: block;
  margin-bottom: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  font-weight: 600;
  font-size: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}

.sale-title {
  color: #05a67b;
}

.btn-swiper {
  padding: 0;
}
.btn-swiper:disabled {
  background: none !important;
}
.btn-swiper:disabled .icon svg path {
  fill: #8e8e8e;
}
.btn-swiper .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn-swiper .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.section-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 576px) {
  .section-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.section-head.no-margin {
  margin-bottom: 0;
}
.section-head .area-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
}
.section-head .area-a span {
  display: block;
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
}
.section-head .area-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
}

.swiper-card {
  height: 100%;
  padding-top: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.swiper-card .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.swiper-card .swiper-wrapper .swiper-slide {
  height: auto;
}
.swiper-card .swiper-controls {
  margin-top: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

.swiper-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.swiper-controls .swiper-pagination-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 80px;
  overflow: hidden;
}
.swiper-controls .swiper-pagination .swiper-pagination-bullet {
  background: #d2e6ff;
  opacity: 1;
}
.swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #e60004;
}

.card {
  display: block;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #f2f6ff;
  -webkit-transition: background 0.24s ease-out, background-color 0.24s ease-out, background-position-y 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: background 0.24s ease-out, background-color 0.24s ease-out, background-position-y 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: background 0.24s ease-out, background-color 0.24s ease-out, background-position-y 0.24s ease-out, transform 0.24s ease-out;
  transition: background 0.24s ease-out, background-color 0.24s ease-out, background-position-y 0.24s ease-out, transform 0.24s ease-out, -webkit-transform 0.24s ease-out;
}
.card p {
  margin: 0;
}
@media (min-width: 1200px) {
  .card:hover {
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
.card.active {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.card:not(.card-4, .card-19) .card-info p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card .card-info {
  padding: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) 0;
}
.card .card-action {
  padding: 0 clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
}
.card .card-action .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem);
  padding: clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem) clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem) clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem) clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
}

.card-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f2f6ff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: calc(0px - clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem));
  background-position-x: center;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem) clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem);
}
@media (min-width: 1200px) {
  .card-1:hover {
    background-color: #e4ecff;
    background-position-y: calc(0px - clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem));
  }
}
.card-1.active {
  background-color: #e4ecff;
  background-position-y: calc(0px - clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem));
}
.card-1 .card-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem) clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem) clamp(1.5rem, (100vw - 576px) / 624 * 18 + 1.5rem, 2.625rem);
}
.card-1 .card-header .icon {
  width: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  height: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: clamp(0.5rem, (100vw - 576px) / 624 * 2 + 0.5rem, 0.625rem);
}
.card-1 .card-header .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-1 .card-body {
  background: #ffffff;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem) clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.card-1 .card-info p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 600;
}
.card-1 .card-action .wrap {
  height: clamp(36px, 5vw, 48px);
  cursor: default;
  background: #f2f6ff;
}

.card-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem) clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}
@media (min-width: 1200px) {
  .card-2:hover {
    background: #fafbff;
  }
}
.card-2.active {
  background: #fafbff;
}
.card-2 .card-header {
  padding: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
}
.card-2 .card-header .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-2 .card-header .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-2 .card-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.card-2 .card-body .card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
.card-2 .card-body .card-info span {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  text-transform: uppercase;
  font-weight: 600;
}
.card-2 .card-body .card-info p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
}
.card-2 .card-body .card-action .wrap {
  height: clamp(36px, 5vw, 48px);
  cursor: default;
  background: #f2f6ff;
  -webkit-transition: background 0.24s ease-out;
  transition: background 0.24s ease-out;
}

.warn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
.warn .icon {
  width: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  height: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.warn .icon svg {
  width: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  height: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.warn .icon svg path {
  fill: #8593b6;
}
.warn p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
  color: #8593b6;
}
.warn b {
  font-weight: 600;
}

.card-4 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  background-size: 248px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 179px;
  width: 246px;
  height: 320px;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}
@media (min-width: 1200px) {
  .card-4:hover {
    background-color: #fafbff;
    background-position-y: 181px;
  }
}
.card-4.active {
  background-color: #fafbff;
  background-position-y: 181px;
}
.card-4 .card-body {
  padding: clamp(1.75rem, (100vw - 576px) / 624 * 4 + 1.75rem, 2rem) clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem) clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1.5rem, (100vw - 576px) / 624 * 18 + 1.5rem, 2.625rem);
  height: 100%;
}
.card-4 .card-body .area-a {
  text-align: center;
}
.card-4 .card-body .area-a img {
  width: clamp(2.75rem, (100vw - 576px) / 624 * 4 + 2.75rem, 3rem);
  height: clamp(2.75rem, (100vw - 576px) / 624 * 4 + 2.75rem, 3rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: clamp(1.5rem, (100vw - 576px) / 624 * 18 + 1.5rem, 2.625rem);
}
.card-4 .card-body .area-a span {
  display: block;
  font-size: clamp(1.125rem, (100vw - 576px) / 624 * 4 + 1.125rem, 1.375rem);
  font-weight: 600;
}
.card-4 .card-body .area-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-5 {
  width: 100%;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f2f6ff;
  gap: clamp(1.75rem, (100vw - 576px) / 624 * 4 + 1.75rem, 2rem);
  padding: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
}
@media (min-width: 1200px) {
  .card-5:hover {
    background: #fafbff;
  }
}
.card-5.active {
  background: #fafbff;
}
@media (max-width: 768px) {
  .card-5 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
    padding: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
    border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem) clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem);
  }
}
.card-5 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  padding-bottom: clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
}
.card-5 .card-body .area-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
}
.card-5 .card-body .area-a .icon {
  width: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  height: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: clamp(0.5rem, (100vw - 576px) / 624 * 2 + 0.5rem, 0.625rem);
}
.card-5 .card-body .area-a .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-5 .card-body .area-a .card-info {
  padding: 0;
  font-weight: 600;
}
.card-5 .card-action {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.card-5 .card-action .wrap {
  gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
  background: #ffffff;
  cursor: default;
}
@media (max-width: 768px) {
  .card-5 .card-action .wrap {
    width: 100%;
  }
}

.card-6 {
  padding: clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  background: #f2f6ff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) 268px;
  grid-template-columns: 1fr 268px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
@media (max-width: 992px) {
  .card-6 {
    grid-auto-flow: row;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.card-6 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  padding: clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) 0 clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
}
@media (max-width: 992px) {
  .card-6 .card-body {
    padding: 0;
  }
}
.card-6 .card-body .area-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-6 .card-body .area-a .icon {
  width: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  height: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: clamp(0.5rem, (100vw - 576px) / 624 * 2 + 0.5rem, 0.625rem);
}
.card-6 .card-body .area-a .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-6 .card-body .area-a .card-info {
  padding: 0;
}
.card-6 .card-body .area-a .card-info p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 600;
}
.card-6 .card-action {
  padding: 0;
  overflow: hidden;
  border-radius: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-6 .card-action .wrap {
  padding: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem) clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  cursor: default;
  background: #ffffff;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  border-radius: 0;
}
.card-6 .card-action .action-info {
  border-top: 1px solid #d2e6ff;
  background: #fafbff;
  padding: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.card-6 .card-action .action-info small {
  color: #8593b6;
  font-weight: 500;
}
.card-6 .card-action .action-info small b {
  font-weight: 600;
}

.card-6-min {
  grid-auto-flow: row;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.card-7 {
  width: 100%;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f2f6ff;
  gap: clamp(1.75rem, (100vw - 576px) / 624 * 4 + 1.75rem, 2rem);
  padding: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
}
@media (min-width: 1200px) {
  .card-7:hover {
    background: #fafbff;
  }
}
.card-7.active {
  background: #fafbff;
}
@media (max-width: 576px) {
  .card-7 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
    padding: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
    border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem) clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem);
  }
}
.card-7 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-7 .card-body .icon {
  width: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  height: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: clamp(0.5rem, (100vw - 576px) / 624 * 2 + 0.5rem, 0.625rem);
}
.card-7 .card-body .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-7 .card-body .card-info {
  padding: 0;
  font-weight: 600;
}
.card-7 .card-action {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-7 .card-action .wrap {
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
  cursor: default;
}
@media (max-width: 576px) {
  .card-7 .card-action .wrap {
    width: 100%;
    background: #ffffff;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 8 + 1.25rem, 1.75rem);
    padding: clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem) clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem) clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem) clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
  }
}

.card-8 {
  background: #f2f6ff;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  overflow: hidden;
}
@media (min-width: 1200px) {
  .card-8:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.card-8.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.card-8 .card-elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-8 .card-elem b {
  font-weight: 600;
}
.card-8 .card-elem span {
  white-space: nowrap;
}
.card-8 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.card-8 .card-footer {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  border-top: 1px solid #d2e6ff;
}
.card-8 .card-footer .card-elem p {
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  font-weight: 600;
}
.card-8 .card-footer .card-elem span {
  color: #e60004;
}

.card-9 {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  background: #f2f6ff;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (min-width: 1200px) {
  .card-9:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.card-9.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.card-9 .card-elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-9 .card-elem b {
  font-weight: 600;
}
.card-9 .card-elem span {
  white-space: nowrap;
}
.card-9 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-9 .card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-9 .card-footer .btn {
  width: 100%;
}
.card-9 .card-footer p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  color: #8e8e8e;
  text-align: center;
}
.card-9 .card-footer p a {
  color: #1b1c20;
}
@media (min-width: 1200px) {
  .card-9 .card-footer p a:hover {
    color: #e60004;
  }
}
.card-9 .card-footer p a.active {
  color: #e60004;
}

.card-10 {
  background: none;
  border: none;
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
@media (min-width: 1200px) {
  .card-10:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.card-10.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.card-10 .card-body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-grid-columns: 1fr clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 118px clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) auto;
  grid-template-columns: 1fr 118px auto;
      grid-template-areas: "a b c";
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 768px) {
  .card-10 .card-body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "a a" "b c";
  }
  .card-10 .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .card-10 .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10 .card-body > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .card-10 .card-body > .area-a,
.card-10 .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .card-10 .card-body > .area-b,
.card-10 .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10 .card-body > .area-c,
.card-10 .card-body > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
.card-10 .area-a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.card-10 .area-b {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
}
.card-10 .area-c {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: c;
}
.card-10 p {
  font-weight: 500;
}
.card-10 b {
  font-weight: 700;
}

.card-10-min .card-body {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
      grid-template-areas: "a b";
}
@media (max-width: 768px) {
  .card-10-min .card-body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "a" "b";
  }
  .card-10-min .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10-min .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10-min .card-body > .area-a,
.card-10-min .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10-min .card-body > .area-b,
.card-10-min .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10-min .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10-min .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
.card-10-min .area-a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
}
.card-10-min .area-b {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
}

.files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
@media (max-width: 576px) {
  .files .btn {
    width: 100%;
  }
}

.card-11 {
  background: none;
  border: none;
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (min-width: 1200px) {
  .card-11:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.card-11.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.card-11 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.card-11 .card-body .area-a p {
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  font-weight: 600;
}
.card-11 .card-body .area-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-11 .card-body .area-b .card-elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-11 .card-body .area-b .card-elem p {
  color: #8593b6;
}
.card-11 .card-body .area-b .card-elem b {
  font-weight: 700;
  white-space: nowrap;
}

.card-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
}
.card-12.bg-sale-1 {
  background-position: center bottom;
}
@media (min-width: 1200px) {
  .card-12:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.card-12.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.card-12 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.card-12 .card-body .card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-12 .card-body .card-head span {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  color: #8e8e8e;
  font-weight: 400;
}
.card-12 .card-body .card-info {
  padding: 0;
}
.card-12 .card-body .card-info p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 400;
}
.card-12 .card-action {
  padding: 0;
}

.card-13 {
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (min-width: 1200px) {
  .card-13:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.card-13.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.card-13 .card-head p {
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  font-weight: 500;
}
.card-13 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-13 .card-info {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-13 .card-info p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 400;
}
.card-13 .card-action {
  padding: 0;
}
.card-13 .card-action .btn {
  width: 100%;
}

.card-14 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  padding: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  background: #f2f6ff;
}
@media (min-width: 1200px) {
  .card-14:hover {
    border-color: #fafbff;
    background: #fafbff;
  }
}
.card-14.active {
  border-color: #fafbff;
  background: #fafbff;
}
.card-14 .area-a .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-14 .area-a .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-14 .area-a .icon svg path {
  fill: #e60004;
}
.card-14 .area-b {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.card-14 .area-b .card-header span {
  display: block;
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  font-weight: 600;
}
.card-14 .area-b .card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.card-14 .area-b .card-footer p,
.card-14 .area-b .card-footer b {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
.card-14 .area-b .card-footer b {
  font-weight: 700;
}

.card-15 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}
@media (min-width: 1200px) {
  .card-15:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.card-15.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.card-15 .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-15 .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-15 .icon svg path {
  fill: #1b1c20;
}
.card-15 .area-a {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  background: #ffffff;
}
.card-15 .area-b {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  background: #f2f6ff;
}
.card-15 .address-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.card-15 .address-info .address-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
.card-15 .address-info p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 400;
}
.card-15 .address-info .b {
  font-weight: 500;
}

.card-16 {
  padding: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  background: #ffffff;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}
@media (min-width: 1200px) {
  .card-16:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.card-16.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.card-16 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}

.card-17 {
  padding: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  background: #f2f6ff;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
@media (min-width: 1200px) {
  .card-17:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.card-17.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.card-17 .card-header p {
  font-weight: 700;
}
.card-17 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
.card-17--darkened {
  background: rgba(242, 246, 255, 0.4);
  border: 1px solid rgba(242, 246, 255, 0.4);
  color: #8593b6;
}

.card-18 {
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  border-color: #d2e6ff;
}
@media (min-width: 1200px) {
  .card-18:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.card-18.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.card-18 .area-a {
  padding: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  background: #f2f6ff;
  border-bottom: 1px solid #d2e6ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.card-18 .area-a .article small {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
.card-18 .area-a p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  color: #8593b6;
  font-weight: 500;
}
.card-18 .area-b {
  padding: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.card-18 .area-b .price {
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
.card-18 .area-b .price .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-18 .area-b .price .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-18 .area-b .price .info p {
  font-size: clamp(1.375rem, (100vw - 576px) / 624 * 2 + 1.375rem, 1.5rem);
  font-weight: 800;
}
.card-18 .area-b .price .info s {
  font-size: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
}
.card-18 .area-b .btn-cart {
  width: 100%;
}

.card-19 {
  padding: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  background: #f2f6ff;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
@media (min-width: 1200px) {
  .card-19:hover {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    background-color: #fafbff;
    background-position-y: calc(0px - clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem));
  }
  .card-19:hover .card-action .icon {
    -webkit-transform: translateX(clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem));
        -ms-transform: translateX(clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem));
            transform: translateX(clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem));
  }
  .card-19:hover .card-action .icon svg path {
    fill: #e60004;
  }
}
.card-19.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  background-color: #fafbff;
  background-position-y: calc(0px - clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem));
}
.card-19.active .card-action .icon {
  -webkit-transform: translateX(clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem));
      -ms-transform: translateX(clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem));
          transform: translateX(clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem));
}
.card-19.active .card-action .icon svg path {
  fill: #e60004;
}
.card-19 .card-header .icon {
  width: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  height: clamp(2rem, (100vw - 576px) / 624 * 4 + 2rem, 2.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: clamp(0.5rem, (100vw - 576px) / 624 * 2 + 0.5rem, 0.625rem);
}
.card-19 .card-header .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-19 .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.card-19 .card-info {
  padding: 0;
}
.card-19 .card-info p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 600;
}
.card-19 .card-action {
  padding: 0;
}
.card-19 .card-action .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: clamp(0.5rem, (100vw - 576px) / 624 * 2 + 0.5rem, 0.625rem);
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.24s ease-out;
  transition: -webkit-transform 0.24s ease-out;
  transition: transform 0.24s ease-out;
  transition: transform 0.24s ease-out, -webkit-transform 0.24s ease-out;
}
.card-19 .card-action .icon svg {
  width: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  height: clamp(1.125rem, (100vw - 576px) / 624 * 2 + 1.125rem, 1.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-19 .card-action .icon svg path {
  fill: #8593b6;
  -webkit-transition: color 0.24s ease-out;
  transition: color 0.24s ease-out;
}

.time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.time.active p,
.time.active b {
  color: #e60004;
}
.time p,
.time b {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
.time b {
  font-weight: 700;
}

.addresses-map {
  height: 100%;
}
.addresses-map .map {
  height: 100%;
  max-height: 1200px;
}
@media (max-width: 992px) {
  .addresses-map .map {
    min-height: 576px;
  }
}
@media (max-width: 576px) {
  .addresses-map .map {
    min-height: 416px;
  }
}

.swiper-gallery {
  height: 100%;
}
.swiper-gallery .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.swiper-gallery .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}
.swiper-gallery .swiper-controls {
  margin-top: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

.address-box {
  display: -ms-grid;
  display: grid;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  -ms-grid-columns: 1fr clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) 1fr clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) 2fr;
  grid-template-columns: 1fr 1fr 2fr;
      grid-template-areas: "a b c";
}
.address-box p {
  margin: 0;
}
@media (max-width: 1200px) {
  .address-box {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 2fr 1fr;
    grid-template-rows: 2fr 1fr;
        grid-template-areas: "c c" "a b";
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .address-box > .area-a,
.address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b,
.address-box > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .address-box > .area-c,
.address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (max-width: 576px) {
  .address-box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "c" "a" "b";
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-a,
.address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b,
.address-box > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .address-box > .area-c,
.address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
.address-box .area-a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: a;
}
.address-box .area-b {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
}
.address-box .area-c {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: c;
}

.address-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
.address-list p {
  margin: 0;
}

.stop {
  border-radius: clamp(0.375rem, (100vw - 576px) / 624 * -4 + 0.375rem, 0.125rem);
  background: #ffffff;
  overflow: hidden;
}
.stop .stop-item {
  width: 100%;
  padding: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.stop .stop-item:not(.stop .stop-item:last-child) {
  border-bottom: 1px solid #f2f6ff;
}
.stop .stop-item p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
.stop .stop-item p:first-child {
  font-weight: 500;
}
.stop .stop-item p:last-child {
  font-weight: 400;
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
}

.article small {
  color: #e60004;
  font-weight: 500;
}

.tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  padding: clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  font-weight: 500;
}
.tag .icon {
  width: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  height: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tag .icon svg {
  width: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  height: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tag.tag-color-1 {
  background: #1b1c20;
}
.tag.tag-color-1 svg path {
  fill: #ffffff;
}
.tag.tag-color-1 small {
  color: #ffffff;
}
.tag.tag-color-2 {
  background: #d2e6ff;
  color: #1b1c20;
}
.tag.tag-color-2 svg path {
  fill: #1b1c20;
}
.section-feedback {
  background-image: url("../public/media/bg-feedback.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) 0 calc(0px - clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem));
  padding: calc(clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) * 2) 0;
}
.section-feedback .content {
  max-width: 630px;
}
.section-feedback .content .form-control {
  background: #ffffff;
}
.section-feedback .content form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  margin: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) 0;
}

.send {
  padding: clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem) clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  border-radius: calc(clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem) + clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem));
  background-color: #1b1c20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
@media (max-width: 768px) {
  .send {
    padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
    gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
    border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .send .btn {
    width: 100%;
  }
}

.section-ad .swiper-head .swiper-wrapper {
  margin-bottom: 24px;
}
.section-ad .swiper-head .swiper-slide {
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  background-color: #f2f6ff;
  height: auto;
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 399px;
}
@media (max-width: 992px) {
  .section-ad .swiper-head .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.section-ad .swiper-head .swiper-slide .area-a-wrapper {
  padding: clamp(1.75rem, (100vw - 576px) / 624 * 4 + 1.75rem, 2rem);
}
.section-ad .swiper-head .swiper-slide .area-a-wrapper,
.section-ad .swiper-head .swiper-slide .swiper-slide-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 20px);
          flex: 0 0 calc(50% - 20px);
}
@media (max-width: 992px) {
  .section-ad .swiper-head .swiper-slide .area-a-wrapper,
  .section-ad .swiper-head .swiper-slide .swiper-slide-img {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}
.section-ad .swiper-head .swiper-slide .btn {
  text-transform: uppercase;
  -webkit-transition: -webkit-box-shadow 0.24s ease-out;
  transition: -webkit-box-shadow 0.24s ease-out;
  transition: box-shadow 0.24s ease-out;
  transition: box-shadow 0.24s ease-out, -webkit-box-shadow 0.24s ease-out;
}
@media (min-width: 1200px) {
  .section-ad .swiper-head .swiper-slide .btn:hover {
    -webkit-box-shadow: 0 0 16px 0 rgba(133, 147, 182, 0.48);
            box-shadow: 0 0 16px 0 rgba(133, 147, 182, 0.48);
  }
}
.section-ad .swiper-head .swiper-slide .btn.active {
  -webkit-box-shadow: 0 0 16px 0 rgba(133, 147, 182, 0.48);
          box-shadow: 0 0 16px 0 rgba(133, 147, 182, 0.48);
}
.section-ad .swiper-head .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-right-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  border-bottom-right-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
}
@media (max-width: 992px) {
  .section-ad .swiper-head .swiper-slide img {
    border-bottom-right-radius: unset;
    border-top-left-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  }
}
.section-ad .swiper-head .swiper-slide .area-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}
.section-ad .swiper-head .swiper-slide .area-a p {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .section-ad .swiper-head .swiper-slide .area-a {
    max-width: 100%;
  }
}
.section-ad .swiper-head .swiper-slide .area-a span {
  display: block;
  margin-bottom: 12px;
}
.section-ad .swiper-head .swiper-slide .area-a h2.h1 {
  margin-bottom: 24px;
}

.swiper-categories .swiper-wrapper {
  margin-bottom: 16px;
}
.swiper-categories .swiper-slide {
  height: auto;
}
.swiper-categories .swiper-categories-card {
  height: 100%;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border: 2px solid #f2f6ff;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}
.swiper-categories .swiper-categories-card p {
  margin: 0;
}
.swiper-categories .swiper-categories-card img {
  -webkit-transition: -webkit-transform 0.24s ease-out;
  transition: -webkit-transform 0.24s ease-out;
  transition: transform 0.24s ease-out;
  transition: transform 0.24s ease-out, -webkit-transform 0.24s ease-out;
}
@media (min-width: 1200px) {
  .swiper-categories .swiper-categories-card:hover img {
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
.swiper-categories .swiper-categories-card.active img {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.swiper-categories .swiper-categories-card .swiper-categories-name {
  font-weight: 600;
  text-transform: uppercase;
}

.grid-wrapper--312 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(420px, 1fr) clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) 312px;
  grid-template-columns: minmax(420px, 1fr) 312px;
  gap: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
}
@media (max-width: 992px) {
  .grid-wrapper--312 {
    width: 100% !important;
    grid-auto-flow: row !important;
    -ms-grid-columns: 100% !important;
    grid-template-columns: 100% !important;
  }
}
.grid-wrapper--312 .grid-wrapper__aside {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.grid-wrapper--312 .grid-wrapper__aside .sticky {
  position: sticky;
  top: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.grid-wrapper--312 .grid-wrapper__aside .card {
  height: auto;
}
.grid-wrapper--420 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(420px, 1fr) clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) 420px;
  grid-template-columns: minmax(420px, 1fr) 420px;
  gap: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
}
@media (max-width: 992px) {
  .grid-wrapper--420 {
    width: 100% !important;
    grid-auto-flow: row !important;
    -ms-grid-columns: 100% !important;
    grid-template-columns: 100% !important;
  }
}
.grid-wrapper--420 .grid-wrapper__aside {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.grid-wrapper--420 .grid-wrapper__aside .sticky {
  position: sticky;
  top: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.grid-wrapper--420 .grid-wrapper__aside .card {
  height: auto;
}
.grid-wrapper--260 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(420px, 1fr) clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) 260px;
  grid-template-columns: minmax(420px, 1fr) 260px;
  gap: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
}
@media (max-width: 992px) {
  .grid-wrapper--260 {
    width: 100% !important;
    grid-auto-flow: row !important;
    -ms-grid-columns: 100% !important;
    grid-template-columns: 100% !important;
  }
}
.grid-wrapper--260 .grid-wrapper__aside {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.grid-wrapper--260 .grid-wrapper__aside .sticky {
  position: sticky;
  top: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.grid-wrapper--260 .grid-wrapper__aside .card {
  height: auto;
}

.swiper-content {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: height 0.24s ease-out;
  transition: height 0.24s ease-out;
}
.swiper-content .swiper-tabs {
  margin-bottom: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.swiper-content .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.swiper-content .swiper-wrapper .swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100% !important;
  max-width: 100%;
  opacity: 0 !important;
}
.swiper-content .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.swiper-tabs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  padding: clamp(0.125rem, (100vw - 576px) / 624 * 2 + 0.125rem, 0.25rem);
  background: #ffffff;
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
}
@media (max-width: 768px) {
  .swiper-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.swiper-tabs .swiper-tab .icon {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.swiper-tabs .swiper-tab .icon svg {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.swiper-tabs .swiper-tab span {
  font-weight: 600;
}

.box-info {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  background-size: 264px;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color: #f2f6ff;
}
.box-info p {
  margin: 0;
}
.box-info .box-info-head {
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.box-info .data-info span {
  display: block;
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 600;
  margin-bottom: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.box-info .data-info p {
  font-weight: 400;
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
.box-info .data-info p a {
  color: #e60004;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .box-info .data-info p a:hover {
    color: #1b1c20;
  }
}
.box-info .data-info p a.active {
  color: #1b1c20;
}

.cart {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 0;
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

.cart-list {
  background: #f2f6ff;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  overflow: hidden;
}
.cart-list .card:not(:last-child) {
  border-bottom: 1px solid #d2e6ff;
}

.cart-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 0;
}
@media (max-width: 576px) {
  .cart-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.cart-head .area-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}

.part {
  width: 100%;
  max-width: 576px;
}

.radio-group {
  display: -ms-grid;
  display: grid;
  row-gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
     -moz-column-gap: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
          column-gap: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
  grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
}
.radio-group p {
  margin: 0;
}

.person {
  background: #ffffff;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}
.person .person-a {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 768px) {
  .person .person-a {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-auto-flow: row;
  }
}
.person .person-a .btn.btn-reset {
  justify-self: flex-end;
}
.person .person-b .form-list {
  border-top: 1px solid #d2e6ff;
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
@media (max-width: 576px) {
  .person .person-b .form-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
}
.person .person-b .form-list .form-group .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

.tab-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 0;
  overflow-x: auto;
}
.tab-links .tab-link {
  text-transform: uppercase;
  color: #8593b6;
  font-size: 0.75rem;
  font-weight: 600;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  padding-bottom: calc(clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem) + 2px);
}
@media (min-width: 1200px) {
  .tab-links .tab-link:hover:not(.tab-links .tab-link:hover.active) {
    color: #6c758c;
  }
  .tab-links .tab-link:hover:not(.tab-links .tab-link:hover.active)::after {
    opacity: 1;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.tab-links .tab-link.active:not(.tab-links .tab-link.active.active) {
  color: #6c758c;
}
.tab-links .tab-link.active:not(.tab-links .tab-link.active.active)::after {
  opacity: 1;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.tab-links .tab-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  width: 100%;
  height: 2px;
  background: #8593b6;
  opacity: 0;
  -webkit-transition: opacity 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, -webkit-transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, transform 0.24s ease-out;
  transition: opacity 0.24s ease-out, transform 0.24s ease-out, -webkit-transform 0.24s ease-out;
}
.tab-links .tab-link.active {
  color: #e60004;
}
.tab-links .tab-link.active::after {
  opacity: 1;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
  background: #e60004;
}

.form-data .form-data-head {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) 0 0;
  background: #f2f6ff;
}
.form-data .form-data-box {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  border-radius: 0 0 clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem) clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  background: #ffffff;
  border: 2px solid #f2f6ff;
  border-top: none;
}
.form-data .form-data-box p {
  margin: 0;
}
.form-data .form-data-list {
  display: -ms-grid;
  display: grid;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 576px) {
  .form-data .form-data-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
}
.form-data .form-data-list .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.form-data .form-data-submit {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media (max-width: 576px) {
  .form-data .form-data-submit {
    width: 100%;
  }
}

.auth {
  display: -ms-grid;
  display: grid;
}
.auth.auth-max {
  -ms-grid-columns: 5fr 4fr;
  grid-template-columns: 5fr 4fr;
}
@media (max-width: 1600px) {
  .auth.auth-max {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1200px) {
  .auth.auth-max {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.auth .auth-container {
  padding: 0 clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
  height: 100%;
}
@media (max-width: 768px) {
  .auth .auth-container {
    max-width: 1328px;
    padding: 0 16px;
    margin: 0 auto;
    width: 100%;
  }
}
.auth .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.auth .content .auth-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.auth .content .auth-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.auth .content .auth-body p {
  margin: 0;
}
.auth .auth-section-a {
  background: #ffffff;
}
.auth .auth-section-a .content .auth-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: calc(clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) * 2) 0 calc(clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) * 2);
}
.auth .auth-section-b {
  background-color: #f2f6ff;
  background-image: url("../public/media/bg-auth.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}
.auth .auth-section-b .content {
  padding: calc(clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) * 2) 0 clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
}
@media (max-width: 1200px) {
  .auth .auth-section-b .content {
    padding: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem) 0;
  }
}
.auth .auth-section-b .auth-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  margin-bottom: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
}
.auth .auth-section-b .auth-header span {
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
}
.auth .auth-section-b .list-auth {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 1fr clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  margin-bottom: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
  margin-top: 0;
  list-style-type: none;
}
@media (max-width: 1200px) {
  .auth .auth-section-b .list-auth {
    grid-auto-flow: row;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.auth .auth-section-b .list-auth li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  margin-bottom: 0;
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
}
@media (max-width: 1200px) {
  .auth .auth-section-b .list-auth li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.auth .auth-section-b .list-auth li img {
  width: clamp(2.75rem, (100vw - 576px) / 624 * 4 + 2.75rem, 3rem);
  height: clamp(2.75rem, (100vw - 576px) / 624 * 4 + 2.75rem, 3rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.auth .auth-section-b .auth-feedback {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
@media (max-width: 768px) {
  .auth .auth-section-b .auth-feedback {
    width: 100%;
  }
}
.auth .auth-section-b .auth-feedback-elem {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  background: #ffffff;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}
.auth .auth-section-b .auth-feedback-elem .auth-feedback-head {
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  font-weight: 500;
}
@media (max-width: 768px) {
  .auth .auth-section-b .auth-feedback-elem .auth-feedback-head {
    text-align: center;
  }
}
.auth .auth-link {
  font-weight: 500;
}
.auth form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  width: 100%;
  max-width: 416px;
}
.auth form .auth-info {
  color: #8e8e8e;
}
.auth form .btn-back {
  margin-bottom: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
}
.auth a {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  color: #e60004;
}
@media (min-width: 1200px) {
  .auth a:hover {
    color: #1b1c20;
  }
}
.auth a.active {
  color: #1b1c20;
}

.auth-info {
  color: #8e8e8e;
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
.auth-info span {
  color: #05a67b;
  font-weight: 600;
}

.notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  overflow: hidden;
}
.notice .notice-elem {
  padding: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem) clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
.notice .notice-elem:last-child {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.notice .notice-elem p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 500;
}
.notice .notice-elem p b {
  font-weight: 700;
}
.notice .notice-elem .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.notice .notice-elem .icon svg {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.notice.notice-sale {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  background: rgba(5, 166, 123, 0.08);
  padding: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem) clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.notice.notice-sale .notice-elem {
  padding: 0;
}
.notice.notice-sale .notice-elem .icon {
  width: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  height: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #05a67b;
  border-radius: 50%;
}
.notice.notice-sale .notice-elem .icon svg {
  width: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  height: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.notice.notice-error {
  background: rgba(230, 0, 4, 0.08);
}
.notice.notice-error .notice-elem:first-child {
  background: rgba(230, 0, 4, 0.08);
}
.notice.notice-error .notice-elem .icon svg path {
  fill: #1b1c20;
}
.notice.notice-success {
  background: rgba(5, 166, 123, 0.08);
}
.notice.notice-success .notice-elem:first-child {
  background: rgba(5, 166, 123, 0.08);
}
.notice.notice-success .notice-elem .icon {
  background: #05a67b;
  border-radius: 50%;
}
.notice.notice-success .notice-elem .icon svg {
  width: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  height: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

.sms-code {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem);
  -ms-grid-columns: 1fr clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) 1fr clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) 1fr clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) auto clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) 1fr clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) 1fr clamp(0.5rem, (100vw - 576px) / 624 * 4 + 0.5rem, 0.75rem) 1fr;
  grid-template-columns: 1fr 1fr 1fr auto 1fr 1fr 1fr;
}
.sms-code .form-control {
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  padding: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
  text-align: center;
}

.table {
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  border: 1px solid #f2f6ff;
  overflow: hidden;
}
.table p {
  margin: 0;
}
.table .table-elem {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  -ms-grid-columns: 1fr clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) 1fr clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) 2fr clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) 1fr clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) 1fr clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) 1fr;
  grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr;
      grid-template-areas: "a b c d e f";
  padding: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
@media (max-width: 1200px) {
  .table .table-elem {
    -ms-grid-columns: 1fr 1fr auto;
    grid-template-columns: 1fr 1fr auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
        grid-template-areas: "a c c" "b b b" "d e f";
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-a,
.table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-b,
.table .table-elem > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .table .table-elem > .area-c,
.table .table-elem > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
}
@media (max-width: 576px) {
  .table .table-elem {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
        grid-template-areas: "a a" "c c" "b b" "d e" "f f";
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-a,
.table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-b,
.table .table-elem > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-c,
.table .table-elem > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.table .table-elem:not(.table .table-elem:last-child) {
  border-bottom: 1px solid #f2f6ff;
}
.table .table-elem:nth-child(odd) {
  background: #f2f6ff;
}
@media (max-width: 1200px) {
  .table .table-elem:nth-child(odd) {
    background: #ffffff;
  }
}
.table .table-elem:nth-child(even) {
  background: #ffffff;
}
@media (max-width: 1200px) {
  .table .table-elem:nth-child(even) {
    background: #f2f6ff;
  }
}
.table .table-elem p {
  font-weight: 500;
}
.table .table-elem .btn-link {
  font-size: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.table .table-elem .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.table .table-elem .area .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.table .table-elem .area .subtitle {
  display: none;
}
@media (max-width: 1200px) {
  .table .table-elem .area .subtitle {
    display: block;
  }
}
.table .table-elem .area-a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: a;
}
.table .table-elem .area-b {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
}
.table .table-elem .area-c {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-area: c;
}
.table .table-elem .area-d {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: d;
}
.table .table-elem .area-e {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  grid-area: e;
}
.table .table-elem .area-f {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  grid-area: f;
}
.table .subtitle {
  color: #8593b6;
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
@media (max-width: 1200px) {
  .table .table-head {
    display: none;
  }
}

.status-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}

.no-indent {
  padding: 0;
  margin: 0;
}

.grid-wrapper__main .patients-list {
  margin-top: 0;
}

.patients-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  border: 1px solid #f2f6ff;
  overflow: hidden;
}
.patients-list p {
  margin: 0;
}
.patients-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  margin: 0;
}
.patients-list li:not(.patients-list li:last-child) {
  border-bottom: 1px solid #f2f6ff;
}

.verif {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.25rem, (100vw - 576px) / 624 * 2 + 0.25rem, 0.375rem);
}
.verif p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  color: #1b1c20;
  font-weight: 500;
}
.verif .icon {
  width: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  height: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.verif .icon svg {
  width: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  height: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.discount-campaign p {
  margin: 0;
}

.discount-campaign-subtext {
  margin-top: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.discount-campaign-subtext p {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  color: #8e8e8e;
}

.discount-campaign-list {
  display: -ms-grid;
  display: grid;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  grid-template-columns: repeat(auto-fit, minmax(358px, 1fr));
  -ms-grid-rows: auto clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) auto clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem) auto;
      grid-template-areas: "a b b" "a c d" "e e f";
}
@media (max-width: 1200px) {
  .discount-campaign-list {
        grid-template-areas: "a c" "a d" "b b" "f e";
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a,
.discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b,
.discount-campaign-list > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .discount-campaign-list > .area-c,
.discount-campaign-list > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-d {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .discount-campaign-list > .area-e {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-f {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 768px) {
  .discount-campaign-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "a" "b" "c" "d" "e" "f";
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a,
.discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b,
.discount-campaign-list > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-c,
.discount-campaign-list > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .discount-campaign-list > .area-e {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-f {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
.discount-campaign-list .area-a {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: a;
}
.discount-campaign-list .area-a .card {
  background-color: #f2f6ff;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  background-size: 768px;
}
.discount-campaign-list .area-b {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: b;
}
.discount-campaign-list .area-c {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: c;
}
.discount-campaign-list .area-d {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  grid-area: d;
}
.discount-campaign-list .area-d .card {
  background-color: #f2f6ff;
}
.discount-campaign-list .area-e {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: e;
}
.discount-campaign-list .area-f {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-area: f;
}
.discount-campaign-list .area .card {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.discount-campaign-list .area:nth-of-type(odd):not(.area-a,
.area-b,
.area-c,
.area-d,
.area-e,
.area-f) .card {
  background-color: #f2f6ff;
}
@media (max-width: 768px) {
  .discount-campaign-list .area .card {
    background-image: none;
  }
  .discount-campaign-list .area:nth-of-type(odd) .card {
    background-color: #ffffff !important;
  }
  .discount-campaign-list .area:nth-of-type(even) .card {
    background-color: #f2f6ff !important;
  }
}

.accordion-list {
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
.accordion-list .accordion-item {
  background: #f2f6ff;
  -webkit-transition: background 0.24s ease-out;
  transition: background 0.24s ease-out;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}
@media (min-width: 1200px) {
  .accordion-list .accordion-item:hover {
    background: #fafbff;
  }
}
.accordion-list .accordion-item.active {
  background: #fafbff;
}
.accordion-list .accordion-item .btn-accordion {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.accordion-list .accordion-item .btn-accordion span {
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  font-weight: 800;
}
.accordion-list .accordion-item .btn-accordion .icon {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.accordion-list .accordion-item .btn-accordion .icon svg {
  width: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  height: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  rotate: 180deg;
  -webkit-transition: rotate 0.24s ease-out;
  transition: rotate 0.24s ease-out;
}
.accordion-list .accordion-item .btn-accordion .icon svg path {
  fill: #8593b6;
}
.accordion-list .accordion-item.active {
  background: #fafbff;
}
.accordion-list .accordion-item.active .btn-accordion .icon svg {
  rotate: 0deg;
}
.accordion-list .accordion-item.active .accordion-dropdown {
  overflow-y: visible;
}
.accordion-list .accordion-item .accordion-dropdown {
  overflow-y: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.24s ease-out;
  transition: max-height 0.24s ease-out;
}
.accordion-list .accordion-item .accordion-dropdown .accordion-dropdown-list {
  padding: 0 clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem) clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.accordion-list .accordion-item .accordion-dropdown .accordion-dropdown-list .accordion-dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.625rem, (100vw - 576px) / 624 * 2 + 0.625rem, 0.75rem);
}
.accordion-list .accordion-item .accordion-dropdown .accordion-dropdown-list .accordion-dropdown-item span {
  display: inline-block;
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
}
.accordion-list .accordion-item .accordion-dropdown .accordion-dropdown-list .accordion-dropdown-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}

.swiper-details .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

.more {
  margin-top: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
}
@media (max-width: 576px) {
  .more .btn {
    width: 100%;
  }
}

.block-contact-call {
  padding: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  background-color: #ffffff;
  border-radius: clamp(1.25rem, (100vw - 576px) / 624 * 4 + 1.25rem, 1.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  background-repeat: no-repeat;
  background-size: 220px;
  background-position: calc(100% + 20px) -10px;
  background-image: url("../public/media/illustration-contact-call.png");
}
.block-contact-call p {
  margin: 0;
}
@media (max-width: 576px) {
  .block-contact-call {
    background-position: calc(100% + 20px) 20px;
  }
}

.about-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
}
@media (max-width: 576px) {
  .about-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.about-wrapper:not(:last-child) {
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.about-wrapper h2 {
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

.about-preview-img {
  width: 100%;
}
@media (max-width: 576px) {
  .about-preview-img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
.about-preview-img img {
  display: block;
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
}
@media (max-width: 1200px) {
  .about-preview-img img {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .about-preview-img img {
    min-width: 250px;
  }
}
@media (max-width: 576px) {
  .about-preview-img img {
    max-height: 300px;
    min-width: auto;
    margin: auto;
    width: auto;
  }
}

.about-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  font-size: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
}
.about-text p {
  margin: 0;
}
.about-text ol {
  list-style-position: inside;
  list-style-type: decimal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.375rem, (100vw - 576px) / 624 * 2 + 0.375rem, 0.5rem);
  margin: 0;
}
.about-text li {
  margin-bottom: 0;
}

.about-text-wrapper span {
  font-weight: 800;
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
}
.about-text-wrapper .about-text:not(:last-child) {
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

@media (max-width: 1200px) {
  .about-text-wrapper,
  .about-preview-desc {
    max-width: 50%;
  }
}
@media (max-width: 992px) {
  .about-text-wrapper,
  .about-preview-desc {
    max-width: 100%;
  }
}

.about-team h3 {
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}

.swiper-team img {
  border-radius: clamp(0.75rem, (100vw - 576px) / 624 * 4 + 0.75rem, 1rem);
  width: 100%;
}
.swiper-team .swiper-wrapper {
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.swiper-team .swiper-slide p {
  font-weight: 600;
  font-size: clamp(1rem, (100vw - 576px) / 624 * 2 + 1rem, 1.125rem);
  text-align: center;
}
.swiper-team .swiper-slide span {
  font-size: clamp(0.75rem, (100vw - 576px) / 624 * 2 + 0.75rem, 0.875rem);
}
.swiper-team .swiper-slide .swiper-slide-info {
  margin-top: clamp(0.875rem, (100vw - 576px) / 624 * 2 + 0.875rem, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.25rem, (100vw - 576px) / 624 * 4 + 0.25rem, 0.5rem);
}

.about-license {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "a b" "c d";
  -webkit-column-gap: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
     -moz-column-gap: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
          column-gap: clamp(1.5rem, (100vw - 576px) / 624 * 24 + 1.5rem, 3rem);
  row-gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
  margin-bottom: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.about-license .area-a {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: a;
}
.about-license .area-b {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: b;
}
.about-license .area-c {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: c;
}
.about-license .area-d {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: d;
}
@media (max-width: 1200px){
  header .panel .content .content-bottom .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  header .panel .content .content-bottom .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  header .menu .content-top .area-a,
header .menu-tests .content-top .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  header .menu .content-top .area-c,
header .menu-tests .content-top .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .card-10 .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-10 .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .card-10-min .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .address-box .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .address-box .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .table .table-elem .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .table .table-elem .area-d {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .table .table-elem .area-e {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .table .table-elem .area-f {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .discount-campaign-list .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .discount-campaign-list .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list .area-d {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .discount-campaign-list > .area-d {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .discount-campaign-list .area-e {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .discount-campaign-list > .area-e {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list .area-f {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .discount-campaign-list > .area-f {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .about-license .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .about-license .area-d {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .discount-campaign-list > .area-d {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (max-width: 576px){
  header .menu .content-top > .area-a, header .menu-tests .content-top > .area-a,
header .menu .content-top > .area-a, header .menu-tests .content-top > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-b, header .menu-tests .content-top > .area-b,
header .menu .content-top > .area-b, header .menu-tests .content-top > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-c, header .menu-tests .content-top > .area-c,
header .menu .content-top > .area-c, header .menu-tests .content-top > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-a, header .menu-tests .content-top > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-b, header .menu-tests .content-top > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-c, header .menu-tests .content-top > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-a, header .menu-tests .content-top > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-b, header .menu-tests .content-top > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-a, header .menu-tests .content-top > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  header .menu .content-top > .area-b, header .menu-tests .content-top > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  header .menu .content-top > .area-c, header .menu-tests .content-top > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  header .menu .content-top > .area-a, header .menu-tests .content-top > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  header .menu .content-top > .area-b, header .menu-tests .content-top > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  header .menu .content-top > .area-c, header .menu-tests .content-top > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .table .table-elem .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .table .table-elem .area-e {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .table .table-elem .area-f {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  header .menu .content-top > .area-a, header .menu-tests .content-top > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  header .menu .content-top > .area-b, header .menu-tests .content-top > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  header .menu .content-top > .area-c, header .menu-tests .content-top > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .discount-campaign-list .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .discount-campaign-list .area-e {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .discount-campaign-list .area-f {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  header .menu .content-top > .area-a, header .menu-tests .content-top > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .address-box > .area-a {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  header .menu .content-top > .area-b, header .menu-tests .content-top > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .address-box > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .table .table-elem > .area-b {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  header .menu .content-top > .area-c, header .menu-tests .content-top > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .address-box > .area-c {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .table .table-elem > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .about-license .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}
@media (max-width: 768px){
  .card-10 .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .card-10 .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10 .card-body > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .card-10 .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .card-10-min .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10 .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10-min .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10 .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .card-10-min .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10 .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10-min .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10 .card-body > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .card-10 .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .card-10-min .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10 .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10-min .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10 .card-body > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .card-10 .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .card-10-min .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10 .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10-min .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10 .card-body > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .discount-campaign-list > .area-e {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-f {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10 .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .card-10-min .card-body > .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10 .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card-10-min .card-body > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .discount-campaign-list > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .card-10 .card-body > .area-c {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .discount-campaign-list > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .discount-campaign-list > .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}
@media (max-width: 768px) {
  .about-license {
        grid-template-areas: "a" "b" "c" "d";
  }
  .about-license > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-a,
.about-license > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-b,
.about-license > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-c,
.about-license > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .about-license > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .about-license > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-license > .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}

.about-license-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.125rem, (100vw - 576px) / 624 * 6 + 1.125rem, 1.5rem);
}
.about-license-card p {
  margin: 0;
}
@media (max-width: 1200px) {
  .about-license-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 768px) {
  .about-license-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 576px) {
  .about-license-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.dropdown-item {
  cursor: pointer;
}