@charset "UTF-8";
/* media breakpoints */
/* popular breakpoints and mixin for applying */
:root {
  --font-guardian: "Guardian Egyptian LCG";
  --font-wix: "Wix Madefor Text";
  --white: #ffffff;
  --accent: #aeeb67;
  --accent-01: #75AD1F;
  --accent-02: #8CCC2D;
  --accent-03: #49505C;
  --accent-04: #687a53;
  --bg-01: #f2f4f7;
  --bg-02: #F7F8FA;
  --bg-03: #EDEFF2;
  --elements-01: #E8E9EB;
  --border-01: #e1f2cb;
  --border-02: #cde0b4;
  --red-01: #b81616;
  --red-02: #e03636;
  --gray-0: #000000;
  --text-1: #202124;
  --text-2: #71747A;
  --text-3: #A7AAAF;
  --container-padding: 16px;
  --container-out: -16px;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

html,
body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #111;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  height: -webkit-fill-available;
  -moz-scrollbar-color: #333 #fff;
  -moz-scrollbar-width: thin;
  scrollbar-gutter: stable;
  background-color: #fff;
}
@-moz-document url-prefix() {
  html,
  body {
    scrollbar-color: rgba(154, 185, 191, 0.5) var(--color-bg-3);
    scrollbar-width: thin !important;
  }
}

html * {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  height: -moz-max-content;
  height: max-content;
  /* fix with Chrome position sticky */
}
@-moz-document url-prefix() {
  body * {
    scrollbar-color: rgba(154, 185, 191, 0.5) var(--color-bg-3);
    scrollbar-width: thin !important;
  }
}

button:active,
button:hover,
input:active,
input:focus,
input:hover {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin: 0;
  padding: 0;
  line-height: 130%;
}

h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
}

h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
}

h3 {
  font-weight: 700;
  line-height: 120%;
  font-size: 24px;
  color: var(--text-1);
}

body.page-hidden-ts,
body.page-hidden {
  touch-action: none;
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

img,
picture,
svg {
  display: block;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  color: var(--accent-03);
  text-decoration: none;
  transition: 0.4s ease;
}
a:hover {
  text-decoration: none;
  color: var(--accent-02);
}

img {
  display: block;
  max-width: 100%;
}

ul {
  list-style-type: none;
}

div.hidden {
  display: none;
}

.hide {
  display: none;
}

section {
  overflow: hidden;
  position: relative;
}

main {
  width: 100%;
  min-height: 70vh;
  background-color: #fff;
}
main.grey {
  background: #F2F4F7;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0.5;
  background-color: transparent;
  opacity: 0;
  position: absolute;
  left: 0;
  width: 95%;
  cursor: pointer;
}

input[type=date] {
  position: relative;
}

.dragscroll.dragging {
  pointer-events: none;
}

.container {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-inline: var(--container-padding);
  min-width: 316px;
}
.container > h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1px;
  padding-top: 16px;
  margin: 0;
}

/* =========================================== */
/* =========================================== */
.lazyload {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.overflow--hidden {
  overflow: hidden !important;
}

.overflow--hidden-fixed {
  overflow: hidden !important;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.overflow--hidden-scrollBar {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}

.safari-fixed {
  height: calc(100vh - 1px);
  overflow: hidden !important;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.table-responsive {
  overflow-x: auto;
}
.table-responsive table {
  min-width: auto;
}

.lazyload {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.ymap-static {
  width: 100%;
  height: 400px;
}

.static-map-marker {
  width: 60px;
  height: 68px;
  background: url("/img/svg/ic_pin.svg");
  transform: translate(-50%, -100%);
}

.ymaps3x0--controls {
  z-index: 20 !important;
}

.no-hover {
  pointer-events: none !important;
}

[data-case]:not(.active) {
  display: none;
}

.formated-text h1 {
  margin-bottom: 0.7em;
  margin-top: 1em;
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
}
.formated-text h2 {
  margin-bottom: 0.7em;
  margin-top: 1.2em;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
}
.formated-text h3 {
  margin-bottom: 0.7em;
  margin-top: 1.4em;
  font-weight: 700;
  line-height: 120%;
  font-size: 24px;
  color: var(--text-1);
}
.formated-text h4 {
  margin-bottom: 0.7em;
  margin-top: 1.5em;
  font-size: 18px;
  line-height: 133%;
  font-weight: 700;
}
.formated-text h5 {
  margin-bottom: 0.7em;
  margin-top: 1.5em;
}
.formated-text h6 {
  font-size: 18px;
  margin-bottom: 0.7em;
  margin-top: 2em;
}
.formated-text * {
  line-height: 140%;
}
.formated-text table {
  margin: 16px 0;
  width: 100%;
  min-width: 600px;
}
.formated-text table th, .formated-text table td {
  background-color: var(--color-bg-2);
  padding: 8px 14px;
  border-radius: 6px;
  line-height: 120%;
  font-size: 14px;
}
.formated-text table th:first-child, .formated-text table td:first-child {
  background-color: var(--color-bg-6);
  color: #fff;
  font-weight: 500;
  width: 180px;
}
.formated-text table th {
  background-color: var(--color-bg-6);
  color: #fff;
}
.formated-text .table-responsive {
  overflow-x: auto;
  margin: 16px 0;
}
.formated-text .table-responsive table {
  margin: 0;
}
.formated-text a {
  color: var(--accent);
}
.formated-text a:hover {
  text-decoration: underline;
}
.formated-text div:not([class]), .formated-text p {
  margin: 10px 0;
  line-height: 155%;
}
.formated-text ul {
  margin: 16px 0;
  padding-left: 8px;
}
.formated-text ul li {
  position: relative;
  padding-left: 16px;
  padding-left: 20px;
  padding-bottom: 10px;
}
.formated-text ul li:last-child {
  padding-bottom: 0;
}
.formated-text ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  left: 4px;
  top: 0.5em;
  transform: rotate(45deg);
  border-radius: 1px;
  background-color: var(--accent);
}
.formated-text img {
  margin: 24px 0;
}
.formated-text ol {
  counter-reset: number-list 0;
  margin: 16px 0;
  padding-left: 8px;
}
.formated-text ol > li {
  counter-increment: number-list 1;
  list-style-type: none;
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
}
.formated-text ol > li::before {
  content: counter(number-list) "/";
  color: var(--accent);
  min-width: 35px;
  display: inline-block;
  position: absolute;
  left: 0;
  font-weight: 500;
}
.formated-text strong {
  font-weight: 700;
}
.formated-text .note {
  background: var(--bg-01);
  padding: 16px;
  border-radius: 8px;
  margin: 1.5em 0;
}
.formated-text .note strong {
  color: var(--accent);
  font-weight: 500;
  display: block;
}
.formated-text .note p {
  margin: 0.7em 0;
}
.formated-text blockquote {
  border: none;
  padding: 16px;
  background-color: var(--color-bg-2);
  line-height: 147%;
  margin-left: 0;
  margin-right: 0;
  border-radius: 12px;
}
.formated-text blockquote h1, .formated-text blockquote h2, .formated-text blockquote h3, .formated-text blockquote h4 {
  margin: 0;
}
.formated-text blockquote > :last-child {
  margin-bottom: 0;
}

.sp-block-table {
  overflow-x: auto;
}
.sp-block-table table {
  margin: 16px 0;
  width: 100%;
  min-width: 600px;
  border-collapse: unset;
}
.sp-block-table table th, .sp-block-table table td {
  background-color: var(--color-bg-2);
  padding: 8px 14px;
  border-radius: 6px;
  line-height: 120%;
  font-size: 14px;
  border: none;
}
.sp-block-table table th:first-child, .sp-block-table table td:first-child {
  background-color: var(--color-bg-6);
  color: #fff;
  font-weight: 500;
  width: 180px;
}
.sp-block-table table th {
  background-color: var(--color-bg-6);
  color: #fff;
}

.sp-lists ul {
  margin: 16px 0;
  padding-left: 8px;
}
.sp-lists ul li {
  position: relative;
  padding-left: 16px;
  padding-left: 20px;
  padding-bottom: 10px;
}
.sp-lists ul li:last-child {
  padding-bottom: 0;
}
.sp-lists ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  left: 4px;
  top: 0.5em;
  transform: rotate(45deg);
  border-radius: 1px;
  background-color: var(--accent);
}

.sp-button_link,
.sp-button_link:link,
.sp-button_link:visited {
  padding: 0.8em 2.05em 0.85em 2.05em;
  color: #fff;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 130px;
  height: 52px;
  white-space: nowrap;
  transition: 0.3s cubic-bezier(0.1, 0.82, 0.25, 1);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  background-color: var(--color-accent-1);
  border-radius: 8px;
}
.sp-button_link:hover,
.sp-button_link:link:hover,
.sp-button_link:visited:hover {
  background-color: var(--accent);
}

/* common styles */
#status {
  position: fixed;
  bottom: 20px;
  left: 20px;
  padding: 10px 14px 10px 14px;
  background: transparent;
  min-width: 300px;
  transform: translateY(50%);
  transition: 0.3s ease;
  color: #fff;
  z-index: 100000;
  max-width: 360px;
  visibility: hidden;
  border-radius: 8px;
  flex-wrap: wrap;
  opacity: 0;
  right: 20px;
}

#status_header {
  font-weight: 500;
  font-size: 15px;
  padding: 2px 4px;
}

#status_msg {
  line-height: 140%;
  padding: 2px 4px;
  font-size: 14px;
}

#status.error {
  transform: translateY(0);
  height: auto;
  visibility: visible;
  background-color: #DF1F26;
  opacity: 1;
}

#status.warning {
  transform: translateY(0);
  height: auto;
  visibility: visible;
  background-color: #EB7D00;
  opacity: 1;
}

#status.complete {
  transform: translateY(0);
  height: auto;
  visibility: visible;
  background-color: #37A735;
  opacity: 1;
}

#status.error #status_header {
  color: #fff;
}

#status.warning #status_header {
  color: #fff;
}

#status.complete #status_header {
  color: #fff;
}

#status_msg a {
  color: #fff;
  text-decoration: underline;
}

#status_btn {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.681818 0L15 14.3182L14.3182 15L1.62748e-08 0.681818L0.681818 0Z' fill='%23FFFFFF'/%3E%3Cpath d='M15 0.681818L0.681818 15L0 14.3182L14.3182 6.09593e-07L15 0.681818Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  width: 14px;
  height: 14px;
  position: absolute;
  right: 12px;
  top: 13px;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  opacity: 0.6;
}

#status_btn {
  opacity: 1;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tooltip-box-item {
  position: fixed;
  background-color: #3A3A3A;
  width: auto;
  max-width: 360px;
  padding: 9px 12px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
  z-index: 50;
  border-radius: 8px;
  color: #fff;
  animation: fade-in 0.3s ease forwards;
  opacity: 1;
  -webkit-column-break-inside: avoid;
  -webkit-backface-visibility: hidden;
  font-size: 13px;
  line-height: 140%;
}

