@charset "UTF-8";
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/**
  Нормализация блочной модели
 */
*,
::before,
::after {
  box-sizing: border-box;
}

/**
  Убираем внутренние отступы слева тегам списков,
  у которых есть атрибут class
 */
:where(ul, ol):where([class]) {
  padding-left: 0;
}

/**
  Убираем внешние отступы body и двум другим тегам,
  у которых есть атрибут class
 */
body,
:where(blockquote, figure):where([class]) {
  margin: 0;
}

/**
  Убираем внешние отступы вертикали нужным тегам,
  у которых есть атрибут class
 */
:where(h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl):where([class]) {
  margin-block: 0;
}

:where(dd[class]) {
  margin-left: 0;
}

:where(fieldset[class]) {
  margin-left: 0;
  padding: 0;
  border: none;
}

/**
  Убираем стандартный маркер маркированному списку,
  у которого есть атрибут class
 */
:where(ul[class]) {
  list-style: none;
}

:where(address[class]) {
  font-style: normal;
}

/**
  Обнуляем вертикальные внешние отступы параграфа,
  объявляем локальную переменную для внешнего отступа вниз,
  чтобы избежать взаимодействие с более сложным селектором
 */
p {
  --paragraphMarginBottom: 15px;
  margin-block: 0;
}

/**
  Внешний отступ вниз для параграфа без атрибута class,
  который расположен не последним среди своих соседних элементов
 */
p:where(:not([class]):not(:last-child)) {
  margin-bottom: var(--paragraphMarginBottom);
}

/**
  Упрощаем работу с изображениями и видео
 */
img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

/**
  Наследуем свойства шрифт для полей ввода
 */
input,
textarea,
select,
button {
  font: inherit;
}

html {
  /**
    Пригодится в большинстве ситуаций
    (когда, например, нужно будет "прижать" футер к низу сайта)
   */
  height: 100%;
  /**
    Убираем скачок интерфейса по горизонтали
    при появлении / исчезновении скроллбара
   */
}

/**
  Плавный скролл
 */
html,
:has(:target) {
  scroll-behavior: smooth;
}

body {
  /**
    Пригодится в большинстве ситуаций
    (когда, например, нужно будет "прижать" футер к низу сайта)
   */
  min-height: 100%;
  /**
    Унифицированный интерлиньяж
   */
  line-height: 1.5;
}

/**
  Нормализация высоты элемента ссылки при его инспектировании в DevTools
 */
a:where([class]) {
  display: inline-flex;
}

/**
  Курсор-рука при наведении на элемент
 */
button,
label {
  cursor: pointer;
}

/**
  Приводим к единому цвету svg-элементы
  (за исключением тех, у которых уже указан
  атрибут fill со значением 'none' или начинается с 'url')
 */
:where([fill]:not([fill=none],
[fill^=url])) {
  fill: currentColor;
}

/**
  Приводим к единому цвету svg-элементы
  (за исключением тех, у которых уже указан
  атрибут stroke со значением 'none')
 */
:where([stroke]:not([stroke=none],
[stroke^=url])) {
  stroke: currentColor;
}

/**
  Чиним баг задержки смены цвета при взаимодействии с svg-элементами
 */
svg * {
  transition-property: fill, stroke;
}

/**
  Приведение рамок таблиц в классический 'collapse' вид
 */
:where(table) {
  border-collapse: collapse;
  border-color: currentColor;
}

/**
  Удаляем все анимации и переходы для людей,
  которые предпочитают их не использовать
 */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  --c-white: #fff;
  --c-black: #222;
  --c-blue-dark-steel: #007070;
  --c-orange: #F38711;
  --c-red: #ff0000;
  --font-family-base: "Montserrat", sans-serif;
  --header-height: clamp(2.5rem, -1.1529680365rem + 4.5662100457vw, 3.75rem);
  --container-width: clamp(80rem, 0rem + 100vw, 107.375rem);
  --container-padding-x: clamp(1rem, -0.1746987952rem + 4.8192771084vw, 5rem);
  --section-padding-y: clamp(2.125rem, 1.280685241rem + 3.4638554217vw, 5rem);
  --transition-duration: 0.3s;
  --transition-duration-longer: 0.4s;
  --z-index-front-higher: 2;
  --z-index-front: 1;
  --z-index-behind: -1;
  --z-index-behind-deeper: -2;
}

/* Flex & display */
.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.d-inline-flex {
  display: inline-flex;
  flex-wrap: wrap;
}

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

.jc-c {
  justify-content: center;
}

@media (max-width: 47.9375rem) {
  .jc-c-md {
    justify-content: center;
  }
}

@media (max-width: 63.9375rem) {
  .jc-c-lg {
    justify-content: center;
  }
}

@media (min-width: 47.93875rem) {
  .jc-c-md-above {
    justify-content: center;
  }
}

.jc-sb {
  justify-content: space-between;
}

@media (min-width: 47.93875rem) {
  .jc-sb-md-above {
    justify-content: space-between;
  }
}

.jc-sa {
  justify-content: space-around;
}

.jc-fe {
  justify-content: flex-end;
}

@media (min-width: 47.93875rem) {
  .jc-fe-md-above {
    justify-content: flex-end;
  }
}

.ai-c {
  align-items: center;
}

.jc-fs {
  justify-content: flex-start;
}

@media (min-width: 47.93875rem) {
  .jc-fs-md-above {
    justify-content: flex-start;
  }
}

.ai-fs {
  align-items: flex-start;
}

.ai-fe {
  align-items: flex-end;
}

.as-fe {
  align-self: flex-end;
}

@media (max-width: 47.9375rem) {
  .as-fe-md {
    align-self: flex-end;
  }
}

.as-fs {
  align-self: flex-start;
}

.as-c {
  align-self: center;
}

.order-1 {
  order: 1;
}

@media (max-width: 47.9375rem) {
  .order-1-md {
    order: 1;
  }
}

@media (max-width: 63.9375rem) {
  .order-1-lg {
    order: 1;
  }
}

@media (min-width: 63.93875rem) {
  .order-1-lg-above {
    order: 1;
  }
}

.order-first {
  order: -1;
}

@media (max-width: 47.9375rem) {
  .order-first-md {
    order: -1;
  }
}

@media (max-width: 63.9375rem) {
  .order-first-lg {
    order: -1;
  }
}

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

.fd-column-reverse {
  flex-direction: column-reverse;
}

.flex-1 {
  flex: 1;
}

@media (max-width: 47.9375rem) {
  .flex-1-md {
    flex: 1;
  }
}

@media (min-width: 47.93875rem) {
  .flex-1-md-above {
    flex: 1;
  }
}

.fd-row-reverse {
  flex-direction: row-reverse;
}

.fw-nowrap {
  flex-wrap: nowrap;
}

@media (max-width: 47.9375rem) {
  .fw-nowrap-md {
    flex-wrap: nowrap;
  }
}

@media (min-width: 33.81375rem) {
  .fw-nowrap-sm-above {
    flex-wrap: nowrap;
  }
}

@media (min-width: 47.93875rem) {
  .fw-nowrap-md-above {
    flex-wrap: nowrap;
  }
}

.fs-0 {
  flex-shrink: 0;
}

.flex-100 {
  flex: 100%;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-contents {
  display: contents;
}

@media (max-width: 47.9375rem) {
  .d-contents-md {
    display: contents;
  }
}

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

@media (max-width: 33.8125rem) {
  .d-none-sm {
    display: none !important;
  }
}

@media (max-width: 47.9375rem) {
  .d-none-md {
    display: none !important;
  }
}

@media (max-width: 63.9375rem) {
  .d-none-lg {
    display: none !important;
  }
}

@media (min-width: 33.81375rem) {
  .d-none-sm-above {
    display: none !important;
  }
}

@media (min-width: 47.93875rem) {
  .d-none-md-above {
    display: none !important;
  }
}

/* Margin */
.m-auto {
  margin: auto;
}

.m-i-auto {
  margin-inline: auto;
}

@media (max-width: 47.9375rem) {
  .m-i-auto-md {
    margin-inline: auto;
  }
}

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

@media (max-width: 47.9375rem) {
  .ml-auto-md {
    margin-left: auto;
  }
}

@media (min-width: 33.81375rem) {
  .ml-auto-sm-above {
    margin-left: auto;
  }
}

@media (min-width: 47.93875rem) {
  .ml-auto-md-above {
    margin-left: auto;
  }
}

.ml-24 {
  margin-left: 1.5rem;
}

@media (min-width: 47.93875rem) {
  .ml-24-md-above {
    margin-left: 1.5rem;
  }
}

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

.mr-24 {
  margin-right: 1.5rem;
}

.mt-auto {
  margin-top: auto;
}

@media (max-width: 47.9375rem) {
  .mt-auto-md {
    margin-top: auto;
  }
}

@media (min-width: 47.93875rem) {
  .mt-auto-md-above {
    margin-top: auto;
  }
}

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-16 {
  margin-top: 1rem;
}

@media (max-width: 33.8125rem) {
  .mt-16-sm {
    margin-top: 1rem;
  }
}

@media (min-width: 47.93875rem) {
  .mt-16-md-above {
    margin-top: 1rem;
  }
}

.mt-20 {
  margin-top: 1.25rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

@media (min-width: 47.93875rem) {
  .mt-30-md-above {
    margin-top: 1.875rem;
  }
}

.mt-40 {
  margin-top: 2.5rem;
}

@media (min-width: 47.93875rem) {
  .mt-40-md-above {
    margin-top: 2.5rem;
  }
}

.mt-50 {
  margin-top: 3.125rem;
}

@media (min-width: 47.93875rem) {
  .mt-50-md-above {
    margin-top: 3.125rem;
  }
}

.mt-70 {
  margin-top: 4.375rem;
}

@media (min-width: 47.93875rem) {
  .mt-70-md-above {
    margin-top: 4.375rem;
  }
}

.mb-2 {
  margin-bottom: 0.125rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

@media (max-width: 47.9375rem) {
  .mb-24-md {
    margin-bottom: 1.5rem;
  }
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.p-16 {
  padding: 1rem;
}

.p-16 {
  padding: 1rem;
}

.p-20 {
  padding: 1.25rem;
}

@media (min-width: 47.93875rem) {
  .p-20-md-above {
    padding: 1.25rem;
  }
}

.p-24 {
  padding: 1.5rem;
}

@media (min-width: 47.93875rem) {
  .p-24-md-above {
    padding: 1.5rem;
  }
}

.p-30 {
  padding: 1.875rem;
}

@media (min-width: 47.93875rem) {
  .p-30-md-above {
    padding: 1.875rem;
  }
}

.p-40 {
  padding: 2.5rem;
}

@media (min-width: 47.93875rem) {
  .p-40-md-above {
    padding: 2.5rem;
  }
}

/* Gap */
.gap-2 {
  gap: 2px;
}

.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

@media (max-width: 47.9375rem) {
  .gap-8-md {
    gap: 8px;
  }
}

.gap-10 {
  gap: 0.625rem;
}

@media (min-width: 47.93875rem) {
  .gap-10-md-above {
    gap: 0.625rem;
  }
}

.gap-16 {
  gap: 1rem;
}

@media (max-width: 47.9375rem) {
  .gap-16-md {
    gap: 1rem;
  }
}

@media (min-width: 47.93875rem) {
  .gap-16-md-above {
    gap: 1rem;
  }
}

@media (min-width: 90.00125rem) {
  .gap-16-xl-above {
    gap: 1rem;
  }
}

.gap-20 {
  gap: 1.25rem;
}

@media (min-width: 47.93875rem) {
  .gap-20-md-above {
    gap: 1.25rem;
  }
}

.gap-24 {
  gap: 1.5rem;
}

@media (max-width: 90rem) {
  .gap-24-xl {
    gap: 1.5rem;
  }
}

@media (min-width: 47.93875rem) {
  .gap-24-md-above {
    gap: 1.5rem;
  }
}

.gap-30 {
  gap: 1.875rem;
}

@media (min-width: 47.93875rem) {
  .gap-30-md-above {
    gap: 1.875rem;
  }
}

.gap-50 {
  gap: 3.125rem;
}

@media (min-width: 47.93875rem) {
  .gap-50-md-above {
    gap: 3.125rem;
  }
}

@media (min-width: 90.00125rem) {
  .gap-50-xl-above {
    gap: 3.125rem;
  }
}

.gap-70 {
  gap: 4.375rem;
}

@media (min-width: 47.93875rem) {
  .gap-70-md-above {
    gap: 4.375rem;
  }
}

.gap-100 {
  gap: 6.25rem;
}

@media (min-width: 47.93875rem) {
  .gap-100-md-above {
    gap: 6.25rem;
  }
}

@media (min-width: 90.00125rem) {
  .gap-100-xl-above {
    gap: 6.25rem;
  }
}

.row-gap-10 {
  row-gap: 0.625rem;
}

.paragraph-space p {
  margin-bottom: 0;
}
.paragraph-space p + p {
  margin-top: 0.75rem;
}

.paragraph-space--sm p + p {
  margin-top: 0.5625rem;
}

.ff-base {
  font-family: var(--font-family-base);
}

.fz-text-small {
  font-size: 0.75rem;
}

.fz-text {
  font-size: 0.875rem;
}

.fz-text-big {
  font-size: 1rem;
}

.fz-p1 {
  font-size: clamp(1rem, 0.9632906627rem + 0.1506024096vw, 1.125rem);
}

.fz-p2 {
  font-size: clamp(0.9375rem, 0.9191453313rem + 0.0753012048vw, 1rem);
}

.fz-h1 {
  font-size: clamp(1.625rem, 1.3680346386rem + 1.0542168675vw, 2.5rem);
}

.fz-h2 {
  font-size: clamp(1.5rem, 1.2797439759rem + 0.9036144578vw, 2.25rem);
}

@media (min-width: 47.93875rem) {
  .fz-h2-md-above {
    font-size: clamp(1.5rem, 1.2797439759rem + 0.9036144578vw, 2.25rem);
  }
}

.fz-h3 {
  font-size: clamp(1.25rem, 1.0297439759rem + 0.9036144578vw, 2rem);
}

.fz-h4 {
  font-size: clamp(1.125rem, 1.0882906627rem + 0.1506024096vw, 1.25rem);
}

@media (min-width: 47.93875rem) {
  .fz-h4-md-above {
    font-size: clamp(1.125rem, 1.0882906627rem + 0.1506024096vw, 1.25rem);
  }
}

.fz-h5 {
  font-size: 1rem;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

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

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

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

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

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

.lh-1 {
  line-height: 1;
}

.lh-11 {
  line-height: 1.1;
}

.lh-12 {
  line-height: 1.2;
}

.lh-13 {
  line-height: 1.3;
}

.lh-15 {
  line-height: 1.5;
}

.lh-16 {
  line-height: 1.6;
}

.lh-18 {
  line-height: 1.8;
}

.ls-15 {
  letter-spacing: 15%;
}

.ls-20 {
  letter-spacing: 20%;
}

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

@media (max-width: 47.9375rem) {
  .t-center-md {
    text-align: center;
  }
}

@media (min-width: 47.93875rem) {
  .t-center-md-above {
    text-align: center;
  }
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

@media (min-width: 33.81375rem) {
  .t-right-sm-above {
    text-align: right;
  }
}

.tt-u {
  text-transform: uppercase;
}

.td-u {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.ws-pl {
  white-space: pre-line;
}

@media (min-width: 47.93875rem) {
  .ws-pl-md-above {
    white-space: pre-line;
  }
}

.ws-nw {
  white-space: nowrap;
}

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

.c-black {
  color: var(--c-black);
}

.c-blue-dark-steel {
  color: var(--c-blue-dark-steel);
}

.c-orange {
  color: var(--c-orange);
}

.bg-white {
  background-color: var(--c-white);
}

.bg-black {
  background-color: var(--c-black);
}

.bg-orange {
  background-color: var(--c-orange);
}

.bg-blue-dark-steel {
  background-color: var(--c-blue-dark-steel);
}

.hover-invert {
  transition: 0.3s ease-in-out filter;
}
@media (any-hover: hover) {
  .hover-invert:hover {
    filter: invert(1);
  }
}
@media (any-hover: none) {
  .hover-invert:active {
    filter: invert(1);
  }
}

.is-hidden {
  display: none !important;
}

.hidden-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.visible-tablet {
  display: block;
}

.hidden-tablet {
  display: none;
}

.visible-mobile {
  display: block;
}

.hidden-mobile {
  display: none;
}

.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
}

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.pointer {
  cursor: pointer;
}

.obj-f-cover {
  object-fit: cover;
}

.pe-none {
  pointer-events: none;
}

.pe-none-parent > a {
  pointer-events: none;
}

.layer-over-front {
  z-index: 2;
}

.layer-front {
  z-index: 1;
}

.layer-behind {
  z-index: -1;
}

.layer-behind-deeper {
  z-index: -2;
}

.br-5 {
  border-radius: 5px;
}

.br-8 {
  border-radius: 8px;
}

.br-10 {
  border-radius: 10px;
}

.br-24 {
  border-radius: 24px;
}

.br-30 {
  border-radius: 30px;
}

.br-circle {
  border-radius: 50%;
}

.br-inherit {
  border-radius: inherit;
}

.aspect-square {
  aspect-ratio: 1/1;
}

.br-aspect-circle {
  border-radius: 50%;
  aspect-ratio: 1/1;
}

.border-grey {
  border: 1px solid var(--c-black);
}

.border-green {
  border: 1px solid var(--c-green);
}

.border-top-white {
  border-top: 1px solid var(--c-white);
}

.sz-28 {
  width: 28px;
  height: 28px;
}

.w-16 {
  width: 1rem;
}

.w-18 {
  width: 1.125rem;
}

.w-21 {
  width: 1.3125rem;
}

.w-24 {
  width: 1.5rem;
}

.w-26 {
  width: 1.625rem;
}

.w-36 {
  width: 2.25rem;
}

.w-31 {
  width: 1.9375rem;
}

@media (min-width: 47.93875rem) {
  .w-31-md-above {
    width: 1.9375rem;
  }
}

.w-40 {
  width: 2.5rem;
}

.w-50 {
  width: 3.125rem;
}

.w-60 {
  width: 3.75rem;
}

@media (min-width: 47.93875rem) {
  .w-60-md-above {
    width: 3.75rem;
  }
}

.w-66 {
  width: 4.125rem;
}

@media (min-width: 47.93875rem) {
  .w-66-md-above {
    width: 4.125rem;
  }
}

.w-80 {
  width: 5rem;
}

.h-26 {
  height: 1.625rem;
}

.w-100 {
  width: 100%;
}

@media (max-width: 33.8125rem) {
  .w-100-sm {
    width: 100%;
  }
}

@media (max-width: 47.9375rem) {
  .w-100-md {
    width: 100%;
  }
}

@media (min-width: 33.81375rem) {
  .w-100-sm-above {
    width: 100%;
  }
}

@media (min-width: 47.93875rem) {
  .w-100-md-above {
    width: 100%;
  }
}

.w-3 {
  width: 3px;
}

.w-auto {
  width: auto;
}

.h-26 {
  height: 1.625rem;
}

.h-31 {
  height: 1.9375rem;
}

@media (min-width: 47.93875rem) {
  .h-31-md-above {
    height: 1.9375rem;
  }
}

.h-100 {
  height: 100%;
}

@media (min-width: 33.81375rem) {
  .h-100-sm-above {
    height: 100%;
  }
}

.h-3 {
  height: 3px;
}

.w-fc {
  width: fit-content;
}

.line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--max-lines);
  overflow: hidden;
}
.line-clamp.is-open {
  -webkit-line-clamp: unset;
  display: block;
}

.line-clamp--2 {
  --max-lines: 2;
}

.line-clamp--3 {
  --max-lines: 3;
}

.line-clamp--4 {
  --max-lines: 4;
}

.overflow-h {
  overflow: hidden;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-label {
  display: inline-flex;
  background-color: var(--c-black-dark);
  color: var(--c-white);
  font-weight: 500;
  padding: clamp(0.4375rem, 0.382435994rem + 0.2259036145vw, 0.625rem) clamp(1rem, 0.9265813253rem + 0.3012048193vw, 1.25rem);
  font-size: clamp(0.875rem, 0.8382906627rem + 0.1506024096vw, 1rem);
  border-radius: 1.25rem;
}

.custom-scrollbar {
  overflow-y: clip;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 20px;
  flex-direction: row;
  flex-wrap: nowrap;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.custom-scrollbar::-webkit-scrollbar {
  height: 8px;
  background-color: var(--c-white);
  border-radius: 5px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: var(--c-grey);
  border-radius: 5px;
}
@media (width <= 63.99875rem) {
  .custom-scrollbar-md {
    overflow-y: clip;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .custom-scrollbar-md::-webkit-scrollbar {
    width: 6px;
    height: 8px;
  }
  .custom-scrollbar-md::-webkit-scrollbar {
    height: 8px;
    background-color: var(--c-white);
    border-radius: 5px;
  }
  .custom-scrollbar-md::-webkit-scrollbar-thumb {
    background: var(--c-grey);
    border-radius: 5px;
  }
}
@media (width > 63.99875rem) {
  .custom-scrollbar-md-above {
    overflow-y: clip;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .custom-scrollbar-md-above::-webkit-scrollbar {
    width: 6px;
    height: 8px;
  }
  .custom-scrollbar-md-above::-webkit-scrollbar {
    height: 8px;
    background-color: var(--c-white);
    border-radius: 5px;
  }
  .custom-scrollbar-md-above::-webkit-scrollbar-thumb {
    background: var(--c-grey);
    border-radius: 5px;
  }
}

html {
  scroll-padding-top: calc(var(--header-height) + clamp(1.875rem, 1.5079066265rem + 1.5060240964vw, 3.125rem));
}
html.is-lock {
  overflow: hidden;
}

body {
  font-size: clamp(0.875rem, 0.8382906627rem + 0.1506024096vw, 1rem);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-base);
  color: var(--c-black);
  background-color: var(--c-white);
}
body.scroll-lock {
  overflow-y: hidden;
}
@media (width <= 47.99875rem) {
  body {
    padding-bottom: 3.125rem;
  }
}

main {
  flex-grow: 1;
}

a,
button,
label,
input,
textarea,
select,
svg * {
  transition-duration: var(--transition-duration);
}

a {
  color: inherit;
  display: inline-block;
}
@media (any-hover: hover) {
  a:hover {
    color: var(--color-accent);
    text-decoration: none;
  }
}
@media (any-hover: none) {
  a:active {
    color: var(--color-accent);
    text-decoration: none;
  }
}
a[class] {
  text-decoration: none;
}

:focus-visible {
  outline: 0.125rem dashed var(--color-light);
  outline-offset: 0.25rem;
  transition-duration: 0s !important;
}

a[aria-label],
button[aria-label] {
  position: relative;
}
a[aria-label]::before,
button[aria-label]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
}

section,
.section {
  padding-block: var(--section-padding-y);
}
section.section--top-0,
.section.section--top-0 {
  padding-top: 0;
}
section.section--bottom-half,
.section.section--bottom-half {
  padding-bottom: calc(var(--section-padding-y) / 2);
}
section.section--p-0,
.section.section--p-0 {
  padding-block: 0;
}
@media (width > 63.99875rem) {
  section.section--p-0-lg-above,
  .section.section--p-0-lg-above {
    padding-block: 0;
  }
}
section.section--bottom-0,
.section.section--bottom-0 {
  padding-bottom: 0;
}
@media (width > 47.99875rem) {
  section.section--bottom-0-md-above,
  .section.section--bottom-0-md-above {
    padding-bottom: 0;
  }
}

.label-info {
  position: relative;
  z-index: 1;
  display: grid;
  width: fit-content;
  grid-template-columns: 100%;
  gap: 10px;
  padding: 1.25rem 0.75rem;
  background-color: var(--c-white);
  border: 1px solid var(--c-black);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  margin-top: clamp(-3.75rem, -0.0970319635rem + -4.5662100457vw, -5rem);
  border-radius: 20px;
}
@media (width <= 63.99875rem) {
  .label-info {
    margin-inline: auto;
  }
}
@media (width > 63.99875rem) {
  .label-info {
    margin-left: auto;
  }
}
@media (width > 63.99875rem) {
  .label-info--left {
    margin-left: 20px;
  }
}

.ff-base {
  font-family: var(--font-family-base);
}

.fs-normal {
  font-style: normal;
}

.num-adjust {
  font-size: 1.45em;
}

.btn-reset {
  appearance: none;
  border: none;
  padding: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  outline: none;
}
.btn-reset--transparent {
  background: transparent;
}
.btn-reset::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.shadow-label {
  padding: clamp(0.5rem, 0.444935994rem + 0.2259036145vw, 0.6875rem) clamp(0.875rem, 0.8015813253rem + 0.3012048193vw, 1.125rem);
  border-radius: 5px;
  background: var(--c-white);
  box-shadow: 2.38px 0 3.808px 0 rgba(0, 0, 0, 0.15), 0 2.38px 3.808px 0 rgba(0, 0, 0, 0.15);
}
.shadow-label--lg {
  padding: clamp(1rem, 0.889871988rem + 0.4518072289vw, 1.375rem);
}
.shadow-label--xxl {
  padding: clamp(1rem, 0.4860692771rem + 2.1084337349vw, 2.75rem);
}

.text-label {
  --bg: var(--c-black);
  --color: var(--c-white);
  display: inline-flex;
  justify-content: center;
  padding: clamp(0.3125rem, 0.2941453313rem + 0.0753012048vw, 0.375rem) clamp(1.125rem, 1.0515813253rem + 0.3012048193vw, 1.375rem);
  font-size: clamp(0.8125rem, 0.7941453313rem + 0.0753012048vw, 0.875rem);
  color: var(--c-black);
  border: 1px solid var(--c-black);
  border-radius: 24px;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out color;
}
.text-label--controls:hover, .text-label--controls.is-active {
  color: var(--color);
  background-color: var(--bg);
}
.text-label--white {
  --bg: var(--c-white);
  --color: var(--c-black);
  color: var(--c-white);
  border: 1px solid var(--c-white);
}

.divider {
  height: 2px;
  margin-block: clamp(1.5rem, 1.0227786145rem + 1.9578313253vw, 3.125rem);
  background: linear-gradient(270deg, var(--c-white) 0%, var(--c-black) 90%, var(--c-black) 100%);
}

.us-none {
  user-select: none;
}

.shadow {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25) inset;
}

.mobile-phone-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--c-orange);
  color: var(--c-white);
  padding: 10px 0;
  z-index: 1;
  text-align: center;
  font-weight: 600;
  font-size: 1.25rem;
}
@media (width > 47.99875rem) {
  .mobile-phone-button {
    display: none;
  }
}

@media (width <= 47.99875rem) {
  .br-wrap-unset-sm br {
    display: none;
  }
}

.header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  background-color: var(--c-white);
  transition: all 0.4s ease-in;
}
.header.is-active .header__top {
  opacity: 1;
  visibility: visible;
}
.header__call-us-image {
  width: clamp(3.75rem, 3.015813253rem + 3.0120481928vw, 6.25rem);
}
.header__nav {
  display: flex;
  gap: clamp(0.25rem, -0.4805936073rem + 0.9132420091vw, 0.5rem);
  transition: 0.3s ease-in-out padding-block;
}
@media (width <= 63.99875rem) {
  .header__nav {
    flex-direction: column;
  }
}
@media (width <= 47.99875rem) {
  .header__button-title {
    font-size: 13px;
    text-transform: uppercase;
  }
}
.header__logo {
  padding-block: clamp(0.5rem, 0.4265813253rem + 0.3012048193vw, 0.75rem);
}
.header__logo-image {
  display: inline-block;
  max-width: clamp(10rem, 8.7151731928rem + 5.2710843373vw, 14.375rem);
  width: 100%;
  height: auto;
  transition: max-width 0.3s ease-in-out;
}
.header__overlay-menu-dialog {
  position: fixed;
  inset: 0;
  flex-direction: column-reverse;
  justify-content: start;
  row-gap: 16px;
  width: 100%;
  height: 100%;
  padding: var(--container-padding-x);
  background-color: var(--c-white);
  border: none;
  transition: 0.3s ease-in-out all;
  transition-behavior: allow-discrete;
}
@media (width > 63.99875rem) {
  .header__overlay-menu-dialog {
    display: contents;
  }
}
@media (width <= 63.99875rem) {
  .header__overlay-menu-dialog[open] {
    display: flex;
  }
  @starting-style {
    .header__overlay-menu-dialog[open] {
      opacity: 0;
      translate: 50%;
    }
  }
}
.header__overlay-menu-dialog:not([open]) {
  opacity: 0;
  translate: 50%;
}
.header__menu {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  transition: 0.3s ease-out visibility, 0.3s ease-out opacity;
}
@media (width <= 63.99875rem) {
  .header__menu {
    flex-direction: column;
  }
}
.header__menu .menu-item {
  position: relative;
}
@media (width <= 63.99875rem) {
  .header__menu .menu-item .sub-menu {
    padding: 0.5rem 0 0 0.875rem;
  }
}
@media (width > 63.99875rem) {
  .header__menu .menu-item .sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    width: max-content;
    min-width: 100%;
    padding: 0.75rem 0.625rem;
    background-color: var(--c-black);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    box-shadow: var(--shadow-sm);
    transition: 0.3s ease-in-out opacity, 0.3s ease-in-out visibility;
  }
}
@media (width > 63.99875rem) {
  .header__menu .menu-item .sub-menu a {
    display: block;
    background-color: transparent;
    transition: 0.3s ease-in-out background-color;
    color: var(--c-white);
  }
}
@media (width > 63.99875rem) and (any-hover: hover) {
  .header__menu .menu-item .sub-menu a:hover {
    border-color: transparent;
    background-color: rgba(238, 238, 238, 0.168627451);
  }
}
@media (width > 63.99875rem) and (any-hover: none) {
  .header__menu .menu-item .sub-menu a:active {
    border-color: transparent;
    background-color: rgba(238, 238, 238, 0.168627451);
  }
}
@media (any-hover: hover) {
  .header__menu .menu-item:hover .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
@media (any-hover: none) {
  .header__menu .menu-item:active .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
.header__menu .menu-item a {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: nowrap;
  font-size: clamp(0.875rem, 0.8015813253rem + 0.3012048193vw, 1.125rem);
  text-transform: capitalize;
  color: var(--c-black);
  padding: clamp(0.375rem, -0.720890411rem + 1.3698630137vw, 0.75rem) clamp(0.375rem, -0.3555936073rem + 0.9132420091vw, 0.625rem);
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s ease;
  text-decoration: unset;
}
@media (any-hover: hover) {
  .header__menu .menu-item a:hover {
    border-color: var(--c-white);
  }
}
@media (any-hover: none) {
  .header__menu .menu-item a:active {
    border-color: var(--c-white);
  }
}
@media (width <= 63.99875rem) {
  .header__menu .menu-item a {
    text-transform: uppercase;
  }
}
.header__menu .menu-item-has-children > a::after {
  content: "";
  width: 11px;
  height: 7px;
  background: url("/wp-content/themes/taran/assets/img/icon/arrow-down.svg") no-repeat center/cover;
  display: inline-block;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.header__menu .menu-item-has-children:hover > a::after, .header__menu .menu-item-has-children.is-active > a::after {
  transform: rotate(180deg);
}
@media (width <= 63.99875rem) {
  .header .button--white {
    display: none;
  }
}

.footer__top-container {
  padding-bottom: clamp(2rem, 1.7797439759rem + 0.9036144578vw, 2.75rem);
}
.footer__top-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  aspect-ratio: 0.59/1;
  background: url("/wp-content/themes/double-clean-restoration/assets/img/doubleclean-image.png") no-repeat right bottom/contain;
  z-index: var(--z-index-behind);
}
@media (width <= 63.99875rem) {
  .footer__top-container::after {
    width: clamp(12.5rem, 11.3987198795rem + 4.5180722892vw, 16.25rem);
  }
}
@media (width > 63.99875rem) {
  .footer__top-container::after {
    height: 100%;
  }
}
@media (width > 63.99875rem) {
  .footer__col--text {
    max-width: 25rem;
  }
}
.footer a {
  color: var(--c-grey-middle);
  font-size: 0.9375rem;
  text-decoration: none;
  font-weight: 300;
  transition: 0.3s ease-in-out text-decoration;
}
@media (any-hover: hover) {
  .footer a:hover {
    text-decoration: underline;
  }
}
@media (any-hover: none) {
  .footer a:active {
    text-decoration: underline;
  }
}
.footer__top {
  padding-bottom: clamp(1.5rem, 1.3531626506rem + 0.6024096386vw, 2rem);
}
.footer__bottom {
  padding-block: clamp(0.75rem, 0.6765813253rem + 0.3012048193vw, 1rem);
}
.footer__bottom a {
  color: var(--c-white);
}
@media (width > 63.99875rem) {
  .footer__contacts {
    gap: clamp(3.75rem, 2.4651731928rem + 5.2710843373vw, 8.125rem);
  }
}
.footer__logo-image {
  display: inline-block;
  max-width: clamp(7.5rem, 6.765813253rem + 3.0120481928vw, 10rem);
  width: 100%;
}
.footer__menu {
  gap: clamp(1rem, 0.5594879518rem + 1.8072289157vw, 2.5rem) clamp(1rem, 0.5594879518rem + 1.8072289157vw, 2.5rem);
}
.footer__menu a {
  font-size: clamp(1rem, 0.9632906627rem + 0.1506024096vw, 1.125rem);
  font-weight: 700;
}
@media (width <= 47.99875rem) {
  .footer__copyright {
    text-align: center;
  }
}
.footer__copyright a {
  line-height: 1;
  display: inline-block;
  width: 4rem;
  margin-left: 4px;
}
.footer__copyright img {
  width: 100%;
  margin: 2px 0 0 2px;
}
.footer__ballon {
  position: absolute;
  object-fit: contain;
  right: 0;
  top: 0;
  height: 100%;
  aspect-ratio: 77/51;
  z-index: var(--z-index-behind);
}

/* Containers */
.container,
.container--inner {
  width: 100%;
  max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
  margin-inline: auto;
  padding-inline: var(--container-padding-x);
  overflow-x: clip;
}

.container--inner-lg-above {
  max-width: 100%;
  padding-inline: 0;
}

.container--right-fluid {
  padding-right: 0;
  max-width: 100%;
}

.container--fluid {
  padding-inline: 0;
  max-width: 100%;
}

@media (width <= 47.99875rem) {
  .container--fluid-sm {
    padding-inline: 0;
    max-width: 100%;
  }
}
/* Grid */
.grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.grid--reverse {
  direction: rtl;
}
.grid--reverse > * {
  direction: ltr;
}
.grid-column-1 {
  grid-template-columns: minmax(0, 1fr);
}
.grid-column-2-all {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-column-3-all {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (width > 33.74875rem) {
  .grid-column-2, .grid-column-3, .grid-column-4, .grid-column-2-sm-above {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width > 33.74875rem) {
  .grid-column-56-44 {
    grid-template-columns: minmax(0, 56fr) minmax(0, 44fr);
  }
}
@media (width > 33.74875rem) {
  .grid-column-2-auto {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
@media (width > 63.99875rem) {
  .grid-column-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-column-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-column-2-md-above {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.button {
  --button-color: var(--c-white);
  --button-color-hover: var(--c-white);
  --button-bg: var(--c-orange);
  --button-bg-hover: var(--c-blue-dark-steel);
  --button-border-color: var(--c-orange);
  --button-border-color-hover: var(--c-blue-dark-steel);
  --button-border-radius: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.375rem, 0.264871988rem + 0.4518072289vw, 0.75rem);
  padding: clamp(0.5rem, 0.4632906627rem + 0.1506024096vw, 0.625rem) clamp(2.25rem, 2.0480986446rem + 0.828313253vw, 2.9375rem);
  font-size: clamp(1rem, 0.9632906627rem + 0.1506024096vw, 1.125rem);
  font-weight: 700;
  background-color: var(--button-bg);
  color: var(--button-color);
  border: 2px solid var(--button-border-color);
  line-height: 1.5rem;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, 0.3s ease-in-out border-color;
  user-select: none;
  cursor: pointer;
  border-radius: var(--button-border-radius);
}
.button[type=button] {
  outline: unset;
}
@media (any-hover: hover) {
  .button:hover {
    background-color: var(--button-bg-hover);
    color: var(--button-color-hover);
    border-color: var(--button-border-color-hover);
  }
}
@media (any-hover: none) {
  .button:active {
    background-color: var(--button-bg-hover);
    color: var(--button-color-hover);
    border-color: var(--button-border-color-hover);
  }
}
.button.is-active {
  background-color: var(--button-bg-hover);
  color: var(--button-color-hover);
  border-color: var(--button-border-color-hover);
}
.button--br-0 {
  --button-border-radius: 0;
}
.button--sm {
  padding: clamp(0.375rem, 0.3382906627rem + 0.1506024096vw, 0.5rem) clamp(0.875rem, 0.764871988rem + 0.4518072289vw, 1.25rem);
}
.button--black {
  --button-color: var(--c-white);
  --button-color-hover: var(--c-white);
  --button-bg: var(--c-black);
  --button-bg-hover: var(--c-green-muted);
  --button-border-color: var(--c-black);
  --button-border-color-hover: var(--c-green-muted);
  --filter-hover: invert(1);
}
.button--white {
  --button-color: var(--c-black);
  --button-color-hover: var(--c-white);
  --button-bg: var(--c-white);
  --button-bg-hover: var(--c-black);
  --button-border-color: var(--c-white);
  --button-border-color-hover: var(--c-black);
  --filter-hover: invert(1);
}
.button--transparent {
  --button-color: var(--c-black);
  --button-color-hover: var(--c-white);
  --button-bg: transparent;
  --button-bg-hover: var(--c-orange);
  --button-border-color: transparent;
  --button-border-color-hover: var(--c-orange);
}
.button--transparent .button__icon {
  position: relative;
}
.button--transparent .button__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: var(--c-orange);
}
.button--blue-dark-steel {
  --button-color: var(--c-white);
  --button-color-hover: var(--c-white);
  --button-bg: var(--c-blue-dark-steel);
  --button-bg-hover: var(--c-orange);
  --button-border-color: var(--c-blue-dark-steel);
  --button-border-color-hover: var(--c-orange);
}

.button-form__input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background: transparent;
  border-radius: inherit;
  color: inherit;
  padding: 0;
  border: unset;
  cursor: pointer;
}
.button-form__text {
  font-size: inherit;
  font-weight: 500;
}

.splide__arrow, .splide-arrow-external {
  display: flex;
  align-items: center;
  outline: unset;
  border: unset;
  cursor: pointer;
}
.splide-arrow-external {
  gap: 0.375rem;
  background-color: transparent;
  cursor: pointer;
  opacity: 0.6;
  transition: 0.3s ease-in-out opacity;
}
.splide-arrow-external:hover {
  opacity: 1;
}
.splide__arrow {
  padding: 12px;
  border-radius: 50%;
  background-color: transparent;
  transition: 0.3s ease-in-out scale;
}
.splide__arrow--circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.125rem, 2.014871988rem + 0.4518072289vw, 2.5rem);
  height: clamp(2.125rem, 2.014871988rem + 0.4518072289vw, 2.5rem);
  padding: clamp(0.5rem, 0.4265813253rem + 0.3012048193vw, 0.75rem);
  border-radius: 50%;
  border: 2px solid var(--c-black);
}
.splide__pagination {
  display: flex;
  gap: 6px;
  margin-top: 20px;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide__pagination__page {
  aspect-ratio: 1/1;
  width: 10px;
  max-width: 10px;
  padding: 0;
  background-color: var(--c-yellow);
  opacity: 0.3;
  border-radius: 50%;
  border: unset;
  cursor: pointer;
  transition: 0.3s ease-in-out opacity;
}
.splide__pagination__page:hover, .splide__pagination__page.is-active {
  opacity: 1;
}

.custom-splide-overlay {
  position: relative;
}
.custom-splide-overlay::before, .custom-splide-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  width: clamp(3.125rem, 2.5743599398rem + 2.2590361446vw, 5rem);
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.custom-splide-overlay::before {
  left: 0;
  background: linear-gradient(to left, transparent 50%, var(--c-white));
}
.custom-splide-overlay::after {
  right: 0;
  background: linear-gradient(to left, var(--c-white) 50%, transparent);
  translate: 50% 0;
}
.custom-splide-overlay--sm::before, .custom-splide-overlay--sm::after {
  width: clamp(1.875rem, 1.3243599398rem + 2.2590361446vw, 3.75rem);
}

.accordion {
  position: relative;
}
.accordion__indicator {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
}
.accordion__indicator::before, .accordion__indicator::after {
  content: "";
  position: absolute;
  border-radius: 4px;
  background-color: var(--c-green);
}
.accordion__indicator::before {
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
.accordion__indicator::after {
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  translate: -50% 0;
}
.accordion:has(details[open]) {
  opacity: 1;
}
.accordion:has(details[open]) .accordion__content {
  margin-top: clamp(0.625rem, 0.3680346386rem + 1.0542168675vw, 1.5rem);
}
.accordion:has(details[open]) .accordion__content--sm-offset {
  margin-top: 0.375rem;
}
.accordion:has(details[open]) .accordion__indicator::after {
  opacity: 0;
}
.accordion__details[open] + .accordion__content {
  grid-template-rows: 1fr;
}
.accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  transition-duration: 0.3s;
}
.accordion__content-inner {
  overflow: hidden;
  padding-left: 2.25rem;
}
.accordion__content-inner--transparent {
  padding: 0;
}
.accordion__summary {
  list-style: none;
}
.accordion__summary::-webkit-details-marker {
  display: none;
}

[data-js-tabs-body-item]:not(.is-active) {
  display: none;
}

.list-marker {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.list-marker-item--check {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: clamp(0.5rem, 0.3531626506rem + 0.6024096386vw, 1rem);
}
.list-marker-item--check::before {
  content: "";
  flex-shrink: 0;
  background: url("/wp-content/themes/junk-222/assets/img/icon/check-mark-green.svg") no-repeat center/contain;
  width: 24px;
  height: 16px;
  display: inline-block;
}
.list-marker-item--check-icon {
  position: relative;
  padding-left: 2.25rem;
}
.list-marker-item--check-icon::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  translate: 0 25%;
  background: url("/wp-content/themes/junk-222/assets/img/icon/check-mark.svg") no-repeat center/contain;
  width: 1.5rem;
  height: 1.25rem;
  display: inline-block;
}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  padding: 2.75rem 0.35rem 1.5rem;
  transition: 0.3s ease-in-out opacity;
  opacity: 0;
  display: none;
  max-height: calc(100% - 30px);
  max-width: 1040px;
  width: calc(100% - 30px);
  background: url("/wp-content/uploads/2026/04/form-popup.jpg") no-repeat center/cover;
  border-radius: 8px;
  min-height: 305px;
  overflow: hidden;
  border: 1px solid var(--c-light-grey);
  box-shadow: 0 0 29px rgb(97, 94, 94);
  overflow-y: auto;
}
@media (width > 63.99875rem) {
  .popup {
    padding: 4rem 2rem 2rem;
  }
}
.popup.--show, .popup__overlay.--show {
  opacity: 1;
  display: block;
}
.popup__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
  transition: 0.3s ease-in-out opacity;
  opacity: 0;
  display: none;
}
.popup__close {
  position: absolute;
  z-index: 3;
  top: 28px;
  right: 28px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.popup__close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 2px;
  width: 100%;
  background-color: var(--c-black);
  transform: translateY(9px) translateX(0) rotate(45deg);
}
.popup__close:after {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  display: block;
  height: 2px;
  width: 100%;
  background-color: var(--c-black);
  transform: translateY(-5px) translateX(0) rotate(-45deg);
}

.popup-show-video {
  overflow: unset;
}
@media (width <= 47.99875rem) {
  .popup-show-video {
    padding-bottom: 56.25%;
  }
}
@media (width > 47.99875rem) {
  .popup-show-video {
    aspect-ratio: 16/9;
  }
}
.popup-show-video__close {
  top: -28px;
  right: -12px;
}
@media (width > 47.99875rem) {
  .popup-show-video__close {
    top: -24px;
    right: -22px;
  }
}
.popup-show-video__close:before, .popup-show-video__close:after {
  background-color: var(--c-white);
}

.popup-schedule-call {
  padding: 0;
  background-color: var(--c-black);
}
@media (width <= 47.99875rem) {
  .popup-schedule-call__close {
    top: 2px;
    right: 2px;
    width: 1.25rem;
    height: 1.25rem;
  }
}
.popup-schedule-call__header {
  padding: 1.125rem;
}
@media (width <= 47.99875rem) {
  .popup-schedule-call__header {
    gap: 20px;
  }
}
@media (width > 47.99875rem) {
  .popup-schedule-call__header {
    padding: 1.25rem 4rem;
  }
}
.popup-schedule-call__header-item {
  position: relative;
  transition: 0.3s ease-in-out color;
  cursor: not-allowed;
}
@media (width <= 47.99875rem) {
  .popup-schedule-call__header-item {
    font-size: 14px;
  }
}
.popup-schedule-call__header-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  width: 1px;
  height: 100%;
  background-color: var(--c-black);
}
@media (width <= 47.99875rem) {
  .popup-schedule-call__header-item:not(:last-child)::after {
    width: 0.5px;
  }
}
@media (width > 47.99875rem) {
  .popup-schedule-call__header-item:not(:last-child)::after {
    right: -30px;
  }
}
.popup-schedule-call__header-item.is-active {
  color: var(--c-black);
}
.popup-schedule-call__header-item:not([data-js-step-form-nav-item=disabled]) {
  cursor: pointer;
  color: var(--c-black);
}
.popup-schedule-call__body {
  padding: 1.125rem;
  background: linear-gradient(350deg, #19191C 26.97%, rgba(117, 117, 118, 0) 91.53%);
}
@media (width > 47.99875rem) {
  .popup-schedule-call__body {
    padding: 3rem 4rem;
  }
}
.popup-schedule-call__footer {
  padding: 1.125rem;
  border-top: 1px solid var(--c-black-light);
  background: linear-gradient(350deg, #19191C 26.97%, rgba(117, 117, 118, 0) 91.53%);
}
@media (width > 47.99875rem) {
  .popup-schedule-call__footer {
    padding: 1.25rem 4rem;
  }
}
.popup-schedule-call .form-item__text {
  margin-bottom: 0.75rem;
}

.iti.iti--allow-dropdown {
  display: block;
}
.iti__flag {
  background-image: url("assets/img/flags.png");
}
.iti__country {
  color: var(--c-black);
  font-size: 16px;
  background: var(--c-white);
}
.iti__country:hover, .iti__country.iti__highlight {
  background: #f8f8f8 !important;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  left: 4px;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.burger-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 8px;
  width: 44px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  user-select: none;
  cursor: pointer;
  z-index: 6;
}
@media (width > 63.99875rem) {
  .burger-menu {
    display: none;
  }
}
.burger-menu-item {
  display: block;
  height: 2px;
  background-color: var(--c-orange);
  transition: 0.3s ease-in-out transform, 0.3s ease-in-out background-color;
}
.burger-menu.is-active .burger-menu-item--top {
  transform: translateY(8px) translateX(0) rotate(45deg);
}
.burger-menu.is-active .burger-menu-item--middle {
  opacity: 0;
}
.burger-menu.is-active .burger-menu-item--bottom {
  transform: translateY(-6px) translateX(0) rotate(-45deg);
}

.custom-dropdown {
  position: relative;
  display: block;
  vertical-align: middle;
  margin-top: 0;
  flex: 1;
  width: 100%;
  z-index: 1;
}
.custom-dropdown select {
  cursor: pointer;
  outline: var(--c-white);
  width: 100%;
  margin: 0;
  font-size: var(--font-size);
  padding: clamp(0.625rem, 0.5515813253rem + 0.3012048193vw, 0.875rem) clamp(0.75rem, 0.6765813253rem + 0.3012048193vw, 1rem) clamp(0.625rem, 0.5515813253rem + 0.3012048193vw, 0.875rem) clamp(1rem, 0.9265813253rem + 0.3012048193vw, 1.25rem);
  color: var(--form-color);
  border: 1px solid var(--form-color);
  background-color: rgba(255, 255, 255, 0.3);
  text-overflow: "";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 30px;
}
.custom-dropdown select:invalid {
  color: #757575;
}
.custom-dropdown::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  translate: -50% -50%;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 5px;
  border-color: var(--c-black) transparent transparent transparent;
  border-radius: 4px;
  transition: 0.15s ease-in-out rotate;
}
.custom-dropdown:focus-within::after {
  rotate: 180deg;
}

.has-error .custom-dropdown select {
  border-color: var(--c-red);
  color: var(--c-red);
}

.form-group {
  --form-color: var(--c-blue-dark-steel);
  padding: clamp(0.9375rem, 0.8457266566rem + 0.3765060241vw, 1.25rem) clamp(0.75rem, 0.4196159639rem + 1.3554216867vw, 1.875rem);
  border-radius: 10px;
  border: 1px solid rgba(191, 191, 191, 0.01);
}
@media (width > 63.99875rem) {
  .form-group {
    max-width: 50rem;
    margin-inline: auto;
  }
}
.form-group .wpcf7-response-output {
  color: var(--c-black);
}
.form-group--without-space {
  padding: 0;
}
.form-group--sm .form-row {
  --font-size: 14px;
}
@media (width <= 47.99875rem) {
  .form-group input[type=date] {
    -webkit-appearance: none;
    min-height: 46px;
    background: url("https://elmarclean.com/wp-content/uploads/2026/04/i-calendar.svg") no-repeat calc(100% - 15px) center/20px 20px;
  }
}
.form-row {
  --font-size: 16px;
  --padding-form: 1rem;
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--padding-form);
}
.form-row .wpcf7-spinner {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.form-row .wpcf7-not-valid-tip {
  position: absolute;
  font-size: 14px;
}
.form-item {
  width: 100%;
  display: block;
}
.form-item.has-error input,
.form-item.has-error textarea {
  color: var(--c-red);
  border-color: var(--c-red);
}
.form-item--with-icon {
  position: relative;
}
.form-item--with-icon input,
.form-item--with-icon textarea {
  text-indent: 1.25rem;
}
.form-item--with-icon select {
  text-indent: 1.375rem;
  font-weight: 700;
}
.form-item__icon {
  position: absolute;
  top: 50%;
  translate: 0 -58%;
  left: 0.875rem;
  z-index: var(--z-index-front-higher);
}
.form-item input,
.form-item textarea {
  width: 100%;
  font-size: var(--font-size);
  padding: clamp(0.625rem, 0.5515813253rem + 0.3012048193vw, 0.875rem) clamp(0.75rem, 0.6765813253rem + 0.3012048193vw, 1rem) clamp(0.625rem, 0.5515813253rem + 0.3012048193vw, 0.875rem) clamp(1rem, 0.9265813253rem + 0.3012048193vw, 1.25rem);
  color: var(--form-color);
  border: 1px solid var(--form-color);
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.3);
}
.form-item input::placeholder,
.form-item textarea::placeholder {
  color: var(--form-color);
  opacity: 0.8;
}
.form-item textarea {
  max-height: 100px;
  resize: none;
}
.form-item.has-error input,
.form-item.has-error textarea {
  border-color: var(--c-red);
  color: var(--c-red);
}
.form-item.has-error input::placeholder,
.form-item.has-error textarea::placeholder {
  color: var(--c-red);
  opacity: 0.75;
}
@media (width > 33.74875rem) {
  .form-item--w33, .form-item--w50 {
    max-width: calc(50% - var(--padding-form) / 2);
  }
}
@media (width > 47.99875rem) {
  .form-item--w33 {
    max-width: calc(33.33% - var(--padding-form) * 2 / 3);
  }
}
.form-item--transparent input {
  background-color: transparent;
  border: unset;
}
.form-item__text {
  font-size: var(--font-size);
  font-weight: 600;
  display: block;
  margin-bottom: 0.625rem;
}
.form-item__text-required {
  color: var(--c-red);
}
.form--white-mode .form-item__text {
  color: var(--c-white);
}
.form--white-mode .form-item .radio-item {
  background-color: var(--c-white);
}
.form--white-mode .form-item .radio-item:hover,
.form--white-mode .form-item .radio-item:has(.radio-input:checked) {
  background-color: var(--c-yellow);
  color: var(--c-black);
}

.wpcf7-form-control-wrap {
  display: block;
}

.radio-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5rem;
}
.radio-container .wpcf7-form-control-wrap {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}
.radio-container__inner {
  display: flex;
  flex-direction: column;
}
.radio-container__inner .radio__custom-input {
  margin-bottom: clamp(1.75rem, -0.4417808219rem + 2.7397260274vw, 2.5rem);
}
.radio-item {
  position: relative;
  display: flex;
  gap: 0.75rem;
  padding: clamp(1rem, 0.2694063927rem + 0.9132420091vw, 1.25rem) clamp(1rem, 0.2694063927rem + 0.9132420091vw, 1.25rem);
  background-color: var(--c-light-grey);
  cursor: pointer;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out color;
  border-radius: 20px;
  max-width: 100%;
  width: 100%;
  align-self: stretch;
  z-index: 1;
}
@media (width > 47.99875rem) {
  .radio-item {
    max-width: calc(50% - 1.25rem);
  }
}
@media (width > 63.99875rem) {
  .radio-item {
    max-width: calc(33.3333333333% - 1.25rem * 2 / 3);
  }
}
@media (width > 89.99875rem) {
  .radio-item {
    max-width: calc(20% - 2.5rem * 4 / 5);
  }
}
.radio-item::before {
  --external-size: 0.625rem;
  content: "";
  width: calc(100% + var(--external-size));
  height: calc(100% + var(--external-size));
  position: absolute;
  left: calc(-50% - var(--external-size));
  top: calc(-50% - var(--external-size));
  translate: 50% 50%;
  background: var(--c-orange);
  filter: blur(5px);
  border-radius: inherit;
  z-index: var(--z-index-behind);
  opacity: 0;
  transition: 0.3s ease-in-out opacity;
}
.radio-item::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--c-white);
  border: 1px solid var(--c-light-grey);
  border-radius: inherit;
  z-index: var(--z-index-behind);
}
.radio-input {
  display: none;
}