.suggest-list {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: auto;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #e9e9e9;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #FFFFFF;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25);
  color: #000;
  min-width: 100%;
  width: 100%;
  max-height: 300px;
}
@-moz-document url-prefix() {
  .suggest-list {
    scrollbar-color: rgba(154, 185, 191, 0.5) var(--color-bg-3);
    scrollbar-width: thin !important;
  }
}
.suggest-list li {
  margin: 0;
  padding: 0.75rem 15px;
  border-top: 1px solid #ececec;
  transition: all 0.15s ease-in;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.suggest-list li:first-child {
  border-top: none;
}
.suggest-list li.active, .suggest-list li:hover {
  background-color: #eee;
}

.scroll-top {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 12px;
  background: var(--accent);
  color: white;
  cursor: pointer;
  transition: background-color 0.3s, opacity 1s;
  visibility: hidden;
  opacity: 0;
  z-index: 4000;
}
.scroll-top:hover {
  background-color: var(--accent-11);
}
.scroll-top svg {
  transform: rotate(90deg);
}

.btn__green {
  background: var(--accent-01);
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 20px;
  font-size: 15px;
  line-height: 150%;
  color: var(--white);
  font-weight: 600;
  border-radius: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
  gap: 8px;
  outline: none;
  border: none;
  white-space: nowrap;
}
.btn__green i {
  display: block;
}
.btn__green .bgimage {
  min-width: 6px;
  width: 6px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}

.btn__white {
  background: var(--white);
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 20px;
  font-size: 16px;
  line-height: 150%;
  font-weight: 600;
  color: var(--text-1);
  border-radius: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
  gap: 8px;
  outline: none;
  border: none;
  white-space: nowrap;
}
.btn__white i {
  display: block;
}
.btn__white .bgimage {
  min-width: 6px;
  width: 6px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}

.btn__all {
  background: var(--white);
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 150%;
  color: var(--text-1);
  border: 1px solid var(--elements-01);
  padding: 12px 20px;
  width: 100%;
  border-radius: 6px;
  transition: all 0.3s ease;
  gap: 8px;
  cursor: pointer;
}
.btn__all i {
  display: block;
}
.btn__all .bgimage {
  min-width: 5px;
  width: 5px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}

.seo-text h3 {
  font: 400 24px/36px "Guardian Egyptian LCG", serif;
  margin-block: 24px 12px;
}
.seo-text p {
  font: 400 14px/20px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
  margin-block: 8px;
}
.seo-text ul {
  list-style: inside url("data:image/svg+xml,%3Csvg%20width=%223%22%20height=%226%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20x=%220%22%20y=%220%22%20width=%223%22%20height=%223%22%20fill=%22currentColor%22%20/%3E%0A%3C/svg%3E");
}
.seo-text ol {
  list-style: decimal inside;
}

.loader {
  width: 45px;
  height: 45px;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(#000 0 0);
  background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%;
  background-size: 20% 100%;
  animation: loader 1s infinite linear;
}
.loader-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-wrapper.abs {
  width: auto;
  height: auto;
  position: absolute;
  inset: 0;
}

@keyframes loader {
  0% {
    background-size: 20% 100%, 20% 100%, 20% 100%;
  }
  33% {
    background-size: 20% 10%, 20% 100%, 20% 100%;
  }
  50% {
    background-size: 20% 100%, 20% 10%, 20% 100%;
  }
  66% {
    background-size: 20% 100%, 20% 100%, 20% 10%;
  }
  100% {
    background-size: 20% 100%, 20% 100%, 20% 100%;
  }
}
/*! name: vanilla-calendar-pro v2.9.10 | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */
.vanilla-calendar {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: 300px;
  min-width: 272px;
  max-width: 100%;
  flex-direction: column;
  border-radius: 0.75rem;
  padding: 1rem;
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

@supports ((width: -moz-max-content) or (width: max-content)) and ((height: -moz-max-content) or (height: max-content)) {
  .vanilla-calendar {
    height: -moz-max-content;
    height: max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.vanilla-calendar_multiple {
  width: 550px;
}

@supports ((width: -moz-fit-content) or (width: fit-content)) {
  .vanilla-calendar_multiple {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.vanilla-calendar button:focus-visible {
  border-radius: 0.5rem;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: -1px;
}

.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days {
  flex-grow: 0;
}

.vanilla-calendar_hidden {
  pointer-events: none;
  opacity: 0;
}

.vanilla-calendar_hidden * {
  pointer-events: none !important;
}

.vanilla-calendar_to-input {
  position: absolute;
}

.vanilla-calendar_to-input_bottom {
  margin-top: 0.25rem;
}

.vanilla-calendar_to-input_top {
  margin-top: -0.25rem;
}

.vanilla-calendar-controls {
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 20;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
}

.vanilla-calendar-arrow {
  pointer-events: auto;
  position: relative;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
}

.vanilla-calendar-arrow:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before {
  transform: rotate(90deg);
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before {
  transform: rotate(-90deg);
}

.vanilla-calendar-grid {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.75rem;
}

.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column {
  pointer-events: none;
  opacity: 0.3;
}

.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_month, .vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_year {
  pointer-events: auto;
  opacity: 1;
}

.vanilla-calendar-column {
  display: flex;
  min-width: -moz-min-content;
  min-width: min-content;
  flex-direction: column;
}

.vanilla-calendar-header {
  position: relative;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}

.vanilla-calendar-header__content {
  display: grid;
  flex-grow: 1;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  white-space: pre-wrap;
  padding-left: 1rem;
  padding-right: 1rem;
}

.vanilla-calendar-month, .vanilla-calendar-year {
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.vanilla-calendar-month.vanilla-calendar-month_disabled, .vanilla-calendar-year.vanilla-calendar-year_disabled {
  pointer-events: none;
}

.vanilla-calendar-months {
  display: grid;
  flex-grow: 1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  row-gap: 1rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.vanilla-calendar-years {
  display: grid;
  flex-grow: 1;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  row-gap: 1rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month, .vanilla-calendar-years_selecting .vanilla-calendar-years__year {
  cursor: pointer;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month .vanilla-calendar-months__month_disabled, .vanilla-calendar-years_selecting .vanilla-calendar-years__year .vanilla-calendar-years__year_disabled {
  cursor: default;
}

.vanilla-calendar-months__month, .vanilla-calendar-years__year {
  display: flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  word-break: break-all;
  border-radius: 0.5rem;
  border-width: 0px;
  padding: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled, .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
  pointer-events: none;
}

.vanilla-calendar-week-numbers {
  display: flex;
  flex-direction: column;
}

.vanilla-calendar-week-numbers__title {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.vanilla-calendar-week-numbers__content {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-items: center;
  row-gap: 0.25rem;
}

.vanilla-calendar-week-number {
  margin: 0;
  display: flex;
  min-height: 1.875rem;
  width: 100%;
  min-width: 1.875rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-style: none;
  background-color: transparent;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.vanilla-calendar-wrapper {
  display: flex;
  flex-grow: 1;
}

.vanilla-calendar-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.vanilla-calendar-week {
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
}

.vanilla-calendar-week__day {
  display: flex;
  width: 100%;
  min-width: 1.875rem;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.vanilla-calendar-days {
  display: grid;
  flex-grow: 1;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
  justify-items: center;
  row-gap: 0.25rem;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
  cursor: pointer;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 75ms;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
  cursor: default;
}

.vanilla-calendar-day {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.vanilla-calendar-day_hover-intermediate .vanilla-calendar-day__btn {
  border-radius: 0;
}

.vanilla-calendar-day_hover-first .vanilla-calendar-day__btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.vanilla-calendar-day_hover-first.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn {
  border-radius: 0.5rem;
}

.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup, .vanilla-calendar-day:hover .vanilla-calendar-day__popup {
  pointer-events: auto;
  opacity: 1;
}

.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.vanilla-calendar-day_selected-first.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
  border-radius: 0.5rem;
}

.vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected {
  border-radius: 0;
}

.vanilla-calendar-day__btn {
  display: flex;
  height: 100%;
  min-height: 1.875rem;
  width: 100%;
  min-width: 1.875rem;
  cursor: default;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 0px;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

.vanilla-calendar-day__btn_today {
  font-weight: 700;
}

.vanilla-calendar-day__btn_disabled {
  pointer-events: none;
}

.vanilla-calendar-day__popup {
  transform: translate(-50%);
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 20;
  width: 8rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  opacity: 0;
}

.vanilla-calendar-day__popup:before {
  content: var(--tw-content);
  position: absolute;
}

.vanilla-calendar-day__popup:after {
  content: var(--tw-content);
  position: absolute;
}

.vanilla-calendar-day__popup:hover {
  pointer-events: auto;
  opacity: 1;
}

.vanilla-calendar-day__popup:before {
  content: "";
  left: 0;
  bottom: 0;
  z-index: -10;
  display: block;
  height: calc(100% - 4px);
  width: 100%;
  border-radius: 0.5rem;
}

.vanilla-calendar-time {
  margin-top: 0.75rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  padding-top: 0.75rem;
}

.vanilla-calendar-time__content {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
}

.vanilla-calendar-time__hours {
  position: relative;
  margin-right: 0.35rem;
  width: 1.75rem;
}

.vanilla-calendar-time__hours:after {
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: calc(-50% + 1px);
  display: block;
  --tw-content: ":";
  content: var(--tw-content);
}

.vanilla-calendar-time__minutes {
  width: 1.75rem;
}

.vanilla-calendar-time__hours input, .vanilla-calendar-time__minutes input {
  position: relative;
  margin: 0;
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 0px;
  padding: 0.125rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.125rem;
}

.vanilla-calendar-time__hours input:focus-visible, .vanilla-calendar-time__minutes input:focus-visible {
  outline-style: solid;
  outline-width: 1px;
}

.vanilla-calendar-time__hours input:disabled, .vanilla-calendar-time__minutes input:disabled {
  cursor: default;
}

.vanilla-calendar-time__hours input:hover:disabled, .vanilla-calendar-time__minutes input:hover:disabled {
  background-color: transparent;
}

.vanilla-calendar-time__keeping {
  margin-left: 1px;
  margin-top: 0.25rem;
  width: 22px;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0;
  font-size: 0.69rem;
}

.vanilla-calendar-time__keeping:focus-visible {
  outline-style: solid;
  outline-width: 1px;
}

.vanilla-calendar-time__keeping:disabled {
  cursor: default;
}

.vanilla-calendar-time__keeping:hover:disabled {
  background-color: transparent;
}

.vanilla-calendar-time__ranges {
  display: grid;
  grid-auto-flow: row;
}

.vanilla-calendar-time__range {
  position: relative;
  z-index: 10;
  font-size: 0;
}

.vanilla-calendar-time__range:before {
  content: var(--tw-content);
  left: 0;
}

.vanilla-calendar-time__range:after {
  content: var(--tw-content);
  right: 0;
}

.vanilla-calendar-time__range:before, .vanilla-calendar-time__range:after {
  content: "";
  transform: translateY(-50%);
  pointer-events: none;
  position: absolute;
  top: 50%;
  z-index: 10;
  height: 0.5rem;
  width: 1px;
}

.vanilla-calendar-time__range input {
  position: relative;
  margin: 0;
  height: 1.25rem;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline-width: 0px;
}

.vanilla-calendar-time__range input::-webkit-slider-thumb {
  position: relative;
  z-index: 20;
  margin-top: -0.5rem;
  box-sizing: border-box;
  height: 1rem;
  width: 0.75rem;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-moz-range-thumb {
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  height: 1rem;
  width: 0.75rem;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
  margin-top: 1px;
  box-sizing: border-box;
  height: 1px;
  width: 100%;
  cursor: pointer;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-moz-range-track {
  margin-top: 1px;
  box-sizing: border-box;
  height: 1px;
  width: 100%;
  cursor: pointer;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme=light].vanilla-calendar {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #0f172a;
}

[data-calendar-theme=light].vanilla-calendar_to-input {
  --tw-shadow: 0 9px 20px rgba(0,0,0,.1);
  --tw-shadow-colored: 0 9px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme=light].vanilla-calendar button:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=light] .vanilla-calendar-arrow {
  background-color: transparent;
}

[data-calendar-theme=light] .vanilla-calendar-arrow:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nIzBmMTcyYScgZD0nTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zeicvPjwvc3ZnPg==);
}

[data-calendar-theme=light] .vanilla-calendar-arrow:hover:before {
  opacity: 0.6;
}

[data-calendar-theme=light] .vanilla-calendar-header__content, [data-calendar-theme=light] .vanilla-calendar-month, [data-calendar-theme=light] .vanilla-calendar-year {
  color: #0f172a;
}

[data-calendar-theme=light] .vanilla-calendar-month:hover, [data-calendar-theme=light] .vanilla-calendar-year:hover {
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-month.vanilla-calendar-month_not-active, [data-calendar-theme=light] .vanilla-calendar-year.vanilla-calendar-year_not-active {
  color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-month.vanilla-calendar-month_disabled, [data-calendar-theme=light] .vanilla-calendar-year.vanilla-calendar-year_disabled {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-months__month {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-months__month:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected, [data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled, [data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-years__year {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-years__year:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected, [data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled, [data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-week-numbers__title, [data-calendar-theme=light] .vanilla-calendar-week-number {
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-week-number:hover {
  color: #475569;
}

[data-calendar-theme=light] .vanilla-calendar-week__day {
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-week__day_weekend {
  color: #f43f5e;
}

[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(244 63 94/var(--tw-bg-opacity));
  --tw-bg-opacity: .7;
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  --tw-bg-opacity: .7;
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, [data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #0f172a;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_today {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
  color: #06b6d4;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_today:hover {
  color: #06b6d4;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev, [data-calendar-theme=light] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_prev, [data-calendar-theme=light] .vanilla-calendar-day__btn_next {
  color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday {
  color: #f43f5e;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
  color: #f43f5e;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today {
  color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_selected, [data-calendar-theme=light] .vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, [data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next, [data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, [data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-day__popup {
  color: #0f172a;
}

[data-calendar-theme=light] .vanilla-calendar-day__popup:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  --tw-shadow: 0 3px 15px rgba(85, 85, 85, .2);
  --tw-shadow-colored: 0 3px 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme=light] .vanilla-calendar-time {
  border-color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-time__hours:after {
  content: var(--tw-content);
  color: #0f172a;
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input, [data-calendar-theme=light] .vanilla-calendar-time__minutes input {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #0f172a;
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input:hover, [data-calendar-theme=light] .vanilla-calendar-time__minutes input:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input:focus-visible, [data-calendar-theme=light] .vanilla-calendar-time__minutes input:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input.vanilla-calendar-is-focus, [data-calendar-theme=light] .vanilla-calendar-time__minutes input.vanilla-calendar-is-focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__keeping {
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-time__keeping:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__keeping:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=light] .vanilla-calendar-time__range input {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__range:before, [data-calendar-theme=light] .vanilla-calendar-time__range:after {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-time__range:hover input::-moz-range-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
  border-color: #fdba74;
}

[data-calendar-theme=light] .vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
  border-color: #fdba74;
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-webkit-slider-thumb {
  border-color: #cbd5e1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-moz-range-thumb {
  border-color: #cbd5e1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-webkit-slider-runnable-track {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-moz-range-track {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225/var(--tw-bg-opacity));
}

[data-calendar-theme=dark].vanilla-calendar {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark].vanilla-calendar_to-input {
  --tw-shadow: 0 9px 20px rgba(0,0,0,.1);
  --tw-shadow-colored: 0 9px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme=dark].vanilla-calendar button:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=dark] .vanilla-calendar-arrow {
  background-color: transparent;
}

[data-calendar-theme=dark] .vanilla-calendar-arrow:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zeicvPjwvc3ZnPg==);
}

[data-calendar-theme=dark] .vanilla-calendar-arrow:hover:before {
  opacity: 0.6;
}

[data-calendar-theme=dark] .vanilla-calendar-header__content, [data-calendar-theme=dark] .vanilla-calendar-month, [data-calendar-theme=dark] .vanilla-calendar-year {
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-month:hover, [data-calendar-theme=dark] .vanilla-calendar-year:hover, [data-calendar-theme=dark] .vanilla-calendar-month.vanilla-calendar-month_not-active, [data-calendar-theme=dark] .vanilla-calendar-year.vanilla-calendar-year_not-active {
  color: #64748b;
}

[data-calendar-theme=dark] .vanilla-calendar-month.vanilla-calendar-month_disabled, [data-calendar-theme=dark] .vanilla-calendar-year.vanilla-calendar-year_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme=dark] .vanilla-calendar-months__month, [data-calendar-theme=dark] .vanilla-calendar-years__year {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-months__month:hover, [data-calendar-theme=dark] .vanilla-calendar-years__year:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected, [data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected, [data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover, [data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled, [data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover, [data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
  color: #334155;
}

[data-calendar-theme=dark] .vanilla-calendar-week-numbers__title, [data-calendar-theme=dark] .vanilla-calendar-week-number {
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-week-number:hover {
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-week__day {
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-week__day_weekend {
  color: #f43f5e;
}

[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(244 63 94/var(--tw-bg-opacity));
  --tw-bg-opacity: .8;
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  --tw-bg-opacity: .8;
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, [data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  color: #94a3b8;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #e2e8f0;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_today {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #06b6d4;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_today:hover {
  color: #06b6d4;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev, [data-calendar-theme=dark] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next, [data-calendar-theme=dark] .vanilla-calendar-day__btn_prev, [data-calendar-theme=dark] .vanilla-calendar-day__btn_next {
  color: #475569;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday {
  color: #f43f5e;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend:hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday:hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #f43f5e;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
  color: #f43f5e;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
  color: #334155;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev, [data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  color: #475569;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today, [data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today {
  color: #94a3b8;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled, [data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected, [data-calendar-theme=dark] .vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, [data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next, [data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, [data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-day__popup {
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-day__popup:before {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  --tw-shadow: inset 0 0 0 1px rgb(255 255 255 / .1);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme=dark] .vanilla-calendar-time {
  border-color: #1e293b;
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours:after {
  content: var(--tw-content);
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input, [data-calendar-theme=dark] .vanilla-calendar-time__minutes input {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input:hover, [data-calendar-theme=dark] .vanilla-calendar-time__minutes input:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input:focus-visible, [data-calendar-theme=dark] .vanilla-calendar-time__minutes input:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input.vanilla-calendar-is-focus, [data-calendar-theme=dark] .vanilla-calendar-time__minutes input.vanilla-calendar-is-focus {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__keeping {
  color: #64748b;
}

[data-calendar-theme=dark] .vanilla-calendar-time__keeping:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity));
  color: #94a3b8;
}

[data-calendar-theme=dark] .vanilla-calendar-time__keeping:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__range:before, [data-calendar-theme=dark] .vanilla-calendar-time__range:after {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme=dark] .vanilla-calendar-time__range:hover input::-moz-range-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
  border-color: #fdba74;
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
  border-color: #fdba74;
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-webkit-slider-thumb {
  border-color: #475569;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-moz-range-thumb {
  border-color: #475569;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-webkit-slider-runnable-track {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-moz-range-track {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105/var(--tw-bg-opacity));
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.47em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 500;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

select {
  opacity: 0;
}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.af-select {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #fff;
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 56px;
}
.af-select--selected .select-styled span {
  color: var(--text-1);
}
.af-select.has-prefix .select-styled {
  justify-content: flex-start;
}
.af-select.has-prefix .select-styled:after {
  position: absolute;
  right: 23px;
}

.select-styled {
  background-color: var(--accent-12);
  padding: 8px 15px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  line-height: 160%;
  color: #737373;
  justify-content: space-between;
  height: 100%;
  border-radius: 8px;
  border: 2px solid transparent;
  min-width: -moz-fit-content;
  min-width: fit-content;
  cursor: pointer;
}
.select-styled span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-1);
  font-size: 16px;
  flex-shrink: 0;
}
.select-styled span.af-selected-placeholder {
  color: var(--text-1);
  font-size: 16px;
}
.select-styled:after {
  content: "";
  width: 10px;
  min-width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00001 5.28019C3.85663 5.28019 3.71327 5.22545 3.60396 5.11619L0.164144 1.67634C-0.0546739 1.45752 -0.0546739 1.10275 0.164144 0.884017C0.382873 0.665289 0.737577 0.665289 0.956412 0.884017L4.00001 3.92779L7.04362 0.884124C7.26244 0.665395 7.61711 0.665395 7.83582 0.884124C8.05474 1.10285 8.05474 1.45763 7.83582 1.67644L4.39605 5.1163C4.28669 5.22557 4.14333 5.28019 4.00001 5.28019Z'/%3E%3C/svg%3E%0A");
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  transition: transform 0.3s ease;
  margin-left: 15px;
  right: 6px;
}
.select-styled:active, .select-styled.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition: none;
  border: 2px solid var(--accent-11);
}
.select-styled:active:after, .select-styled.active:after {
  transform: rotate(180deg);
}
.select-styled .prefix {
  margin-right: 10px;
  font: 400 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  color: var(--text-3);
}
.select-styled .postfix {
  margin-left: 8px;
  font: 400 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  color: var(--text-3);
}

.select-list {
  display: none;
}

.select-list {
  padding: 10px;
  position: absolute;
  top: calc(100% - 2px);
  right: auto;
  left: 0;
  z-index: 999;
  margin: 0;
  background-color: #fff;
  color: #000;
  min-width: 100%;
  width: auto;
  border-radius: 0 0 6px 6px;
  max-width: 100%;
  border: 2px solid var(--accent-11);
  transition: 0.3s ease;
}
.select-list input[type=text] {
  width: 100% !important;
  margin-bottom: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.93945 0.931641C4.98074 0.931641 0.941406 4.97096 0.941406 9.9297C0.941406 14.8884 4.98074 18.9356 9.93945 18.9356C12.0575 18.9356 14.0054 18.1933 15.5449 16.961L19.293 20.707C19.4821 20.8883 19.7347 20.9884 19.9967 20.9857C20.2587 20.983 20.5093 20.8779 20.6947 20.6927C20.8801 20.5076 20.9856 20.2572 20.9886 19.9953C20.9917 19.7333 20.892 19.4805 20.7109 19.2911L16.9629 15.5431C18.1963 14.0012 18.9395 12.0502 18.9395 9.9297C18.9395 4.97096 14.8982 0.931641 9.93945 0.931641ZM9.93945 2.93167C13.8173 2.93167 16.9375 6.05187 16.9375 9.9297C16.9375 13.8075 13.8173 16.9356 9.93945 16.9356C6.06162 16.9356 2.94141 13.8075 2.94141 9.9297C2.94141 6.05187 6.06162 2.93167 9.93945 2.93167Z' fill='%23111B29' fill-opacity='0.5'/%3E%3C/svg%3E ") !important;
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: 15px center;
  padding-left: 45px;
  background-color: var(--accent-12);
  height: 42px;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  padding-top: 4px;
}
.select-list input[type=text]:focus {
  border-color: var(--accent);
}

.select-list.active {
  display: block;
}

.select-options {
  display: none;
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 216px;
}
.select-options.active {
  display: block;
  will-change: transform;
  transform: translateZ(0);
}
.select-options li {
  padding: 0.75rem 15px;
  font-size: 16px;
  margin: 2px 0;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
.select-options li.active, .select-options li:hover {
  background: transparent;
  color: var(--accent);
}
.select-options li[rel=hide] {
  display: none;
}

.select-list.active.select-list--load li {
  opacity: 0.4;
  pointer-events: none;
}

.select-list.active.select-list--load ul::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #000;
  display: block;
  border-radius: 50%;
  border-left-color: transparent;
  animation: loadingrotate 0.5s linear infinite;
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -10px;
}

.af-select.af-select--top .select-list {
  top: auto;
  bottom: calc(100% - 2px);
  border-radius: 8px 8px 0 0;
}
.af-select.af-select--top .select-styled:active,
.af-select.af-select--top .select-styled.active {
  border-radius: 0 0 8px 8px;
  transition: none;
}

.loading {
  width: auto;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  height: 2px;
  position: fixed;
  top: 1px;
  left: 1px;
  right: 1px;
  margin-bottom: -2px;
  display: none;
}

.loading.load {
  display: flex;
}

.loading .indeterminate {
  background-color: var(--accent);
}

.loading .indeterminate:before {
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.loading .indeterminate:after,
.loading .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
}

.loading .indeterminate:after {
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  to {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  to {
    left: 107%;
    right: -8%;
  }
}
.af-selected-count {
  color: var(--text-2);
}
.af-selected-count span {
  color: var(--accent-11);
}

.af-select--multiple .select-options li {
  padding-left: 46px;
}
.af-select--multiple .af-check-multiple {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -12px;
}
.af-select--multiple .af-check-multiple::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-size: 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSAxTDQgNyAxIDQiIHN0cm9rZT0iIzUyNTE2NiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
  opacity: 0;
}
.af-select--multiple .af-check-multiple::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  content: "";
  border-radius: 4px;
  width: 100%;
  height: 100%;
  margin: auto;
  opacity: 1;
  transition: 0.2s ease;
  box-shadow: 0 0 0 2px var(--accent) inset;
}
.af-select--multiple .select-options li.active .af-check-multiple::before {
  opacity: 1;
  filter: brightness(200);
}
.af-select--multiple .select-options li.active .af-check-multiple::after {
  background-color: var(--accent);
  width: 100%;
  height: 100%;
  margin: auto;
  opacity: 1;
  box-shadow: 0 0 0 2px var(--accent) inset;
}
.af-select--multiple .select-options li:hover .af-check-multiple::after {
  box-shadow: 0 0 0 2px var(--accent) inset;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2em;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

/* popup */
@keyframes zoomInUpPopup {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes load {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.af-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: auto;
  z-index: 999999;
  opacity: 0;
  transition: 0.25s ease;
}
.af-popup--mobile .af-popup__content {
  border-radius: 16px;
}

.af-popup.is-moving .af-popup__bg {
  pointer-events: none;
}

.af-popup__bg {
  position: fixed;
  inset: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  transition: 0.3s ease;
}

.af-popup__wrp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 102;
  position: relative;
  min-height: 100%;
}

.af-popup--visible {
  opacity: 1;
}

.af-popup__content {
  background: #FFF;
  padding: 24px 16px;
  border-radius: 32px;
  position: relative;
  margin: 16px;
  border: 2px solid rgb(205, 224, 180);
}

.af-popup__container {
  width: auto;
  max-width: 100%;
  margin: auto;
  position: relative;
  animation: 0.2s ease 0.2s both zoomInUpPopup;
  opacity: 0;
}

.af-popup__close {
  cursor: pointer;
  z-index: 101;
  position: absolute !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-3);
  line-height: 1;
  top: 30px;
  right: 30px;
  width: 48px !important;
  padding: 16px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 14px !important;
  font-size: 18px;
  transition: 0.3s ease;
  outline: none;
}
.af-popup__close svg {
  outline: none;
  margin-left: 0 !important;
}

.af-popup__close svg {
  fill: #000;
  stroke: #000;
  stroke-width: 2px;
}

.af-popup__close:hover svg {
  transition: 0.3s ease;
}
.af-popup__close:hover svg path {
  stroke: #aeeb67;
}

.popup__desc {
  padding-bottom: 20px;
  line-height: 142%;
  font-size: 12px;
}
.popup__body input:not([type=file]) {
  position: relative;
}
.popup__body input:not([type=file]):required {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zLjMgOGwuMTE2LTMuMDU2LTIuNzE1IDEuNjRMMCA1LjQxNiAyLjg2MSA0IDAgMi41ODNsLjctMS4xNjYgMi43MTYgMS42MzlMMy4zIDBoMS40MDJsLS4xMTcgMy4wNTZMNy4zIDEuNDE2IDggMi41ODQgNS4xMzkgNCA4IDUuNDE3bC0uNyAxLjE2Ni0yLjcxNi0xLjYzOUw0LjcgOEgzLjI5OXoiIGZpbGw9IiMwMUFGRDIiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  padding-right: 32px;
}

/* =-========================================== */
#modal-call {
  display: none !important;
}

.af-popup #modal-call {
  display: block !important;
}

/* =-========================================== */
/*modals*/
.popup-call {
  max-width: 284px;
  width: 100%;
}

.popup-call .popup__heading {
  margin-bottom: 16px;
}

.popup-call .popup__heading h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #15181A;
}

.popup-call form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.popup-call input:not([type=file]) {
  padding: 8px 12px;
  outline: none;
  background: none;
  border-radius: 8px;
  border: 1px solid #D0D1D1;
  height: initial;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #15181A;
}
.popup-call input:not([type=file])::-moz-placeholder {
  font-family: "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #8A8C8D;
}
.popup-call input:not([type=file])::placeholder {
  font-family: "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #8A8C8D;
}

.popup-call textarea {
  padding: 8px 12px;
  outline: none;
  background: none;
  border-radius: 8px;
  border: 1px solid #D0D1D1;
  height: initial;
  width: 100%;
  min-height: 120px;
  resize: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #15181A;
}
.popup-call textarea::-moz-placeholder {
  font-family: "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #8A8C8D;
}
.popup-call textarea::placeholder {
  font-family: "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #8A8C8D;
}
.popup-call textarea:required {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zLjMgOGwuMTE2LTMuMDU2LTIuNzE1IDEuNjRMMCA1LjQxNiAyLjg2MSA0IDAgMi41ODNsLjctMS4xNjYgMi43MTYgMS42MzlMMy4zIDBoMS40MDJsLS4xMTcgMy4wNTZMNy4zIDEuNDE2IDggMi41ODQgNS4xMzkgNCA4IDUuNDE3bC0uNyAxLjE2Ni0yLjcxNi0xLjYzOUw0LjcgOEgzLjI5OXoiIGZpbGw9IiMwMUFGRDIiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) 20px;
  padding-right: 32px;
}

.popup-call button {
  padding: 6px 12px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}

.popup-call .popup__form-field--policy {
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  color: #8A8C8D;
}
.popup-call .popup__form-field--policy a {
  color: #15181A;
  transition: 0.1s ease;
}

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

/*modals*/
@keyframes fade-drop-filter {
  from {
    opacity: 0;
    transform: translateY(calc(var(--vh, 1vh) * 10));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  to {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  to {
    left: 107%;
    right: -8%;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 17px 0;
  }
}
@keyframes fade-drop-filter {
  from {
    opacity: 0;
    transform: translateY(10vh);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slit-in-vertical {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bg-pan-left {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2024-4-30 11:20:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@keyframes swing-in-top-fwd {
  0% {
    transform: rotateX(-100deg);
    transform-origin: top;
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    transform-origin: top;
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2024-4-30 11:30:11
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-blurred-left
 * ----------------------------------------
 */
@keyframes slide-in-blurred-left {
  0% {
    transform: translateX(-20px) scaleX(1.1) scaleY(0.8);
    transform-origin: 100% 50%;
    filter: blur(0);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2024-4-30 11:35:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-blurred-right
 * ----------------------------------------
 */
@keyframes slide-in-blurred-right {
  0% {
    transform: translateX(20px) scaleX(1.1) scaleY(0.8);
    transform-origin: 0% 50%;
    filter: blur(0);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes max-height-animation {
  0% {
    max-height: 0;
    opacity: 0;
  }
  99% {
    max-height: 100vh;
    opacity: 1;
  }
  100% {
    max-height: none !important;
  }
}
.btn {
  padding: 0.75em 1.5em 0.85em 1.5em;
  color: var(--accent-02);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 130px;
  height: 48px;
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  background-color: var(--accent);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease;
  cursor: pointer;
  line-height: 140%;
}
.btn.btnLarge {
  height: 56px;
  font-size: 18px;
}
.btn span, .btn svg {
  position: relative;
  z-index: 2;
  transition: 0.3s ease;
}
.btn:active {
  opacity: 0.8;
}
.btn:active, .btn:focus {
  outline: none;
}
.btn:disabled {
  background-color: #ccc;
  color: rgba(0, 0, 0, 0.4);
  cursor: not-allowed;
  opacity: 1;
}
.btn svg {
  fill: var(--accent-02);
  min-width: 24px;
}
.btn svg:not(:last-child) {
  margin-right: 0.4em;
}
.btn svg:last-child {
  margin-left: 1em;
}
.btn span {
  margin-top: 1px;
}
.btn.btn-dark {
  background-color: var(--accent-02);
  color: var(--accent);
}
.btn.btn-dark:hover {
  background-color: var(--accent-03);
}
.btn.btn-dark svg {
  fill: var(--accent);
}
.btn.btn-full {
  width: 100%;
}
.btn.btn-small {
  height: 43px;
  font-size: 15px;
  padding: 0.7em 1.5em 0.8em 1.5em;
  font-weight: 500;
}
.btn.btn-wide {
  width: 100%;
}
.btn.btn-xsmall {
  height: 32px;
  font-size: 14px;
  padding: 0.4em 2.5em 0.5em 2.5em;
  font-weight: 500;
}
.btn.btn-loading {
  pointer-events: none;
}
.btn.btn-loading::after {
  content: "";
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
  border: 2px solid #fff;
  border-radius: 50%;
  border-left-color: transparent !important;
  margin-left: 10px;
  transition: transform 0.5s linear;
  animation: 0.5s linear loadingrotate infinite;
  display: inline-block;
  white-space: nowrap;
  flex-wrap: nowrap;
  position: relative;
  left: 5px;
}
.btn.btn-success::after {
  content: "";
  width: 15px;
  height: 9px;
  border: 2px solid #fff;
  animation: none;
  min-width: 12px;
  display: inline-block;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg) translateX(4px);
  margin-left: 10px;
  position: relative;
  left: 5px;
}
.btn[disabled] {
  opacity: 0.9;
  cursor: not-allowed;
}

@keyframes loadingrotate {
  to {
    transform: rotate(360deg);
  }
}
.buttons-group {
  display: flex;
}
.buttons-group .btn {
  width: 100%;
  font: 500 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
}
.buttons-group .btn.active {
  background: var(--accent-11);
  color: var(--white);
}

.toggler-tick {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.toggler-tick:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOCAxMC4wMDAyTDEyIDE0LjAwMDJMMTYgMTAuMDAwMiIgc3Ryb2tlPSIjMDA0MDNGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
  height: 24px;
  width: 24px;
  transition: 0.3s;
}
.toggler-tick__title {
  color: var(--accent-11);
  display: none;
}
.toggler-tick:not(.on) .toggler-tick_off {
  display: flex;
}
.toggler-tick.on .toggler-tick_on {
  display: flex;
}
.toggler-tick.on:after {
  transform: rotate(180deg);
}

.checkbox {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  cursor: pointer;
  font-size: 15px;
  line-height: 140%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  bottom: 0;
  left: 4px;
  cursor: pointer;
}
.checkbox__text {
  line-height: 1;
  text-align: left;
  transition: 0.3s ease;
  color: var(--accent-02);
  line-height: 140%;
}
.checkbox__text a {
  font-weight: 600;
}
.checkbox__text a:hover {
  text-decoration: underline;
}
.checkbox__elem {
  position: relative;
  height: 20px;
  width: 20px;
  min-width: 20px;
  background-color: transparent;
  display: inline-block;
  margin-right: 10px;
  border: 1px solid var(--border-02);
  border-radius: 6px;
  transition: 0.3s ease;
}
.checkbox__elem::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 10px;
  height: 9px;
  transition: 0.5s cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  background-size: 13px;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  background: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSA0LjMyNlMzLjQgNC43NSA0LjMxNyA3QzUuOCAzLjI1IDkgMSA5IDEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@keyframes err-pulse {
  0% {
    transform: scale(1) rotate(0);
  }
  25% {
    transform: scale(1.05) rotate(22deg);
  }
  75% {
    transform: scale(1.05) rotate(-22deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.checkbox input.err ~ .checkbox__elem {
  border-color: #f00;
  background-color: rgba(255, 0, 0, 0.0784313725);
  animation: err-pulse 1s 2;
}
.checkbox input:checked ~ .checkbox__elem {
  z-index: 2;
  border-color: var(--accent-02);
  background-color: var(--accent-02);
}
.checkbox input:checked ~ .checkbox__elem:after {
  opacity: 1;
  border-radius: 0;
  transform: rotate(0);
}

/* radio */
.radio {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 140%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: flex-start;
}
.radio__title, .radio__desc {
  display: block;
}
.radio__title {
  color: #000;
  font-size: 14px;
}
.radio__desc {
  font-size: 12px;
  color: #959595;
}
.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  display: none;
}
.radio__text {
  line-height: 140%;
  font-size: 15px;
  color: #222;
  font-weight: 500;
  padding-top: 1px;
  transition: 0.3s ease;
}
.radio__elem {
  top: 1px;
  position: relative;
  height: 20px;
  width: 20px;
  min-width: 20px;
  background-color: transparent;
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
  transition: 0.15s linear;
  border: 1px solid #2F3030;
}
.radio__elem::after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: calc(50% - 6px);
  top: calc(50% - 6px);
  transition: 0.3s ease;
  transform: scale(0);
}
.radio input:hover ~ .radio__elem {
  border-color: var(--accent);
}
.radio input:checked ~ .radio__elem {
  background-color: #fff;
}
.radio input:checked ~ .radio__elem::after {
  content: "";
  transform: scale(1);
  background-color: var(--accent);
}
.radio input:checked ~ .radio__elem:hover {
  border-color: var(--accent);
}
.radio:hover .radio__elem {
  border-color: var(--accent);
}
.radio:hover .radio__text {
  color: var(--accent);
}

.toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
}
.toggle div {
  display: flex;
  align-items: center;
}
.toggle div .toggle-slide {
  width: 48px;
  height: 24px;
  display: inline-block;
  background: #ccc;
  border-radius: 50px 50px;
  position: relative;
  margin-right: 10px;
  transition: 0.3s ease;
}
.toggle div .toggle-slide:hover {
  background: #ADADAD;
}
.toggle div .toggle-slide::before {
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  transition: 0.3s ease;
}
.toggle input {
  display: none;
}
.toggle input:checked ~ div .toggle-slide {
  background: var(--accent);
}
.toggle input:checked ~ div .toggle-slide:hover {
  background: var(--accent);
}
.toggle input:checked ~ div .toggle-slide::before {
  left: calc(100% - 20px);
}
.toggle .toggle-active {
  display: none;
}
.toggle input:checked ~ div .toggle-active {
  display: block;
}
.toggle input:checked ~ div .toggle-deactive {
  display: none;
  color: #222222;
}

.breadcrumb {
  background-color: transparent;
  padding: 0px;
  font-family: var(--font-montserrat);
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin-left: -6px;
  margin-right: -6px;
  -moz-scrollbar-color: transparent transparent;
  -moz-scrollbar-width: none !important;
  scrollbar-width: none !important;
}
.breadcrumb li a, .breadcrumb li span {
  opacity: 0.5;
  color: #000000;
  padding: 10px 6px;
  display: inline-flex;
  font-size: 12px;
}
.breadcrumb li a:hover {
  color: var(--accent);
  opacity: 1;
}
.breadcrumb li::after {
  content: "";
  margin: 0 4px;
  color: #7A808D;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  font-size: 14px;
  width: 3px;
  height: 3px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--accent);
  top: -2px;
}
.breadcrumb li:last-child::after {
  display: none;
}

.breadcrumbs {
  display: flex;
  margin-top: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-right: -16px;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.breadcrumbs::-webkit-scrollbar {
  display: none !important;
}
.breadcrumbs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.breadcrumbs a, .breadcrumbs span {
  white-space: nowrap;
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
  color: inherit;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding: 2px 5px;
  transition: 0.3s ease;
}
.breadcrumbs a {
  border-radius: 8px;
}
.breadcrumbs li {
  color: var(--text-2);
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 14px;
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
}
.breadcrumbs li:not(:last-child) {
  cursor: pointer;
  transition: 0.3s ease;
  position: relative;
}
.breadcrumbs li:not(:last-child):after {
  content: "";
  position: absolute;
  right: -8px;
  top: 14px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  overflow: hidden;
  z-index: 0;
  transition: all 0.3s ease-in;
  background: #A7AAAF;
}
.breadcrumbs li:not(:last-child) a p {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}
.breadcrumbs li:last-child {
  color: var(--text-1);
  margin-right: 0;
}

.select-units {
  position: relative;
  overflow: hidden;
  font: 400 16px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
}
.select-units__head {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--accent-12);
  padding: 12px 14px;
  border: 2px solid transparent;
  border-radius: 8px;
  transition: border-color 0.3s;
}
.select-units__head .icon {
  fill: var(--accent-11);
  margin: 0 6px;
  transition: 0.3s;
}
.select-units__body {
  height: 0;
  opacity: 0;
  position: absolute;
  padding: 12px 14px;
  border: 2px solid transparent;
  border-top: none;
  border-radius: 0 0 12px 12px;
  background: var(--white);
  width: 100%;
  transition: border-color 0.3s;
  z-index: 5;
}
.select-units__input {
  margin-bottom: 4px;
  color: var(--text-2);
  padding: 12px 14px;
  background: var(--accent-12);
  display: flex;
}
.select-units__input span {
  margin-right: 0.5em;
}
.select-units__input input {
  background: none;
  border: none;
  flex-grow: 1;
}
.select-units__input:focus-within {
  border-color: var(--accent-11);
}
.select-units__units {
  display: flex;
  gap: 4px;
}
.select-units__units label {
  flex-grow: 1;
  background: var(--accent-12);
  font: 400 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  padding: 14px;
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
}
.select-units__units label:has(input:checked) {
  background: var(--accent-11);
  color: var(--white);
}
.select-units__units input {
  display: none;
}
.select-units.active {
  overflow: visible;
}
.select-units.active .select-units__head {
  background: var(--white);
  border-color: var(--accent-11);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select-units.active .select-units__head .icon {
  transform: rotate(180deg);
}
.select-units.active .select-units__body {
  height: auto;
  opacity: 1;
  border-color: var(--accent-11);
}

.form {
  font-family: var(--font-montserrat);
}
.form input[type=number]::-webkit-inner-spin-button,
.form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form input[type=text], .form input[type=date], .form input[type=number], .form input[type=password], .form input[type=email], .form input[type=tel], .form textarea {
  background-color: var(--bg-02);
  font-size: 16px;
  line-height: 15px;
  padding: 12px 16px;
  box-sizing: border-box;
  width: auto;
  flex-grow: 1;
  border-radius: 16px;
  border: 2px solid transparent;
  width: 100%;
  color: var(--accent-02);
  height: 48px;
  transition: 0.3s ease;
  /* Стиль применяется ТОЛЬКО когда пользователь взаимодействовал с полем */
}
.form input[type=text]::-moz-placeholder, .form input[type=date]::-moz-placeholder, .form input[type=number]::-moz-placeholder, .form input[type=password]::-moz-placeholder, .form input[type=email]::-moz-placeholder, .form input[type=tel]::-moz-placeholder, .form textarea::-moz-placeholder {
  color: var(--accent-04);
  opacity: 1;
  text-shadow: none;
  font-weight: 400;
}
.form input[type=text]::placeholder, .form input[type=date]::placeholder, .form input[type=number]::placeholder, .form input[type=password]::placeholder, .form input[type=email]::placeholder, .form input[type=tel]::placeholder, .form textarea::placeholder {
  color: var(--accent-04);
  opacity: 1;
  text-shadow: none;
  font-weight: 400;
}
.form input[type=text]:hover, .form input[type=date]:hover, .form input[type=number]:hover, .form input[type=password]:hover, .form input[type=email]:hover, .form input[type=tel]:hover, .form textarea:hover {
  border-color: var(--border-02);
  outline: 0;
}
.form input[type=text]:focus, .form input[type=date]:focus, .form input[type=number]:focus, .form input[type=password]:focus, .form input[type=email]:focus, .form input[type=tel]:focus, .form textarea:focus {
  color: var(--accent-02);
  border-color: var(--accent-02);
  background-color: transparent;
  outline: 0;
}
.form input[type=text]:user-invalid:focus, .form input[type=date]:user-invalid:focus, .form input[type=number]:user-invalid:focus, .form input[type=password]:user-invalid:focus, .form input[type=email]:user-invalid:focus, .form input[type=tel]:user-invalid:focus, .form textarea:user-invalid:focus {
  border-color: var(--red-01);
}
.form input[type=text]:user-invalid:focus::before, .form input[type=date]:user-invalid:focus::before, .form input[type=number]:user-invalid:focus::before, .form input[type=password]:user-invalid:focus::before, .form input[type=email]:user-invalid:focus::before, .form input[type=tel]:user-invalid:focus::before, .form textarea:user-invalid:focus::before {
  content: "Неверные данные";
}
.form textarea {
  line-height: 1.5;
  min-height: 48px;
  resize: none !important;
  padding: 10px 16px;
  margin-bottom: 10px;
}
.form textarea::-moz-placeholder {
  color: var(--accent-04);
  opacity: 1;
  text-shadow: none;
  font-weight: 400;
}
.form textarea::placeholder {
  color: var(--accent-04);
  opacity: 1;
  text-shadow: none;
  font-weight: 400;
}
.form input[disabled] {
  background-color: var(--accent-04);
  cursor: not-allowed;
  color: var(--accent-04);
}
.form input[data-mac-mask] {
  text-transform: uppercase;
}
.form select {
  height: 56px;
  width: 100%;
}
.form input[type=date] {
  padding-right: 3em;
  background-size: 1.2em auto;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.25em) center;
  min-width: 165px;
  cursor: pointer;
}
.form input[type=date][aria-valid=false], .form input[type=text][aria-valid=false], .form input[type=number][aria-valid=false], .form input[type=tel][aria-valid=false], .form input[type=password][aria-valid=false], .form input[type=email][aria-valid=false] {
  border-color: #FC4646;
  background-color: rgba(249, 66, 88, 0.12);
}
.form .af-select[aria-valid=false] {
  border-color: #FC4646;
  background-color: rgba(249, 66, 88, 0.12);
}
.form input[type=password][aria-valid=true], .form input[type=email][aria-valid=true] {
  padding-right: 3em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuNTY3IDEwLjI5OUwxMy41NDkuMzE3bDEuNDE0IDEuNDE0LTkuOTgyIDkuOTgyLTEuNDE0LTEuNDE0eiIgZmlsbD0iIzRBQzYzNSIvPjxwYXRoIGQ9Ik0xLjUxIDUuNDM0bDQuNDMgNC40MzItMS40MTMgMS40MTRMLjA5NiA2Ljg0OSAxLjUxIDUuNDM0eiIgZmlsbD0iIzRBQzYzNSIvPjwvc3ZnPg==);
  background-size: 1em auto;
  background-repeat: no-repeat;
  background-position: 96% center;
}
.form.is-validate input:invalid {
  background-color: rgba(249, 66, 88, 0.12);
}
.form div.error {
  color: #F94258;
  font-size: 13px;
  padding-top: 0.5em;
  width: 100%;
  line-height: 140%;
  font-weight: 400;
}
.form__note {
  color: var(--gray-36, #5B5B5B);
  width: 100%;
  line-height: 150%;
  padding-top: 8px;
}
.form__note span {
  cursor: pointer;
}
.form__note label {
  font-size: 14px;
}
.form__note--col2 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.form__note--col2 > span {
  cursor: pointer;
  padding-bottom: 10px;
}
.form__submit {
  padding-top: 12px;
}
.form__item {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.form__item > .form__item {
  margin: 0;
  flex-direction: column;
  width: 100%;
}
.form__subitem {
  flex-grow: 1;
  margin-bottom: 15px;
  margin-right: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: flex-end;
}
.form__subitem--leftlabel {
  max-width: 240px;
  font-size: 16px;
  align-self: start;
  font-weight: 500;
}
.form__subitem .form__item .form__subitem:last-child {
  margin-bottom: 0;
}
.form__subitem > label {
  font-size: 14px;
  color: var(--accent-02);
  padding-bottom: 8px;
}
.form__label {
  font-weight: 500;
  font-size: 16px;
  width: 100%;
  color: var(--accent);
  color: var(--text-01);
  padding-bottom: 10px;
}
.form__label span[data-tooltip] {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  cursor: pointer;
}
.form__label span[data-tooltip] svg {
  fill: var(--blue-light);
}
.form__label span[data-tooltip]:hover svg {
  fill: var(--blue-dark);
}
.form__buttons {
  display: flex;
  margin: -5px;
  flex-direction: column-reverse;
  width: 100%;
  justify-content: flex-end;
}
.form__buttons button {
  margin: 5px;
}
.form fieldset {
  border: none;
  padding: 0;
  margin-top: 40px;
}
.form fieldset:first-child {
  margin-top: 0px;
}
.form legend {
  margin-bottom: 30px;
}
.form .af-select {
  height: 52px;
  box-sizing: border-box;
  border-radius: 8px;
}
.form .af-select .select-options li {
  max-width: none;
  cursor: pointer;
}
.form .af-select .select-options li.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.form .af-select .select-list input {
  font-size: 16px;
  padding-left: 45px;
}

/* ========================================================
.input-material
======================================================== */
.input-material {
  position: relative;
  width: auto;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 0 15px;
  height: 60px;
  flex-grow: 1;
  background-color: #fff;
  /* active state */
}
.input-material input[type=text], .input-material input[type=date], .input-material input[type=number], .input-material input[type=password], .input-material input[type=email], .input-material input[type=tel] {
  font-size: 15px;
  padding: 10px 0;
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  color: var(--accent);
  font-weight: 500;
  height: 20px !important;
  transform: translateY(15px);
  color: #2F3030;
  border-radius: 0;
  font-family: var(--font-montserrat);
  margin-top: 3px;
}
.input-material input[type=text]:invalid, .input-material input[type=date]:invalid, .input-material input[type=number]:invalid, .input-material input[type=password]:invalid, .input-material input[type=email]:invalid, .input-material input[type=tel]:invalid {
  box-shadow: none !important;
}
.input-material input:focus {
  outline: none;
}
.input-material label {
  display: block;
  color: #2F3030;
  line-height: 140%;
  font-weight: normal;
  font-size: 15px;
  font-family: var(--font-montserrat);
  font-weight: 500;
  position: absolute;
  pointer-events: none;
  left: 0;
  padding-left: 15px;
  top: 18px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.input-material input:focus ~ label, .input-material input[area-valid] ~ label, .input-material textarea:focus ~ label, .input-material textarea[area-valid=true] ~ label, .input-material textarea[area-valid=false] ~ label {
  top: 8px;
  font-size: 12px;
  height: 15px;
  font-size: 12px;
  color: var(--accent);
}
.input-material textarea[area-valid=false] ~ .bar::before, .input-material textarea[area-valid=false] ~ .bar::after, .input-material input[area-valid=false] ~ .bar::before, .input-material input[area-valid=false] ~ .bar::after {
  background: #DF1F26;
  width: 50%;
}
.input-material textarea[area-valid=false] ~ .tooltip, .input-material input[area-valid=false] ~ .tooltip {
  color: #DF1F26;
}
.input-material textarea:focus[area-valid=false] ~ .bar::before, .input-material textarea:focus[area-valid=false] ~ .bar::after, .input-material input:focus[area-valid=false] ~ .bar::before, .input-material input:focus[area-valid=false] ~ .bar::after {
  background: #ccc;
  width: 50%;
}
.input-material input[area-valid], .input-material input:focus {
  margin-top: 12px;
}
.input-material textarea[area-valid=true] ~ .tooltip, .input-material input[area-valid=true] ~ .tooltip {
  width: 13px;
  height: 13px;
  display: block;
  background-image: url(/img/svg/ic_checked-green.svg);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.input-material textarea[area-valid=true] ~ .tooltip::before, .input-material input[area-valid=true] ~ .tooltip::before {
  display: none;
}
.input-material--textarea {
  height: auto;
}
.input-material--textarea textarea {
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
}
.input-material--date {
  padding-right: 3em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNDQ0IiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY4Mi42NjciIGhlaWdodD0iNjgyLjY2NyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik0xMjEuNSAxLjRjLTMuNyAxLjctNyA1LjItOC40IDguOS0uNiAxLjYtMS4xIDguOC0xLjEgMTYuMnYxMy4zbC0yOS4yLjRjLTI4LjcuMy0yOS41LjQtMzYuOSAzLTIwLjggNy4zLTM1LjMgMjEuNy00Mi42IDQyLjNsLTIuOCA4djM2NWwyLjggOGM3LjMgMjAuNiAyMS43IDM0LjkgNDIuNiA0Mi4zbDcuNiAyLjdoNDA1bDgtMi44YzIwLjYtNy4zIDM0LjktMjEuNyA0Mi4zLTQyLjZsMi43LTcuNnYtMzY1bC0yLjctNy42Yy03LjQtMjAuOS0yMS43LTM1LjMtNDIuMy00Mi42LTcuOS0yLjctOC4yLTIuOC0zNy4yLTMuMWwtMjkuMi0uNC0uMy0xNC44Yy0uMy0xNi4yLS44LTE3LjctNy4yLTIyLjQtMy45LTIuOS0xMy4zLTIuOS0xNy4yIDAtNi40IDQuNy02LjkgNi4yLTcuMiAyMi41bC0uMyAxNC45SDE0NC4xbC0uMy0xNC45Yy0uMy0xNi4yLS44LTE3LjgtNy0yMi40LTMuNC0yLjUtMTEuMy0zLjItMTUuMy0xLjN6bS05LjMgODEuNWMuMyAxMS44IDEuMiAxNC4xIDcuMiAxOC41IDMuOSAyLjkgMTMuMyAyLjkgMTcuMiAwIDYtNC40IDYuOS02LjcgNy4yLTE4LjVsLjQtMTAuOWgyMjMuNmwuNCAxMC45Yy4zIDExLjggMS4yIDE0LjEgNy4yIDE4LjUgMy45IDIuOSAxMy4zIDIuOSAxNy4yIDAgNi00LjQgNi45LTYuNyA3LjItMTguNWwuNC0xMSAyNy4xLjMgMjcuMi4zIDUuNyAyLjhjNy4yIDMuNSAxMyA5LjMgMTYuNSAxNi41IDIuOCA1LjcgMi44IDUuOCAzLjEgMjguOWwuMyAyMy4zSDMydi0yMS4zYzAtMTUuOC40LTIyLjYgMS40LTI2LjIgMy4xLTEwLjEgMTEuOC0xOS4yIDIxLjktMjIuNyA0LjUtMS41IDguOS0xLjcgMzAuOS0xLjhoMjUuNmwuNCAxMC45em0zNjcuNiAyMzIuM2wtLjMgMTM5LjMtMi43IDUuNWMtMy41IDcuMS05LjcgMTMuMy0xNi43IDE2LjhsLTUuNiAyLjdoLTM5N2wtNS41LTIuN2MtNy4xLTMuNS0xMy4zLTkuNy0xNi44LTE2LjdsLTIuNy01LjYtLjMtMTM5LjNMMzIgMTc2aDQ0OGwtLjIgMTM5LjJ6Ii8+PC9zdmc+);
  background-size: 1.2em auto;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.25em) center;
  min-width: 165px;
  cursor: pointer;
}
.input-material--suggest {
  padding-right: 3em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNTI1MTY2IiB3aWR0aD0iMTciIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjgwNSAxNS44NjZMMTIuMDEgMTEuMDdjMi4xODUtMi42NTkgMi4wMzctNi42MDYtLjQ0Ni05LjA4OWE2Ljc4MyA2Ljc4MyAwIDAwLTkuNTgyIDAgNi43ODMgNi43ODMgMCAwMDAgOS41ODJjMi40ODMgMi40ODIgNi40MjkgMi42MzIgOS4wODkuNDQ2bDQuNzk2IDQuNzk2YS42NjQuNjY0IDAgMDAuOTQtLjkzOXptLTYuMTgyLTUuMjQzYTUuNDUzIDUuNDUzIDAgMDEtNy43MDIgMCA1LjQ1MyA1LjQ1MyAwIDAxMC03LjcwMyA1LjQ1MyA1LjQ1MyAwIDAxNy43MDIgMCA1LjQ1MyA1LjQ1MyAwIDAxMCA3LjcwM3oiLz48L3N2Zz4=);
  background-size: 1.2em auto;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.25em) center;
  min-width: 165px;
  cursor: pointer;
}
.input-material--suggest .suggest-list {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: auto;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #e9e9e9;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #FFFFFF;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25);
  color: #000;
  min-width: 100%;
  width: auto;
  max-height: 300px;
}
.input-material--suggest .suggest-list li {
  margin: 0;
  padding: 0.75rem 15px;
  border-top: 1px solid #e3e0ea;
  transition: all 0.15s ease-in;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.input-material--suggest .suggest-list li.active, .input-material--suggest .suggest-list li:hover {
  background-color: #ccc;
}

.input-material.err {
  border-color: #FC4646;
}

.input-material.err label {
  color: #FC4646 !important;
}

.multi-mask {
  width: 100%;
  position: relative;
  display: flex;
  align-items: stretch;
  flex-direction: row-reverse;
  border: 1px solid #C6C6C6;
  z-index: 5;
  max-width: 550px;
  background-color: #fff;
  border: beige;
  border-radius: 8px;
}
.multi-mask.err {
  border: 1px solid #FC4646 !important;
}
.multi-mask input[type] {
  border-color: transparent;
  background-color: transparent;
}
.multi-mask__select {
  margin: 7px;
  cursor: pointer;
}
.multi-mask__select.is-open .multi-mask__dropd {
  display: block;
}
.multi-mask__select.is-open .multi-mask__title::after {
  transform: rotate(180deg);
}
.multi-mask__dropd {
  display: none;
  position: absolute;
  left: 7px;
  top: calc(100% + 7px);
  background-color: #f5f5f5;
  z-index: 5;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.multi-mask__dropd ul {
  list-style-type: none;
}
.multi-mask__dropd li {
  padding: 8px 15px;
  white-space: nowrap;
}
.multi-mask__dropd li:hover {
  background-color: #eee;
}
.multi-mask__title {
  background-color: transparent;
  height: 100%;
  display: flex;
  align-items: center;
  min-width: 50%;
  padding-left: 10px;
  justify-content: center;
  border-radius: 3px;
  margin-right: -7px;
}
.multi-mask__title::after {
  content: "";
  width: 10px;
  height: 6px;
  margin-left: 8px;
  display: inline-block;
  transition: 0.3s ease;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODE3LjI5OWEuNzcyLjc3MiAwIDAxLS4xMyAxLjExOUw1IDUgLjMxMyAxLjQxOGEuNzcyLjc3MiAwIDAxLS4xMy0xLjEyLjg2Ljg2IDAgMDExLjE3LS4xMjRMNSAyLjk2MSA4LjY0Ni4xNzRBLjg2Ljg2IDAgMDE5LjgxNy4zeiIgZmlsbD0iIzAwOTBDMyIvPjwvc3ZnPg==);
}
.multi-mask .country-flag {
  width: 22px;
  height: 15px;
  background-color: #eee;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.multi-mask .country-code {
  font-size: 17px;
  display: inline-block;
  margin-left: 8px;
}

.star-required {
  color: #f00;
}

.input-group {
  width: 100%;
  margin: 0;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  font: 400 16px/24px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  align-items: center;
}
.input-group__title {
  color: var(--text-1);
}
.input-group__inputs {
  display: flex;
  gap: 4px;
  width: 100%;
}
.input-group label {
  background: var(--accent-12);
  color: var(--text-2);
  padding: 12px 24px;
  border-radius: 12px;
  transition: 0.4s;
  cursor: pointer;
  flex-grow: 1;
  text-align: center;
  width: 100%;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.input-group label input {
  display: none;
}
.input-group label:has(input:checked) {
  background: var(--accent-11);
  color: var(--white);
}
.input-group.slim label {
  padding: 12px;
}
.input-group.inline .input-group__inputs {
  gap: 0;
}
.input-group.inline label:not(:first-of-type) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group.inline label:not(:last-of-type) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.prefixed-input {
  display: flex;
  align-items: center;
  background: var(--accent-12);
  border-radius: 12px;
  font: 400 16px/24px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  padding-inline: 16px;
}
.prefixed-input:focus-within {
  box-shadow: 0 0 0 2px var(--accent-11) inset;
}
.prefixed-input label {
  white-space: nowrap;
  color: var(--text-2);
}
.prefixed-input input {
  border: none !important;
  background: none;
  font-size: inherit !important;
  line-height: inherit !important;
  padding-left: 8px !important;
}
.prefixed-input input::-moz-placeholder {
  color: var(--text-2) !important;
}
.prefixed-input input::placeholder {
  color: var(--text-2) !important;
}
.prefixed-input .icon {
  margin-left: 16px;
  min-width: 28px;
  color: var(--text-3);
}
.prefixed-input .clear {
  padding: 0;
  font-size: 1.5em;
  border: none;
  background: none;
  color: var(--text-3);
  cursor: pointer;
}
.prefixed-input .clear:hover {
  color: #DF1F26;
}

.select-range {
  display: flex;
  gap: 4px;
  min-width: 300px;
  width: 100%;
}
.select-range .af-select {
  min-width: 40%;
  max-width: 50%;
}
.select-range .prefix {
  white-space: nowrap;
}

.yt-video,
.video {
  margin: 0 auto;
  position: relative;
  background: #ccc;
  overflow: hidden;
  overflow: hidden;
}
.yt-video.is-play .video__source,
.video.is-play .video__source {
  z-index: 4;
}
.yt-video.is-play .yt-video__iframe,
.video.is-play .yt-video__iframe {
  z-index: 4;
  display: block;
  border-radius: 6px;
  overflow: hidden;
}
.yt-video.is-pause .video__source,
.video.is-pause .video__source {
  z-index: 2;
}
.yt-video iframe,
.video iframe {
  border: none;
  position: relative;
  z-index: 2;
}
.yt-video.play,
.video.play {
  position: relative;
}
@keyframes load {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.yt-video.play::before,
.video.play::before {
  content: "";
  width: 36px;
  min-width: 36px;
  height: 36px;
  border: 5px solid #fff;
  display: block;
  border-radius: 50%;
  border-left: 5px solid transparent;
  animation: load 0.8s infinite linear;
  margin: 0 auto;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -18px;
}
.yt-video.play .video__preview, .yt-video.play .video__action,
.video.play .video__preview,
.video.play .video__action {
  display: none;
}
.yt-video__preview,
.video__preview {
  position: relative;
  z-index: 2;
}
.yt-video__preview picture,
.video__preview picture {
  padding-top: 55.9%;
  display: block;
  position: relative;
}
.yt-video__preview picture img,
.video__preview picture img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  color: transparent;
  margin: 0;
}
.yt-video__action,
.video__action {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: 0.3s ease;
  z-index: 3;
}
.yt-video__action:hover,
.video__action:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.yt-video__title,
.video__title {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  max-width: 400px;
  margin: 0 auto;
  line-height: 140%;
}
.yt-video__button,
.video__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  background-color: transparent;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
.yt-video__button span,
.video__button span {
  display: none;
}
.yt-video__button:hover,
.video__button:hover {
  opacity: 0.9;
}
.yt-video__button a,
.video__button a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.yt-video__button span,
.video__button span {
  color: #FFFFFF;
  font-size: 16px;
  text-decoration: underline;
}
.yt-video__button svg,
.video__button svg {
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
.yt-video__button svg:hover,
.video__button svg:hover {
  opacity: 1;
}
.yt-video__source,
.video__source {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.yt-video__source video,
.video__source video {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.yt-video__iframe,
.video__iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: none;
}
.yt-video__iframe iframe,
.video__iframe iframe {
  width: 100%;
  height: 100%;
}

/* burger */
.btn-burger {
  position: relative;
  display: none;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: inherit;
  text-transform: inherit;
  font: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
  overflow: visible;
}
.btn-burger i {
  border-radius: 5px;
}
.btn-burger i:first-of-type, .btn-burger i:nth-of-type(3) {
  content: "";
  margin-top: -8px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, opacity 0.15s 50ms;
}
.btn-burger i:first-of-type, .btn-burger i:nth-of-type(2), .btn-burger i:nth-of-type(3) {
  position: absolute;
  right: 5px;
  top: 50%;
  width: 22px;
  height: 2px;
  background: #000;
  transform: translateZ(0);
}
.btn-burger i:first-of-type, .btn-burger i:nth-of-type(3) {
  content: "";
  margin-top: -8px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, opacity 0.15s 50ms;
}
.btn-burger i:nth-of-type(2) {
  margin-top: -2px;
  display: block;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 50ms;
}
.btn-burger i:nth-of-type(3) {
  margin-top: 4px;
}
.btn-burger.open {
  transform: rotate(135deg) translateY(2px);
  transition-delay: 0.2s;
}
.btn-burger.open i:first-of-type {
  transform: translateY(6px);
  transition-delay: 0s, 0.2s;
  max-width: none;
}
.btn-burger.open i:nth-of-type(2) {
  transition-delay: 0.15s;
  transform: rotate(90deg);
  max-width: none;
}
.btn-burger.open i:nth-of-type(3) {
  transform: translateY(-6px);
  opacity: 0;
  transition-delay: 0s, 0.15s;
  max-width: none;
}

.faq {
  padding-top: 12px;
  padding-bottom: 50px;
}
.faq > div {
  margin-bottom: 12px;
}
.faq > div:last-child {
  margin-bottom: 0;
}

.faq-item {
  transition: 0.4s ease;
  cursor: pointer;
  background-color: var(--bg-01);
  border-radius: 24px;
  border: 2px solid var(--bg-01);
  overflow: hidden;
}
.faq-item:nth-child(even) {
  background-color: #fff;
}
.faq-item:nth-child(even) .faq-item__answer {
  background-color: var(--bg-01);
}
.faq-item:hover {
  transition: 0.4s ease;
}
.faq-item__arrow {
  transition: 0.4s ease;
  width: 48px;
  height: 48px;
  background: var(--accent-01);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq-item__arrow svg {
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
}
.faq-item.open {
  transition: 0.4s ease;
  background-color: var(--white);
  border: 2px solid var(--bg-02);
}
.faq-item.open .faq-item__arrow svg {
  transform: rotate(-270deg);
}
.faq-item.open .faq-item__question {
  padding: 16px 20px;
}
.faq-item.open .faq-item__answer {
  opacity: 1;
  height: auto;
}
.faq-item.open .faq-item__answer p {
  padding: 0 20px 16px;
}
.faq-item.open .icon-cross {
  transform: rotate(45deg);
}
.faq-item.open .icon-cross-border {
  border-color: var(--accent);
}
.faq-item__question {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  transition: 0.4s ease;
}
.faq-item__answer {
  height: 0;
  overflow: hidden;
  color: #555;
  font-size: 14px;
  line-height: 125%;
  background-color: #fff;
  border-radius: 8px;
  opacity: 0;
  font-family: var(--font-montserrat);
  transition: 0.4s ease;
  cursor: default;
}
.faq-item__answer p:first-child {
  margin-top: 0;
}
.faq-item__answer p:last-child {
  margin-bottom: 0;
}
.faq-item__title {
  transition: 0.4s ease;
  flex-grow: 1;
  font: 700 16px/22px var(--font-wix);
  color: var(--accent-02);
  width: calc(100% - 48px);
}
.faq-item__arrow {
  display: flex;
  align-items: center;
  transition: 0.4s ease;
  margin-left: 10px;
}
.faq-item__arrow svg {
  transition: 0.4s ease;
}

.icon-cross {
  width: 16px;
  min-width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  transition: 0.4s ease;
}

.icon-cross::after,
.icon-cross::before {
  display: inline-block;
  background: var(--accent);
  position: absolute;
  content: "";
}

.icon-cross::before {
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  transition: 0.4s ease;
}

.icon-cross::after {
  top: 0;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 100%;
  transition: 0.3s;
}

.icon-cross-border {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

/******************************************************************
FAQ
******************************************************************/
.pagination {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 16px;
}
.pagination .btn__white {
  height: 52px;
}
.pagination > a {
  width: 100%;
}
.pagination__page {
  display: none;
  gap: 4px;
  padding: 6px;
  border: 2px solid var(--border-01);
  border-radius: 20px;
}
.pagination__page li {
  background: var(--white);
  color: var(--accent-02);
  border-radius: 12px;
  cursor: pointer;
  transition: 0.3s ease;
  height: 40px;
}
.pagination__page li a {
  transition: 0.3s ease;
  color: var(--accent-02);
}
.pagination__page li:has(span) {
  pointer-events: none;
}
.pagination__page li.active {
  background: var(--accent-03);
  color: var(--accent-01);
  pointer-events: none;
}
.pagination__page li.active a {
  color: var(--accent-01);
}
.pagination__page li.control {
  background: var(--accent-21);
  border-color: var(--accent-21);
  color: var(--white);
}
.pagination__page li.control.disabled {
  background: transparent;
  border-color: var(--text-3);
  color: var(--text-3);
  pointer-events: none;
}
.pagination__page a, .pagination__page span {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  color: inherit;
  font: 600 16px/24px var(--font-wix);
  letter-spacing: 0.02em;
}
.pagination__page.compact span,
.pagination__page.compact a {
  height: 42px;
}
.pagination__more {
  width: 100%;
}
.pagination__more .btn {
  width: 100%;
}
.pagination--showmore .pagination__page {
  width: auto;
}
.pagination__total {
  color: #000;
  white-space: nowrap;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-review__project * {
  margin: 0;
}

header.black .headerMenu {
  background-color: rgb(49, 53, 61);
}
header.black .headerMenu__mobile .btn__mobile_phone {
  background-color: var(--white);
}
header.black .headerMenu__nav > li a {
  color: var(--white);
}
header.black .headerMenu__nav .info-action__title .name {
  color: var(--white);
}
header.black .headerMenu__nav .info-action__title .bgimage {
  filter: invert(100%);
}
header.black .headerMenu__contact .header-contact__title a {
  color: var(--white);
}
header.black .headerMenu__contact .header-contact__sub {
  color: rgb(205, 206, 209);
}
header .headerLine {
  background: var(--accent-03);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 32px;
}
header .headerLine__link ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
header .headerLine__link ul li {
  flex-grow: 1;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .headerLine__link ul a {
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  transition: 0.3s ease;
  font-size: 14px;
  line-height: 142%;
}
header .headerLine__link ul a:hover {
  opacity: 0.6;
}
header .headerLine__info {
  gap: 18px;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  transition: 0.3s ease;
  font-size: 14px;
  line-height: 142%;
  display: none;
}
header .headerLine__info_mail {
  color: var(--white);
  opacity: 0.7;
}
header .headerLine__info_mail:hover {
  opacity: 0.99;
}
header .headerLine__info_address {
  color: var(--white);
}
header .headerMenu {
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 32px;
}
header .headerMenu__mobile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
header .headerMenu__mobile .btn__mobile_phone {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background: rgba(117, 173, 31, 0.08);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: none;
}
header .headerMenu__mobile .btn__mobile_phone i {
  display: block;
}
header .headerMenu__mobile .btn__mobile_phone .bgimage {
  min-width: 16px;
  width: 16px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
header .headerMenu__mobile .openMobMenu {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background: var(--accent-01);
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  cursor: pointer;
  display: none;
}
header .headerMenu__mobile .openMobMenu.is--active .icon i {
  margin: -2px -2px -3px -1px;
}
header .headerMenu__mobile .openMobMenu.is--active .icon i:nth-of-type(1) {
  transform: rotate(45deg);
}
header .headerMenu__mobile .openMobMenu.is--active .icon i:nth-of-type(2) {
  transform: rotate(-45deg);
}
header .headerMenu__mobile .openMobMenu .icon {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: 0.1s;
  cursor: pointer;
  min-width: 16px;
  width: 16px;
  height: 16px;
}
header .headerMenu__mobile .openMobMenu .icon i {
  width: 16px;
  height: 1px;
  border-radius: 2px;
  background: #fff;
  transform: rotate(0);
  transition: margin 0.3s;
}
header .headerMenu__left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
}
header .headerMenu__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
header .headerMenu__logo .bgimage {
  width: 106px;
  height: 40px;
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
header .headerMenu__nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
header .headerMenu__nav .info-action {
  position: relative;
  transition: 0.3s ease;
}
header .headerMenu__nav .info-action__title {
  display: flex;
  align-items: center;
  gap: 11px;
}
header .headerMenu__nav .info-action__title .name {
  font-size: 16px;
  line-height: 150%;
  color: var(--text-1);
  font-weight: 600;
  transition: 0.3s ease;
}
header .headerMenu__nav .info-action__title i {
  padding-top: 3px;
  display: block;
  transition: 0.3s ease;
}
header .headerMenu__nav .info-action__title .bgimage {
  min-width: 16px;
  width: 16px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
header .headerMenu__nav .info-action:hover {
  cursor: pointer;
}
header .headerMenu__nav .info-action:hover .info-action__title .name {
  color: var(--accent-01);
}
header .headerMenu__nav .info-action:hover .info-action__title i {
  padding-top: 0;
  transform: rotate(180deg);
}
header .headerMenu__nav .info-action:hover .info-action__title .bgimage {
  filter: invert(59%) sepia(35%) saturate(1637%) hue-rotate(44deg) brightness(98%) contrast(90%);
}
header .headerMenu__nav .info-action:hover .dropdown {
  display: flex;
}
header .headerMenu__nav .info-action .dropdown {
  display: none;
  position: absolute;
  left: -20px;
  top: 100%;
  z-index: 2;
  width: 328px;
  background: #fff;
  border-radius: 8px;
  padding: 8px;
  flex-direction: column;
  gap: 4px;
  transition: 0.2s ease;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12);
}
header .headerMenu__nav .info-action .dropdown a {
  font-size: 15px;
  line-height: 150%;
  color: var(--text-01);
  font-weight: 400;
  padding: 10px 12px;
  height: 40px;
  display: flex;
  border-radius: 6px;
}
header .headerMenu__nav .info-action .dropdown a:hover {
  background: rgb(242, 244, 247);
}
header .headerMenu__nav > li a {
  font-size: 16px;
  line-height: 150%;
  color: var(--text-01);
  font-weight: 600;
}
header .headerMenu__nav > li a:hover {
  color: var(--accent-01);
}
header .headerMenu__contact {
  display: flex;
  align-items: center;
  gap: 20px;
}
header .headerMenu__contact .header-contact {
  display: flex;
  align-items: center;
  gap: 8px;
}
header .headerMenu__contact .header-contact__title {
  font-size: 16px;
  line-height: 150%;
}
header .headerMenu__contact .header-contact__title a {
  color: var(--text-1);
  font-weight: bold;
}
header .headerMenu__contact .header-contact__title a:hover {
  opacity: 0.7;
}
header .headerMenu__contact .header-contact__sub {
  font-size: 13px;
  line-height: 135%;
  color: var(--text-2);
  position: relative;
  padding-left: 8px;
}
header .headerMenu__contact .header-contact__sub:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 1px;
  height: 16px;
  background: #CECFD1;
}
header .headerMenu__msgr {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}
header .headerMenu__msgr .btn {
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 4px;
  border-radius: 16px;
}
header .headerMenu__msgr .btn svg {
  margin-left: 0;
}
header .headerMenu__msgr ul {
  display: flex;
  align-items: center;
  gap: 4px;
}
header .headerMenu__msgr ul li {
  border-radius: 50%;
  overflow: hidden;
  transition: 0.4s ease;
}
header .headerMenu__msgr ul li:hover {
  opacity: 0.5;
}
header .headerMenu__msgr .bgimage {
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
  transition: 0.4s ease;
}
header .MenuMobile {
  position: absolute;
  left: -111%;
  top: 0;
  width: 100%;
  padding-top: 64px;
  background: #ffffff;
  height: 100%;
  transition: 0.2s ease;
  display: flex;
  flex-direction: column;
}
header .MenuMobile .footerTop {
  display: flex;
  flex-direction: column-reverse;
  padding: 0 16px;
  overflow: scroll;
}
header .MenuMobile .footerTop .footer__contacts {
  border-bottom: none;
  border-top: 1px solid var(--elements-01);
  border-right: none;
  padding-top: 24px;
  width: 100%;
}
header .MenuMobile .footerTop .footer__contacts .footer__logo {
  display: none;
}
header .MenuMobile .footerTop .footer__contacts .header-contact__title {
  font-size: 20px;
}
header .MenuMobile .footerTop .footer__email {
  padding-top: 8px;
}
header .MenuMobile .footerTop .footer__catalog {
  padding-top: 18px;
  padding-bottom: 24px;
}
header .MenuMobile .footerTop .footer__catalog .footer__row {
  gap: 8px;
}
header .MenuMobile .footerTop .footer-category__head:after {
  right: 4px;
  top: 2px;
  width: 14px;
  height: 14px;
  background-size: 16px;
}
header.open {
  top: 0;
  left: 0;
  height: 100vh;
  position: sticky;
  width: 100%;
  background: #fff;
  z-index: 11;
}
header.open .MenuMobile {
  left: 0;
  z-index: 8;
}

footer {
  background-color: var(--bg-02);
  border-top: 1px solid var(--elements-01);
}
footer.black .footer__bg {
  background-color: rgb(49, 53, 61);
  color: rgb(205, 206, 209);
}
footer.black .footer__bg .footer__text p {
  color: rgb(205, 206, 209);
}
footer.black .footer__bg .footer__copyright {
  color: rgb(255, 255, 255);
}
footer.black .footer__bg .footer__policy a {
  color: rgb(255, 255, 255);
}
footer.black .footer__bg .footer__policy a:hover {
  opacity: 0.6;
}

.footer {
  padding: 24px 0 0;
  color: var(--text-1);
}
.footer .footer__bg {
  padding-bottom: 24px;
}
.footer .footerTop {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--elements-01);
  padding-bottom: 24px;
  flex-wrap: wrap;
}
.footer__catalog {
  padding-top: 24px;
  display: block;
  width: 100%;
}
.footer__catalog .footer__col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer__logo {
  padding-bottom: 12px;
}
.footer__logo .bgimage {
  width: 124px;
  height: 64px;
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.footer__sl {
  color: var(--accent-04);
  font-size: 14px;
  line-height: 142%;
  padding-bottom: 23px;
}
.footer__email {
  padding-top: 16px;
}
.footer__email a {
  font-size: 20px;
  line-height: 160%;
  font-weight: 600;
  font-weight: 600;
  color: var(--text-1);
}
.footer__email a:hover {
  opacity: 0.7;
}
.footer__address {
  font-size: 15px;
  line-height: 150%;
  color: #71747A;
  padding: 0;
  max-width: 344px;
}
.footer__phones {
  padding: 20px 0 18px 0;
}
.footer__phones li {
  padding-bottom: 16px;
}
.footer__phones li:last-child {
  padding-bottom: 0;
}
.footer__phones li a {
  font-size: 18px;
  line-height: 133%;
  font-weight: 700;
  color: var(--text-1);
}
.footer__phones li a:hover {
  color: var(--accent-03);
}
.footer__worktime {
  color: var(--accent-04);
}
.footer__contact {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer__contact .header-contact {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer__contact .header-contact__title {
  font-size: 18px;
  line-height: 133%;
  font-weight: 700;
}
.footer__contact .header-contact__title a {
  color: var(--text-1);
  font-weight: bold;
}
.footer__contact .header-contact__title a:hover {
  opacity: 0.7;
}
.footer__contact .header-contact__sub {
  font-size: 15px;
  line-height: 150%;
  color: var(--text-2);
  position: relative;
  padding-left: 10px;
}
.footer__contact .header-contact__sub:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 18px;
  background: #CECFD1;
}
.footer__contacts {
  border-bottom: 1px solid var(--elements-01);
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.footer__msgr {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.footer__msgr ul {
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer__msgr ul li a .bgimage {
  filter: invert(50%);
}
.footer__msgr ul li a:hover .bgimage {
  filter: invert(0);
}
.footer__msgr .bgimage {
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  transition: 0.4s ease;
}
.footer__text p {
  color: var(--text-2);
  font-size: 13px;
  line-height: 135%;
}
.footer__bottom {
  padding: 28px 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 12px;
}
.footer__bottom a {
  color: var(--text-1);
}
.footer__bottom a:hover {
  color: var(--accent-03);
}
.footer__copyright {
  color: var(--text-1);
  font-size: 15px;
  line-height: 150%;
}
.footer__policy {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.footer__policy a {
  color: var(--text-2);
  font-size: 15px;
  line-height: 150%;
}
.footer__policy a:hover {
  color: var(--text-1);
}
.footer__text {
  padding: 20px 0 0;
}

.footer-category {
  color: var(--text-1);
}
.footer-category__head {
  font-size: 16px;
  line-height: 150%;
  font-weight: 600;
  padding-bottom: 5px;
}
.footer-category__list ul li {
  padding: 6px 0;
}
.footer-category__list ul li a {
  font-size: 14px;
  line-height: 142%;
  color: var(--text-2);
  font-weight: 500;
}

.section-about-company {
  overflow: visible;
  padding: 45px 0 24px;
}
.about-company__right {
  margin-top: 21px;
}
.about-company__pic {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 100%;
  height: 100%;
  margin-right: -36px;
}
.about-company__pic picture, .about-company__pic img {
  width: 100%;
  height: 100%;
}
.about-company__media {
  border: 6px solid var(--accent-02);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 0px 6px var(--accent-01);
  margin: 6px;
  padding-top: 150%;
  position: relative;
}
.about-company__media > * {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
}
.about-company__media > * img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.about-company__media .splide .splide__track {
  height: 100%;
}
.about-company__media .splide .splide__track .splide__slide {
  height: 100%;
}
.about-company__media .splide .splide__track .splide__slide picture, .about-company__media .splide .splide__track .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.about-company__main {
  background-color: var(--bg-02);
  padding: 20px;
  border-radius: 20px;
  color: var(--accent-02);
}
.about-company__h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
}
.about-company__h2 span {
  font-size: 0.65em;
  line-height: 170%;
  display: block;
}
.about-company__text {
  font-size: 16px;
  line-height: 156%;
}

.section-best-offers {
  background-color: var(--bg);
  padding: 24px 0 0;
}
.section-best-offers .is-hide {
  display: none;
}

.best-offers__title {
  padding-bottom: 6px;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
}
.best-offers__tabs {
  padding: 8px 0;
  border-radius: 8px;
  display: flex;
  overflow-x: auto;
  margin-bottom: 6px;
}
.best-offers__tabs ul {
  display: flex;
  margin: 0;
  gap: 4px;
  padding-right: 8px;
}
.best-offers__tabs ul li {
  white-space: nowrap;
  padding: 0;
}
.best-offers__tabs ul li span {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 5px 12px;
  border-radius: 30px;
  cursor: pointer;
  transition: 0.3s ease;
  color: var(--text-2);
  border: 1px solid var(--border-02);
  background-color: var(--bg);
}
.best-offers__tabs ul li.is-active span {
  background-color: var(--accent-02);
  border-color: var(--accent-02);
  color: #fff;
}
.best-offers__slider {
  padding-bottom: 16px;
}
.best-offers__slider .splide__arrow {
  top: -90px;
  transform: inherit;
}
.best-offers__slider .splide__arrow--prev {
  left: inherit;
  right: 66px;
}
.best-offers__slider .splide__arrow--next {
  right: 2px;
}
.best-offers__slider .splide__track {
  overflow: visible;
}
.best-offers__slider .splide__slide:not(.is-visible) {
  opacity: 0.5;
}
.best-offers__slider .splide__slide:nth-child(2) .minicard {
  animation-delay: 0.1s;
}
.best-offers__slider .splide__slide:nth-child(3) .minicard {
  animation-delay: 0.15s;
}
.best-offers__slider .splide__slide:nth-child(4) .minicard {
  animation-delay: 0.2s;
}
.best-offers__slider .splide__pagination {
  position: relative;
  padding: 28px 0 8px;
}
.best-offers__bottom {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
.best-offers__nav {
  display: none;
  align-items: center;
  margin-left: auto;
}
.best-offers__nav-prev, .best-offers__nav-next {
  width: 56px;
  height: 56px;
  border: 1px solid transparent;
  background-color: var(--accent);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
}
.best-offers__nav-prev:hover, .best-offers__nav-next:hover {
  background-color: var(--accent-02);
}
.best-offers__nav-prev:hover svg, .best-offers__nav-next:hover svg {
  fill: var(--accent-01);
}
.best-offers__nav-prev svg, .best-offers__nav-next svg {
  width: 14px;
  height: 14px;
  fill: #fff;
}
.best-offers__nav-prev[disabled], .best-offers__nav-next[disabled] {
  opacity: 0.7;
  box-shadow: none;
  background-color: #D3DBE1;
  cursor: default;
}
.best-offers__nav-prev[disabled] svg, .best-offers__nav-next[disabled] svg {
  fill: var(--text-3);
}
.best-offers__nav svg {
  fill: var(--accent-02);
}
@keyframes to-fade-minicard {
  from {
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.best-offers .minicard {
  opacity: 0;
  animation: to-fade-minicard 0.4s ease forwards;
}
.best-offers .toggle-currency {
  padding-left: 16px;
}
.best-offers .toggle-currency li span {
  font-weight: 400 !important;
}

.sectionFirstBlock {
  position: relative;
  padding: 0 0 32px;
}
.sectionFirstBlock__top {
  position: relative;
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.sectionFirstBlock__top_img {
  position: absolute;
  top: 0;
  left: -16px;
  width: 100vw;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.sectionFirstBlock__top_img picture, .sectionFirstBlock__top_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.sectionFirstBlock__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: none;
}
.sectionFirstBlock__img picture, .sectionFirstBlock__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.sectionFirstBlock .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.sectionFirstBlock__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: normal;
  color: var(--white);
  position: relative;
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 108px;
}
.sectionFirstBlock__box {
  padding: 12px 36px;
  position: relative;
  z-index: 1;
  text-align: center;
}
.sectionFirstBlock__box_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  color: var(--white);
  padding-bottom: 8px;
}
.sectionFirstBlock__box_text {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 140%;
  color: var(--white);
}
.sectionFirstBlock__info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 1;
  gap: 6px;
}
.sectionFirstBlock__info_tab {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: hidden;
  overflow-x: auto;
}
.sectionFirstBlock__info_tab ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.sectionFirstBlock__info_tab ul li, .sectionFirstBlock__info_tab ul a {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  color: var(--text-1);
  background: #F2F4F7;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  line-height: 142%;
  font-weight: 400;
  white-space: nowrap;
  transition: all 0.3s ease;
}
.sectionFirstBlock__info_tab ul li.active, .sectionFirstBlock__info_tab ul a.active {
  background: #49505C;
  color: var(--white);
}
.sectionFirstBlock__info_search {
  background: var(--bg-01);
  border-radius: 8px;
  width: 100%;
  min-height: 78px;
}
.sectionFirstBlock__info_search > p {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 120%;
  color: var(--white);
}

.section-form-order {
  padding: 24px 0;
}

.form-order {
  border: 2px solid var(--border-02);
  padding: 24px 24px 12px;
  border-radius: 22px;
}
.form-order__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 4px;
}
.form-order__desc {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400 !important;
  color: var(--accent-04);
  padding-bottom: 10px;
}
.form-order__form .form__item {
  align-items: flex-end;
}
.form-order__form .form__subitem textarea {
  min-height: 48px;
  margin-bottom: 0;
}
.form-order__form .form__subitem textarea::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.form-order__form .btn {
  width: 100%;
}
.form-order__form .btn svg {
  margin-top: 2px;
  margin-left: 15px !important;
}

.popup-form {
  padding: 0;
  max-width: 480px;
}
.popup-form__title {
  font-weight: 700;
  line-height: 120%;
  font-size: 24px;
  color: var(--text-1);
  padding-bottom: 12px;
  color: var(--accent-02);
}
.popup-form__desc {
  line-height: 150%;
  padding-bottom: 5px;
  font-size: 16px;
  color: var(--accent-04);
}
.popup-form__name {
  font-weight: bold;
  color: var(--green);
  font-size: 18px;
  padding-bottom: 12px;
  line-height: 130%;
}
.popup-form .form__subitem > label {
  background-color: #fff;
}
.popup-form .form__subitem .btn {
  width: 100%;
}
.popup-form .form__subitem .form__note {
  margin-top: 0;
  padding-bottom: 0;
}
.popup-form .form__subitem textarea {
  min-height: 48px;
  margin-bottom: 0;
}
.popup-form .form__subitem textarea::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.popup-form .form__note {
  text-align: center;
  margin-top: 10px;
}

.popup-success {
  padding: 20px 15px;
  max-width: 490px;
}
.popup-success__title {
  font-size: 18px;
  line-height: 133%;
  font-weight: 700;
  padding-bottom: 12px;
  color: var(--gray-20);
  text-align: center;
}
.popup-success__desc {
  line-height: 150%;
  padding-bottom: 25px;
  font-size: 18px;
  text-align: center;
  color: var(--gray-36);
}
.popup-success__btn .btn {
  width: 100%;
}

.section-seotext-block {
  padding-top: 24px;
}

.seotext-block {
  padding-bottom: 50px;
}
.seotext-block.open .seotext-block__text {
  max-height: 1600px !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
.seotext-block .seotext-block__all .icon.rotated {
  transform: rotateX(180deg);
}
.seotext-block__title {
  padding-bottom: 16px;
}
.seotext-block__title h3 {
  color: var(--accent-02);
}
.seotext-block__text:not(.seotext-block__text.textOnly) {
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
  max-height: 265px;
  overflow: hidden;
  opacity: 1;
  mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  overflow: hidden;
}
.seotext-block__text h1, .seotext-block__text h2, .seotext-block__text h3, .seotext-block__text h4 {
  color: var(--accent-02);
}
.seotext-block__text .col2 p:first-child {
  margin-top: 0;
}
.seotext-block__all {
  transition: 0.4s all;
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 10px;
  color: var(--accent-02);
  margin-top: 16px;
  font: 600 16px/24px var(--font-wix);
}
.seotext-block__all span, .seotext-block__all svg {
  z-index: 1;
}
.seotext-block__all:before {
  transition: 0.3s ease;
  content: "";
  width: 100%;
  height: 0;
  border-radius: 8px;
  background-color: var(--border-01);
  left: 0;
  bottom: 0;
  z-index: 0;
  position: absolute;
}
.seotext-block__all svg {
  width: 14px;
  fill: var(--accent-02);
  margin-top: 2px;
}

.section-stories-block {
  padding: 16px 0;
}

.story-card__preview {
  position: relative;
}
.story-card__preview::before {
  position: absolute;
  top: 20px;
  left: 25px;
  z-index: 2;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjQzOCA1LjM0NmMyLjA4MiAxLjE1NyAyLjA4MiA0LjE1MSAwIDUuMzA4bC04LjkyOCA0Ljk2QzIuNDg3IDE2LjczOCAwIDE1LjI3NCAwIDEyLjk2VjMuMDRDMCAuNzI1IDIuNDg3LS43MzggNC41MS4zODZsOC45MjggNC45NnoiIGZpbGw9IiNBRUVCNjciLz48L3N2Zz4=);
  width: 18px;
  height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(200);
}
.story-card__preview picture {
  position: relative;
  display: block;
  padding-top: 100%;
  transition: 0.3s ease;
  overflow: hidden;
  box-sizing: border-box;
}
.story-card__preview picture img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  color: transparent;
}
.story-card__preview picture img {
  border: 4px solid var(--bg-02);
  border-radius: 32px;
  transition: border 0.3s ease;
  cursor: pointer;
}
.story-card__title {
  color: var(--accent-02);
  font-weight: 600;
  transition: 0.3s ease;
  font-size: 14px;
  line-height: 142%;
  text-align: center;
  font-weight: 600;
  letter-spacing: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.story-card__title {
  padding-top: 8px;
}

.stories-block .splide {
  margin: 0 auto;
}
.stories-block .splide .splide__track {
  overflow: visible;
}
.stories-block .splide__arrow--prev {
  left: -70px;
}
.stories-block .splide__arrow--next {
  right: -70px;
}

.gallery-modal.modal .modal__container .splide__slide video {
  border-radius: 16px;
}
.gallery-modal.modal .modal__container .splide__progress {
  background: var(--accent-04);
}
.gallery-modal.modal .modal__container .splide__progress__bar {
  background: var(--accent-01);
}

.section-team-block {
  background-color: var(--color-bg-02);
  padding: 24px 0;
}
.section-team-block--list {
  background-color: var(--color-bg-01);
}
.section-team-block--list .team-block__list {
  display: flex;
  flex-wrap: wrap;
  margin: -6px;
}
.section-team-block--list .team-block__item {
  padding: 6px;
  width: 100%;
}
.section-team-block--list .team-block__item .card-member__main {
  padding: 16px;
}
.section-team-block--list .team-block__item .card-member__name {
  padding-bottom: 8px;
}
.section-team-block--list .team-block__item .card-member__desc {
  font-size: 14px;
  line-height: 150%;
}
.section-team-block--min .team-block {
  max-width: 900px;
}
.section-team-block--min .team-block__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
}

.team-block__head {
  display: flex;
  justify-content: space-between;
}
.team-block__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 0.2em;
}
.team-block__subtitle {
  padding-bottom: 16px;
  color: var(--accent-04);
}
.team-block__nav {
  display: none !important;
  align-items: center;
  margin-left: auto;
}
.team-block__nav-prev, .team-block__nav-next {
  width: 56px;
  height: 56px;
  border: 1px solid transparent;
  background-color: var(--accent);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease;
}
.team-block__nav-prev:hover, .team-block__nav-next:hover {
  background-color: var(--accent-02);
}
.team-block__nav-prev:hover svg, .team-block__nav-next:hover svg {
  fill: var(--accent-01);
}
.team-block__nav-prev svg, .team-block__nav-next svg {
  width: 14px;
  height: 14px;
  fill: #fff;
}
.team-block__nav-prev[disabled], .team-block__nav-next[disabled] {
  opacity: 0.7;
  box-shadow: none;
  background-color: #D3DBE1;
  cursor: default;
}
.team-block__nav-prev[disabled] svg, .team-block__nav-next[disabled] svg {
  fill: var(--text-3);
}
.team-block__nav .team-block__nav-prev.is-hide, .team-block__nav .team-block__nav-next.is-hide {
  opacity: 0.7;
  box-shadow: none;
  background-color: #D3DBE1;
  cursor: default;
  pointer-events: none;
}
.team-block__nav svg {
  fill: var(--accent-02);
}
.team-block .splide {
  display: flex;
  flex-direction: column;
}
.team-block .splide__track {
  margin-right: 0;
  overflow: visible;
}
.team-block .splide__list {
  height: auto;
}
.team-block .splide__arrow svg {
  fill: #fff;
}
.team-block .splide__arrow[disabled] {
  opacity: 0.5;
}
.team-block .splide__pagination {
  bottom: 13px;
}
.team-block .splide__pagination__page {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
}
.team-block .splide__pagination__page::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--color-borders-01);
  border-radius: 0;
}
.team-block .splide__pagination__page.is-active {
  transform: none;
  border: 1px solid var(--color-text-03);
}

.card-member {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 20px 20px 20px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-image: linear-gradient(0deg, rgb(239, 247, 230) 0%, rgba(239, 247, 230, 0.1) 100%);
  transition: 0.3s ease;
}
.card-member__image {
  max-width: 93%;
}
.card-member__image picture {
  position: relative;
  display: block;
  padding-top: 149%;
  overflow: hidden;
  transition: 0.3s ease;
}
.card-member__image picture img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  color: transparent;
}
.card-member__image picture::before {
  transition: 0.3s ease;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  border: 6px solid rgba(173, 235, 103, 0.3);
  border-radius: 20px;
}
.card-member__image picture img {
  border-radius: 20px;
  display: block;
  overflow: hidden;
}
.card-member__main {
  padding: 15px 0 0;
  background-color: var(--color-bg-01);
  flex-grow: 1;
}
.card-member__name {
  font-size: 20px;
  line-height: 160%;
  font-weight: 600;
  color: var(--accent-02);
}
.card-member__desc {
  color: var(--accent-04);
  font-size: 14px;
  padding-bottom: 10px;
}
.card-member__phone {
  color: var(--accent-03);
}
.card-member__phone {
  font-size: 16px;
  line-height: 155%;
  font-weight: 600;
}
.card-member__email {
  font-size: 16px;
  line-height: 150%;
  color: var(--accent-02);
  font-weight: 600;
}

.section-tile-category {
  padding: 8px 0;
}

.card-category {
  background-color: var(--bg-02);
  border-radius: 20px;
  padding: 18px 20px;
  height: 100%;
  display: block;
  transition: 0.3s ease;
}
.card-category__title {
  font-size: 18px;
  line-height: 133%;
  font-weight: 700;
  color: var(--accent-02);
  transition: 0.3s ease;
}
.card-category__icon {
  position: relative;
  bottom: -2px;
  align-self: flex-end;
}
.card-category__icon svg {
  transform: scale(1.4);
  transition: 0.4s all;
  width: 82px;
  height: 72px;
  fill: var(--accent-02);
}
.card-category__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 12px;
}
.card-category__content {
  max-width: 170px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.card-category__content_desc {
  color: var(--accent-02);
  margin-top: auto;
  font-size: 13px;
  line-height: 158%;
  transition: 0.4s all;
}
.card-category__content_text {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  height: 0;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  padding-top: 0;
  transform: translateY(16px);
  position: relative;
  white-space: nowrap;
  font: 600 20px/32px var(--font-wix);
  color: var(--accent-01);
  display: none;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: -moz-max-content;
  width: max-content;
}
.card-category__content_text:hover {
  cursor: pointer;
  padding: 0 18px;
}
.card-category__content_text:hover:before {
  height: 100%;
}
.card-category__content_text svg {
  width: 12px;
  height: 18px;
  position: relative;
  z-index: 1;
  fill: var(--accent-01);
}
.card-category__content_text span, .card-category__content_text svg {
  z-index: 1;
}
.card-category__content_text:before {
  transition: 0.3s ease;
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 8px;
  background-color: var(--border-01);
  opacity: 0.2;
  left: 0;
  bottom: 0;
  z-index: 0;
  position: absolute;
}

.tile-category__title h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
}
.tile-category__list {
  margin: -4px;
  padding-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
}
.tile-category__item {
  padding: 4px;
  flex-basis: 280px;
  flex-grow: 1;
}
.tile-category__all .btn {
  width: 100%;
}
.tile-category__head {
  padding-bottom: 16px;
}
.tile-category__head .tile-category__all {
  display: none;
  margin-left: auto;
}
.tile-category__head .tile-category__all a {
  width: 100%;
  position: relative;
  white-space: nowrap;
  font: 600 20px/32px var(--font-wix);
  color: var(--accent-02);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding: 4px;
}
.tile-category__head .tile-category__all a span, .tile-category__head .tile-category__all a svg {
  z-index: 1;
}
.tile-category__head .tile-category__all a svg {
  width: 10px;
  height: 16px;
  position: relative;
  z-index: 1;
  fill: var(--accent-02);
}
.tile-category__head .tile-category__all a:before {
  transition: 0.3s ease;
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 8px;
  background-color: var(--border-01);
  left: 0;
  bottom: 0;
  z-index: 0;
  position: absolute;
}
.tile-category__head .tile-category__all a:hover {
  padding: 4px 18px;
  color: var(--accent-03);
}
.tile-category__head .tile-category__all a:hover svg {
  fill: var(--accent-03);
}
.tile-category__head .tile-category__all a:hover:before {
  height: 100%;
}

.sectionAboutUsFirst {
  padding-bottom: 32px;
}
.sectionAboutUsFirst__h1 h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
}
.sectionAboutUsFirst__title {
  font: 600 16px/22px var(--font-wix);
}
.sectionAboutUsFirst__text {
  font: 400 14px/20px var(--font-wix);
}
.sectionAboutUsFirst__quote {
  margin-top: 16px;
  background: var(--bg-01);
  border-radius: 32px;
  padding: 16px;
}
.sectionAboutUsFirst__quote_text {
  padding-bottom: 16px;
  text-align: left;
  font: 400 16px/22px var(--font-wix);
}
.sectionAboutUsFirst__quote_name {
  text-align: right;
  font: 600 14px/20px var(--font-wix);
}
.sectionAboutUsFirst__content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: column;
  gap: 32px;
  color: var(--accent-02);
}
.sectionAboutUsFirst__content_info {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
}
.sectionAboutUsFirst__content_img {
  width: 286px;
  margin: 0 auto;
  position: relative;
}
.sectionAboutUsFirst__content_img:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  background: var(--bg-02);
  border-radius: 120px 32px 32px 0;
  z-index: 0;
}
.sectionAboutUsFirst__content_img picture {
  position: relative;
  z-index: 1;
  right: 0;
  display: flex;
  justify-content: center;
}
.sectionAboutUsFirst__items {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 16px;
  background: var(--bg-01);
  border-radius: 32px;
  padding: 16px;
  gap: 16px;
}
.sectionAboutUsFirst__items .item {
  width: calc(100% - 16px);
}
.sectionAboutUsFirst__items .item:hover .item__title {
  color: var(--accent-02);
}
.sectionAboutUsFirst__items .item:hover .item__title span {
  padding: 0 8px;
}
.sectionAboutUsFirst__items .item:hover .item__title span::before {
  height: calc(100% - 4px);
  background-color: var(--accent-01);
  display: block;
  position: absolute;
  left: 0;
  width: calc(100% + 10px);
  z-index: -1;
  border-radius: 32px;
}
.sectionAboutUsFirst__items .item__title {
  font-weight: 700;
  line-height: 120%;
  font-size: 24px;
  color: var(--text-1);
  color: var(--accent-03);
  padding-bottom: 4px;
}
.sectionAboutUsFirst__items .item__title span {
  position: relative;
  z-index: 1;
  transition: 0.4s ease;
}
.sectionAboutUsFirst__items .item__title span::before {
  content: "";
  height: 8px;
  background-color: rgba(173, 235, 103, 0.3);
  display: block;
  position: absolute;
  transition: 0.4s ease;
  bottom: 2px;
  left: 0;
  width: calc(100% + 10px);
  z-index: -1;
}
.sectionAboutUsFirst__items .item__text {
  max-width: 200px;
  font-size: 16px;
  line-height: 150%;
  color: var(--accent-02);
}

.sectionAboutUsPhoto {
  padding-bottom: 32px;
}
.sectionAboutUsPhoto .best-offers__tabs {
  margin-bottom: 12px;
}
.sectionAboutUsPhoto__h1 h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
  color: var(--accent-02);
}
.sectionAboutUsPhoto__image {
  background-color: var(--bg-01);
  border-radius: 24px;
}
.sectionAboutUsPhoto__image picture {
  position: relative;
  display: block;
  padding-top: 128%;
}
.sectionAboutUsPhoto__image picture img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  color: transparent;
}
.sectionAboutUsPhoto__image img {
  border-radius: 16px;
}

.sectionAboutUsTeam {
  padding-bottom: 50px;
}
.sectionAboutUsTeam__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 0.2em;
}
.sectionAboutUsTeam__text {
  color: var(--accent-04);
  padding-bottom: 32px;
}
.sectionAboutUsTeam__content {
  display: grid;
  grid-template-columns: repeat(1, 1fr); /* 4 равные колонки */
  grid-template-rows: auto auto; /* 2 строки */
  grid-gap: 10px;
}
.sectionAboutUsTeam__content > div {
  grid-column: span 1;
}
.sectionAboutUsTeam__content > div:last-child {
  grid-column: span 1;
}

.aboutUsForm .form__item_submit {
  gap: 12px;
  display: flex;
  flex-direction: column;
}

.sectionAboutUsFAQ__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 0.2em;
}
.sectionAboutUsFAQ__text {
  color: var(--accent-04);
  font: 400 16px/24px var(--font-wix);
  padding-bottom: 8px;
}

.section404First {
  padding-top: 48px;
  padding-bottom: 50px;
}
.section404First__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  max-width: 832px;
  margin: 0 auto;
}
.section404First__block_title {
  font: 700 32px/36px var(--font-wix);
  text-align: center;
}
.section404First__block_text {
  font: 400 16px/24px var(--font-wix);
  text-align: center;
}
.section404First__block_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}
.section404First__block_btns a {
  flex: 1;
}
.section404First__block_btns .btn {
  width: 100%;
}
.section404First__block_btns .btn svg {
  width: 18px;
  height: 18px;
}

.sectionBestOffers404 {
  padding-bottom: 24px;
}

.sectionCategoryInfo {
  padding-bottom: 22px;
}
.sectionCategoryInfo__h1 h1 {
  font: 700 24px/32px var(--font-wix);
  color: var(--accent-02);
}
.sectionCategoryInfo .showMore {
  font: 600 14px/20px var(--font-wix);
  color: var(--accent-02);
  padding-top: 8px;
  border-bottom: 2px solid var(--border-01);
}
.sectionCategoryInfo__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}
.sectionCategoryInfo__content .item {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 5px 12px;
  border-radius: 30px;
  cursor: pointer;
  transition: 0.3s ease;
  color: var(--text-2);
  border: 1px solid var(--border-02);
  background-color: var(--bg);
}

.sectionCategoryContent {
  padding-top: 20px;
  padding-bottom: 40px;
  overflow: visible;
}
.sectionCategoryContent .container__body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  padding-top: 6px;
}
.sectionCategoryContent .contentMain {
  width: 100%;
}
.sectionCategoryContent .contentMainSort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 4px;
}
.sectionCategoryContent .contentMainSort__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.sectionCategoryContent .contentMainSort__right .openMobileCategory {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  padding: 12px;
}
.sectionCategoryContent .contentMainSort__number {
  font-size: 14px;
  line-height: 142%;
  font-weight: 400;
  color: var(--text-1);
}
.sectionCategoryContent .contentMainSort__number span {
  padding-left: 8px;
  color: var(--text-1);
}
.sectionCategoryContent .contentMainItems {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 12px;
}
.sectionCategoryContent .contentMainItems .section-stories-block {
  overflow: visible;
}

.contentNavigation {
  padding: 0;
  width: 100%;
}
.contentNavigation .btn {
  width: 100%;
}
.contentNavigation .contentNavigationBox__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 18px;
}
.contentNavigation .contentNavigationBox__header_title {
  font-size: 16px;
  line-height: 150%;
  font-weight: 600;
  color: var(--text-1);
}
.contentNavigation .contentNavigationBox__header_close {
  padding: 4px;
  border-radius: 16px;
  display: flex;
  width: 28px;
  height: 28px;
  min-width: 28px;
  align-items: center;
  justify-content: center;
}
.contentNavigation .contentNavigationBox__header_close svg {
  margin-left: 0;
}
.contentNavigation.open {
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  background: var(--bg-01);
  z-index: 33;
  width: 100%;
  height: 100%;
  overflow: scroll;
  padding: 12px 16px;
}
.contentNavigation.open .contentNavigationBox {
  border-radius: 8px;
  padding: 16px 16px 78px 16px;
  background: var(--white);
}
.contentNavigation__menu {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contentNavigation__menu_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.contentNavigation__menu_item.hideBlock .contentNavigation__menu_item-content {
  height: 0;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
.contentNavigation__menu_item.hideBlock .contentNavigation__menu_item-title {
  transition: all 0.3s ease;
  color: var(--text-1);
}
.contentNavigation__menu_item.hideBlock .contentNavigation__menu_item-title svg {
  transform: rotateX(0deg);
}
.contentNavigation__menu_item-title {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 28px;
  padding-bottom: 6px;
  gap: 12px;
  font-size: 15px;
  line-height: 150%;
  font-weight: 600;
  color: var(--text-1);
  transition: all 0.3s ease;
}
.contentNavigation__menu_item-title svg {
  transition: all 0.3s ease;
  transform: rotateX(180deg);
  fill: var(--text-1);
  width: 16px;
  height: 20px;
}
.contentNavigation__menu_item-subtitle {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  gap: 12px;
  margin: 4px 0;
  background: var(--white);
  color: var(--accent-02);
  font: 600 16px/24px var(--font-wix);
  border-radius: 12px;
  padding: 8px 16px;
  transition: all 0.3s ease;
}
.contentNavigation__menu_item-subtitle.active {
  background: var(--accent-03);
  color: var(--accent-01);
}
.contentNavigation__menu_item-content {
  padding-top: 4px;
  height: -moz-max-content;
  height: max-content;
  opacity: 1;
  position: relative;
}
.contentNavigation__menu_item-content .filter-properties__list {
  margin-top: 16px;
}
.contentNavigation__menu_item-content .filter-properties__list ul.is-open li {
  display: block;
}
.contentNavigation__menu_item-content .filter-properties__list ul li {
  display: none;
}
.contentNavigation__menu_item-content .filter-properties__list ul li:nth-child(-n+5) {
  display: block;
}
.contentNavigation__menu_item-content .filter-properties__list ul li:not(:last-child) {
  margin-bottom: 16px;
}
.contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox input:checked ~ .checkbox__elem {
  background-color: var(--accent-03);
  border-color: var(--accent-03);
  z-index: 2;
}
.contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox input:checked ~ .checkbox__elem:after {
  opacity: 1;
  border-radius: 0;
  transform: rotate(0);
}
.contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox .checkbox__elem {
  position: relative;
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 2px solid #E6E7EB;
  background: var(--white);
  display: inline-block;
  margin-right: 12px;
  transition: 0.1s ease;
}
.contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox .checkbox__elem:after {
  opacity: 0;
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  min-width: 14px;
  width: 14px;
  height: 12px;
  transform: rotate(90deg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS41IDEuMjM3MzRMNi4yIDExLjg0ODJMMC41IDYuODMzMTdMMS41OTkxNyA1LjU5MTVMNi4wNSA5LjQ5NjVMMTQuMjcwOCAwLjE2NjUwNEwxNS41IDEuMjM3MzRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  transition: 0.5s cubic-bezier(0.08, 0.8, 0.16, 1);
}
.contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox .checkbox__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: var(--text-1);
  transition: 0.1s ease;
}
.contentNavigation__menu_item-content .filter-properties__list .sub-menu-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: var(--text-2);
  cursor: pointer;
  transition: 0.1s ease;
}
.contentNavigation__menu_item-content .filter-properties__list .sub-menu-toggle.is-open .icon {
  transform: rotateX(180deg);
}
.contentNavigation__menu_item-content .filter-properties__list .sub-menu-toggle .icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgOEwxMCAxMkwxNCA4IiBzdHJva2U9IiM3QTdBN0EiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
}
.contentNavigation__menu_item-content .filter-properties__range {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contentNavigation__menu_item-content .filter-properties__row {
  display: flex;
  align-items: center;
}
.contentNavigation__menu_item-content .filter-properties__input {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
}
.contentNavigation__menu_item-content .filter-properties__input:nth-of-type(1) input {
  border-radius: 8px 0 0 8px;
}
.contentNavigation__menu_item-content .filter-properties__input:nth-of-type(2) {
  position: relative;
  left: -1px;
}
.contentNavigation__menu_item-content .filter-properties__input:nth-of-type(2) input {
  border-radius: 0 8px 8px 0;
}
.contentNavigation__menu_item-content .filter-properties__input:nth-of-type(2):hover {
  z-index: 2;
}
.contentNavigation__menu_item-content .filter-properties__input span {
  position: absolute;
  left: 12px;
  top: 6px;
  font-size: 13px;
  line-height: 135%;
  font-weight: 400;
  color: var(--text-2);
  z-index: 3;
}
.contentNavigation__menu_item-content .filter-properties__input input {
  width: 100%;
  height: 52px !important;
  padding: 26px 12px 10px;
  border: 1px solid var(--elements-01);
  outline: none;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: var(--text-1);
}
.contentNavigation__menu_item-content .filter-properties__input input:focus {
  border-color: #3D3D3D;
  z-index: 2;
}
.contentNavigation__menu_item-content .filter-properties__slider {
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.contentNavigation__menu_item-content .filter-properties__slider .slider-touch-left {
  display: block;
  position: absolute;
  height: 14px;
  width: 14px;
  z-index: 2;
  cursor: pointer;
  margin-right: 12px;
}
.contentNavigation__menu_item-content .filter-properties__slider .slider-touch-left span {
  display: block;
  height: 14px;
  width: 14px;
  background: #3D3D3D;
  border-radius: 50%;
  transition: 0.1s ease-in;
}
.contentNavigation__menu_item-content .filter-properties__slider .slider-touch-left span:hover {
  transform: scale(1.2);
  background: var(--accent-01);
}
.contentNavigation__menu_item-content .filter-properties__slider .slider-touch-right {
  display: block;
  position: absolute;
  height: 14px;
  width: 14px;
  z-index: 2;
  cursor: pointer;
}
.contentNavigation__menu_item-content .filter-properties__slider .slider-touch-right span {
  display: block;
  height: 14px;
  width: 14px;
  background: #3D3D3D;
  border-radius: 50%;
  transition: 0.1s ease-in;
}
.contentNavigation__menu_item-content .filter-properties__slider .slider-touch-right span:hover {
  transform: scale(1.2);
  background: var(--accent-01);
}
.contentNavigation__menu_item-content .filter-properties__slider .slider-line {
  position: absolute;
  left: 0;
  top: 7px;
  width: 100%;
  height: 2px;
  background: #CCCCCC;
  z-index: 0;
  overflow: hidden;
}
.contentNavigation__menu_item-content .filter-properties__slider .slider-line span {
  display: block;
  height: 100%;
  width: 0;
  background: #3D3D3D;
}
.contentNavigation__menu_item-content .filter__date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.contentNavigation__menu_item-content .filter__date .contentSort__select {
  position: relative;
  width: 112px;
}
.contentNavigation__menu_item-content .filter__date .contentSort__select .custom-select-trigger {
  height: 52px;
  padding: 12px 14px;
  background: var(--white);
  border: 1px solid #E6E7EB;
  border-radius: 6px;
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
  color: var(--text-1);
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  z-index: 4;
}
.contentNavigation__menu_item-content .filter__date .contentSort__select .custom-select-trigger:before {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: 12px;
  width: 16px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgOEw4IDEyTDEyIDgiIHN0cm9rZT0iIzc1QUQxRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
  background-repeat: no-repeat;
}
.contentNavigation__menu_item-content .filter__date .contentSort__select .custom-select-trigger:hover {
  border: 1px solid var(--accent-01);
}
.contentNavigation__menu_item-content .filter__date .contentSort__select .custom-select-trigger.active {
  background: var(--white);
  border-color: var(--accent-03);
  border-radius: 6px 6px 0 0;
  transition: all 0.3s ease;
}
.contentNavigation__menu_item-content .filter__date .contentSort__select .custom-select-trigger.active:before {
  transform: rotate(180deg);
}
.contentNavigation__menu_item-content .filter__date .contentSort__select ul {
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  background: var(--white);
  border: 1px solid var(--accent-03);
  border-top: 0;
  border-radius: 0 0 6px 6px;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 0;
  opacity: 0;
  z-index: 3;
  transition: all 0.3s ease;
  overflow: hidden;
}
.contentNavigation__menu_item-content .filter__date .contentSort__select ul.show {
  top: 100%;
  transition: all 0.3s ease;
  height: -moz-max-content;
  height: max-content;
  opacity: 1;
  padding: 0;
  z-index: 4;
}
.contentNavigation__menu_item-content .filter__date .contentSort__select ul li {
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
  color: var(--text-2);
  margin: 2px 0;
  cursor: pointer;
}
.contentNavigation__menu_item-content .filter__date .contentSort__select ul li:hover {
  background: var(--bg-02);
  color: var(--text-1);
}
.contentNavigation__menu_item-content .filter__date .contentSort__select ul li.active {
  background: var(--bg-01);
  color: var(--text-1);
  position: relative;
}
.contentNavigation__menu_item-content .filter__date_calendar {
  position: relative;
  width: 100%;
}
.contentNavigation__menu_item-content .filter__date_calendar input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #E6E7EB;
  border-radius: 6px;
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
  color: var(--text-1);
  cursor: pointer;
  height: 52px;
  background-color: #fff;
  transition: all 0.3s ease;
}
.contentNavigation__menu_item-content .filter__date_calendar input:hover {
  border-color: var(--accent-01);
}
.contentNavigation__menu_item-content .filter__date_calendar input:focus {
  border-color: var(--accent-03);
  outline: none;
}
.contentNavigation__menu_item-content .filter__date_calendar input::-moz-placeholder {
  color: var(--text-1);
}
.contentNavigation__menu_item-content .filter__date_calendar input::placeholder {
  color: var(--text-1);
}
.contentNavigation__menu_item-content .filter__date_calendar::after {
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDA2MzIgMTYuMTU3OUgyLjY4NDIxQzIuMjM3NTMgMTYuMTU3OSAxLjgwOTE0IDE1Ljk4MDUgMS40OTMyOSAxNS42NjQ2QzEuMTc3NDQgMTUuMzQ4OCAxIDE0LjkyMDQgMSAxNC40NzM3VjQuMzY4NDJDMSAzLjkyMTc0IDEuMTc3NDQgMy40OTMzNiAxLjQ5MzI5IDMuMTc3NUMxLjgwOTE0IDIuODYxNjUgMi4yMzc1MyAyLjY4NDIxIDIuNjg0MjEgMi42ODQyMUgxMi43ODk1QzEzLjIzNjIgMi42ODQyMSAxMy42NjQ1IDIuODYxNjUgMTMuOTgwNCAzLjE3NzVDMTQuMjk2MiAzLjQ5MzM2IDE0LjQ3MzcgMy45MjE3NCAxNC40NzM3IDQuMzY4NDJWNy43MzY4NEgxTTExLjEwNTMgMVY0LjM2ODQyTTQuMzY4NDIgMVY0LjM2ODQyTTEzLjYzMTYgMTIuMzY1MVYxMy42MzE2TDE0LjQ3MzcgMTQuNDczN00xMC4yNjMyIDEzLjYzMTZDMTAuMjYzMiAxNC41MjQ5IDEwLjYxOCAxNS4zODE3IDExLjI0OTcgMTYuMDEzNEMxMS44ODE0IDE2LjY0NTEgMTIuNzM4MiAxNyAxMy42MzE2IDE3QzE0LjUyNDkgMTcgMTUuMzgxNyAxNi42NDUxIDE2LjAxMzQgMTYuMDEzNEMxNi42NDUxIDE1LjM4MTcgMTcgMTQuNTI0OSAxNyAxMy42MzE2QzE3IDEyLjczODIgMTYuNjQ1MSAxMS44ODE0IDE2LjAxMzQgMTEuMjQ5N0MxNS4zODE3IDEwLjYxOCAxNC41MjQ5IDEwLjI2MzIgMTMuNjMxNiAxMC4yNjMyQzEyLjczODIgMTAuMjYzMiAxMS44ODE0IDEwLjYxOCAxMS4yNDk3IDExLjI0OTdDMTAuNjE4IDExLjg4MTQgMTAuMjYzMiAxMi43MzgyIDEwLjI2MzIgMTMuNjMxNloiIHN0cm9rZT0iIzc1QUQxRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 18px;
}
.contentNavigation__menu_item-content .calendar {
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  font-family: inherit;
}
.contentNavigation__menu_item-content .calendar .calendar-header {
  background: #f8f9fa;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.contentNavigation__menu_item-content .calendar .calendar-weekday {
  font-weight: 600;
  color: #666;
}
.contentNavigation__menu_item-content .calendar .calendar-day {
  border-radius: 4px;
  transition: all 0.2s ease;
}
.contentNavigation__menu_item-content .calendar .calendar-day:hover {
  background: #e9ecef;
}
.contentNavigation__menu_item-content .calendar .calendar-day.selected {
  background: #007bff;
  color: #fff;
}
.contentNavigation__menu_item-content .calendar .calendar-day.today {
  border: 1px solid #007bff;
}

.toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  gap: 12px;
}
.toggle-row__label {
  font: 600 16px/24px var(--font-wix);
  color: var(--accent-02);
  flex: 1;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 12px;
}
.toggle-row__label span {
  width: 100%;
  border-bottom: 1px dashed var(--border-02);
}

.calendar-container.vanilla-calendar.vanilla-calendar_default {
  box-shadow: none !important;
  border: 1px solid var(--accent-03);
}

.calendar-container .vanilla-calendar-day__btn_today {
  --tw-bg-opacity: 1;
  background-color: rgb(241, 245, 249, var(--tw-bg-opacity));
  color: var(--accent-01);
}
.calendar-container .vanilla-calendar-day__btn_today:hover {
  color: var(--accent-03);
}

.calendar-container .vanilla-calendar-day__btn_selected, .calendar-container .vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1!important;
  background-color: var(--accent-01) !important;
  color: #fff !important;
}

.toggle-switch {
  --toggle-width: 64px;
  --toggle-height: 32px;
  --toggle-padding: 4px;
  --toggle-radius: calc(var(--toggle-height) / 2);
  --bg-off: var(--bg-02);
  --bg-on: var(--accent-02);
  --handle-color: var(--border-02);
  --handle-color-on: var(--accent-01);
  display: inline-block;
  position: relative;
  width: var(--toggle-width);
  height: var(--toggle-height);
  transition: all 0.2s ease-in;
}
.toggle-switch__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch__input:checked + .toggle-switch__label {
  background-color: var(--bg-on);
}
.toggle-switch__input:checked + .toggle-switch__label:hover {
  background-color: rgba(32, 51, 10, 0.9);
  box-shadow: 0 0 3px 0 var(--handle-color-on);
}
.toggle-switch__input:checked + .toggle-switch__label::after {
  background-color: var(--handle-color-on);
  transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));
}
.toggle-switch__input:checked + .toggle-switch__label .toggle-switch__text-on,
.toggle-switch__input:checked + .toggle-switch__label .toggle-switch__icon-on {
  opacity: 1;
}
.toggle-switch__input:checked + .toggle-switch__label .toggle-switch__text-off,
.toggle-switch__input:checked + .toggle-switch__label .toggle-switch__icon-off {
  opacity: 0;
}
.toggle-switch__input:disabled + .toggle-switch__label {
  opacity: 0.5;
  cursor: not-allowed;
}
.toggle-switch__label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bg-off);
  border-radius: var(--toggle-radius);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.toggle-switch__label:hover {
  background-color: #f8faf5;
  box-shadow: 0 0 2px 0 var(--handle-color);
}
.toggle-switch__label::after {
  content: "";
  position: absolute;
  top: var(--toggle-padding);
  left: var(--toggle-padding);
  width: calc(var(--toggle-height) - var(--toggle-padding) * 2);
  height: calc(var(--toggle-height) - var(--toggle-padding) * 2);
  background-color: var(--handle-color);
  border-radius: 50%;
  transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.3, 1.1);
}

.range-slider {
  padding-bottom: 12px;
}
.range-slider__header {
  padding-bottom: 12px;
}
.range-slider__title {
  font: 600 16px/24px var(--font-wix);
  color: var(--accent-02);
  padding-bottom: 16px;
}
.range-slider__inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.range-slider__input-wrapper {
  flex: 1;
  position: relative;
}
.range-slider__input {
  background-color: var(--bg-02);
  font-size: 16px;
  line-height: 15px;
  padding: 12px 16px !important;
  box-sizing: border-box;
  flex-grow: 1;
  border-radius: 16px;
  border: 2px solid transparent;
  width: 100%;
  color: var(--accent-02);
  height: 48px !important;
  transition: 0.3s ease;
  text-align: left;
}
.range-slider__input::-moz-placeholder {
  color: var(--accent-04);
  opacity: 1;
  text-shadow: none;
  font-weight: 400;
}
.range-slider__input::placeholder {
  color: var(--accent-04);
  opacity: 1;
  text-shadow: none;
  font-weight: 400;
}
.range-slider__container {
  position: relative;
  height: 24px;
}
.range-slider__track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 22px);
  left: 11px;
  height: 4px;
  background: var(--bg-02);
  border-radius: 4px;
}
.range-slider__track:after {
  content: "";
  position: absolute;
  top: 0;
  left: -11px;
  width: calc(100% + 22px);
  height: 100%;
  background: var(--bg-02);
  border-radius: 4px;
}
.range-slider__range {
  position: absolute;
  height: 100%;
  background: var(--accent-02);
  border-radius: 2px;
  pointer-events: none;
  z-index: 1;
}
.range-slider__thumb {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: white;
  border: 8px solid var(--accent-02);
  border-radius: 50%;
  cursor: pointer;
  transition: box-shadow 0.2s, transform 0.1s;
  z-index: 2;
}
.range-slider__thumb:active {
  transform: translate(-50%, -50%) scale(0.95);
}

.contentSort {
  display: flex;
  align-items: center;
  gap: 16px;
}
.contentSort__select {
  position: relative;
  width: 212px;
}
.contentSort__select .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 56px;
  padding: 16px 24px;
  background: var(--bg-01);
  border: 1px solid var(--bg-01);
  border-radius: 12px;
  font-size: 15px;
  line-height: 150%;
  font-weight: 600;
  color: var(--text-1);
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.contentSort__select .custom-select-trigger:before {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: 24px;
  width: 16px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgOEw4IDEyTDEyIDgiIHN0cm9rZT0iIzIwMjEyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
  background-repeat: no-repeat;
}
.contentSort__select .custom-select-trigger.active {
  background: var(--bg-02);
  border-color: var(--text-2);
  border-radius: 12px 12px 0 0;
  transition: all 0.3s ease;
}
.contentSort__select .custom-select-trigger.active:before {
  transform: rotate(180deg);
}
.contentSort__select ul {
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  background: var(--bg-02);
  border: 1px solid var(--text-2);
  border-radius: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 0;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease;
  overflow: hidden;
}
.contentSort__select ul.show {
  top: 100%;
  transition: all 0.3s ease;
  height: -moz-max-content;
  height: max-content;
  opacity: 1;
  padding: 2px 12px;
}
.contentSort__select ul li {
  padding: 10px 12px;
  border-radius: 16px;
  font-size: 15px;
  line-height: 150%;
  font-weight: 600;
  color: var(--text-2);
  margin: 2px 0;
  cursor: pointer;
}
.contentSort__select ul li.active {
  background: var(--bg-02);
  color: var(--text-1);
  position: relative;
}
.sectionCategoryFAQ__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 0.2em;
}
.sectionCategoryFAQ__text {
  color: var(--accent-04);
  font: 400 16px/24px var(--font-wix);
  padding-bottom: 8px;
}

.categoryBanner {
  padding-bottom: 40px;
}
.categoryBanner__item {
  display: flex;
  flex-direction: column;
  background: #49505C;
  border-radius: 8px;
  padding: 18px;
  gap: 24px;
}
.categoryBanner__item_content-title {
  font-size: 18px;
  line-height: 125%;
  font-weight: 600;
  color: var(--white);
  padding-bottom: 8px;
}
.categoryBanner__item_content-text {
  font-size: 14px;
  line-height: 125%;
  font-weight: 400;
  color: var(--white);
}
.categoryBanner__item_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.minicard {
  height: 100%;
  background-color: var(--white);
  border-radius: 8px;
  border: 1px solid var(--bg-01);
  transition: 0.3s ease;
  overflow: hidden;
}
.minicard__image {
  overflow: hidden;
  height: 216px;
}
.minicard__image img, .minicard__image picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.minicard__name {
  transition: 0.3s ease;
  font-size: 15px;
  line-height: 150%;
  font-weight: 600;
  color: var(--text-1);
  height: 50px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.minicard__price {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.minicard__price-current {
  font-size: 18px;
  color: var(--text-1);
  font-weight: 600;
}
.minicard__price-old {
  font-size: 14px;
  line-height: 142%;
  font-weight: 400;
  text-decoration: line-through;
  color: var(--text-3);
}
.minicard__prop {
  font-size: 16px;
  line-height: 150%;
}
.minicard__prop small {
  font-size: 16px;
  line-height: 150%;
  margin-right: 10px;
  color: var(--accent-04);
}
.minicard__prop span {
  font-weight: 600;
  display: block;
}
.minicard__main {
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 160px;
}
.minicard__main_top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding-bottom: 8px;
}
.minicard__main_rating {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 0 4px;
  min-height: 20px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 135%;
  font-weight: 600;
  color: var(--white);
}
.minicard__main_sale {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 135%;
  font-weight: 600;
  color: var(--white);
  background: #F74C00;
}
.minicard__main_city {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  line-height: 135%;
  font-weight: 600;
  color: var(--text-2);
}
.minicard__main_info ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 14px;
  padding-bottom: 8px;
}
.minicard__main_info ul li {
  font-size: 13px;
  line-height: 135%;
  font-weight: 400;
  color: var(--text-2);
}
.minicard__main_info ul li:not(:last-child) {
  position: relative;
}
.minicard__main_info ul li:not(:last-child):after {
  content: "";
  position: absolute;
  right: -7px;
  top: 9px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  overflow: hidden;
  z-index: 0;
  transition: all 0.3s ease-in;
  background: #A7AAAF;
}

.historyBlock {
  padding: 22px 0;
}
.historyBlock__title {
  font-weight: 700;
  line-height: 120%;
  font-size: 24px;
  color: var(--text-1);
  padding-bottom: 14px;
}

.burninBlock {
  padding: 22px 0;
}
.burninBlock__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 14px;
}
.burninBlock__content {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: relative;
}

.specialBlock {
  padding: 22px 0;
}
.specialBlock__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 14px;
}

.minPriceBlock {
  padding: 22px 0;
}
.minPriceBlock__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 14px;
}
.minPriceBlock__content {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: relative;
}
.minPriceBlock__content .contentHere {
  width: 100%;
}

.AuthorToursBlock {
  padding: 22px 0;
}
.AuthorToursBlock__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 14px;
}
.AuthorToursBlock__content {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: relative;
}
.AuthorToursBlock__content > a, .AuthorToursBlock__content > div {
  width: 100%;
}
.AuthorToursBlock__content > a:first-child, .AuthorToursBlock__content > div:first-child {
  width: 100%;
}
.AuthorToursBlock__content .itemSpecial {
  position: relative;
  height: auto;
  padding: 16px;
  border-radius: 8px;
  background: var(--bg-03);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.AuthorToursBlock__content .itemSpecial__title {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-1);
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  padding-bottom: 8px;
}
.AuthorToursBlock__content .itemSpecial__text {
  font-size: 13px;
  line-height: 135%;
  font-weight: 400;
  color: var(--text-2);
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}
.AuthorToursBlock__content .itemSpecial .btn__green {
  width: 100%;
}
.AuthorToursBlock__content .item {
  position: relative;
  height: 328px;
  padding: 16px;
  border-radius: 8px;
  background: var(--bg-03);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s ease;
}
.AuthorToursBlock__content .item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  z-index: 0;
  transition: all 0.3s ease-in;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
}
.AuthorToursBlock__content .item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 12px;
  transition: all 0.3s ease-in;
  background: transparent;
  overflow: hidden;
}
.AuthorToursBlock__content .item__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
  overflow: hidden;
}
.AuthorToursBlock__content .item__img picture, .AuthorToursBlock__content .item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.AuthorToursBlock__content .item__title {
  font-size: 20px;
  color: var(--white) !important;
  font-weight: 700;
  padding-right: 66px;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}
.AuthorToursBlock__content .item__icon {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0 7px 0 8px;
  z-index: 1;
  transition: all 0.3s ease;
}
.AuthorToursBlock__content .item__icon:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  z-index: 0;
  transition: all 0.3s ease-in;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEg2NFY2NFY2MC4zNjM2QzY0IDU1Ljk0NTQgNjAuNDE4MyA1Mi4zNjM2IDU2IDUyLjM2MzZINTIuMzYzNkgxOC4xODE4QzEzLjc2MzUgNTIuMzYzNiAxMC4xODE4IDQ4Ljc4MTkgMTAuMTgxOCA0NC4zNjM2VjExLjYzNjRWOEMxMC4xODE4IDMuNTgxNzIgNi42MDAxIDAgMi4xODE4MiAwSDBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
}
.AuthorToursBlock__content .item__icon svg {
  position: absolute;
  top: 10px;
  transform: scale(0.85);
  right: 10px;
  z-index: 1;
}
.AuthorToursBlock__content .item__icon svg path {
  stroke: #ffffff;
}
.AuthorToursBlock__content .item__lists {
  position: relative;
  z-index: 1;
}
.AuthorToursBlock__content .item__lists ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2px 8px;
}
.AuthorToursBlock__content .item__lists ul li {
  font-size: 13px;
  line-height: 135%;
  font-weight: 600;
  color: var(--white);
  position: relative;
}
.AuthorToursBlock__content .item__lists ul li:not(:last-child) {
  padding-right: 8px;
}
.AuthorToursBlock__content .item__lists ul li:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: var(--white);
}

.aboutBlock {
  padding: 22px 0 44px;
}
.aboutBlock__content {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.aboutBlock__content_slider {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.aboutBlock__content_slider-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 16px;
}
.aboutBlock__content_slider .aboutSlider {
  /* Или полностью заменить содержимое */
}
.aboutBlock__content_slider .aboutSlider .splide__pagination {
  padding: 12px 0 0;
}
.aboutBlock__content_slider .aboutSlider .splide__pagination__page {
  width: 4px;
  height: 3px;
  background: #E8E9EB;
  border-radius: 3px;
  margin: 0 2px;
}
.aboutBlock__content_slider .aboutSlider .splide__pagination__page.is-active {
  transform: scale(1);
  width: 32px;
  background: #75AD1F;
}
.aboutBlock__content_slider .aboutSlider .splide__arrow--prev svg,
.aboutBlock__content_slider .aboutSlider .splide__arrow--next svg {
  display: none;
}
.aboutBlock__content_slider .aboutSlider .splide__arrow:disabled {
  opacity: 0.3;
}
.aboutBlock__content_slider .aboutSlider .splide__arrow:disabled:hover {
  background: transparent !important;
}
.aboutBlock__content_slider .aboutSlider .splide__arrow--prev .splide__arrow__svg {
  display: none;
}
.aboutBlock__content_slider .aboutSlider .splide__arrow--prev::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDVMNSAxMEwxMCAxNSIgc3Ryb2tlPSIjMjAyMTI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  width: 18px;
  height: 22px;
  background-size: contain;
}
.aboutBlock__content_slider .aboutSlider .splide__arrow--next::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTVMMTEgMTBMNiA1IiBzdHJva2U9IiMyMDIxMjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
  width: 18px;
  height: 22px;
  background-size: contain;
}
.aboutBlock__content_slider .aboutSlider .splide__arrows {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: calc(100% + 13px);
  border-radius: 12px;
  border: 1px solid #E8E9EB;
  overflow: hidden;
}
.aboutBlock__content_slider .aboutSlider .splide__arrows .splide__arrow--prev {
  border-right: 1px solid #E8E9EB;
}
.aboutBlock__content_slider .aboutSlider .splide__arrows .splide__arrow {
  left: inherit !important;
  right: inherit !important;
  position: relative;
  display: flex;
  align-items: center;
  top: inherit !important;
  transform: inherit;
  height: 44px;
  width: 44px;
  border-radius: 0;
  background: #FFFFFF;
}
.aboutBlock__content_slider .aboutSlider__item {
  border-radius: 16px;
  border: 1px solid #DEDEDE;
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 10px;
  transition: all 0.3s ease;
}
.aboutBlock__content_slider .aboutSlider__item_top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.aboutBlock__content_slider .aboutSlider__item_top picture, .aboutBlock__content_slider .aboutSlider__item_top img {
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 48px;
}
.aboutBlock__content_slider .aboutSlider__item_top p {
  font-size: 14px;
  line-height: 142%;
  font-weight: 600;
}
.aboutBlock__content_slider .aboutSlider__item_rating {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.aboutBlock__content_slider .aboutSlider__item_rating .stars {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.aboutBlock__content_slider .aboutSlider__item_rating .time {
  font-size: 14px;
  line-height: 142%;
  font-weight: 400;
  color: var(--text-2);
}
.aboutBlock__content_slider .aboutSlider__item_rating .bgimage {
  min-width: 18px;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.aboutBlock__content_slider .aboutSlider__item_comment-text {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 142%;
}
.aboutBlock__content_slider .aboutSlider__item_comment-btn {
  height: 22px;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
  line-height: 150%;
  color: var(--text-1);
  transition: all 0.3s ease;
  gap: 8px;
  cursor: pointer;
  opacity: 0.7;
  display: none;
}
.aboutBlock__content_slider .aboutSlider__item_comment-btn.visible {
  display: inline-flex;
}
.aboutBlock__content_slider .aboutSlider__item_comment-btn i {
  display: block;
}
.aboutBlock__content_slider .aboutSlider__item_comment-btn .bgimage {
  min-width: 13px;
  width: 13px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.aboutBlock__content_rating {
  background: var(--bg-01);
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
.aboutBlock__content_rating-img {
  padding-bottom: 6px;
}
.aboutBlock__content_rating-img .bgimage {
  min-width: 126px;
  width: 126px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.aboutBlock__content_rating-text {
  max-width: 358px;
  font-size: 14px;
  line-height: 142%;
  font-weight: 500;
  color: #555555;
}
.aboutBlock__content_rating-info .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding-bottom: 8px;
}
.aboutBlock__content_rating-info .rating__text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: var(--text-2);
}
.aboutBlock__content_rating-info .rating__img .bgimage {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.aboutBlock__content_rating-info .rating__number {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-1);
}
.aboutBlock__content_rating-info .btn__green {
  height: 44px;
  padding: 8px 22px;
  font-size: 16px;
  line-height: 150%;
  border-radius: 6px;
  width: 100%;
}

.infoBlock {
  padding: 22px 0;
}
.infoBlock__content {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.infoBlock__content_history {
  background: var(--bg-01);
  padding: 18px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.infoBlock__content_history-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
  color: var(--text-01);
  padding-bottom: 6px;
}
.infoBlock__content_history ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.infoBlock__content_history ul li {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  line-height: 142%;
  font-weight: 400 !important;
}
.infoBlock__content_history ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--accent-02);
}
.infoBlock__content_history .btn__green {
  font-weight: 600;
}
.infoBlock__content_info {
  width: 100%;
}
.infoBlock__content_info-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 12px;
}
.infoBlock__content_info-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.infoBlock__content_info-items .item {
  background: var(--bg-01);
  padding: 12px 46px 12px 12px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  position: relative;
}
.infoBlock__content_info-items .item__title {
  font-size: 15px;
  color: var(--text-1);
  font-weight: 700;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}
.infoBlock__content_info-items .item__text {
  font-size: 12px;
  line-height: 125%;
  font-weight: 400;
  color: var(--text-2);
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}
.infoBlock__content_info-items .item__icon {
  width: 52px;
  height: 52px;
  position: absolute;
  right: -14px;
  transform: translateY(-50%) scale(0.85);
  top: 50%;
  border-radius: 24px 0 0 24px;
  z-index: 1;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  padding-left: 0;
}
.infoBlock__content_info-items .item__icon svg path {
  stroke: var(--text-1);
}

.popup-select {
  padding-block: 40px 24px;
  font: 400 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  color: var(--text-1);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.popup-select button {
  width: 100%;
  border: none;
  border-radius: 8px;
  padding: 1em;
  background: var(--accent-13);
  cursor: pointer;
}
.popup-select button.selected {
  color: var(--white);
  background: var(--accent-11);
}

.splide__arrow {
  width: 36px;
  height: 36px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  transition: 0.3s ease;
  transition-property: background;
}
.splide__arrow svg {
  width: 34px;
  height: 34px;
  opacity: 1;
  fill: var(--text-1);
  transition: 0.3s ease;
  transition-property: fill;
}
.splide__arrow:hover:not(:disabled) {
  background-color: var(--text-2);
  opacity: 1;
}
.splide__arrow:hover:not(:disabled) svg {
  fill: var(--text-2);
}
.splide__arrow:disabled {
  opacity: 0.7;
  box-shadow: none;
  background-color: #D3DBE1;
  cursor: default;
}
.splide__arrow:disabled svg {
  fill: #444;
}
.splide__pagination {
  position: relative;
  padding: 24px 0;
}
.splide__pagination__page {
  background: var(--text-3);
  height: 6px;
  width: 6px;
  margin: 0 6px;
}
.splide__pagination__page.is-active {
  background: var(--accent-11);
  transform: scale(2);
}

.is-dynamic-pagination .splide__pagination {
  white-space: nowrap;
  flex-wrap: nowrap;
  width: 95px;
  overflow: hidden;
  margin: 0 auto;
  justify-content: flex-start;
  scrollbar-width: none !important;
}

.city-page.section-special-offers {
  padding-top: 48px;
  padding-bottom: 25px;
}
.city-page .special-offers__bottom {
  gap: 16px;
}
.city-page .special-offers__title, .city-page .recently-viewed__title {
  font-size: clamp(28px, 4vw, 48px) !important;
}
.city-page.seo-text {
  background: var(--accent-12);
  border-bottom: 1px solid var(--accent-13);
  padding-bottom: 32px;
}

.city-map {
  height: calc(100vh - var(--hgt-header));
  position: relative;
}
.city-map__controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px;
  background: white;
  display: flex;
  gap: 8px;
  z-index: 7;
}
.city-map__controls .btn.active {
  pointer-events: none;
}
.city-map__filters {
  display: none;
}
.city-map__filters.sm-modal {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: var(--hgt-header);
  z-index: 15;
}
.city-map__list {
  position: fixed;
  top: var(--hgt-header);
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-y: scroll;
  transform: translateX(-100%);
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.7333333333);
  z-index: 8;
  padding-top: 16px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.city-map__list.open {
  transform: translateX(0);
}
.city-map__list .container {
  background: var(--accent-12);
  padding-block: 16px;
  border-radius: 16px 16px 0 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.city-map__list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.city-map__list-header h4 {
  font: 400 24px/36px "Guardian Egyptian LCG", serif;
}
.city-map .loader-wrapper {
  z-index: 5;
  background: rgba(255, 255, 255, 0.5019607843);
}
.city-map .loader-wrapper.hidden {
  display: none;
}

#city-map {
  width: 100%;
  height: 100%;
}

#city-map-results {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  flex-grow: 1;
}

.map-point {
  background: white;
  border: 4px solid var(--accent-11);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.map-point:hover, .map-point.active {
  border-color: var(--accent);
}
.map-point.single {
  width: 32px;
  height: 32px;
}
.map-point.cluster.small {
  width: 52px;
  height: 52px;
  border-width: 6px;
}
.map-point.cluster.large {
  width: 60px;
  height: 60px;
  border-width: 8px;
}
.ymaps3x0--button.ymaps3x0--control-button[disabled], .ymaps3x0--button.ymaps3x0--control-button.disabled {
  pointer-events: none;
}

.get-to {
  display: flex;
  margin-inline: var(--container-out);
  padding-inline: var(--container-padding);
  overflow-x: auto;
}
.get-to ul {
  display: flex;
  margin-top: 12px;
}
.get-to ul li {
  display: flex;
  gap: 4px;
  color: var(--accent-11);
  align-items: center;
}
.get-to ul li:not(:last-child):after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: var(--accent-14);
  border-radius: 50%;
  margin-inline: 4px 8px;
}
.get-to span {
  white-space: nowrap;
}
.get-to__map {
  display: flex;
  margin-left: 24px;
  color: var(--accent-11);
  margin-top: 12px;
}

html:has(.cityplace) {
  scroll-padding-top: 130px;
}

.cityplace__list .minicard__prop {
  opacity: 1 !important;
}
.cityplace .page-title {
  background-color: var(--bg);
}
.cityplace-wrp {
  background: var(--bg);
}
.cityplace__sticky-wrp {
  grid-row: span 3;
}
.cityplace .gallery-big, .cityplace__content, .cityplace__anchors {
  grid-column: 1/3;
}
.cityplace__content article h4:not(:first-child) {
  margin-top: 24px;
}
.cityplace__content article + article {
  margin-top: 32px;
}
.cityplace .gallery-big {
  margin-bottom: 16px;
}
.cityplace__content h4 {
  font: 400 clamp(20px, 4vw, 28px)/1.6 "Guardian Egyptian LCG", serif;
}
.cityplace__anchors {
  margin-inline: var(--container-out);
  overflow-x: auto;
  margin-block: 24px;
  background-color: var(--white);
  position: sticky;
  top: var(--hgt-header);
  z-index: 30;
}
.cityplace__description {
  background: var(--white);
  padding: 16px;
  border-radius: 16px;
  font: 400 15px/24px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
}
.cityplace__description p {
  letter-spacing: 0.02em;
  hyphens: auto;
}
.cityplace__filter {
  background: var(--white);
  padding: 16px;
  border-radius: 16px;
  margin-top: 24px;
}
.cityplace__filter h4 {
  margin-bottom: 16px;
}
.cityplace__filter form {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 8px;
}
.cityplace__filter form .checkbox {
  height: 36px;
  align-self: center;
}
.cityplace__list {
  margin-top: 24px;
  background: var(--white);
  padding: 16px;
  border-radius: 16px;
}
.cityplace__list-content {
  display: grid;
  gap: 8px;
  margin-top: 24px;
}
.cityplace__list .list-header__controls-sort {
  min-width: 100%;
}
.cityplace__list-done {
  margin-top: 24px;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.cityplace__list-footer button {
  width: 100%;
  margin-top: 16px;
}
.cityplace__list-footer .pagination__page {
  margin-top: 16px;
  justify-content: center;
}
.cityplace__count {
  font: 400 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  color: var(--text-2);
}
.cityplace__map-block {
  background: var(--white);
  padding: 16px;
  border-radius: 16px;
  margin-top: 24px;
}
.cityplace__map-block h4 {
  margin-bottom: 16px;
}
.cityplace__map-block .map-static {
  height: auto;
  max-height: 480px;
  aspect-ratio: 0.733;
  border-radius: 12px;
  overflow: hidden;
}
.cityplace__map-legend .dotted-list li {
  font: 500 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  margin-bottom: 16px;
  letter-spacing: 0.02em;
}

.detail-apartment .cityplace__description {
  margin-top: 8px;
  margin-bottom: 30px;
}
.detail-apartment .cityplace__description p {
  margin-top: 12px;
  margin-bottom: 0;
}
.detail-apartment .cityplace__description h4 {
  margin-bottom: 12px;
}
.detail-apartment .link-more {
  display: inline-flex;
  gap: 4px;
  font: 500 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  color: var(--accent-11);
  align-items: center;
  margin-top: 16px;
  letter-spacing: 0.02em;
}
.detail-apartment .link-more .icon {
  width: 18px;
  height: 18px;
}
.detail-apartment .section-special-offers {
  background: var(--bg);
}
.detail-apartment .section-form-question.pre-footer {
  padding-bottom: 48px;
  border-bottom: 1px solid var(--accent-13);
}
.detail-apartment .form-question {
  margin: 0;
}

.page-header {
  margin-block: 24px;
}

.city-places-all .section-form-question,
.city-place .section-form-question {
  padding-bottom: 48px;
  border-bottom: 1px solid var(--accent-14);
}

.country-places .section-form-question {
  border-bottom: 1px solid var(--accent-14);
  padding-bottom: 32px;
}

.company .page-title h1 {
  font-size: clamp(32px, 5vw, 64px);
  margin-top: 24px;
}
.company__services {
  background: var(--bg);
  padding-block: 48px 32px;
}
.company__services h2 {
  margin-top: 4px;
  margin-bottom: 26px;
}
.company__services .subtitle {
  font: 400 clamp(14px, 2vw, 20px)/1.6 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
  max-width: 1000px;
}
.company__services-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 48px;
  margin-bottom: 48px;
}
.company .partners {
  padding-block: 32px;
  background: var(--bg);
}
.company .partners h3 {
  line-height: 1.3;
}
.company__partners {
  margin-top: 24px;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}
.company__partners .partner {
  background: #e8ebeb;
  border-radius: 16px;
  aspect-ratio: 47/30;
}
.company__partners .partner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.company__awards {
  background: var(--bg);
  padding-top: 48px;
  padding-bottom: 96px;
}

html:has(.main-policy) {
  scroll-padding-top: var(--hgt-header);
}

.policy-title {
  margin-top: 48px;
  margin-bottom: 30px;
}
.policy-title h2 {
  margin-top: 20px;
}

.policy-list > ol > li:before {
  content: none !important;
}
.policy-list ol {
  list-style: none;
  counter-reset: index;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font: 400 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
}
.policy-list ol > li {
  counter-increment: index;
}
.policy-list ol > li:before {
  content: counters(index, ".") ". ";
}
.policy-list ol p {
  margin-bottom: 0;
}
.policy-list li > ol {
  margin-top: 12px;
}
.policy-list ul {
  list-style: none;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.policy-list ul > li {
  line-height: 24px;
  display: flex;
}
.policy-list ul > li:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjkyOTcgMi4xMjEwOUM1LjY4MzQ2IDEuNzMwNzcgNi4zMTY1NSAxLjczMDc3IDYuNzA3MDMgMi4xMjEwOUw5Ljg3ODkxIDUuMjkyOTdDMTAuMjY5MiA1LjY4MzQ2IDEwLjI2OTIgNi4zMTY1NSA5Ljg3ODkxIDYuNzA3MDNMNi43MDcwMyA5Ljg3ODkxQzYuMzE2NTQgMTAuMjY5MiA1LjY4MzQ1IDEwLjI2OTIgNS4yOTI5NyA5Ljg3ODkxTDIuMTIxMDkgNi43MDcwM0MxLjczMDc3IDYuMzE2NTQgMS43MzA3NyA1LjY4MzQ1IDIuMTIxMDkgNS4yOTI5N0w1LjI5Mjk3IDIuMTIxMDlaIiBzdHJva2U9IiNCODhFNUYiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
  margin-right: 1em;
  flex: 0 0 0;
}
.policy-list h3 {
  margin-top: 6px;
  margin-bottom: 31px;
  font: 400 clamp(20px, 4vw, 36px)/1 "Guardian Egyptian LCG", serif;
}
.policy-list h3:before {
  content: counter(index) ". ";
}

.policy-content {
  background: var(--bg);
  padding-top: 24px;
  overflow: visible;
}
.policy-content .paper {
  background: var(--white);
  padding: 32px;
  border-radius: 16px;
}
.policy-content .intro {
  font: 500 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
}
.policy-content blockquote {
  background: var(--accent-12);
  padding: 20px 24px;
  margin: 0;
  margin-top: 24px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.policy-content blockquote > strong {
  font: 500 20px/1.6 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
}
.policy-content blockquote p {
  font: 400 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
  margin-top: 0;
}
.policy-content blockquote p strong {
  font-weight: 500;
}

.policy-grid {
  display: flex;
  flex-direction: column;
  gap: 32px !important;
}

.policy-container {
  display: grid;
  grid-template-columns: 1fr 376px;
  gap: 32px;
}
.policy-side ol {
  position: sticky;
  top: var(--hgt-header);
  background: var(--white);
  padding: 16px;
  margin: 0;
  border-radius: 16px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  counter-reset: index;
}
.policy-side ol li {
  font: 400 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
  color: var(--gray-13);
  overflow: hidden;
  border-radius: 12px;
  counter-increment: index;
}
.policy-side ol li:has(.active):nth-child(1 of :has(.active)) {
  color: var(--white);
  font: 400 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
}
.policy-side ol li:has(.active):nth-child(1 of :has(.active)) a {
  padding-block: 14px;
  background: var(--accent-11);
}
.policy-side ol li a {
  color: inherit;
  padding: 14px 24px;
  display: block;
  background: var(--accent-12);
}
.policy-side ol li a:before {
  content: counter(index) ". ";
}

.policy-footer {
  background: var(--bg);
  padding-top: 28px;
  padding-bottom: 96px;
  border-bottom: 1px solid var(--accent-13);
}

.districts-popup {
  height: 93vh;
  display: flex;
  flex-direction: column;
}
.districts-popup__title {
  font: 400 clamp(24px, 4vw, 36px)/1.5 "Guardian Egyptian LCG", serif;
  margin-block: 4px 35px;
}
.districts-popup__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.districts-popup__districts {
  flex-grow: 1;
}
.districts-popup .input-filter {
  display: flex;
  width: 100%;
  position: relative;
  background: var(--accent-12);
  padding: 14px 16px;
  border-radius: 12px;
  font: 400 18px/1 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  margin-bottom: 24px;
}
.districts-popup .input-filter:focus-within {
  outline: 2px solid var(--accent-11);
}
.districts-popup .input-filter .icon {
  color: var(--text-3);
  margin-right: 8px;
}
.districts-popup .input-filter input {
  border: none;
  flex: 1;
  background: transparent;
  color: var(--text-2);
}
.districts-popup .input-filter button {
  padding: 0;
  line-height: 0;
  font-size: 1.5em;
  border: none;
  background: none;
  color: var(--text-3);
  cursor: pointer;
}
.districts-popup h4 {
  font: 400 clamp(20px, 3.5vw, 28px)/1.6 "Guardian Egyptian LCG", serif;
  margin-bottom: 16px;
}
.districts-popup h5 {
  font: 400 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  margin-bottom: 12px;
}
.districts-popup .btn-wrapper {
  background: white;
  padding-block: 12px;
  display: flex;
  gap: 16px;
  z-index: 2;
}
.districts-popup .btn-wrapper .icon {
  width: 12px;
  height: 12px;
}
.districts-popup__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.district-popup .af-popup__wrp {
  justify-content: flex-end;
}
.district-popup .af-popup__container {
  margin: 0;
}

#instants {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
#instants li {
  font: 400 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  color: var(--text-2);
  padding: 8px 16px;
  background: var(--accent-12);
  border-radius: 20px;
  cursor: pointer;
}
#instants li:hover {
  background: var(--accent-14);
}

#areas {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 32px;
  column-gap: 32px;
}
#areas > li {
  margin-bottom: 8px;
}
#districts .no-result {
  display: none;
  font: 400 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  -moz-column-span: all;
  column-span: all;
}
#districts ul {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
#districts ul:not(:has(.district:not(.hidden))) {
  display: none;
}
#districts:not(:has(.district:not(.hidden))) .no-result {
  display: block !important;
}
#districts li.letter {
  font: 500 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  margin-bottom: 16px;
}
#districts li.district {
  margin-bottom: 16px;
}
#districts li.district.hidden {
  display: none;
}

[popover] {
  border-radius: 16px;
  padding: 0;
}
[popover]::backdrop {
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}
body:has([popover]:popover-open) {
  overflow: hidden;
}

.modal {
  max-width: 560px;
  padding-bottom: 12px;
}
.modal h3 {
  margin-top: 17px;
  margin-bottom: 7px;
  line-height: 48px;
  padding-right: 40px;
}
.modal__item .btn {
  margin-bottom: 12px;
}
.modal__title {
  margin-bottom: 32px;
}
.modal__title p {
  margin-top: 24px;
}
.modal__item-title {
  margin-bottom: 8px;
}
.modal__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.modal__group {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.modal .subtitle-text a {
  position: relative;
  color: var(--accent-11);
}
.modal .subtitle-text a:hover {
  color: var(--accent);
}
.modal .checkbox__elem::after {
  left: 2px;
  width: 12px;
  height: 9px;
}
.modal form:invalid button[type=submit] {
  pointer-events: none;
}
.modal form:invalid button[type=submit].btn-green {
  background: var(--accent-14);
}

.modal-object {
  display: flex;
  padding: 16px;
  gap: 16px;
  background: var(--accent-12);
  border-radius: 16px;
}
.modal-object picture {
  width: 84px;
  height: 84px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 8px;
  overflow: hidden;
}
.modal-object picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.modal-object__text-title {
  font: 400 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
}
.modal-object__text-place {
  font: 400 15px/24px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
}
.modal-object__text-price {
  font: 400 20px/32px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
  color: var(--accent-21);
}

.cookies {
  background: var(--white);
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1215686275);
  padding: 24px;
  display: flex;
  gap: 32px;
  max-width: 1140px;
}
.cookies-wrp {
  position: fixed;
  z-index: 500;
  bottom: 16px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding-inline: var(--container-padding);
}
.cookies-wrp.hide {
  display: none;
}
.cookies__text {
  font: 400 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0.02em;
}
.cookies a {
  color: var(--accent-11);
  cursor: pointer;
}
.cookies .btn {
  flex-shrink: 0;
  padding-inline: 32px;
}
@media screen and (min-width: 375.98px){
  .sectionAboutUsTeam__content {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .sectionAboutUsTeam__content > div:last-child {
    grid-column: span 2;
  }
}
@media screen and (min-width: 480px){
  :root {
    --container-padding: 16px;
    --container-out: -16px;
  }
  .container {
    max-width: 100%;
  }
  .breadcrumb li a, .breadcrumb li span {
    font-size: 13px;
  }
  .form__note label {
    font-size: 16px;
  }
  .form__label {
    font-size: 18px;
  }
  .popup-success__desc {
    font-size: 20px;
  }
  .section-team-block--list .team-block__item {
    width: 50%;
    padding: 8px;
  }
  .team-block__list {
    padding-bottom: 34px;
  }
  .team-block .splide__slide:not(.is-visible) {
    opacity: 0.5;
  }
  .card-member__image {
    max-width: 89%;
  }
  .sectionAboutUsPhoto__image {
    border-radius: 32px;
  }
  .sectionAboutUsPhoto__image img {
    border-radius: 24px;
  }
  .section404First__block_title {
    font: 700 52px/56px var(--font-wix);
    padding-bottom: 4px;
    padding-top: 12px;
  }
  .minicard__price {
    gap: 12px;
  }
  .minicard__prop span {
    display: inline;
  }
}
@media screen and (any-hover: hover) and (min-width: 576px){
  .checkbox:hover .checkbox__text {
    color: var(--accent-02);
  }
}
@media screen and (min-width: 576px){
  :root {
    --container-padding: 24px;
    --container-out: -24px;
  }
  h2 {
    font-size: 28px;
  }
  .container {
    max-width: 100%;
  }
  .formated-text h2 {
    font-size: 28px;
  }
  .formated-text table th, .formated-text table td {
    padding: 15px 16px 16px 16px;
    line-height: 140%;
  }
  .formated-text table th:first-child, .formated-text table td:first-child {
    font-weight: 700;
  }
  .sp-block-table table th, .sp-block-table table td {
    padding: 15px 16px 16px 16px;
    line-height: 140%;
  }
  .sp-block-table table th:first-child, .sp-block-table table td:first-child {
    font-weight: 700;
  }
  .popup__desc {
    font-size: 14px;
  }
  .popup-call {
    max-width: 360px;
  }
  .form__buttons {
    flex-direction: row;
  }
  .yt-video.play::before,
  .video.play::before {
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
  }
  .icon-cross {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
  header .headerMenu__msgr {
    margin-left: 0;
  }
  .footer__msgr {
    margin-left: 0;
  }
  .about-company__h2 {
    font-size: 28px;
  }
  .best-offers__title {
    font-size: 28px;
  }
  .best-offers__nav {
    display: flex;
    gap: 8px;
  }
  .form-order {
    padding: 32px 32px 24px;
    border-radius: 32px;
  }
  .form-order__title {
    font-size: 28px;
  }
  .form-order__title {
    padding-bottom: 14px;
  }
  .popup-success {
    padding: 24px;
  }
  .seotext-block__text .col2 {
    -moz-column-count: 2;
    column-count: 2;
    color: var(--accent-02);
  }
  .section-team-block--min .team-block__title {
    font-size: 28px;
  }
  .team-block__title {
    font-size: 28px;
  }
  .team-block__nav {
    display: flex;
    gap: 8px;
  }
  .team-block .splide__track {
    margin-right: 0;
  }
  .tile-category__title h2 {
    font-size: 28px;
  }
  .sectionAboutUsFirst__items .item {
    width: calc(50% - 16px);
  }
  .sectionAboutUsTeam__title {
    font-size: 28px;
  }
  .sectionAboutUsTeam__content {
    grid-template-columns: repeat(3, 1fr);
  }
  .sectionAboutUsTeam__content > div:last-child {
    grid-column: span 3;
  }
  .sectionAboutUsTeam__content > div:last-child .form-order {
    height: 100%;
  }
  .sectionAboutUsFAQ__title {
    font-size: 28px;
  }
  .sectionAboutUsFAQ__text {
    padding-bottom: 26px;
  }
  .sectionCategoryFAQ__title {
    font-size: 28px;
  }
  .sectionCategoryFAQ__text {
    padding-bottom: 32px;
  }
  .burninBlock__title {
    font-size: 28px;
  }
  .specialBlock__title {
    font-size: 28px;
  }
  .minPriceBlock__title {
    font-size: 28px;
  }
  .AuthorToursBlock__title {
    font-size: 28px;
  }
  .aboutBlock__content_slider-title {
    font-size: 28px;
  }
  .infoBlock__content_history-title {
    font-size: 28px;
  }
  .splide__arrow {
    width: 56px;
    height: 56px;
  }
  .splide__arrow svg {
    width: 38px;
    height: 38px;
  }
}
@media screen and (min-width: 679px){
  .af-popup__close {
    top: 40px;
    right: 40px;
  }
  .form-order__form .form__subitem textarea {
    min-height: 118px;
  }
  .popup-form__desc {
    padding-bottom: 25px;
  }
  .popup-form .form__subitem {
    padding: 16px 6px;
    margin-bottom: 0;
  }
  .popup-form .form__subitem textarea {
    min-height: 118px;
  }
}
@media screen and (min-width: 767px){
  :root {
    --container-padding: 30px;
    --container-out: -30px;
  }
  h3 {
    font-size: 32px;
  }
  .container {
    max-width: 100%;
  }
  .formated-text h3 {
    font-size: 32px;
  }
  .formated-text h4 {
    font-size: 24px;
  }
  .formated-text ul {
    padding-left: 20px;
  }
  .formated-text ol {
    padding-left: 20px;
  }
  .formated-text ol > li {
    padding-left: 30px;
  }
  .formated-text blockquote {
    padding: 24px 24px 24px 124px;
    background-position: 24px 24px;
    background-repeat: no-repeat;
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiNmZmYiLz48ZyBjbGlwLXBhdGg9InVybCgjcHJlZml4X19wcmVmaXhfX2NsaXAwXzU5Nl8xNDU3MikiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik00MC4yMjggNTAuMjU4aC0uNDZhNC4wNjIgNC4wNjIgMCAwMS00LjA1Ni0zLjgyNWwtMS41NTYtMjYuNjFhNC4wNjIgNC4wNjIgMCAwMTQuMDU1LTQuM2gzLjU3NGE0LjA2MiA0LjA2MiAwIDAxNC4wNTUgNC4zbC0xLjU1NiAyNi42MWE0LjA2MiA0LjA2MiAwIDAxLTQuMDU2IDMuODI1em0tLjIzIDE0LjIxOWE0LjA2MiA0LjA2MiAwIDExMC04LjEyNSA0LjA2MiA0LjA2MiAwIDAxMCA4LjEyNXoiIHN0cm9rZT0iIzAxQUZEMiIvPjxwYXRoIGQ9Ik0yOS4zNzcgMzguOTM4YTEyLjIxMyAxMi4yMTMgMCAwMC0xLjY2NiA2LjE3YzAgMi4yNDkuNjA3IDQuMzU3IDEuNjY2IDYuMTcybS01LjI2OC0xNS40MDNhMTguMjY5IDE4LjI2OSAwIDAwLTIuNDkyIDkuMjMyYzAgMy4zNjIuOTA5IDYuNTE3IDIuNDkyIDkuMjMxbS01LjI3Ni0yMS41MjdhMjQuMzYzIDI0LjM2MyAwIDAwLTMuMzEgMTIuMjk2IDI0LjM3IDI0LjM3IDAgMDAzLjMxIDEyLjI5Nm0zMS44MDMtNi4xNDdhMTIuMjEzIDEyLjIxMyAwIDAwMS42NTMtNi4xNWMwLTIuMjM4LS42MDItNC4zMzktMS42NTMtNi4xNDhtNS4yNjggMTUuMzU4YTE4LjI2OSAxOC4yNjkgMCAwMDIuNDc5LTkuMjFjMC0zLjM1My0uOTA0LTYuNS0yLjQ3OS05LjIwOW01LjI3NiAyMS40ODRhMjQuMzYzIDI0LjM2MyAwIDAwMy4yOTYtMTIuMjc0YzAtNC40NzMtMS4yLTguNjY2LTMuMjk2LTEyLjI3NCIgc3Ryb2tlPSIjRDNFQkYwIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0icHJlZml4X19wcmVmaXhfX2NsaXAwXzU5Nl8xNDU3MiI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQgMTQpIiBkPSJNMCAwaDUydjUySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
  }
  .sp-lists ul {
    padding-left: 20px;
  }
  .btn__green {
    height: 52px;
    font-size: 16px;
    line-height: 150%;
    border-radius: 8px;
  }
  .btn__green:hover {
    background: var(--accent-02);
    color: var(--white);
  }
  .btn__white {
    height: 52px;
    font-size: 16px;
    line-height: 150%;
    border-radius: 8px;
  }
  .btn__white:hover {
    background: var(--elements-01);
    color: var(--text-1);
  }
  .btn__all {
    width: -moz-max-content;
    width: max-content;
  }
  .btn__all:hover {
    background: var(--elements-01);
    color: var(--text-1);
  }
  .popup__desc {
    font-size: 16px;
    margin-top: -12px;
  }
  .btn {
    border-radius: 20px;
    padding: 0.75em 3em 0.85em 3em;
    height: 56px;
    font-size: 18px;
  }
  .btn svg {
    width: 20px;
    height: 20px;
  }
  .form input[type=text], .form input[type=date], .form input[type=number], .form input[type=password], .form input[type=email], .form input[type=tel], .form textarea {
    height: 56px;
    border-radius: 20px;
    padding: 16px 24px;
  }
  .form textarea {
    min-height: 140px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 24px;
  }
  .form div.error {
    font-size: 15px;
  }
  .form__note--col2 > span {
    padding-bottom: 0;
  }
  .form__note--col2 {
    flex-direction: row;
  }
  .form__item {
    flex-direction: row;
    align-items: center;
    margin: -10px -6px;
    width: calc(100% + 20px);
  }
  .form__subitem--leftlabel {
    align-self: center;
    font-weight: normal;
  }
  .form__subitem--w-auto {
    flex-grow: 0;
    width: auto;
  }
  .form__subitem > label {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .form__subitem {
    padding: 11px 6px;
    margin-bottom: 0;
  }
  .yt-video__action,
  .video__action {
    padding: 24px;
  }
  .yt-video__title,
  .video__title {
    font-size: 28px;
  }
  .faq-item {
    border-radius: 32px;
  }
  .faq-item.open .faq-item__question {
    padding: 24px 32px;
  }
  .faq-item.open .faq-item__answer p {
    padding: 0 32px 24px;
  }
  .faq-item__question {
    padding: 24px 32px;
  }
  .faq-item__answer {
    font-size: 16px;
  }
  .faq-item__title {
    font: 700 24px/32px var(--font-wix);
  }
  .footer {
    padding: 48px 0 0;
  }
  .footer .footer__bg {
    padding-bottom: 48px;
  }
  .footer .footerTop {
    padding-bottom: 48px;
  }
  .footer__catalog .footer__col {
    gap: 42px;
  }
  .footer__catalog {
    width: 55%;
    padding-top: 0;
  }
  .footer__phones li a {
    font-size: 24px;
  }
  .footer__contact .header-contact__title {
    font-size: 24px;
  }
  .footer__contacts {
    padding-bottom: 46px;
    border-right: 1px solid var(--elements-01);
    border-bottom: 0 solid transparent;
  }
  .footer__contacts {
    width: 43%;
  }
  .footer-category__head {
    font-size: 16px;
    line-height: 155%;
    font-weight: 600;
  }
  .footer-category__list ul li a {
    font-size: 15px;
    line-height: 150%;
  }
  .footer-category__list ul li a:hover {
    color: #000000;
  }
  .about-company {
    display: flex;
    gap: 12px;
  }
  .about-company__left {
    width: 35%;
  }
  .about-company__right {
    width: 75%;
    position: relative;
    margin-top: 0;
  }
  .best-offers__tabs ul li span {
    padding: 9px 24px 10px 25px;
    border-radius: 50px;
    font-size: 16px;
  }
  .best-offers__nav {
    display: flex;
  }
  .sectionFirstBlock {
    min-height: 682px;
    padding: 80px 0;
  }
  .sectionFirstBlock__top {
    padding-top: 0;
  }
  .sectionFirstBlock__top_img {
    display: none;
  }
  .sectionFirstBlock__img {
    display: block;
  }
  .sectionFirstBlock .container {
    gap: 32px;
  }
  .sectionFirstBlock__title {
    font-size: 64px;
    text-transform: inherit;
    padding-bottom: 0;
    line-height: 120%;
    letter-spacing: 1px;
  }
  .sectionFirstBlock__box {
    background: rgba(255, 255, 255, 0.0784313725);
    border-radius: 8px;
  }
  .sectionFirstBlock__box_title {
    font-size: 48px;
  }
  .sectionFirstBlock__box_text {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 120%;
  }
  .sectionFirstBlock__info {
    padding-top: 111px;
  }
  .sectionFirstBlock__info_tab ul {
    padding: 4px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
  }
  .sectionFirstBlock__info_tab ul li, .sectionFirstBlock__info_tab ul a {
    height: 46px;
    padding: 12px 24px;
    color: var(--white);
    font-size: 16px;
    line-height: 150%;
    font-weight: 600;
    background: transparent;
  }
  .sectionFirstBlock__info_tab ul li.active, .sectionFirstBlock__info_tab ul a.active {
    background: #FFFFFF;
    color: var(--text-1);
  }
  .sectionFirstBlock__info_tab ul li.active:hover, .sectionFirstBlock__info_tab ul a.active:hover {
    background: #FFFFFF;
    color: var(--text-1);
  }
  .sectionFirstBlock__info_tab ul li:hover, .sectionFirstBlock__info_tab ul a:hover {
    background: rgba(255, 255, 255, 0.1490196078);
    color: var(--white);
  }
  .form-order__desc {
    padding-bottom: 30px;
  }
  .form-order__desc {
    font-size: 16px;
    line-height: 155%;
    font-weight: 600;
  }
  .popup-form__title {
    font-size: 32px;
  }
  .popup-success__title {
    font-size: 24px;
  }
  .seotext-block.open .seotext-block__text {
    max-height: 1100px;
  }
  .seotext-block__title {
    padding-bottom: 32px;
  }
  .seotext-block__all {
    font: 600 18px/28px var(--font-wix);
    margin-top: 32px;
  }
  .team-block .splide__arrow {
    width: 64px;
    height: 64px;
    background-color: var(--color-bg-03);
    opacity: 1;
    border-radius: 0;
    transition: 0.3s ease;
  }
  .team-block .splide__arrow--next {
    right: -16px;
  }
  .team-block .splide__arrow--prev {
    left: -16px;
  }
  .team-block .splide__arrow[disabled] {
    opacity: 0;
  }
  .section-tile-category {
    padding: 24px 0;
  }
  .card-category__title {
    font-size: 24px;
  }
  .card-category__title {
    padding-bottom: 8px;
  }
  .card-category__icon {
    bottom: -10px;
  }
  .card-category__icon svg {
    width: 112px;
    height: 102px;
    transform: scale(1);
  }
  .card-category__content {
    max-width: 190px;
  }
  .card-category__content_text {
    display: flex;
  }
  .tile-category__list {
    padding-bottom: 24px;
  }
  .tile-category__head {
    padding-bottom: 24px;
  }
  .sectionAboutUsFirst {
    padding-bottom: 76px;
    overflow: visible;
  }
  .sectionAboutUsFirst__title {
    font: 600 18px/28px var(--font-wix);
  }
  .sectionAboutUsFirst__text {
    font: 400 16px/24px var(--font-wix);
  }
  .sectionAboutUsFirst__quote {
    padding: 32px;
  }
  .sectionAboutUsFirst__quote_text {
    font: 400 18px/24px var(--font-wix);
  }
  .sectionAboutUsFirst__quote_name {
    font: 600 16px/24px var(--font-wix);
  }
  .sectionAboutUsFirst__items {
    padding: 32px;
    margin-top: 32px;
  }
  .sectionAboutUsFirst__items .item__title {
    font-size: 32px;
  }
  .sectionAboutUsPhoto {
    padding-bottom: 76px;
  }
  .aboutUsForm .form__item {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .aboutUsForm .form__item .form__subitem {
    width: 50%;
  }
  .aboutUsForm .form__item > div:last-child {
    width: 100%;
  }
  .aboutUsForm .form__item_submit {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    padding-top: 22px;
  }
  .aboutUsForm .form__item_submit .btn {
    width: 100%;
    max-width: 300px;
  }
  .section404First__block {
    gap: 32px;
  }
  .section404First__block_text {
    font: 400 18px/28px var(--font-wix);
  }
  .sectionCategoryContent .contentMainItems {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .categoryBanner {
    padding-bottom: 104px;
  }
  .categoryBanner__item {
    padding: 24px;
    border-radius: 12px;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
  }
  .categoryBanner__item_content-title {
    font-size: 20px;
    line-height: 160%;
    font-weight: 600;
    padding-bottom: 0;
  }
  .categoryBanner__item_content-text {
    font-size: 15px;
    line-height: 150%;
  }
  .historyBlock {
    padding: 32px 0 52px;
  }
  .historyBlock__title {
    font-size: 32px;
  }
  .historyBlock__title {
    padding-bottom: 16px;
  }
  .burninBlock {
    padding: 52px 0;
  }
  .burninBlock__title {
    padding-bottom: 32px;
  }
  .burninBlock__content {
    gap: 24px;
  }
  .burninBlock__content .btn__all {
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    bottom: calc(100% + 32px);
    right: 0;
  }
  .specialBlock {
    padding: 52px 0;
  }
  .specialBlock__title {
    padding-bottom: 32px;
  }
  .minPriceBlock {
    padding: 52px 0;
  }
  .minPriceBlock__title {
    padding-bottom: 32px;
  }
  .minPriceBlock__content {
    gap: 24px;
    flex-direction: column;
  }
  .minPriceBlock__content .btn__all {
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    bottom: calc(100% + 32px);
    right: 0;
  }
  .AuthorToursBlock {
    padding: 52px 0;
  }
  .AuthorToursBlock__title {
    padding-bottom: 32px;
  }
  .AuthorToursBlock__content {
    gap: 24px;
  }
  .AuthorToursBlock__content .btn__all {
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    bottom: calc(100% + 32px);
    right: 0;
  }
  .AuthorToursBlock__content > a, .AuthorToursBlock__content > div {
    width: calc(50% - 12px);
  }
  .AuthorToursBlock__content .itemSpecial {
    height: 472px;
    padding: 32px;
    border-radius: 12px;
  }
  .AuthorToursBlock__content .itemSpecial__title {
    font-weight: 700;
    line-height: 120%;
    font-size: 24px;
    color: var(--text-1);
    padding-bottom: 16px;
  }
  .AuthorToursBlock__content .itemSpecial__text {
    font-size: 16px;
    line-height: 150%;
  }
  .AuthorToursBlock__content .itemSpecial .btn__green {
    font-weight: 600;
  }
  .AuthorToursBlock__content .item {
    height: 472px;
    padding: 32px;
  }
  .AuthorToursBlock__content .item:hover:before {
    background: rgba(0, 0, 0, 0.6980392157);
  }
  .AuthorToursBlock__content .item:hover .item__title {
    color: var(--accent-02) !important;
  }
  .AuthorToursBlock__content .item:hover .item__icon {
    width: 64px;
    height: 64px;
    background: transparent;
    z-index: 1;
    transition: all 0.3s ease;
  }
  .AuthorToursBlock__content .item:hover .item__icon:after {
    opacity: 1;
    left: 0;
  }
  .AuthorToursBlock__content .item:hover .item__icon svg {
    right: 18px;
    top: 16px;
    transform: rotate(0);
  }
  .AuthorToursBlock__content .item:hover .item__icon svg path {
    stroke: var(--accent-02);
  }
  .AuthorToursBlock__content .item__title {
    font-weight: 700;
    line-height: 120%;
    font-size: 24px;
    color: var(--text-1);
  }
  .AuthorToursBlock__content .item__icon {
    width: 44px;
    height: 44px;
    border-radius: 0 11px 0 12px;
  }
  .AuthorToursBlock__content .item__icon svg {
    top: 13px;
    right: 13px;
    transition: all 0.3s ease;
    transform: rotate(-45deg);
  }
  .AuthorToursBlock__content .item__icon svg path {
    transition: all 0.3s ease;
    stroke: #ffffff;
  }
  .AuthorToursBlock__content .item__lists ul li {
    font-size: 14px;
    line-height: 142%;
  }
  .aboutBlock {
    padding: 52px 0 104px;
  }
  .aboutBlock__content_slider .aboutSlider .splide__arrow--prev:hover,
  .aboutBlock__content_slider .aboutSlider .splide__arrow--next:hover {
    background: var(--bg-01);
  }
  .aboutBlock__content_slider .aboutSlider__item {
    padding: 24px;
  }
  .aboutBlock__content_slider .aboutSlider__item:hover {
    background: var(--bg-01);
  }
  .aboutBlock__content_slider .aboutSlider__item_top p {
    font-size: 16px;
    line-height: 150%;
  }
  .aboutBlock__content_slider .aboutSlider__item_comment-text {
    font-size: 15px;
    line-height: 150%;
  }
  .aboutBlock__content_slider .aboutSlider__item_comment-btn:hover {
    opacity: 1;
  }
  .aboutBlock__content_rating {
    padding: 24px;
  }
  .aboutBlock__content_rating-img {
    padding-bottom: 16px;
  }
  .aboutBlock__content_rating-text {
    font-size: 16px;
    line-height: 150%;
  }
  .aboutBlock__content_rating-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--white);
    border-radius: 8px;
    padding: 8px;
    gap: 8px;
  }
  .aboutBlock__content_rating-info .rating {
    justify-content: space-between;
    padding-bottom: 0;
  }
  .aboutBlock__content_rating-info .rating__text {
    max-width: 61px;
  }
  .aboutBlock__content_rating-info .rating__img .bgimage {
    min-width: 24px;
    width: 24px;
    height: 24px;
  }
  .aboutBlock__content_rating-info .rating__number {
    font-size: 32px;
  }
  .aboutBlock__content_rating-info .btn__green {
    width: -moz-max-content;
    width: max-content;
  }
  .infoBlock {
    padding: 52px 0;
  }
  .infoBlock__content_history {
    padding: 32px;
    gap: 16px;
  }
  .infoBlock__content_history-title {
    padding-bottom: 20px;
  }
  .infoBlock__content_history ul li {
    padding-left: 19px;
    font-size: 16px;
    line-height: 150%;
  }
  .infoBlock__content_history ul li:after {
    top: 9px;
  }
  .infoBlock__content_info-title {
    padding-bottom: 24px;
    font-weight: 700;
    line-height: 120%;
    font-size: 24px;
    color: var(--text-1);
  }
  .infoBlock__content_info-items .item {
    gap: 8px;
    padding: 24px 66px 24px 24px;
  }
  .infoBlock__content_info-items .item:hover {
    background: var(--bg-02);
    padding: 24px 66px 24px 28px;
  }
  .infoBlock__content_info-items .item:hover .item__text {
    color: var(--text-1);
  }
  .infoBlock__content_info-items .item:hover .item__icon {
    background: #FFFFFF;
    z-index: 1;
    transition: all 0.3s ease;
    padding-left: 14px;
  }
  .infoBlock__content_info-items .item:hover .item__icon svg {
    transform: rotate(0);
  }
  .infoBlock__content_info-items .item:hover .item__icon svg path {
    stroke: var(--accent-02);
  }
  .infoBlock__content_info-items .item__title {
    font-size: 20px;
  }
  .infoBlock__content_info-items .item__text {
    font-size: 15px;
    line-height: 150%;
  }
  .infoBlock__content_info-items .item__icon {
    right: 0;
    transform: translateY(-50%) scale(1);
  }
  .infoBlock__content_info-items .item__icon svg {
    transition: all 0.3s ease;
    transform: rotate(-45deg);
  }
  .infoBlock__content_info-items .item__icon svg path {
    transition: all 0.3s ease;
    stroke: var(--text-1);
  }
}
@media screen and (min-width: 767px) and (max-width: 1200px){
  .form-order__form .form__item {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 767px) and (max-width: 769px){
  .sectionAboutUsPhoto .best-offers__bottom {
    gap: 18px;
  }
  .sectionAboutUsPhoto .best-offers__bottom > div {
    width: calc(50% - 9px);
  }
  .sectionAboutUsPhoto .best-offers__bottom > div .btn {
    width: 100%;
  }
}
@media screen and (min-width: 767px) and (min-width: 1376px){
  .footer-category__head {
    font-size: 18px;
  }
  .form-order__desc {
    font-size: 18px;
  }
}
@media screen and (min-width: 767px) and (min-width: 767px){
  .AuthorToursBlock__content .itemSpecial__title {
    font-size: 32px;
  }
  .AuthorToursBlock__content .item__title {
    font-size: 32px;
  }
  .infoBlock__content_info-title {
    font-size: 32px;
  }
}
@media screen and (min-width: 767.98px){
  .af-popup__content {
    padding: 48px 40px;
  }
  .popup-call .popup__heading {
    margin-bottom: 28px;
  }
  .popup-call .popup__heading h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .popup-call form {
    gap: 16px;
  }
  .popup-call input:not([type=file]) {
    padding: 12px;
    font-size: 16px;
    line-height: 24px;
  }
  .popup-call input:not([type=file])::-moz-placeholder {
    font-size: 16px;
    line-height: 24px;
  }
  .popup-call input:not([type=file])::placeholder {
    font-size: 16px;
    line-height: 24px;
  }
  .popup-call textarea {
    padding: 12px;
    font-size: 16px;
    line-height: 24px;
    min-height: 220px;
  }
  .popup-call textarea::-moz-placeholder {
    font-size: 16px;
    line-height: 24px;
  }
  .popup-call textarea::placeholder {
    font-size: 16px;
    line-height: 24px;
  }
  .popup-call button {
    padding: 12px;
    font-size: 16px;
    line-height: 24px;
  }
  .popup-call .popup__form-field--policy {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (min-width: 768px){
  .hide-from-md {
    display: none;
  }
  .seo-text h3 {
    font: 400 36px/48px "Guardian Egyptian LCG", serif;
    margin-block: 40px 16px;
  }
  .seo-text p {
    font: 400 16px/1.5 "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
    margin-block: 12px;
  }
  .select-styled span {
    font-size: 18px;
  }
  .select-styled span.af-selected-placeholder {
    font-size: 18px;
  }
  .buttons-group .btn {
    background: var(--accent-12);
    color: var(--text-2);
    font: 500 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
    height: 56px;
    padding-inline: 25px;
  }
  .buttons-group .btn:hover {
    color: var(--text-1);
  }
  .buttons-group .btn:before {
    background: var(--accent-13);
  }
  .select-units {
    font-size: 18px;
  }
  .input-group {
    gap: 4px 12px;
    flex-wrap: nowrap;
    font: 400 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  }
  .input-group label {
    padding-block: 14px;
  }
  .input-group label:hover {
    background-color: var(--accent-14);
  }
  .prefixed-input {
    font: 400 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  }
  .city-page.section-special-offers {
    padding-top: 100px;
    padding-bottom: 96px;
  }
  .city-page .special-offers__slider {
    padding-bottom: 33px;
  }
  .city-page.seo-text {
    padding-top: 9px;
    padding-bottom: 75px;
  }
  .city-map__controls {
    left: auto;
    bottom: auto;
    top: 20px;
    right: 20px;
    padding: 8px;
    background: #fff;
    border-radius: 16px;
  }
  .city-map__list-header {
    margin-bottom: 32px;
  }
  .city-map__list-header h4 {
    font-size: 28px;
    line-height: 40px;
  }
  .cityplace .page-title {
    padding-bottom: 40px;
  }
  .cityplace__anchors {
    background-color: transparent;
    margin-inline: -12px;
  }
  .cityplace .sticky-content {
    top: var(--hgt-header);
    position: sticky;
  }
  .cityplace__description {
    padding: 32px;
    font: 400 18px/28px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  }
  .detail-apartment .cityplace__description {
    padding: 32px;
    font: 400 16px/24px "Forma DJR Cyrillic", "Tahoma", "Arial", sans-serif;
  }
  .cityplace__filter {
    padding: 32px;
    margin-top: 32px;
  }
  .cityplace__filter form {
    gap: 12px;
    margin-top: 22px;
  }
  .cityplace__list {
    margin-top: 16px;
  }
  .cityplace__count {
    font-size: 18px;
    line-height: 28px;
  }
  .cityplace__map-block {
    margin-top: 32px;
  }
  .detail-apartment .recently-viewed.similar {
    padding-top: 96px;
  }
  .detail-apartment .section-special-offers {
    padding-top: 50px;
    padding-bottom: 36px;
  }
  .detail-apartment .section-form-question.pre-footer {
    padding-bottom: 96px;
  }
  .page-header {
    margin-block: 32px;
  }
  .city-places-all .section-form-question,
  .city-place .section-form-question {
    padding-bottom: 96px;
  }
  body.country-inner .passport {
    padding-bottom: 27px;
  }
  body.country-inner .passport__fav {
    top: 28px;
    right: 34px;
  }
  body.country-inner .passport__price {
    margin-top: 15px;
  }
  body.country-inner .passport__terms {
    margin-top: 13px;
  }
  body.country-inner .thumbs.splide .splide__pagination {
    display: none;
  }
  body.country-inner .cityplace__content {
    margin-top: 8px;
  }
  body.country-inner .cityplace__description {
    padding-bottom: 15px;
  }
  body.country-inner .cityplace__description h4 {
    margin-bottom: 20px;
  }
  body.country-inner .cityplace__description p {
    margin-block: 12px;
    letter-spacing: 0.02em;
  }
  body.country-inner .cityplace__description .dotted-list {
    margin-top: 25px;
  }
  body.country-inner .cityplace__description .dotted-list li {
    margin-bottom: 16px;
  }
  body.country-inner .cityplace__list-done {
    margin-top: 16px;
  }
  body.country-inner ._similar {
    padding-top: 96px;
  }
  body.country-inner ._recently {
    padding-top: 55px;
  }
  .country-places .section-form-question {
    padding-bottom: 96px;
  }
  .company__services-grid {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
  .company__partners {
    margin-top: 48px;
    gap: 32px;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
  .policy-title h2 {
    margin-bottom: 20px;
  }
  .policy-content {
    padding-top: 48px;
  }
  .districts-popup {
    width: 708px;
  }
  .districts-popup .input-filter {
    margin-bottom: 32px;
  }
  #areas {
    -moz-column-count: 3;
    column-count: 3;
  }
  #districts {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
}
@media screen and (min-width: 769px){
  .breadcrumbs {
    margin-top: 12px;
    margin-right: -24px;
  }
  .breadcrumbs a:hover {
    transition: 0.3s ease;
    color: var(--text-1);
  }
  .section-about-company {
    padding: 45px 0;
  }
  .best-offers__tabs ul li.is-active span:hover {
    background-color: var(--accent-02);
    color: #fff;
  }
  .section-form-order {
    padding: 50px 0;
  }
  .section-seotext-block {
    padding-top: 44px;
  }
  .story-card:hover .story-card__preview::before {
    filter: brightness(1);
  }
  .story-card:hover .story-card__preview img {
    border-color: var(--accent-02);
  }
  .story-card:hover .story-card__title {
    transform: translateY(4px);
    color: var(--accent-03);
  }
  .stories-block .splide .splide__track {
    overflow: hidden;
  }
  .stories-block .splide {
    max-width: calc(100% - 140px);
  }
  .section-team-block {
    padding: 50px 0;
  }
  .team-block__nav {
    display: flex !important;
  }
  .card-member:hover {
    background-image: linear-gradient(0deg, rgb(228, 245, 208) 0%, rgba(228, 245, 208, 0.1) 100%);
  }
  .card-member:hover .card-member__image picture {
    transform: translateY(-10px);
  }
  .card-member:hover .card-member__image picture::before {
    border: 6px solid rgb(173, 235, 103);
  }
  .section-tile-category {
    padding: 50px 0;
  }
  .card-category:hover {
    background-color: var(--accent-02);
  }
  .card-category:hover .card-category__title {
    transition: 0.4s all;
    color: var(--accent-01);
  }
  .card-category:hover .card-category__icon svg {
    fill: var(--accent-01);
  }
  .card-category:hover .card-category__content_desc {
    color: var(--white);
    transition: 0.4s all;
  }
  .card-category:hover .card-category__content_text {
    height: auto;
    z-index: 1;
    opacity: 1;
    margin-top: 24px;
    transform: translateY(0);
  }
  .sectionAboutUsTeam__content {
    grid-template-columns: repeat(4, 1fr);
  }
  .minicard:hover {
    border: 1px solid var(--accent-01);
  }
  .minicard__image {
    height: 362px;
  }
  .minicard__name {
    font-size: 16px;
    line-height: 150%;
  }
  .minicard__price-current {
    font-size: 20px;
    line-height: 160%;
    font-weight: 600;
  }
  .minicard__main {
    min-height: 190px;
    padding: 16px;
  }
  .minicard__main_top {
    padding-bottom: 13px;
  }
  .minicard__main_rating {
    font-size: 14px;
    line-height: 142%;
  }
  .minicard__main_city {
    font-size: 14px;
    line-height: 142%;
  }
  .minicard__main_info ul li {
    font-size: 14px;
    line-height: 142%;
  }
}
@media screen and (min-width: 920px){
  .container > h1 {
    font-size: 48px;
    line-height: 116%;
    padding-top: 32px;
  }
}
@media screen and (min-height: 991.98px){
  .popup-call .popup__form-field--policy a:hover {
    color: #19BEFF;
  }
}
@media screen and (min-width: 991.98px){
  .section-best-offers {
    padding: 38px 0 0;
  }
  .seotext-block__all:hover {
    cursor: pointer;
    padding: 0 18px;
    color: var(--accent-03);
  }
  .seotext-block__all:hover svg {
    fill: var(--accent-03);
  }
  .seotext-block__all:hover:before {
    height: 100%;
  }
  .contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox:hover .checkbox__elem:after {
    opacity: 0.5;
    transform: rotate(0);
    filter: brightness(0);
    transition: 0s;
  }
  .contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox input:checked ~ .checkbox__elem:after {
    filter: initial;
  }
  .contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox:hover input:checked ~ .checkbox__elem {
    background-color: var(--accent-01);
    border-color: var(--accent-01);
  }
  .contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox:hover input:checked ~ .checkbox__text {
    color: var(--accent-01);
  }
  .contentNavigation__menu_item-content .filter-properties__list ul li label.checkbox:hover input ~ .checkbox__text {
    color: #71747A;
  }
  .contentNavigation__menu_item-content .filter-properties__list .sub-menu-toggle:hover {
    opacity: 0.7;
  }
  .contentNavigation__menu_item-content .filter-properties__input input:hover {
    border-color: var(--accent-01);
    z-index: 2;
  }
}
@media screen and (min-width: 992.98px){
  :root {
    --container-padding: 32px;
    --container-out: -23px;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 5px;
    border-radius: 4px;
    height: 5px;
  }
  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track {
    background-color: var(--color-bg-2);
    border-radius: 4px;
  }
  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb {
    background-color: rgba(154, 185, 191, 0.5);
    border-radius: 4px;
  }
  body *::-webkit-scrollbar {
    width: 5px;
    border-radius: 4px;
    height: 5px;
  }
  body *::-webkit-scrollbar-track {
    background-color: var(--color-bg-2);
    border-radius: 4px;
  }
  body *::-webkit-scrollbar-thumb {
    background-color: rgba(154, 185, 191, 0.5);
    border-radius: 4px;
  }
  h2 {
    font-size: 36px;
    line-height: 112%;
  }
  .container {
    max-width: 100%;
  }
  .formated-text h2 {
    font-size: 36px;
    line-height: 112%;
  }
  .formated-text table {
    margin: 20px 0;
  }
  .formated-text table th:first-child, .formated-text table td:first-child {
    width: 320px;
  }
  .formated-text .table-responsive {
    margin: 20px 0;
  }
  .sp-block-table table {
    margin: 20px 0;
  }
  .sp-block-table table th:first-child, .sp-block-table table td:first-child {
    width: 320px;
  }
  .suggest-list::-webkit-scrollbar {
    width: 5px;
    border-radius: 4px;
    height: 5px;
  }
  .suggest-list::-webkit-scrollbar-track {
    background-color: var(--color-bg-2);
    border-radius: 4px;
  }
  .suggest-list::-webkit-scrollbar-thumb {
    background-color: rgba(154, 185, 191, 0.5);
    border-radius: 4px;
  }
  .toggle {
    font-size: 14px;
  }
  .form__note {
    padding-top: 18px;
  }
  .faq {
    padding-bottom: 100px;
  }
  .faq-item:hover {
    background-color: var(--bg-02);
  }
  .faq-item:hover .faq-item__title {
    color: var(--accent-03);
  }
  .faq-item:hover .faq-item__arrow {
    transition: 0.4s ease;
    background: var(--accent-02);
  }
  .faq-item:hover .faq-item__arrow svg {
    transition: 0.4s ease;
    fill: var(--accent-01);
  }
  .faq-item.open {
    background-color: var(--white);
    border: 2px solid var(--bg-02);
  }
  .faq-item.open:hover {
    border-color: var(--accent-02);
  }
  .home-faq {
    gap: 50px;
  }
  .footer__msgr {
    margin-top: 24px;
  }
  .about-company__h2 {
    font-size: 36px;
    line-height: 112%;
  }
  .best-offers__title {
    font-size: 36px;
    line-height: 112%;
  }
  .best-offers__tabs {
    background-color: #fff;
    border-radius: 17px;
    margin-bottom: 20px;
  }
  .best-offers__tabs ul li span {
    padding: 11px 32px 12px 32px;
    border-radius: 50px;
    font-size: 16px;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
  .form-order {
    padding: 48px;
  }
  .form-order__title {
    font-size: 36px;
    line-height: 112%;
  }
  .form-order__form .form__subitem textarea {
    min-height: 56px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .form-order__form .form__subitem--submit {
    max-width: 310px;
  }
  .popup-form .form__subitem textarea {
    min-height: 56px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .seotext-block {
    padding-bottom: 128px;
  }
  .section-team-block--list .team-block__item {
    width: 33.33%;
    padding: 8px;
  }
  .section-team-block--min .team-block__title {
    font-size: 36px;
    line-height: 112%;
  }
  .team-block__title {
    font-size: 36px;
    line-height: 112%;
  }
  .tile-category__title h2 {
    font-size: 36px;
    line-height: 112%;
  }
  .tile-category__all {
    display: none;
  }
  .tile-category__head {
    padding-bottom: 42px;
    display: flex;
    align-items: flex-end;
  }
  .tile-category__head .tile-category__all {
    display: block;
  }
  .sectionAboutUsFirst__content {
    flex-direction: row;
    gap: 48px;
  }
  .sectionAboutUsFirst__content_info {
    width: 70%;
  }
  .sectionAboutUsFirst__content_img {
    width: 27%;
    position: sticky;
    bottom: 0;
  }
  .sectionAboutUsFirst__content_img picture {
    right: -24px;
  }
  .sectionAboutUsFirst__items .item {
    width: calc(25% - 16px);
  }
  .sectionAboutUsPhoto .best-offers__bottom .btn {
    width: 458px;
  }
  .sectionAboutUsTeam {
    padding-bottom: 100px;
  }
  .sectionAboutUsTeam__title {
    font-size: 36px;
    line-height: 112%;
  }
  .sectionAboutUsTeam__content > div:last-child .form-order__form .form__subitem textarea {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .sectionAboutUsFAQ__title {
    font-size: 36px;
    line-height: 112%;
  }
  .section404First {
    padding-bottom: 128px;
  }
  .section404First__block_title {
    font: 700 64px/76px var(--font-wix);
  }
  .sectionBestOffers404 {
    padding-bottom: 128px;
  }
  .sectionCategoryInfo__content .item {
    padding: 9px 18px 9px 18px;
    border-radius: 50px;
    font-size: 16px;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
  .sectionCategoryInfo__content .item:hover {
    border: 1px solid var(--accent-02);
    background-color: var(--accent-02);
    color: var(--white);
  }
  .sectionCategoryFAQ__title {
    font-size: 36px;
    line-height: 112%;
  }
  .burninBlock__title {
    font-size: 36px;
    line-height: 112%;
  }
  .specialBlock__title {
    font-size: 36px;
    line-height: 112%;
  }
  .minPriceBlock__title {
    font-size: 36px;
    line-height: 112%;
  }
  .AuthorToursBlock__title {
    font-size: 36px;
    line-height: 112%;
  }
  .aboutBlock__content_slider-title {
    font-size: 36px;
    line-height: 112%;
  }
  .infoBlock__content_history-title {
    font-size: 36px;
    line-height: 112%;
  }
}
@media screen and (min-width: 992.98px) and (max-width: 1200px){
  .form-order__form .form__subitem {
    width: 50%;
  }
}
@media screen and (min-width: 992.98px) and (min-width: 769px){
  .best-offers__tabs ul li span:hover {
    border: 1px solid var(--accent-02);
    background-color: var(--accent-02);
    color: var(--white);
  }
}
@media screen and (min-width: 992.98px) and (min-width: 992.98px){
  .faq-item:hover .faq-item__question {
    padding: 24px 40px;
  }
}
@media screen and (min-width: 993.98px){
  .af-popup--mobile .af-popup__content {
    border-radius: 32px;
  }
  .cityplace__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 32px;
  }
  .company__services {
    padding-block: 96px 48px;
  }
  .company .partners {
    padding-block: 48px;
  }
  .districts-popup {
    width: 900px;
    height: 91vh;
  }
}
@media screen and (min-width: 1025px){
  .pagination {
    padding-top: 32px;
  }
  .pagination__page {
    display: flex;
  }
  header .headerMenu__msgr .btn {
    display: none;
  }
  .footer__bottom {
    flex-direction: row;
    align-items: center;
  }
  .sectionCategoryInfo {
    padding-bottom: 48px;
  }
  .sectionCategoryInfo__h1 h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
  }
  .sectionCategoryContent {
    padding-bottom: 96px;
  }
  .sectionCategoryContent .container__body {
    flex-direction: row;
    gap: 24px;
    padding-top: 0;
  }
  .sectionCategoryContent .contentMain {
    width: calc(100% - 352px);
  }
  .sectionCategoryContent .contentMainSort .openMobileCategory {
    display: none;
  }
  .sectionCategoryContent .contentMainSort__number {
    font-size: 15px;
    line-height: 150%;
    position: relative;
  }
  .contentNavigation {
    width: 330px;
  }
  .contentNavigation .btn {
    display: none;
  }
  .contentNavigation .contentNavigationBox__header {
    display: none;
  }
  .contentNavigation__menu {
    padding: 20px 16px;
    border-radius: 8px;
    background: var(--white);
  }
  .contentSort__select .custom-select-trigger:hover {
    border: 1px solid var(--accent-01);
  }
  .contentSort__select ul {
    border-top: 0;
    border-radius: 0 0 12px 12px;
  }
  .contentSort__select ul li:hover {
    background: var(--bg-02);
    color: var(--text-1);
  }
}
@media screen and (min-width: 1025px) and (min-width: 1440.98px){
  .sectionCategoryInfo__h1 h1 {
    font-size: 48px;
    line-height: 116%;
  }
}
@media (min-width: 1026px){
  .contentNavigation__menu_item-title {
    font-size: 16px;
    line-height: 150%;
  }
  .contentNavigation__menu_item-subtitle:hover {
    background: var(--bg-02);
    color: var(--accent-03);
  }
  .toggle-row {
    padding: 32px 0;
  }
  .range-slider {
    padding: 0;
  }
  .range-slider__title {
    font: 600 18px/28px var(--font-wix);
    padding-bottom: 12px;
  }
  .range-slider__input:hover {
    border-color: var(--border-02);
    outline: 0;
  }
  .range-slider__input:focus {
    color: var(--accent-02);
    border-color: var(--accent-02);
    background-color: transparent;
    outline: 0;
  }
}
@media screen and (min-width: 1200px){
  :root {
    --container-padding: 32px;
    --container-out: -32px;
  }
  .container {
    max-width: 100%;
  }
  .sp-button_link,
  .sp-button_link:link,
  .sp-button_link:visited {
    height: 56px;
  }
  .af-select {
    height: 50px;
  }
  .form .af-select {
    height: 50px;
  }
  header .headerMenu__msgr {
    gap: 8px;
  }
  header .headerMenu__msgr ul {
    gap: 8px;
  }
  .footer__catalog {
    width: 71%;
  }
  .footer__catalog .footer__row {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
  }
  .footer__catalog .footer__col {
    width: 33.33%;
    padding: 12px 12px;
  }
  .footer__sl {
    font-size: 16px;
  }
  .footer__phones {
    padding: 0;
  }
  .footer__contacts {
    width: 25%;
  }
  .about-company {
    display: flex;
    align-items: flex-end;
    gap: 24px;
  }
  .about-company__left {
    width: 28.5%;
  }
  .about-company__right {
    width: 69%;
  }
  .about-company__main {
    flex-grow: 1;
    padding: 40px;
  }
  .about-company__h2 {
    line-height: 120%;
  }
  .about-company__h2 span {
    line-height: 120%;
    font-size: 20px;
    margin-top: 12px;
  }
  .about-company__text {
    width: 65%;
    max-width: 545px;
  }
  .best-offers__tabs {
    padding: 12px 0;
  }
  .best-offers__tabs ul {
    margin: 0;
    gap: 8px;
    padding-right: 0;
  }
  .best-offers__slider {
    padding-bottom: 34px;
  }
  .best-offers__bottom .btn {
    min-width: 343px;
  }
  .best-offers__nav-prev, .best-offers__nav-next {
    width: 50px;
    height: 50px;
  }
  .best-offers .toggle-currency {
    margin-left: auto !important;
  }
  .best-offers .toggle-currency li span {
    font-size: 18px;
    padding-left: 23px;
    padding-right: 23px;
  }
  .team-block__nav-prev, .team-block__nav-next {
    width: 50px;
    height: 50px;
  }
  .AuthorToursBlock__content > a, .AuthorToursBlock__content > div {
    width: calc(33.3333333333% - 16px);
  }
  .AuthorToursBlock__content > a:first-child, .AuthorToursBlock__content > div:first-child {
    width: calc(66.6666666667% - 8px);
  }
  .aboutBlock__content_slider {
    width: calc(66.6666666667% - 8px);
  }
  .aboutBlock__content_rating {
    width: calc(33.3333333333% - 16px);
  }
  .infoBlock__content_history {
    width: calc(33.3333333333% - 16px);
  }
  .infoBlock__content_info {
    width: calc(66.6666666667% - 8px);
  }
}
@media screen and (min-width: 1201px){
  .hide-from-xl {
    display: none;
  }
  .text-right-from-xl {
    text-align: right;
  }
  .scrolled .scroll-top {
    visibility: visible;
    opacity: 1;
  }
  .buttons-group .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .buttons-group .btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .city-map__controls {
    flex-direction: column;
    max-width: 450px;
  }
  .city-map__list {
    top: 0;
    position: absolute;
    max-width: 720px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-top: 0;
    --container-padding: 24px;
  }
  .city-map__list .container {
    border-radius: 0;
    padding-block: 24px;
  }
  html:has(.cityplace) {
    scroll-padding-top: 200px;
  }
  .cityplace__description .dotted-list {
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
  .cityplace__list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cityplace__list .list-header__controls {
    flex-grow: 0;
  }
  .cityplace__list .list-header__controls-sort {
    min-width: 400px;
  }
  .cityplace__map-block {
    padding: 32px;
  }
  .cityplace__map-block h4 {
    margin-bottom: 24px;
  }
  .cityplace__map-legend .dotted-list {
    margin-top: -10px;
    margin-bottom: 24px;
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
  .districts-popup {
    width: 1024px;
  }
  #areas {
    width: calc(75% - 8px);
  }
  #districts {
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media screen and (min-width: 1376px){
  .section-team-block--list .team-block__item {
    width: 25%;
    padding: 8px;
  }
  .section-team-block--min .team-block {
    max-width: 1050px;
  }
  .card-member__phone {
    font-size: 18px;
  }
}
@media screen and (min-width: 1440.98px){
  :root {
    --container-padding: 32px;
    --container-out: -32px;
  }
  h1 {
    font-size: 48px;
    line-height: 116%;
  }
  h2 {
    font-size: 40px;
  }
  .container {
    max-width: 1530px;
  }
  .formated-text h1 {
    font-size: 48px;
    line-height: 116%;
  }
  .formated-text h2 {
    font-size: 40px;
  }
  .formated-text div:not([class]), .formated-text p {
    margin: 20px 0;
  }
  .formated-text ul li {
    padding-bottom: 14px;
    padding-left: 30px;
  }
  .formated-text ul li::before {
    width: 7.5px;
    height: 7.5px;
  }
  .sp-lists ul li {
    padding-bottom: 14px;
    padding-left: 30px;
  }
  .sp-lists ul li::before {
    width: 7.5px;
    height: 7.5px;
  }
  .sp-button_link,
  .sp-button_link:link,
  .sp-button_link:visited {
    font-size: 18px;
  }
  .af-select {
    height: 56px;
  }
  .btn svg:not(:last-child) {
    margin-right: 0.4em;
  }
  .btn svg:last-child {
    margin-left: 0.4em;
  }
  .form__item > .form__item {
    flex-direction: row;
  }
  .form .af-select {
    height: 56px;
  }
  header .headerLine__link ul {
    gap: 26px;
  }
  header .headerLine__info {
    display: flex;
  }
  header .headerMenu__left {
    gap: 48px;
  }
  header .headerMenu__right {
    gap: 20px;
  }
  header .headerMenu__nav {
    gap: 26px;
  }
  .about-company__pic {
    max-height: 107%;
    height: 107%;
  }
  .about-company__media {
    border-width: 12px;
    box-shadow: 0 0 0px 12px var(--accent-01);
    margin: 12px;
    padding-top: 158%;
  }
  .about-company__h2 {
    font-size: 40px;
  }
  .about-company__text {
    font-size: 18px;
  }
  .about-company__text p {
    margin-block: 32px;
  }
  .best-offers__title {
    font-size: 40px;
  }
  .best-offers__tabs ul li span {
    padding: 11px 20px 13px 20px;
    font-size: 16px;
  }
  .best-offers__nav-prev, .best-offers__nav-next {
    width: 56px;
    height: 56px;
  }
  .form-order__title {
    font-size: 40px;
  }
  .popup-form .form input[type=date], .popup-form .form input[type=tel], .popup-form .form input[type=password], .popup-form .form input[type=text], .popup-form .form input[type=email] {
    height: 58px;
  }
  .section-team-block--list .team-block__list {
    margin: -8px;
  }
  .section-team-block--min .team-block__title {
    font-size: 40px;
  }
  .team-block__title {
    font-size: 40px;
  }
  .team-block__subtitle {
    padding-bottom: 32px;
  }
  .team-block__bottom .btn {
    min-width: 343px;
  }
  .team-block__nav-prev, .team-block__nav-next {
    width: 56px;
    height: 56px;
  }
  .section-tile-category {
    padding: 86px 0 40px 0;
  }
  .card-category {
    padding: 32px;
    min-height: 240px;
  }
  .card-category__icon {
    bottom: -31px;
  }
  .card-category__icon svg {
    width: 160px;
    height: 140px;
  }
  .tile-category__title h2 {
    font-size: 40px;
  }
  .sectionAboutUsFirst__h1 h1 {
    font-size: 48px;
    line-height: 116%;
  }
  .sectionAboutUsPhoto__h1 h1 {
    font-size: 48px;
    line-height: 116%;
  }
  .sectionAboutUsTeam__title {
    font-size: 40px;
  }
  .sectionAboutUsFAQ__title {
    font-size: 40px;
  }
  .sectionCategoryFAQ__title {
    font-size: 40px;
  }
  .burninBlock__title {
    font-size: 40px;
  }
  .specialBlock__title {
    font-size: 40px;
  }
  .minPriceBlock__title {
    font-size: 40px;
  }
  .AuthorToursBlock__title {
    font-size: 40px;
  }
  .aboutBlock__content_slider-title {
    font-size: 40px;
  }
  .infoBlock__content_history-title {
    font-size: 40px;
  }
}
@media screen and (min-width: 1510.98px){
  html,
  body {
    font-size: 16px;
  }
}
@media screen and (min-width: 1661px){
  .city-map__controls {
    flex-direction: row;
    max-width: none;
  }
  .district-popup .af-popup__container {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1680px){
  .districts-popup {
    width: 1600px;
  }
}
@media screen and (max-width: 1660px){
  .district-popup .af-popup__content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media screen and (max-width: 1440.98px){
  header .headerMenu__contact > :last-child {
    display: none;
  }
}
@media screen and (max-width: 1200px){
  .hide-before-xl {
    display: none !important;
  }
  .select-styled {
    font-size: 14px;
  }
  header .headerLine {
    display: none;
  }
  header .headerMenu {
    height: 64px;
    padding: 13px 16px;
    z-index: 9;
    position: relative;
    border-top: 2px solid var(--accent-03);
    border-bottom: 1px solid rgb(230, 231, 235);
  }
  header .headerMenu__mobile .btn__mobile_phone {
    display: flex;
  }
  header .headerMenu__contact {
    display: none;
  }
  .about-company__pic {
    display: none;
  }
  .cityplace__count {
    margin-bottom: 8px;
  }
  html:has(.main-policy) {
    scroll-padding-top: calc(var(--hgt-header) + 70px);
  }
  .policy-container {
    display: flex;
    flex-direction: column;
  }
  .policy-side {
    order: -1;
    overflow: auto;
    position: sticky;
    top: var(--hgt-header);
    margin-inline: var(--container-out);
  }
  .policy-side ol {
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 0;
  }
  .policy-side ol li {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1025px){
  .sectionCategoryContent .contentMainSort__right .contentSort__select {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .sectionCategoryContent .contentMainSort__right .contentSort__select .custom-select-trigger {
    line-height: 0;
    font-size: 0;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    padding: 12px;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sectionCategoryContent .contentMainSort__right .contentSort__select .custom-select-trigger:before {
    display: none;
  }
  .sectionCategoryContent .contentMainSort__right .contentSort__select .custom-select-trigger:after {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    right: 12px;
    width: 16px;
    height: 20px;
    background-size: 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03LjIyMjIyIDcuNDI4NTdMNC4xMTExMSA0TDEgNy40Mjg1N000LjExMTExIDRWMTZNOC43Nzc3OCAxMi41NzE0TDExLjg4ODkgMTZMMTUgMTIuNTcxNE0xMS44ODg5IDE2VjQiIHN0cm9rZT0iIzIyMjMyNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
  }
  .sectionCategoryContent .contentMainSort {
    padding-bottom: 6px;
    padding-top: 6px;
    height: 56px;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background: #F2F4F7;
    z-index: 2;
  }
  .contentNavigation {
    opacity: 0;
    height: 0;
  }
  .contentNavigation__menu_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px;
    background: #fff;
    border-top: 1px solid #E6E7EB;
    z-index: 2;
  }
}
@media screen and (max-width: 992.98px){
  .hide-before-lg {
    display: none !important;
  }
  .select-options {
    max-height: 30vh;
  }
  header .headerMenu__mobile .openMobMenu {
    display: flex;
  }
  header .headerMenu__nav {
    display: none;
  }
  header .headerMenu__msgr {
    display: none;
  }
  .sectionAboutUsFirst__items .item__title {
    font-size: 24px;
  }
  .sectionAboutUsFirst__items .item__text {
    font-size: 14px;
  }
  .cookies {
    flex-direction: column;
  }
}
@media screen and (max-width: 769px){
  .about-company__media {
    height: calc(100% - 12px);
  }
  .about-company__button .btn {
    width: 100%;
  }
  .about-company__button .btn svg {
    width: 20px;
    height: 20px;
  }
  .best-offers__slider .splide:not(.is-initialized) {
    visibility: visible;
  }
  .best-offers__slider .splide:not(.is-initialized) .splide__list {
    flex-wrap: wrap;
    gap: 8px;
  }
  .best-offers__slider .splide:not(.is-initialized) .splide__slide {
    opacity: 1;
    width: calc(50% - 4px);
  }
  .best-offers__bottom > div {
    flex: 1;
  }
  .best-offers__bottom .btn {
    min-width: 100%;
  }
  .team-block__bottom .btn {
    width: 100%;
  }
}
@media screen and (max-width: 767px){
  .hide-before-md {
    display: none !important;
  }
  .formated-text h1 {
    font-size: 28px;
  }
  .formated-text h2 {
    font-size: 26px;
  }
  .formated-text h3 {
    font-size: 24px;
  }
  .formated-text h4 {
    font-size: 22px;
  }
  .formated-text h5 {
    font-size: 18px;
  }
  .formated-text h6 {
    font-size: 16px;
  }
  .buttons-group .btn {
    background: var(--accent-11);
  }
  .footer__catalog .footer__row {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .footer-category .footer-category__head {
    position: relative;
  }
  .footer-category .footer-category__head:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 6px;
    width: 16px;
    height: 18px;
    background-size: 18px;
    transition: all 0.3s ease;
    transform: rotateX(0deg);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgOEw4IDEzTDEzIDgiIHN0cm9rZT0iIzIwMjEyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
  }
  .footer-category .footer-category__list {
    height: 0;
    opacity: 0;
  }
  .footer-category.open .footer-category__head:after {
    transform: rotateX(180deg);
  }
  .footer-category.open .footer-category__list {
    height: auto;
    opacity: 1;
  }
  .about-company__text {
    font-size: 14px;
    line-height: 146%;
  }
  .seotext-block__title h3 {
    font-size: 20px;
  }
  .seotext-block__text .col2 p {
    margin: 6px 0;
  }
  .team-block .splide__arrows {
    order: 5;
    display: flex;
    justify-content: space-between;
    height: auto;
    padding-top: 24px;
  }
  .team-block .splide__arrow {
    width: 48px;
    height: 48px;
    background-color: var(--color-bg-03);
    opacity: 1;
    border-radius: 0;
    transition: 0.3s ease;
  }
  .team-block .splide__arrow--next {
    position: static;
    transform: none;
  }
  .team-block .splide__arrow--prev {
    position: static;
    transform: none;
  }
  .section404First__block_text br {
    display: none;
  }
  .section404First__block_btns .btn {
    max-width: 328px;
  }
  .sectionCategoryContent .contentMainSort {
    justify-content: flex-end;
  }
  .sectionCategoryContent .contentMainSort__number {
    position: absolute;
    left: 0;
    top: 18px;
  }
  .sectionCategoryFAQ .faq {
    padding-bottom: 24px;
  }
  .categoryBanner__item_btn {
    flex-direction: column;
  }
  .categoryBanner__item_btn > a {
    width: 100%;
    font-size: 15px;
    line-height: 125%;
    font-weight: 400;
  }
  .aboutBlock__content {
    margin-left: -16px;
    margin-right: -16px;
  }
  .aboutBlock__content_slider-title {
    padding-left: 16px;
  }
  .aboutBlock__content_slider .aboutSlider .splide__track {
    padding: 0 16px !important;
  }
  .aboutBlock__content_rating {
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
  }
  .city-map__controls > * {
    flex: 1 1 50%;
  }
  .city-map__controls .btn {
    font-size: 16px;
    height: 52px;
  }
  .city-map__controls .btn span {
    line-height: 24px;
    top: 1px;
  }
  .cityplace__map-block .map-static .ymaps3x0--controls {
    display: none;
  }
  .districts-popup .btn-wrapper {
    padding-inline: var(--container-padding);
    margin-inline: var(--container-out);
    margin-bottom: var(--container-out);
    flex-direction: column;
    box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.1215686275);
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .districts-popup .btn-wrapper button {
    width: 100%;
    font-size: 16px;
    height: 52px;
  }
  .districts-popup .btn-wrapper button.btn-reset {
    height: 36px;
  }
  .districts-popup .btn-wrapper button.btn-reset span {
    padding-top: 1px;
  }
}
@media screen and (max-width: 576px){
  .sectionFirstBlock__info_tab ul {
    margin: 0 -16px;
    padding: 0 16px;
    width: 100vw;
  }
  .sectionAboutUsTeam__content .card-member {
    padding: 0 10px 10px 10px;
  }
}
@media screen and (max-width: 480px){
  .select-options {
    max-height: 155px;
  }
  .select-options li {
    font-size: 16px;
    max-width: 100%;
  }
  .af-select.af-select--top .select-styled:active,
  .af-select.af-select--top .select-styled.active {
    background-color: #eee;
  }
  .af-popup--mobile .af-popup__container {
    padding-bottom: 0;
    margin-bottom: 0;
    width: 100%;
    animation: 0.2s ease 0.2s both fade-drop-filter;
  }
  .pagination {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .pagination__more {
    padding-bottom: 24px;
  }
  .best-offers__tabs {
    margin-right: -16px;
  }
  .best-offers__select, .best-offers__action {
    width: 100%;
  }
  .best-offers__bottom .btn {
    width: 100%;
  }
  .best-offers__more {
    width: 100%;
  }
  .sectionFirstBlock__info_tab {
    margin-left: -16px;
    padding-left: 16px;
    width: 100vw;
    padding-right: 16px;
  }
  .card-member {
    margin-bottom: 16px;
  }
  .minicard__prop {
    font-size: 13px;
  }
  .minicard__prop small {
    font-size: 13px;
  }
}
@media (any-hover: hover){
  .select-styled:hover {
    background-color: var(--accent-14);
  }
  .af-select--multiple .select-options li.active .af-check-multiple:hover::after {
    background-color: var(--accent-11);
    box-shadow: 0 0 0 2px var(--accent-11) inset;
  }
  .af-select--multiple .select-options li.active .af-check-multiple:hover::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDEwIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+);
  }
  .btn:hover {
    background-color: var(--accent-02);
    color: var(--accent);
  }
  .btn:hover svg {
    fill: var(--accent);
  }
  .btn:disabled:hover {
    opacity: 0.9;
  }
  .checkbox input:checked ~ .checkbox__elem:hover {
    background-color: var(--accent);
    border-color: var(--accent);
  }
  .checkbox:hover .checkbox__elem {
    border-color: var(--accent-02);
  }
  .select-units__head:hover {
    background: var(--accent-13);
  }
  .pagination__page li:hover {
    background: var(--bg-02);
    color: var(--accent-03);
  }
  .pagination__page li:hover a {
    color: var(--accent-03);
  }
  .pagination__page li.control:hover {
    background: var(--accent-11);
    border-color: var(--accent-11);
  }
  .ymaps3x0--button.ymaps3x0--control-button:hover {
    background: var(--accent-14);
  }
  .detail-apartment .link-more:hover {
    color: var(--accent);
  }
  .policy-side ol li:has(.active):nth-child(1 of :has(.active)) a:hover {
    color: var(--white);
    background: var(--accent-11);
  }
  .policy-side ol li a:hover {
    background: var(--accent-13);
  }
  .districts-popup .input-filter button:hover {
    color: #DF1F26;
  }
  .cookies a:hover {
    text-decoration: underline;
  }
}
@media screen and (-ms-high-contrast: none){
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}