.error-message {
  color: var(--c-red);
  font-size: 13px;
  margin-top: 5px;
  transition: opacity 0.3s ease;
}

.content ul {
  list-style: revert;
  margin: revert;
  padding: revert;
}
.content :where(h1, h2, h3, h4, h5, h6, p) {
  margin-block: clamp(1.25rem, 1.1765813253rem + 0.3012048193vw, 1.5rem);
  line-height: 1.5;
}
.content :where(h1, h2, h3, h4, h5, h6, p):first-child {
  margin-top: 0;
}
.content h1 {
  font-size: clamp(2.25rem, 1.9563253012rem + 1.2048192771vw, 3.25rem);
}
.content h2 {
  font-size: clamp(1.5625rem, 1.3605986446rem + 0.828313253vw, 2.25rem);
}
.content h3,
.content .fz-h3 {
  font-size: clamp(1.4375rem, 1.3090173193rem + 0.5271084337vw, 1.875rem);
}
.content h4 {
  font-size: 1rem;
}
.content h5,
.content h6 {
  font-size: 1rem;
}
.content p {
  font-size: clamp(1rem, 0.9816453313rem + 0.0753012048vw, 1.0625rem);
}

.hero {
  position: relative;
  padding-block: calc(var(--section-padding-y) * 2);
  z-index: var(--z-index-front);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: var(--bg-mobile);
}
@media (min-width: 768px) {
  .hero {
    background-image: var(--bg-desktop);
  }
}
.hero .button--transparent {
  position: relative;
  color: var(--c-white);
  display: inline-flex;
  align-items: center;
  transition: background-color 0.3s ease, padding 0.3s ease;
  border-radius: 100px;
  border: none;
}
.hero .button--transparent span[class*=d-none] {
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  max-width: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, max-width 0.4s ease-in-out, margin 0.3s ease-in-out;
}
@media (width > 47.99875rem) {
  .hero .button--transparent {
    padding: 0;
  }
}
@media (width > 47.99875rem) and (any-hover: hover) {
  .hero .button--transparent:hover {
    padding-right: clamp(0.875rem, 0.764871988rem + 0.4518072289vw, 1.25rem);
    background-color: var(--c-orange);
  }
  .hero .button--transparent:hover span[class*=d-none] {
    opacity: 1;
    max-width: 18.75rem;
    margin-left: clamp(0.5rem, 0.4265813253rem + 0.3012048193vw, 0.75rem);
  }
}
@media (width > 47.99875rem) and (any-hover: none) {
  .hero .button--transparent:active {
    padding-right: clamp(0.875rem, 0.764871988rem + 0.4518072289vw, 1.25rem);
    background-color: var(--c-orange);
  }
  .hero .button--transparent:active span[class*=d-none] {
    opacity: 1;
    max-width: 18.75rem;
    margin-left: clamp(0.5rem, 0.4265813253rem + 0.3012048193vw, 0.75rem);
  }
}
@media (width <= 47.99875rem) {
  .hero .button--transparent {
    --button-border-color: var(--c-orange);
    border: 2px solid var(--button-border-color);
    padding: 0;
    padding-right: clamp(0.875rem, 0.764871988rem + 0.4518072289vw, 1.25rem);
    width: 100%;
    justify-content: flex-start;
  }
  .hero .button--transparent span[class*=d-none] {
    opacity: 1;
    max-width: 100%;
    margin-left: clamp(0.5rem, 0.4265813253rem + 0.3012048193vw, 0.75rem);
  }
}
.hero .button--transparent .button__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: clamp(2.4375rem, 2.382435994rem + 0.2259036145vw, 2.625rem);
  height: clamp(2.4375rem, 2.382435994rem + 0.2259036145vw, 2.625rem);
  border-radius: 50%;
  background-color: var(--c-orange);
}
.hero .button--transparent .button__icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.hero__star::after {
  display: inline-block;
  content: "";
  background: url("/wp-content/themes/elmar-clean/assets/img/icon/star-orange.svg") no-repeat center/cover;
  width: 23px;
  height: 23px;
  translate: 3px -9px;
}

.services {
  position: relative;
  z-index: var(--z-index-front);
}
.services__nav-item {
  --tab-color: var(--c-blue-dark-steel);
  padding: clamp(0.625rem, 0.4965173193rem + 0.5271084337vw, 1.0625rem);
  border-radius: 30px 30px 0 0;
  border: 2px solid var(--tab-color);
  color: var(--tab-color);
  background-color: var(--c-white);
}
.services__nav-item:not(:first-child) {
  margin-left: -30px;
}
.services__nav-item.is-active {
  background-color: var(--tab-color);
  color: var(--c-white);
  z-index: var(--z-index-front);
}
.services__nav-item--orange {
  --tab-color: var(--c-orange);
}
.services__nav-item--blue {
  --tab-color: var(--c-blue-dark-steel);
}
@media (width <= 33.74875rem) {
  .services__nav-item {
    word-spacing: 3.125rem;
  }
}
.services__body::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index-behind);
  opacity: 0.2;
}
.services__body--orange::before {
  background: linear-gradient(180deg, #FFF 0%, #F38711 100%);
}
.services__body--blue::before {
  background: linear-gradient(180deg, #007070 0%, #FFF 100%);
}
@media (width <= 63.99875rem) {
  .services__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width <= 33.74875rem) {
  .services__cards {
    grid-template-columns: 100%;
  }
}
.services__card {
  --card-color: var(--c-blue-dark-steel);
  border: 1px solid var(--card-color);
  background: rgba(255, 255, 255, 0.2);
  padding: clamp(1.0625rem, 0.8238893072rem + 0.9789156627vw, 1.875rem) clamp(1.25rem, 0.9563253012rem + 1.2048192771vw, 2.25rem) clamp(1.0625rem, 0.8238893072rem + 0.9789156627vw, 1.875rem) clamp(0.625rem, 0.4414533133rem + 0.7530120482vw, 1.25rem);
}
@media (width > 33.74875rem) {
  .services__card {
    min-height: clamp(5rem, 4.4860692771rem + 2.1084337349vw, 6.75rem);
  }
}
@media (width > 63.99875rem) {
  .services__card {
    flex: 1 1 clamp(13.125rem, -3.3133561644rem + 20.5479452055vw, 18.75rem);
  }
}
.services__card--blue {
  --card-color: var(--c-blue-dark-steel);
}
.services__card--orange {
  --card-color: var(--c-orange);
}

@media (width <= 63.99875rem) {
  .why__card {
    width: 100%;
  }
}
@media (width > 63.99875rem) {
  .why__card:first-child {
    margin-left: clamp(6.25rem, -18.5901826484rem + 31.0502283105vw, 14.75rem);
  }
}
@media (width > 63.99875rem) {
  .why__card:nth-of-type(2) {
    min-width: 42%;
  }
}
@media (width > 89.99875rem) {
  .why__card:nth-of-type(2) {
    min-width: 50%;
  }
}

.gallery__card {
  aspect-ratio: 2/1.5;
  object-fit: cover;
}
@media (width <= 47.99875rem) {
  .gallery__inner {
    --slider-offset: clamp(2.5rem, 2.0227786145rem + 1.9578313253vw, 4.125rem);
    --button-exta-space: clamp(1.25rem, 1.0664533133rem + 0.7530120482vw, 1.875rem);
    position: relative;
    padding-inline: var(--slider-offset);
  }
}
.gallery .splide__arrow {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  padding: 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.gallery .splide__arrow--prev {
  left: calc((var(--slider-offset) / 2 + var(--button-exta-space)) * -1);
}
.gallery .splide__arrow--next {
  right: calc((var(--slider-offset) / 2 + var(--button-exta-space)) * -1);
}
.gallery .splide__arrow-img {
  max-width: clamp(2rem, 1.9265813253rem + 0.3012048193vw, 2.25rem);
}

.banner__wrap {
  position: relative;
  padding: clamp(2.5rem, 2.2246799699rem + 1.1295180723vw, 3.4375rem) clamp(1rem, -0.633565512rem + 6.7018072289vw, 6.5625rem);
  z-index: var(--z-index-front);
}
.banner__wrap--cta {
  background-size: cover;
  background-position: left;
}
@media (width > 47.99875rem) {
  .banner__wrap--cta {
    background-position: center;
  }
}
.banner__wrap--cta::after {
  content: "";
  inset: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: inherit;
  z-index: var(--z-index-behind);
}
.banner__wrap--info {
  display: grid;
  gap: 1.5rem;
}
@media (width <= 47.99875rem) {
  .banner__wrap--info {
    margin-top: 8.125rem;
    text-align: center;
  }
}
@media (width > 47.99875rem) {
  .banner__wrap--info {
    grid-template-columns: 11fr 5fr;
  }
}
.banner__wrap-image {
  position: absolute;
  bottom: 0;
  translate: -60% 18%;
  left: 50%;
}
@media (width > 47.99875rem) {
  .banner__wrap-image {
    left: 0;
    translate: 10% 10%;
  }
}

.city-map__marker {
  position: absolute;
  width: 24px;
  height: 30px;
  background: url("/wp-content/themes/elmar-clean/assets/img/icon/map-location.svg") no-repeat center/cover;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
.city-map__marker.is-active {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.2);
}
.city-map__marker[data-marker-index="0"] {
  top: 44%;
  left: 61%;
}
.city-map__marker[data-marker-index="1"] {
  top: 27%;
  left: 56%;
}
.city-map__marker[data-marker-index="2"] {
  top: 54%;
  left: 45%;
}
.city-map__marker[data-marker-index="3"] {
  top: 73%;
  left: 15%;
}
.city-map__marker[data-marker-index="4"] {
  top: 47%;
  left: 31%;
}
.city-map__marker[data-marker-index="5"] {
  top: 66%;
  left: 24.5%;
}
.city-map__marker[data-marker-index="6"] {
  top: 67%;
  left: 18.5%;
}
.city-map__marker[data-marker-index="7"] {
  top: 17%;
  left: 73.5%;
}
.city-map__marker[data-marker-index="8"] {
  top: 55%;
  left: 26%;
}
.city-map__marker[data-marker-index="9"] {
  top: 70%;
  left: 81%;
}

@media (width > 47.99875rem) {
  .elite-cleaning__grid {
    grid-template-columns: 5fr 7fr;
  }
}

.why-choose__card {
  position: relative;
  padding: clamp(1rem, 0.9265813253rem + 0.3012048193vw, 1.25rem) clamp(1rem, -0.5417921687rem + 6.3253012048vw, 6.25rem);
}
@media (width <= 47.99875rem) {
  .why-choose__card {
    width: 100%;
  }
}
@media (width > 63.99875rem) {
  .why-choose__card::before, .why-choose__card::after {
    content: "";
    display: none;
    height: clamp(3.75rem, 3.4746799699rem + 1.1295180723vw, 4.6875rem);
    width: clamp(2.5rem, 2.2613893072rem + 0.9789156627vw, 3.3125rem);
    position: absolute;
    top: 50%;
    translate: -50% -50%;
  }
  .why-choose__card:nth-child(1)::before, .why-choose__card:nth-child(2)::before, .why-choose__card:nth-child(4)::before {
    display: block;
    left: calc(100% + 6px);
    background: url("/wp-content/themes/elmar-clean/assets/img/icon/triangle-orange.svg") no-repeat center/contain;
  }
  .why-choose__card:nth-child(2)::after, .why-choose__card:nth-child(3)::after, .why-choose__card:nth-child(5)::after {
    display: block;
    left: 0;
    background: url("/wp-content/themes/elmar-clean/assets/img/icon/triangle-white.svg") no-repeat center/contain;
  }
}

.cleaning-price {
  position: relative;
  z-index: var(--z-index-front);
}
.cleaning-price::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #FFF 0%, var(--c-blue-dark-steel) 38.94%, #FFF 100%);
  z-index: var(--z-index-behind);
  opacity: 0.2;
}
.cleaning-price__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(6, 1fr);
  align-items: stretch;
}
@media (width <= 63.99875rem) {
  .cleaning-price__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width <= 47.99875rem) {
  .cleaning-price__grid {
    grid-template-columns: 1fr;
  }
}
.cleaning-price__card {
  grid-column: span 2;
  height: 100%;
  border: 1px solid transparent;
  background-color: var(--c-white);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25) inset;
}
.cleaning-price__card .border-top {
  border-top: 1px solid transparent;
  margin-top: clamp(1rem, 0.9265813253rem + 0.3012048193vw, 1.25rem);
  padding-top: clamp(1rem, 0.9265813253rem + 0.3012048193vw, 1.25rem);
}
.cleaning-price__card--orange {
  border-color: var(--c-orange);
}
.cleaning-price__card--orange .border-top {
  border-top-color: var(--c-orange);
}
.cleaning-price__card--blue-dark-steel {
  border-color: var(--c-blue-dark-steel);
}
.cleaning-price__card--blue-dark-steel .border-top {
  border-top-color: var(--c-blue-dark-steel);
}
.cleaning-price__card:nth-child(4) {
  grid-column: 1/3;
  grid-row: span 2;
}
.cleaning-price__card:nth-child(5) {
  grid-column: 3/5;
  grid-row: 2;
}
.cleaning-price__card:nth-child(6) {
  grid-column: 3/5;
  grid-row: 3;
}
.cleaning-price__card:nth-child(7) {
  grid-column: 5/7;
  grid-row: span 2;
}
.cleaning-price__card:nth-child(8), .cleaning-price__card:nth-child(9) {
  grid-column: span 3;
}
@media (width <= 63.99875rem) {
  .cleaning-price__card {
    grid-column: span 1 !important;
    grid-row: auto !important;
  }
}
@media (width <= 47.99875rem) {
  .cleaning-price__card {
    grid-column: span 1 !important;
    grid-row: auto !important;
  }
}

.hero-thank-you {
  padding-block: clamp(7.5rem, 5.297439759rem + 9.0361445783vw, 15rem);
}
.hero-thank-you__ballon {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}

.customer-feedback__inner {
  --slider-offset: clamp(2.5rem, 2.0227786145rem + 1.9578313253vw, 4.125rem);
  --button-exta-space: clamp(1.25rem, 1.0664533133rem + 0.7530120482vw, 1.875rem);
  position: relative;
  padding-inline: var(--slider-offset);
}
.customer-feedback .splide__arrow {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  padding: 0;
}
.customer-feedback .splide__arrow--prev {
  left: calc((var(--slider-offset) / 2 + var(--button-exta-space)) * -1);
}
.customer-feedback .splide__arrow--next {
  right: calc((var(--slider-offset) / 2 + var(--button-exta-space)) * -1);
}
.customer-feedback .splide__arrow-img {
  max-width: clamp(2rem, 1.9265813253rem + 0.3012048193vw, 2.25rem);
}
.customer-feedback-slider__image {
  max-width: 40px;
  grid-area: icon;
}
.customer-feedback-slider-item__inner {
  padding: clamp(1rem, 0.9265813253rem + 0.3012048193vw, 1.25rem);
  background-color: var(--c-white);
  border: 1px solid rgba(35, 31, 32, 0.2);
  border-radius: 5px;
}
.customer-feedback-slider-item-head {
  display: grid;
  grid-template-columns: 1fr clamp(2.5rem, 2.1329066265rem + 1.5060240964vw, 3.75rem);
  align-items: center;
  gap: 16px;
}
.customer-feedback-slider-item-picture {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-template-areas: "icon title" "icon text";
  align-items: center;
  gap: 3px 14px;
}

.testimonials-rating {
  display: flex;
  gap: 4px;
}

/*# sourceMappingURL=main.css.map */