/*
Theme Name: phuketgid
Text Domain: phuketgid
Version: 2.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
/**
 * Swiper 7.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 9, 2021
 */
body {
  color: inherit !important;
}

:root {
  --swiper-theme-color: #007aff;
}

#callback-section .wpcf7 form {
  display: flex;
  align-items: center;
  gap: 20px;
}

#callback-section .wpcf7 p {
  margin: 0;
  display: flex;
  align-items: center;
}

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

.swiper {
  /* position: relative;*/
  /* Fix of Webkit flickering */
  /*    z-index: 1;*/
  overflow: hidden;
  /*    padding: 0;
		margin-right: auto;
		margin-left: auto;
		list-style: none;*/
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-slide {
  position: relative;
  /*    width: 100%;*/
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property:
    height,
    -webkit-transform;
  transition-property:
    height,
    -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property:
    transform,
    height,
    -webkit-transform;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  /* For Firefox */
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
  content: "";
}

.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  width: var(--swiper-centered-offset-after);
  height: 100%;
  min-height: 1px;
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  width: var(--swiper-virtual-size);
  height: 1px;
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  z-index: -1000;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  visibility: hidden;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.swiper-cube .swiper-cube-shadow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  content: "";
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property:
    opacity,
    height,
    -webkit-transform;
  transition-property:
    opacity,
    height,
    -webkit-transform;
  -o-transition-property: transform, opacity, height;
  transition-property: transform, opacity, height;
  transition-property:
    transform,
    opacity,
    height,
    -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local(""),
    url("assets/fonts/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2")
      format("woff2"),
    url("assets/fonts/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff")
      format("woff");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    local(""),
    url("assets/fonts/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2")
      format("woff2"),
    url("assets/fonts/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-300.woff")
      format("woff");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local(""),
    url("assets/fonts/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2")
      format("woff2"),
    url("assets/fonts/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff")
      format("woff");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    local(""),
    url("assets/fonts/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2")
      format("woff2"),
    url("assets/fonts/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff")
      format("woff");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local(""),
    url("assets/fonts/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2")
      format("woff2"),
    url("assets/fonts/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff")
      format("woff");
}

/*$desktop: 1604px;*/
/*$zi-header: 10;
  $zi-cookies: 90;
  $zi-nav: 100;
  $zi-modal: 101;*/
/**
   * Remove repeating backgrounds in all browsers (opinionated).
   * Add border box sizing in all browsers (opinionated).
   */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

/**
   * Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
   * Breaks words to prevent overflow in all browsers (opinionated).
   * Remove gray overlay on links for iOS.
   */
html {
  height: 100%;
  min-height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-width: 320px;
  height: 100%;
  min-height: 100%;
  margin: 0;
  color: inherit !important;
}

/**
   * Add the correct display in IE.
   */
main {
  display: block;
}

p:where([class]),
form,
table,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

ul:where([class]),
ol:where([class]) {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  color: inherit !important;
  text-decoration: none;
}

button {
  padding: 0;
  border: 0;
  background-color: transparent !important;
  cursor: pointer;
  font: inherit;
}

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

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

input {
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  font: inherit;
}

textarea {
  overflow: auto;
  font: inherit;
  resize: vertical;
}

textarea::-webkit-scrollbar {
  display: none;
}

[hidden] {
  display: none !important;
}

body {
  background-color: #fff;
  color: #3f4753 !important;
  font-family:
    "Inter", "Open Sans", "Segoe UI", roboto, "Helvetica Neue", helvetica,
    arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.71;
}

.entry-content {
  padding-top: 50px;
  font-size: 16px;
}

img {
  position: relative;
}

img::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #eee;
  content: "";
}

img::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  color: #1c2d43;
  content: attr(alt);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

img [alt] {
  color: #1c2d43;
  font-size: 16px;
  text-align: center;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  padding-top: 145px;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .wrapper {
    padding-top: 90px;
    background: none;
  }
}

.wrapper--main {
  background-image: url(assets/images/body-bg.png);
  background-position: 50% 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media (max-width: 1024px) {
  .wrapper--main {
    background-size: auto;
  }
}

.wrapper--sticky {
  overflow: visible;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.main--centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50vh;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container {
  max-width: 1206px;
  padding: 0 18px;
  margin: 0 auto;
}

.page__section {
  padding-top: 60px;
  border-top: 1px solid #f3f3f4;
}

.page__title {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
}

@media (max-width: 1024px) {
  .page__title {
    margin-bottom: 16px;
    font-size: 30px;
    line-height: 1.27;
  }
}

.page__title + .page__text {
  margin-bottom: 30px;
  font-size: 16px;
}

@media (max-width: 1024px) {
  .page__title + .page__text {
    margin-bottom: 20px;
  }
}

.page__subtitle {
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: 30px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

@media (max-width: 1024px) {
  .page__subtitle {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.page__text {
  font-size: 16px;
  line-height: 1.3;
}

@media (max-width: 1024px) {
  .page__text {
    font-size: 14px;
  }
}

.page__text p {
  margin-bottom: 30px;
}

.page__text ul {
  list-style-type: disc;

  /* font-size: 16px; */
  line-height: 2;
  margin-top: 16px;
  padding-left: 20px;
}

.page--tours section {
  padding-top: 30px;
}

.page--tours .page__text p {
  margin-bottom: 12px;
}

.page--tours .button--more {
  margin-top: 8px;
}

.section {
  padding: 40px 0;
}

@media (max-width: 1024px) {
  .section {
    padding: 20px 0;
  }
}

.section__title {
  letter-spacing: -0.02em;
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: 16px;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .section__title {
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 10px;
  }
}

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

.section__title--centered + p {
  text-align: center;
}

.section__title + p {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .section__title + p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
  }
}

.section__title--page {
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

@media (max-width: 1024px) {
  .section__title--page {
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 10px;
  }
}

@media (max-width: 1024px) {
  .section__title--page + p {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.icon svg {
  width: 100%;
  height: 100%;
  /*      stroke: $dark-blue;*/
  -webkit-transition:
    fill 0.3s ease-out 0s,
    stroke 0.3s ease-out 0s;
  -o-transition:
    fill 0.3s ease-out 0s,
    stroke 0.3s ease-out 0s;
  transition:
    fill 0.3s ease-out 0s,
    stroke 0.3s ease-out 0s;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.social > li:not(:last-child) {
  margin-right: 16px;
}

.social__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #e8e8ea;
  border-radius: 16px;
  -webkit-transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  -o-transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
}

.social__link .icon svg {
  fill: #3f4753;
}

.social__link:hover {
  border-color: #6f757e;
}

.social__link:active {
  background-color: #3f4753;
}

.social__link:active .icon svg {
  fill: #fff;
}

.breadcrumb {
  margin-bottom: 24px;
}

@media (max-width: 1024px) {
  .breadcrumb {
    margin-bottom: 16px;
  }
}

.breadcrumb__back {
  background-color: #e6f3f1;
  border-radius: 8px;
  padding: 9px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 1024px) {
  .breadcrumb__back {
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.14;
  }
}

.breadcrumb__back .icon {
  margin-right: 6px;
  width: 20px;
  height: 20px;
}

.breadcrumb__back .icon svg {
  fill: #007d6e;
}

.tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #3f4753;
}

@media (max-width: 1024px) {
  .tel {
    font-size: 16px;
  }
}

.tel__icon {
  width: 24px;
  height: 24px;
}

.tel__icon svg {
  fill: #007d6e;
}

@media (max-width: 1024px) {
  .tel__icon {
    width: 20px;
    height: 20px;
  }
}

.tel__text {
  margin-left: 16px;
}

.tel__text span {
  display: block;
  white-space: nowrap;
}

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*    align-self: center;*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 18px 32px;
  background-color: #007d6e !important;
  color: #fff !important;
  font-weight: 600;
  line-height: 24px;
  min-width: 239px;
  border-radius: 8px;
  font-size: 18px;
  -webkit-transition:
    color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s,
    border-color 0.3s ease-out 0s;
  -o-transition:
    color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s,
    border-color 0.3s ease-out 0s;
  transition:
    color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s,
    border-color 0.3s ease-out 0s;
}

@media (max-width: 768px) {
  .button {
    padding: 16px 30px;
    font-size: 16px;
    line-height: 1;
  }
}

@media (hover) {
  .button:hover {
    background-color: #005e53 !important;
  }
}

.button:active {
  background-color: #01473e !important;
}

.button:disbled {
  cursor: default;
  background-color: #e8e8ea !important;
  color: #6f757e;
}

.button:disbled .icon svg {
  fill: #6f757e;
}

.button .icon {
  margin-left: 8px;
  width: 24px;
  height: 24px;
}

.button .icon svg {
  fill: #fff;
}

.button__text:first-letter {
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .button__text span {
    display: none;
  }
}

.button--border {
  border: 1px solid #66b1a8 !important;
  color: #01473e !important;
  background-color: transparent !important;
  padding: 17px 31px;
}

@media (hover) {
  .button--border:hover {
    border-color: #005e53 !important;
    background-color: transparent !important;
  }
}

.button--border:active {
  background-color: #005e53 !important;
  color: #fff !important !important;
}

.button--border:active .icon svg {
  fill: #fff;
}

.button--border:disabled {
  border-color: #d9d9d9;
  color: #d9d9d9;
}

.button--border:disabled .icon svg {
  fill: #d9d9d9;
}

.button--border .icon svg {
  fill: #007d6e;
}

.button--small {
  background-color: #e6f3f1 !important;
  font-size: 14px;
  line-height: 1;
  color: #3f4753 !important;
  padding: 12px;
  min-width: 0;
  font-weight: 400;
}

@media (hover) {
  .button--small:hover {
    background-color: #66b1a8 !important;
    color: #fff !important;
  }
}

.button--small:active {
  background-color: #005e53 !important;
}

.button--more {
  width: 100%;
}

.button-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1024px) {
  .button-nav {
    width: 32px;
    height: 32px;
  }
}

@media (hover) {
  .button-nav:hover .icon svg {
    fill: #005e53;
  }
}

.button-nav .icon {
  height: 24px;
  width: 24px;
}

.button-nav .icon svg {
  fill: #66b1a8;
}

.button-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #e8e8ea;
  border-radius: 16px;
  -webkit-transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  -o-transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
}

.button-top .icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.button-top .icon svg {
  fill: #3f4753;
}

.button-top:hover {
  border-color: #007d6e;
}

.button-top:hover .icon svg {
  fill: #007d6e;
}

.button-top:active {
  background-color: #007d6e;
}

.button-top:active .icon svg {
  fill: #fff;
}

.form {
  background-color: rgba(243, 243, 244, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 40px;
}

@media (max-width: 1024px) {
  .form {
    padding: 24px 18px;
    margin: 0 -18px;
  }
}

.form__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px 35px;
  margin-bottom: 24px;
}

@media (max-width: 1024px) {
  .form__body {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .form__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.form p {
  color: #6f757e;
  font-size: 16px;
  text-align: center;
  margin-bottom: 16px;
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .form__button {
    margin-left: auto;
    margin-right: auto;
  }
}

.wpcf7-spinner {
  display: none;
}

.field {
  position: relative;
  max-height: 55px;
}

.field__input {
  display: block;
  width: 100%;
  padding: 19px 43px 19px 23px;
  border: 1px solid transparent;
  background-color: #fff;
  color: #01473e;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  border-radius: 8px;
  -webkit-transition:
    border-color 0.3s ease-out 0s,
    padding-top 0.3s ease-out 0s;
  -o-transition:
    border-color 0.3s ease-out 0s,
    padding-top 0.3s ease-out 0s;
  transition:
    border-color 0.3s ease-out 0s,
    padding-top 0.3s ease-out 0s;
}

@media (max-width: 768px) {
  .field__input {
    padding-top: 15px;
    padding-left: 19px;
    width: 100%;
  }
}

.field__input:focus {
  border-color: #fd9900;
  outline: 0;
}

.field__input:focus + .icon svg {
  fill: #fd9900;
}

.field__input:focus::-webkit-input-placeholder {
  color: #01473e;
}

.field__input:focus::-moz-placeholder {
  color: #01473e;
}

.field__input:focus:-ms-input-placeholder {
  color: #01473e;
}

.field__input:focus::-ms-input-placeholder {
  color: #01473e;
}

.field__input:focus::placeholder {
  color: #01473e;
}

.field__input::-webkit-input-placeholder {
  color: #6f757e;
}

.field__input::-moz-placeholder {
  color: #6f757e;
}

.field__input:-ms-input-placeholder {
  color: #6f757e;
}

.field__input::-ms-input-placeholder {
  color: #6f757e;
}

.field__input::placeholder {
  color: #6f757e;
}

.field__input:invalid {
  border-color: #d10000;
}

.field__input:invalid + .icon svg {
  fill: #d10000;
}

.field .icon {
  position: absolute;
  right: 18px;
  top: 18px;
}

.field .icon svg {
  fill: #d9d9d9;
}

@media (max-width: 768px) {
  .field .icon {
    right: 16px;
    top: 14px;
  }
}

.link {
  color: #0066ff;
}

.swiper-slide {
  width: auto;
}

.swiper-button {
  border: 1px solid #e8e8ea;
  border-radius: 16px;
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  -o-transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
}

.swiper-button:hover {
  border-color: #007d6e;
}

.swiper-button:hover .icon svg {
  fill: #01473e;
}

.swiper-button:active {
  background-color: #007d6e;
}

.swiper-button:active .icon svg {
  fill: #fff;
}

.swiper-button .icon {
  height: 24px;
  width: 24px;
}

.swiper-button .icon svg {
  fill: #66b1a8;
}

.swiper-button-next .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.swiper-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-pagination {
  font-size: 16px;
  font-weight: 300;
  color: #9fa3a9;
}

.swiper-pagination-current {
  color: #3f4753;
}

.swiper-scrollbar {
  display: none;
  width: 100%;
  max-width: 900px;
  height: 2px;
  margin-top: 24px;
  background-color: #e8e8ea;
  border-radius: 10px;
  margin-left: 18px;
}

@media (max-width: 1024px) {
  .swiper-scrollbar {
    display: block;
  }
}

.swiper-scrollbar-drag {
  height: 4px;
  position: relative;
  top: -1px;
  background-color: #33978b;
  border-radius: 100px;
}

.modal__overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px) {
  .modal__overlay {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.modal__container {
  position: relative;
  z-index: 101;
  width: 100%;
  max-width: 860px;
  max-height: 100vh;
  padding: 80px 72px;
  background-color: #fff;
  overflow-y: auto;
  border-radius: 20px;
}

@media (max-width: 768px) {
  .modal__container {
    padding: 55px 44px 34px;
  }
}

.modal__title {
  margin-bottom: 16px;
  font-size: 40px;
  line-height: 1.25;
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #3f4753;
}

@media (max-width: 768px) {
  .modal__title {
    font-size: 24px;
    line-height: 1.33;
  }
}

.modal__subtitle {
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .modal__subtitle {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

.modal__button {
  margin: 0 auto;
}

@media (max-width: 768px) {
  .modal__button {
    padding: 20px 30px;
    font-size: 16px;
  }
}

.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  -webkit-transition: -webkit-transform 0.3s ease-out 0s;
  transition: -webkit-transform 0.3s ease-out 0s;
  -o-transition: transform 0.3s ease-out 0s;
  transition: transform 0.3s ease-out 0s;
  transition:
    transform 0.3s ease-out 0s,
    -webkit-transform 0.3s ease-out 0s;
}

@media (max-width: 1024px) {
  .modal__close {
    top: 18px;
    right: 18px;
  }
}

.modal__close .icon svg {
  stroke: #9fa3a9;
}

@media (hover) {
  .modal__close:hover .icon svg {
    stroke: #3f4753;
  }
}

@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.accordion {
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 20px;
  -webkit-transition: border-color 0.3s ease-out 0s;
  -o-transition: border-color 0.3s ease-out 0s;
  transition: border-color 0.3s ease-out 0s;
}

.accordion--active {
  border-color: #007d6e;
}

.accordion--active .accordion__icon::before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion--active .accordion__icon::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  color: inherit;
  padding: 21px 25px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
}

@media (max-width: 1024px) {
  .accordion__header {
    font-size: 16px;
    line-height: 1.3;
    padding: 15px 22px;
  }
}

.accordion__body {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.3s ease-out 0s;
  -o-transition: max-height 0.3s ease-out 0s;
  transition: max-height 0.3s ease-out 0s;
}

.accordion__icon {
  position: relative;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 18px;
}

.accordion__icon::before,
.accordion__icon::after {
  position: absolute;
  background-color: #007d6e;
  content: "";
  -webkit-transition: -webkit-transform 0.3s ease-out 0s;
  transition: -webkit-transform 0.3s ease-out 0s;
  -o-transition: transform 0.3s ease-out 0s;
  transition: transform 0.3s ease-out 0s;
  transition:
    transform 0.3s ease-out 0s,
    -webkit-transform 0.3s ease-out 0s;
}

.accordion__icon::before {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}

.accordion__icon::after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}

.box {
  border-radius: 20px;
  background-color: #f9fafa;
  padding: 30px 40px 33px 45px;
}

@media (max-width: 1024px) {
  .box {
    border-radius: 20px;
    padding: 20px;
    margin: 20px auto;
  }
}

.box__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .box__title {
    font-size: 18px;
    line-height: 1.56;
    margin-bottom: 16px;
  }
}

.sidebar-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sidebar {
  position: sticky;
  top: 200px;
  width: 370px;
  z-index: 9;
  -webkit-transition: top 0.3s ease-out 0s;
  -o-transition: top 0.3s ease-out 0s;
  transition: top 0.3s ease-out 0s;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 30px;
}

@media (max-width: 1220px) {
  .sidebar {
    display: none;
  }
}

.filter-container {
  margin-bottom: 2rem;
}

.filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.filter + .page__text {
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .filter + .page__text {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .filter {
    gap: 6px;
  }
}
@media (max-width: 370px) {
  li div.tours-card {
    min-width: 320px;
  }
}

.filter__item,
#toggle-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 7px 11px;
  -webkit-transition:
    color 0.3s ease-out 0s,
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  -o-transition:
    color 0.3s ease-out 0s,
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  transition:
    color 0.3s ease-out 0s,
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  line-height: 1.3;
}

.filter__item:hover {
  border-color: #007d6e;
}

.filter__item:active {
  border-color: #007d6e;
  background-color: #007d6e;
  color: #fff !important;
}

.filter__item .icon {
  display: block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

.filter__item--personal .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.45817 6.24998C6.45817 4.29397 8.04383 2.70831 9.99984 2.70831C11.9558 2.70831 13.5415 4.29397 13.5415 6.24998C13.5415 8.20599 11.9558 9.79165 9.99984 9.79165C8.04383 9.79165 6.45817 8.20599 6.45817 6.24998ZM9.99984 3.95831C8.73419 3.95831 7.70817 4.98433 7.70817 6.24998C7.70817 7.51563 8.73419 8.54165 9.99984 8.54165C11.2655 8.54165 12.2915 7.51563 12.2915 6.24998C12.2915 4.98433 11.2655 3.95831 9.99984 3.95831Z' fill='%23007D6E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.6665 12.2916C5.63097 12.2916 4.7915 13.1311 4.7915 14.1666V15.1569C4.7915 15.172 4.80243 15.1848 4.81731 15.1872C8.24961 15.7476 11.7501 15.7476 15.1824 15.1872C15.1972 15.1848 15.2082 15.172 15.2082 15.1569V14.1666C15.2082 13.1311 14.3687 12.2916 13.3332 12.2916H13.0491C13.0272 12.2916 13.0053 12.2951 12.9844 12.3019L12.2632 12.5375C10.7925 13.0177 9.20718 13.0177 7.73649 12.5375L7.01523 12.3019C6.99435 12.2951 6.97252 12.2916 6.95056 12.2916H6.6665ZM3.5415 14.1666C3.5415 12.4408 4.94061 11.0416 6.6665 11.0416H6.95056C7.10431 11.0416 7.25708 11.066 7.40323 11.1137L8.12449 11.3492C9.34306 11.7471 10.6566 11.7471 11.8752 11.3492L12.5964 11.1137C12.7426 11.066 12.8954 11.0416 13.0491 11.0416H13.3332C15.0591 11.0416 16.4582 12.4408 16.4582 14.1666V15.1569C16.4582 15.7846 16.0033 16.3198 15.3838 16.4209C11.8181 17.0031 8.18159 17.0031 4.6159 16.4209C3.99641 16.3198 3.5415 15.7846 3.5415 15.1569V14.1666Z' fill='%23007D6E'/%3E%3C/svg%3E%0A");
}

.filter__item--personal:active .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.45817 6.24998C6.45817 4.29397 8.04383 2.70831 9.99984 2.70831C11.9558 2.70831 13.5415 4.29397 13.5415 6.24998C13.5415 8.20599 11.9558 9.79165 9.99984 9.79165C8.04383 9.79165 6.45817 8.20599 6.45817 6.24998ZM9.99984 3.95831C8.73419 3.95831 7.70817 4.98433 7.70817 6.24998C7.70817 7.51563 8.73419 8.54165 9.99984 8.54165C11.2655 8.54165 12.2915 7.51563 12.2915 6.24998C12.2915 4.98433 11.2655 3.95831 9.99984 3.95831Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.6665 12.2916C5.63097 12.2916 4.7915 13.1311 4.7915 14.1666V15.1569C4.7915 15.172 4.80243 15.1848 4.81731 15.1872C8.24961 15.7476 11.7501 15.7476 15.1824 15.1872C15.1972 15.1848 15.2082 15.172 15.2082 15.1569V14.1666C15.2082 13.1311 14.3687 12.2916 13.3332 12.2916H13.0491C13.0272 12.2916 13.0053 12.2951 12.9844 12.3019L12.2632 12.5375C10.7925 13.0177 9.20718 13.0177 7.73649 12.5375L7.01523 12.3019C6.99435 12.2951 6.97252 12.2916 6.95056 12.2916H6.6665ZM3.5415 14.1666C3.5415 12.4408 4.94061 11.0416 6.6665 11.0416H6.95056C7.10431 11.0416 7.25708 11.066 7.40323 11.1137L8.12449 11.3492C9.34306 11.7471 10.6566 11.7471 11.8752 11.3492L12.5964 11.1137C12.7426 11.066 12.8954 11.0416 13.0491 11.0416H13.3332C15.0591 11.0416 16.4582 12.4408 16.4582 14.1666V15.1569C16.4582 15.7846 16.0033 16.3198 15.3838 16.4209C11.8181 17.0031 8.18159 17.0031 4.6159 16.4209C3.99641 16.3198 3.5415 15.7846 3.5415 15.1569V14.1666Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.filter__item--sea .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8335 12.4167L2.0835 12.4167V10.9167L15.8335 10.9167V12.4167ZM15.8335 15.75H10.0002V14.25H15.8335V15.75ZM18.2502 13.3333C18.2502 14.668 17.1682 15.75 15.8335 15.75V14.25C16.3398 14.25 16.7502 13.8396 16.7502 13.3333H18.2502ZM16.7502 13.3333C16.7502 12.8271 16.3398 12.4167 15.8335 12.4167V10.9167C17.1682 10.9167 18.2502 11.9986 18.2502 13.3333H16.7502Z' fill='%23007D6E'/%3E%3Cpath d='M14.167 19.0834C14.5812 19.0834 14.917 18.7476 14.917 18.3334C14.917 17.9192 14.5812 17.5834 14.167 17.5834V19.0834ZM14.167 15.75C14.5812 15.75 14.917 15.4143 14.917 15C14.917 14.5858 14.5812 14.25 14.167 14.25V15.75ZM7.50033 19.0834H14.167V17.5834H7.50033V19.0834ZM7.50033 15.75H14.167V14.25H7.50033L7.50033 15.75ZM5.08366 16.6667C5.08366 18.0014 6.16564 19.0834 7.50033 19.0834V17.5834C6.99406 17.5834 6.58366 17.173 6.58366 16.6667H5.08366ZM6.58366 16.6667C6.58366 16.1604 6.99406 15.75 7.50033 15.75L7.50033 14.25C6.16564 14.25 5.08366 15.332 5.08366 16.6667H6.58366Z' fill='%23007D6E'/%3E%3Cpath d='M13.9582 9.58333C13.9582 7.3972 12.186 5.625 9.99983 5.625C7.81371 5.625 6.0415 7.3972 6.0415 9.58333' stroke='%23007D6E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 1.66669V2.88463' stroke='%23007D6E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.8626 7.66623L16.7524 8.16724' stroke='%23007D6E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.24735 8.16723L2.13721 7.66626' stroke='%23007D6E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.602 3.98083L14.7373 4.84558' stroke='%23007D6E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.26171 4.84558L4.39697 3.98083' stroke='%23007D6E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.filter__item--sea:active .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8335 12.4167L2.0835 12.4167V10.9167L15.8335 10.9167V12.4167ZM15.8335 15.75H10.0002V14.25H15.8335V15.75ZM18.2502 13.3333C18.2502 14.668 17.1682 15.75 15.8335 15.75V14.25C16.3398 14.25 16.7502 13.8396 16.7502 13.3333H18.2502ZM16.7502 13.3333C16.7502 12.8271 16.3398 12.4167 15.8335 12.4167V10.9167C17.1682 10.9167 18.2502 11.9986 18.2502 13.3333H16.7502Z' fill='%23ffffff'/%3E%3Cpath d='M14.167 19.0834C14.5812 19.0834 14.917 18.7476 14.917 18.3334C14.917 17.9192 14.5812 17.5834 14.167 17.5834V19.0834ZM14.167 15.75C14.5812 15.75 14.917 15.4143 14.917 15C14.917 14.5858 14.5812 14.25 14.167 14.25V15.75ZM7.50033 19.0834H14.167V17.5834H7.50033V19.0834ZM7.50033 15.75H14.167V14.25H7.50033L7.50033 15.75ZM5.08366 16.6667C5.08366 18.0014 6.16564 19.0834 7.50033 19.0834V17.5834C6.99406 17.5834 6.58366 17.173 6.58366 16.6667H5.08366ZM6.58366 16.6667C6.58366 16.1604 6.99406 15.75 7.50033 15.75L7.50033 14.25C6.16564 14.25 5.08366 15.332 5.08366 16.6667H6.58366Z' fill='%23ffffff'/%3E%3Cpath d='M13.9582 9.58333C13.9582 7.3972 12.186 5.625 9.99983 5.625C7.81371 5.625 6.0415 7.3972 6.0415 9.58333' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 1.66669V2.88463' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.8626 7.66623L16.7524 8.16724' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.24735 8.16723L2.13721 7.66626' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.602 3.98083L14.7373 4.84558' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.26171 4.84558L4.39697 3.98083' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.filter__item--land .icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.68516 11.2253c-.24379.3348-.16995.8039.16492 1.0477.33488.2438.80397.17 1.04776-.1649zm15.42284-1.68026c.2484.33146.7185.39879 1.0499.15038.3315-.2484.3988-.71848.1504-1.04994zm-4.2031-6.85914.6001-.44978zm-4.70229-.41305-6.51745 8.95245 1.21268.8828 6.51745-8.95241zm10.10569 6.37263-4.8033-6.40936-1.2003.89955 4.8033 6.40937zm-7.4409-6.22879c.5656 0 1.0981.26639 1.4373.71898l1.2003-.89955c-.6224-.83056-1.5997-1.319433-2.6376-1.319433zm-1.45211.739c.33804-.46433.87771-.739 1.45211-.739v-1.500003c-1.05401 0-2.04445.504053-2.66479 1.356163z' fill='%23007d6e'/%3E%3Cpath d='m14.7915 5.00002c-.1461 0-.2937.03284-.4404.09091-1.0091.3997-2.2768.3997-3.2859 0-.1466-.05807-.2943-.09091-.4404-.09091-.2809 0-.5677.12143-.84154.31023-.71618.4937-1.77427.49976-2.49176.00795' stroke='%23007d6e' stroke-width='1.5'/%3E%3Cg fill='%23007d6e'%3E%3Cpath d='m16.0415 12.4167h-13.75v-1.5h13.75zm0 3.3333h-5.8333v-1.5h5.8333zm2.4167-2.4167c0 1.3347-1.082 2.4167-2.4167 2.4167v-1.5c.5063 0 .9167-.4104.9167-.9167zm-1.5 0c0-.5062-.4104-.9166-.9167-.9166v-1.5c1.3347 0 2.4167 1.0819 2.4167 2.4166z'/%3E%3Cpath d='m14.375 19.0834c.4142 0 .75-.3358.75-.75s-.3358-.75-.75-.75zm0-3.3334c.4142 0 .75-.3357.75-.75 0-.4142-.3358-.75-.75-.75zm-6.66667 3.3334h6.66667v-1.5h-6.66667zm0-3.3334h6.66667v-1.5h-6.66667zm-2.41666.9167c0 1.3347 1.08198 2.4167 2.41666 2.4167v-1.5c-.50626 0-.91666-.4104-.91666-.9167zm1.5 0c0-.5063.4104-.9167.91666-.9167v-1.5c-1.33468 0-2.41666 1.082-2.41666 2.4167z'/%3E%3C/g%3E%3C/svg%3E");
}

.filter__item--land:active .icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.68516 11.2253c-.24379.3348-.16995.8039.16492 1.0477.33488.2438.80397.17 1.04776-.1649zm15.42284-1.68026c.2484.33146.7185.39879 1.0499.15038.3315-.2484.3988-.71848.1504-1.04994zm-4.2031-6.85914.6001-.44978zm-4.70229-.41305-6.51745 8.95245 1.21268.8828 6.51745-8.95241zm10.10569 6.37263-4.8033-6.40936-1.2003.89955 4.8033 6.40937zm-7.4409-6.22879c.5656 0 1.0981.26639 1.4373.71898l1.2003-.89955c-.6224-.83056-1.5997-1.319433-2.6376-1.319433zm-1.45211.739c.33804-.46433.87771-.739 1.45211-.739v-1.500003c-1.05401 0-2.04445.504053-2.66479 1.356163z' fill='%23ffffff'/%3E%3Cpath d='m14.7915 5.00002c-.1461 0-.2937.03284-.4404.09091-1.0091.3997-2.2768.3997-3.2859 0-.1466-.05807-.2943-.09091-.4404-.09091-.2809 0-.5677.12143-.84154.31023-.71618.4937-1.77427.49976-2.49176.00795' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cg fill='%23ffffff'%3E%3Cpath d='m16.0415 12.4167h-13.75v-1.5h13.75zm0 3.3333h-5.8333v-1.5h5.8333zm2.4167-2.4167c0 1.3347-1.082 2.4167-2.4167 2.4167v-1.5c.5063 0 .9167-.4104.9167-.9167zm-1.5 0c0-.5062-.4104-.9166-.9167-.9166v-1.5c1.3347 0 2.4167 1.0819 2.4167 2.4166z'/%3E%3Cpath d='m14.375 19.0834c.4142 0 .75-.3358.75-.75s-.3358-.75-.75-.75zm0-3.3334c.4142 0 .75-.3357.75-.75 0-.4142-.3358-.75-.75-.75zm-6.66667 3.3334h6.66667v-1.5h-6.66667zm0-3.3334h6.66667v-1.5h-6.66667zm-2.41666.9167c0 1.3347 1.08198 2.4167 2.41666 2.4167v-1.5c-.50626 0-.91666-.4104-.91666-.9167zm1.5 0c0-.5063.4104-.9167.91666-.9167v-1.5c-1.33468 0-2.41666 1.082-2.41666 2.4167z'/%3E%3C/g%3E%3C/svg%3E");
}

.filter__item--air .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_510_1043)'%3E%3Cpath d='M10.8328 1.45831L9.16618 1.45831C8.47582 1.45831 7.49951 2.74497 7.49951 3.81816L7.71648 6.45831M8.33284 15.625C8.33284 15.2083 8.33284 14.574 8.33284 13.9583L8.05891 10.625' stroke='%23007D6E' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M8.18644 11.364C8.59459 11.2934 8.86822 10.9053 8.79762 10.4972C8.72701 10.089 8.3389 9.81537 7.93075 9.88598L8.18644 11.364ZM7.92042 7.20161C8.31721 7.08276 8.54253 6.66474 8.42367 6.26795C8.30482 5.87115 7.8868 5.64584 7.49001 5.76469L7.92042 7.20161ZM0.832845 9.28603L1.58284 9.28603L0.832845 9.28603ZM1.54591 8.32808L1.76111 9.04654L1.54591 8.32808ZM0.0828448 9.28603L0.0828448 10.6872L1.58284 10.6872L1.58284 9.28603L0.0828448 9.28603ZM2.13115 12.4115L8.18644 11.364L7.93075 9.88598L1.87546 10.9335L2.13115 12.4115ZM7.49001 5.76469L1.3307 7.60962L1.76111 9.04654L7.92042 7.20161L7.49001 5.76469ZM0.0828448 10.6872C0.0828447 11.7729 1.06129 12.5966 2.13115 12.4115L1.87546 10.9335C1.72262 10.9599 1.58284 10.8423 1.58284 10.6872L0.0828448 10.6872ZM1.58284 9.28603C1.58284 9.17559 1.65531 9.07823 1.76111 9.04654L1.3307 7.60962C0.590121 7.83145 0.0828449 8.51294 0.0828448 9.28603L1.58284 9.28603Z' fill='%23007D6E'/%3E%3Cpath d='M9.92488 17.3787C10.337 17.3375 10.7046 17.6382 10.7458 18.0504C10.787 18.4625 10.4863 18.8301 10.0741 18.8713L9.92488 17.3787ZM8.13211 14.9024C8.53121 14.7915 8.94462 15.0252 9.05548 15.4243C9.16635 15.8234 8.93269 16.2368 8.53358 16.3476L8.13211 14.9024ZM6.3826 18.4867L6.30797 17.7404L6.3826 18.4867ZM10.0741 18.8713L6.45723 19.233L6.30797 17.7404L9.92488 17.3787L10.0741 18.8713ZM5.08285 17.9892L5.08285 16.6995L6.58285 16.6995L6.58285 17.9892L5.08285 17.9892ZM5.99828 15.4951L8.13211 14.9024L8.53358 16.3476L6.39976 16.9404L5.99828 15.4951ZM5.08285 16.6995C5.08285 16.138 5.45726 15.6454 5.99828 15.4951L6.39976 16.9404C6.50796 16.9103 6.58285 16.8118 6.58285 16.6995L5.08285 16.6995ZM6.45723 19.233C5.72137 19.3066 5.08285 18.7287 5.08285 17.9892L6.58285 17.9892C6.58285 17.8413 6.45514 17.7257 6.30797 17.7404L6.45723 19.233Z' fill='%23007D6E'/%3E%3Cpath d='M9.16667 1.45831L10.8333 1.45831C11.5237 1.45831 12.5 2.74497 12.5 3.81816L12.283 6.45831M11.6667 15.625C11.6667 15.2083 11.6667 14.574 11.6667 13.9583L11.9406 10.625' stroke='%23007D6E' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M11.8131 11.364C11.4049 11.2934 11.1313 10.9053 11.2019 10.4972C11.2725 10.089 11.6606 9.81537 12.0688 9.88598L11.8131 11.364ZM12.0791 7.20161C11.6823 7.08276 11.457 6.66474 11.5758 6.26795C11.6947 5.87115 12.1127 5.64584 12.5095 5.76469L12.0791 7.20161ZM19.1667 9.28603L19.9167 9.28603L19.1667 9.28603ZM19.9167 9.28603L19.9167 10.6872L18.4167 10.6872L18.4167 9.28603L19.9167 9.28603ZM17.8684 12.4115L11.8131 11.364L12.0688 9.88598L18.1241 10.9335L17.8684 12.4115ZM12.5095 5.76469L18.6688 7.60962L18.2384 9.04654L12.0791 7.20161L12.5095 5.76469ZM19.9167 10.6872C19.9167 11.7729 18.9382 12.5966 17.8684 12.4115L18.1241 10.9335C18.2769 10.9599 18.4167 10.8423 18.4167 10.6872L19.9167 10.6872ZM18.4167 9.28603C18.4167 9.17559 18.3442 9.07823 18.2384 9.04654L18.6688 7.60962C19.4094 7.83145 19.9167 8.51294 19.9167 9.28603L18.4167 9.28603Z' fill='%23007D6E'/%3E%3Cpath d='M10.0746 17.3787C9.66247 17.3375 9.29494 17.6382 9.25372 18.0504C9.2125 18.4625 9.51321 18.8301 9.92537 18.8713L10.0746 17.3787ZM11.8674 14.9024C11.4683 14.7915 11.0549 15.0252 10.944 15.4243C10.8332 15.8234 11.0668 16.2368 11.4659 16.3476L11.8674 14.9024ZM13.6169 18.4867L13.6915 17.7404L13.6169 18.4867ZM9.92537 18.8713L13.5423 19.233L13.6915 17.7404L10.0746 17.3787L9.92537 18.8713ZM14.9167 17.9892L14.9167 16.6995L13.4167 16.6995L13.4167 17.9892L14.9167 17.9892ZM14.0012 15.4951L11.8674 14.9024L11.4659 16.3476L13.5998 16.9404L14.0012 15.4951ZM14.9167 16.6995C14.9167 16.138 14.5423 15.6454 14.0012 15.4951L13.5998 16.9404C13.4915 16.9103 13.4167 16.8118 13.4167 16.6995L14.9167 16.6995ZM13.5423 19.233C14.2781 19.3066 14.9167 18.7287 14.9167 17.9892L13.4167 17.9892C13.4167 17.8413 13.5444 17.7257 13.6915 17.7404L13.5423 19.233Z' fill='%23007D6E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_510_1043'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.filter__item--air:active .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_510_1043)'%3E%3Cpath d='M10.8328 1.45831L9.16618 1.45831C8.47582 1.45831 7.49951 2.74497 7.49951 3.81816L7.71648 6.45831M8.33284 15.625C8.33284 15.2083 8.33284 14.574 8.33284 13.9583L8.05891 10.625' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M8.18644 11.364C8.59459 11.2934 8.86822 10.9053 8.79762 10.4972C8.72701 10.089 8.3389 9.81537 7.93075 9.88598L8.18644 11.364ZM7.92042 7.20161C8.31721 7.08276 8.54253 6.66474 8.42367 6.26795C8.30482 5.87115 7.8868 5.64584 7.49001 5.76469L7.92042 7.20161ZM0.832845 9.28603L1.58284 9.28603L0.832845 9.28603ZM1.54591 8.32808L1.76111 9.04654L1.54591 8.32808ZM0.0828448 9.28603L0.0828448 10.6872L1.58284 10.6872L1.58284 9.28603L0.0828448 9.28603ZM2.13115 12.4115L8.18644 11.364L7.93075 9.88598L1.87546 10.9335L2.13115 12.4115ZM7.49001 5.76469L1.3307 7.60962L1.76111 9.04654L7.92042 7.20161L7.49001 5.76469ZM0.0828448 10.6872C0.0828447 11.7729 1.06129 12.5966 2.13115 12.4115L1.87546 10.9335C1.72262 10.9599 1.58284 10.8423 1.58284 10.6872L0.0828448 10.6872ZM1.58284 9.28603C1.58284 9.17559 1.65531 9.07823 1.76111 9.04654L1.3307 7.60962C0.590121 7.83145 0.0828449 8.51294 0.0828448 9.28603L1.58284 9.28603Z' fill='%23ffffff'/%3E%3Cpath d='M9.92488 17.3787C10.337 17.3375 10.7046 17.6382 10.7458 18.0504C10.787 18.4625 10.4863 18.8301 10.0741 18.8713L9.92488 17.3787ZM8.13211 14.9024C8.53121 14.7915 8.94462 15.0252 9.05548 15.4243C9.16635 15.8234 8.93269 16.2368 8.53358 16.3476L8.13211 14.9024ZM6.3826 18.4867L6.30797 17.7404L6.3826 18.4867ZM10.0741 18.8713L6.45723 19.233L6.30797 17.7404L9.92488 17.3787L10.0741 18.8713ZM5.08285 17.9892L5.08285 16.6995L6.58285 16.6995L6.58285 17.9892L5.08285 17.9892ZM5.99828 15.4951L8.13211 14.9024L8.53358 16.3476L6.39976 16.9404L5.99828 15.4951ZM5.08285 16.6995C5.08285 16.138 5.45726 15.6454 5.99828 15.4951L6.39976 16.9404C6.50796 16.9103 6.58285 16.8118 6.58285 16.6995L5.08285 16.6995ZM6.45723 19.233C5.72137 19.3066 5.08285 18.7287 5.08285 17.9892L6.58285 17.9892C6.58285 17.8413 6.45514 17.7257 6.30797 17.7404L6.45723 19.233Z' fill='%23ffffff'/%3E%3Cpath d='M9.16667 1.45831L10.8333 1.45831C11.5237 1.45831 12.5 2.74497 12.5 3.81816L12.283 6.45831M11.6667 15.625C11.6667 15.2083 11.6667 14.574 11.6667 13.9583L11.9406 10.625' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M11.8131 11.364C11.4049 11.2934 11.1313 10.9053 11.2019 10.4972C11.2725 10.089 11.6606 9.81537 12.0688 9.88598L11.8131 11.364ZM12.0791 7.20161C11.6823 7.08276 11.457 6.66474 11.5758 6.26795C11.6947 5.87115 12.1127 5.64584 12.5095 5.76469L12.0791 7.20161ZM19.1667 9.28603L19.9167 9.28603L19.1667 9.28603ZM19.9167 9.28603L19.9167 10.6872L18.4167 10.6872L18.4167 9.28603L19.9167 9.28603ZM17.8684 12.4115L11.8131 11.364L12.0688 9.88598L18.1241 10.9335L17.8684 12.4115ZM12.5095 5.76469L18.6688 7.60962L18.2384 9.04654L12.0791 7.20161L12.5095 5.76469ZM19.9167 10.6872C19.9167 11.7729 18.9382 12.5966 17.8684 12.4115L18.1241 10.9335C18.2769 10.9599 18.4167 10.8423 18.4167 10.6872L19.9167 10.6872ZM18.4167 9.28603C18.4167 9.17559 18.3442 9.07823 18.2384 9.04654L18.6688 7.60962C19.4094 7.83145 19.9167 8.51294 19.9167 9.28603L18.4167 9.28603Z' fill='%23ffffff'/%3E%3Cpath d='M10.0746 17.3787C9.66247 17.3375 9.29494 17.6382 9.25372 18.0504C9.2125 18.4625 9.51321 18.8301 9.92537 18.8713L10.0746 17.3787ZM11.8674 14.9024C11.4683 14.7915 11.0549 15.0252 10.944 15.4243C10.8332 15.8234 11.0668 16.2368 11.4659 16.3476L11.8674 14.9024ZM13.6169 18.4867L13.6915 17.7404L13.6169 18.4867ZM9.92537 18.8713L13.5423 19.233L13.6915 17.7404L10.0746 17.3787L9.92537 18.8713ZM14.9167 17.9892L14.9167 16.6995L13.4167 16.6995L13.4167 17.9892L14.9167 17.9892ZM14.0012 15.4951L11.8674 14.9024L11.4659 16.3476L13.5998 16.9404L14.0012 15.4951ZM14.9167 16.6995C14.9167 16.138 14.5423 15.6454 14.0012 15.4951L13.5998 16.9404C13.4915 16.9103 13.4167 16.8118 13.4167 16.6995L14.9167 16.6995ZM13.5423 19.233C14.2781 19.3066 14.9167 18.7287 14.9167 17.9892L13.4167 17.9892C13.4167 17.8413 13.5444 17.7257 13.6915 17.7404L13.5423 19.233Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_510_1043'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.filter__item--amusement .icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.5629 9.58389c0-3.62462-2.9383-6.56295-6.56294-6.56295-3.62462 0-6.56295 2.93833-6.56295 6.56295 0 3.62461 2.93833 6.56291 6.56295 6.56291 3.62464 0 6.56294-2.9383 6.56294-6.56291z' stroke='%23007d6e' stroke-width='1.5'/%3E%3Cg fill='%23007d6e'%3E%3Cpath d='m8.90625 1.03331v1.35013c0 .11045.08954.2.2.2h1.78765c.1105 0 .2-.08955.2-.2v-1.35013c0-.110452-.0895-.199995-.2-.199995h-1.78765c-.11046 0-.2.089543-.2.199995z'/%3E%3Cpath d='m8.90625 16.7844v1.3501c0 .1105.08954.2.2.2h1.78765c.1105 0 .2-.0895.2-.2v-1.3501c0-.1104-.0895-.2-.2-.2h-1.78765c-.11046 0-.2.0896-.2.2z'/%3E%3Cpath d='m1.03076 8.90886v1.35014c0 .1104.08954.2.2.2h1.78765c.11046 0 .2-.0896.2-.2v-1.35014c0-.11045-.08954-.2-.2-.2h-1.78765c-.11046 0-.2.08955-.2.2z'/%3E%3Cpath d='m2.91699 4.096v1.35012c0 .11046.08955.2.2.2h1.78765c.11046 0 .2-.08954.2-.2v-1.35012c0-.11046-.08954-.2-.2-.2h-1.78765c-.11045 0-.2.08954-.2.2z'/%3E%3Cpath d='m14.8916 4.096v1.35012c0 .11046.0895.2.2.2h1.7877c.1104 0 .2-.08954.2-.2v-1.35012c0-.11046-.0896-.2-.2-.2h-1.7877c-.1105 0-.2.08954-.2.2z'/%3E%3Cpath d='m2.91699 13.7217v1.3501c0 .1104.08955.2.2.2h1.78765c.11046 0 .2-.0896.2-.2v-1.3501c0-.1105-.08954-.2-.2-.2h-1.78765c-.11045 0-.2.0895-.2.2z'/%3E%3Cpath d='m14.8916 13.7217v1.3501c0 .1104.0895.2.2.2h1.7877c.1104 0 .2-.0896.2-.2v-1.3501c0-.1105-.0896-.2-.2-.2h-1.7877c-.1105 0-.2.0895-.2.2z'/%3E%3Cpath d='m16.7817 8.90886v1.35014c0 .1104.0896.2.2.2h1.7877c.1104 0 .2-.0896.2-.2v-1.35014c0-.11045-.0896-.2-.2-.2h-1.7877c-.1104 0-.2.08955-.2.2z'/%3E%3Cpath d='m16.1257 19.2096h-1.3126l-5.32484-8.3971c-.19794-.3121-.09614-.7263.22396-.91108.30578-.17653.69648-.07674.88018.22478z'/%3E%3Cpath d='m3.87466 19.2096h1.31259l5.32805-8.397c.198-.3121.0963-.7264-.2239-.91124-.30567-.17649-.69636-.07678-.88007.22464z'/%3E%3C/g%3E%3C/svg%3E");
}

.filter__item--amusement:active .icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.5629 9.58389c0-3.62462-2.9383-6.56295-6.56294-6.56295-3.62462 0-6.56295 2.93833-6.56295 6.56295 0 3.62461 2.93833 6.56291 6.56295 6.56291 3.62464 0 6.56294-2.9383 6.56294-6.56291z' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cg fill='%23ffffff'%3E%3Cpath d='m8.90625 1.03331v1.35013c0 .11045.08954.2.2.2h1.78765c.1105 0 .2-.08955.2-.2v-1.35013c0-.110452-.0895-.199995-.2-.199995h-1.78765c-.11046 0-.2.089543-.2.199995z'/%3E%3Cpath d='m8.90625 16.7844v1.3501c0 .1105.08954.2.2.2h1.78765c.1105 0 .2-.0895.2-.2v-1.3501c0-.1104-.0895-.2-.2-.2h-1.78765c-.11046 0-.2.0896-.2.2z'/%3E%3Cpath d='m1.03076 8.90886v1.35014c0 .1104.08954.2.2.2h1.78765c.11046 0 .2-.0896.2-.2v-1.35014c0-.11045-.08954-.2-.2-.2h-1.78765c-.11046 0-.2.08955-.2.2z'/%3E%3Cpath d='m2.91699 4.096v1.35012c0 .11046.08955.2.2.2h1.78765c.11046 0 .2-.08954.2-.2v-1.35012c0-.11046-.08954-.2-.2-.2h-1.78765c-.11045 0-.2.08954-.2.2z'/%3E%3Cpath d='m14.8916 4.096v1.35012c0 .11046.0895.2.2.2h1.7877c.1104 0 .2-.08954.2-.2v-1.35012c0-.11046-.0896-.2-.2-.2h-1.7877c-.1105 0-.2.08954-.2.2z'/%3E%3Cpath d='m2.91699 13.7217v1.3501c0 .1104.08955.2.2.2h1.78765c.11046 0 .2-.0896.2-.2v-1.3501c0-.1105-.08954-.2-.2-.2h-1.78765c-.11045 0-.2.0895-.2.2z'/%3E%3Cpath d='m14.8916 13.7217v1.3501c0 .1104.0895.2.2.2h1.7877c.1104 0 .2-.0896.2-.2v-1.3501c0-.1105-.0896-.2-.2-.2h-1.7877c-.1105 0-.2.0895-.2.2z'/%3E%3Cpath d='m16.7817 8.90886v1.35014c0 .1104.0896.2.2.2h1.7877c.1104 0 .2-.0896.2-.2v-1.35014c0-.11045-.0896-.2-.2-.2h-1.7877c-.1104 0-.2.08955-.2.2z'/%3E%3Cpath d='m16.1257 19.2096h-1.3126l-5.32484-8.3971c-.19794-.3121-.09614-.7263.22396-.91108.30578-.17653.69648-.07674.88018.22478z'/%3E%3Cpath d='m3.87466 19.2096h1.31259l5.32805-8.397c.198-.3121.0963-.7264-.2239-.91124-.30567-.17649-.69636-.07678-.88007.22464z'/%3E%3C/g%3E%3C/svg%3E");
}

.filter__item--party .icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m9.99984 1.875c-.34518 0-.625.27982-.625.625v3.33333 6.04957c-.61769-.5247-1.41771-.8412-2.29167-.8412-1.95601 0-3.54167 1.5856-3.54167 3.5416s1.58566 3.5417 3.54167 3.5417 3.54163-1.5857 3.54163-3.5417c0-.099-.004-.197-.012-.294.0079-.0396.012-.0807.012-.1226v-7.70837h4.375c1.2657 0 2.2917-1.02601 2.2917-2.29166 0-1.26566-1.026-2.29167-2.2917-2.29167zm.62496 3.33333h4.375c.5753 0 1.0417-.46637 1.0417-1.04166 0-.5753-.4664-1.04167-1.0417-1.04167h-4.375zm-3.54163 7.08337c-1.26565 0-2.29167 1.026-2.29167 2.2916 0 1.2657 1.02602 2.2917 2.29167 2.2917s2.29167-1.026 2.29167-2.2917c0-1.2656-1.02602-2.2916-2.29167-2.2916z' fill='%23007d6e' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.filter__item--party:active .icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m9.99984 1.875c-.34518 0-.625.27982-.625.625v3.33333 6.04957c-.61769-.5247-1.41771-.8412-2.29167-.8412-1.95601 0-3.54167 1.5856-3.54167 3.5416s1.58566 3.5417 3.54167 3.5417 3.54163-1.5857 3.54163-3.5417c0-.099-.004-.197-.012-.294.0079-.0396.012-.0807.012-.1226v-7.70837h4.375c1.2657 0 2.2917-1.02601 2.2917-2.29166 0-1.26566-1.026-2.29167-2.2917-2.29167zm.62496 3.33333h4.375c.5753 0 1.0417-.46637 1.0417-1.04166 0-.5753-.4664-1.04167-1.0417-1.04167h-4.375zm-3.54163 7.08337c-1.26565 0-2.29167 1.026-2.29167 2.2916 0 1.2657 1.02602 2.2917 2.29167 2.2917s2.29167-1.026 2.29167-2.2917c0-1.2656-1.02602-2.2916-2.29167-2.2916z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 28px 0;
  border-bottom: 1px solid #f3f3f4;
  z-index: 10;
  -webkit-transition: padding 0.3s ease-out 0s;
  -o-transition: padding 0.3s ease-out 0s;
  transition: padding 0.3s ease-out 0s;
}

@media (max-width: 1024px) {
  .header {
    padding: 18px 0;
  }
}

.header--fixed {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 16px 0;
}

@media (max-width: 1024px) {
  .header--fixed {
    padding: 8px 0;
  }
}

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

.header__logo {
  margin-right: auto;
  flex: 0 0 auto;
}

.header__logo img {
  max-height: 67px; /* нужный размер */
  width: auto;
}

@media (max-width: 1024px) {
  .header__logo {
    width: 124px;
  }
}

.header__social {
  margin-left: 40px;
}

@media (max-width: 1024px) {
  .header__social {
    display: none;
  }
}

.header__social > li:not(:last-child) {
  margin-right: 12px;
}

.header__social .social__link {
  border: 0;
  width: 24px;
  height: 24px;
}

.header__social .social__link .icon svg {
  fill: #9fa3a9;
}

.header__social .social__link:hover .icon svg {
  fill: #6f757e;
}

.header__social .social__link:active .icon svg {
  fill: #3f4753;
}

.header__tel {
  margin-left: 40px;
}

@media (max-width: 768px) {
  .header__tel .tel__text {
    display: none;
  }
}

.header__button {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  min-width: 0;
  padding: 17px 15px;
  margin-left: 20px;
}

@media (max-width: 1024px) {
  .header__button {
    padding: 7px 9px;
    font-size: 13px;
  }
}

.header__button .icon {
  width: 20px;
  height: 20px;
}

.header__button-nav {
  margin-left: 20px;
  margin-right: -8px;
}

@media (max-width: 768px) {
  .header__button-nav {
    margin-left: 12px;
  }
}

.nav {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 465px;
  height: 100%;
  background-color: #fff;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition:
    opacity 0.3s ease-out 0s,
    -webkit-transform 0.3s ease-out 0s;
  transition:
    opacity 0.3s ease-out 0s,
    -webkit-transform 0.3s ease-out 0s;
  -o-transition:
    transform 0.3s ease-out 0s,
    opacity 0.3s ease-out 0s;
  transition:
    transform 0.3s ease-out 0s,
    opacity 0.3s ease-out 0s;
  transition:
    transform 0.3s ease-out 0s,
    opacity 0.3s ease-out 0s,
    -webkit-transform 0.3s ease-out 0s;
  border-radius: 20px 0px 0px 20px;
}

@media (max-width: 768px) {
  .nav {
    border-radius: 0px 0px 20px 20px;
    max-width: 100%;
    height: auto;
  }
}

.nav--active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.nav__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 32px 45px;
}

@media (max-width: 768px) {
  .nav__inner {
    padding: 24px 24px 50px 54px;
  }
}

.nav__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 87px;
}

@media (max-width: 768px) {
  .nav__header {
    margin-bottom: 30px;
  }
}

.nav__close {
  border-radius: 16px;
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  -o-transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  border: 1px solid #66b1a8;
  margin-left: auto;
}

@media (min-width: 768px) {
  .popup-content .nav__close {
    border: none;
  }
}

@media (max-width: 768px) {
  .nav__close {
    margin-left: auto;
    width: 40px;
    height: 40px;
  }
  .nav__header .nav__close {
    width: 50px;
    height: 50px;
  }
}

.nav__close:hover {
}

.nav__close:hover .icon svg {
  stroke: #01473e;
}

.nav__close:active {
  background-color: #007d6e;
}

.nav__close:active .icon svg {
  stroke: #fff;
}

.nav__close .icon {
  height: 24px;
  width: 24px;
}

.nav__close .icon svg {
  stroke: #66b1a8;
}

.nav__list {
  margin-bottom: 30px;
}

.nav__list > li:not(:last-child) {
  margin-bottom: 30px;
}

.nav__link {
  font-weight: 300;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #6f757e;
  padding: 10px;
}

.nav__link:hover {
  color: #007d6e;
}

.nav__link:active {
  color: #3f4753;
}

.nav__footer {
  margin-top: auto;
}

.footer {
  background-image: url(assets/images/footer-bg.png);
  background-position: 100% 100%;
  margin-top: 80px;
}

@media (max-width: 768px) {
  .footer {
    margin-top: 40px;
  }
}

.footer__container {
  padding-left: 0;
  padding-right: 0;
}

.footer__bottom {
  background-color: rgba(243, 243, 244, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 20px 20px 0px 0px;
  margin-top: 50px;
  min-height: 137px;
  padding: 35px;
  text-align: center;
  position: relative;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 1024px) {
  .footer__bottom {
    margin-top: 40px;
    text-align: left;
    padding: 24px 18px 30px;
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .footer__bottom p {
    max-width: 220px;
  }
}

.footer__studio {
  margin-top: 16px;
  color: #6f757e;
}

.footer__button-top {
  position: absolute;
  top: -100px;
  right: 18px;
  z-index: 1;
}

@media (max-width: 1024px) {
  .footer__button-top {
    top: 20px;
    right: 18px;
  }
}

.contacts__title {
  text-align: center;
  letter-spacing: -0.02em;
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: 50px;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .contacts__title {
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 24px;
  }
}

.contacts__subtitle {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  color: #6f757e;
  margin-bottom: 16px;
  font-weight: 400;
}

@media (max-width: 1024px) {
  .contacts__subtitle {
    font-size: 14px;
    line-height: 1;
  }
}

.contacts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .contacts__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
    margin-left: -6px;
    margin-right: -6px;
  }
}

.contacts__list > li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  padding: 0 15px;
}

@media (max-width: 1024px) {
  .contacts__list > li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .contacts__list > li {
    padding: 0 6px;
    margin-bottom: 12px;
  }
}

.contacts__social {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contacts-card {
  padding: 29px 19px;
  width: 100%;
  min-height: 164px;
  background-color: #fff;
  border: 1px solid #e8e8ea;
  border-radius: 20px;
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .contacts-card {
    padding: 23px 13px;
  }
}

.contacts-card__icon {
  margin-bottom: 16px;
}

.contacts-card__icon .icon {
  width: 40px;
  height: 40px;
}

.contacts-card__icon .icon svg {
  fill: #3f4753;
}

.contacts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

@media (max-width: 1024px) {
  .contacts-list {
    margin: 0 auto 24px;
  }
}

.contacts-list > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 0 15px;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .contacts-list > li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0;
    margin-bottom: 16px;
  }
}

.contacts-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 35px 29px;
  width: 100%;
  min-height: 120px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e8e8ea;
  border-radius: 20px;
  -webkit-transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  -o-transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  transition:
    border-color 0.3s ease-out 0s,
    background-color 0.3s ease-out 0s;
  font-size: 20px;
  line-height: 1.2;
}

@media (hover: none) {
  .contacts-list__link {
    border-color: #2b98d9;
    background-color: #2b98d9;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    border: 0;
    padding: 30px;
    min-height: 92px;
  }
}

.contacts-list__link .icon {
  width: 48px;
  height: 48px;
  margin-right: 30px;
}

.contacts-list__link .icon svg {
  fill: #fff;
}

.contacts-list li span {
  color: #fff;
}

@media (any-hover: hover) {
  .contacts-list__link .icon svg {
    fill: #d9d9d9;
  }

  .contacts-list li span {
    color: #3f4753;
  }
}

@media (max-width: 1024px) {
  .contacts-list__link .icon {
    height: 32px;
    width: 32px;
  }
}

.contacts-list__link:hover {
  border-color: #2b98d9;
  background-color: #2b98d9;
  color: #fff;
}

.contacts-list__link:hover .icon svg {
  fill: #fff;
}

.contacts-list__link:active {
  background-color: rgba(43, 152, 217, 0.9);
  border-color: rgba(43, 152, 217, 0.9);
}

.contacts-list__link:active .icon svg {
  fill: #fff;
}

@media (hover: none) {
  .contacts-list__link--viber {
    border-color: #573fb5;
    background-color: #573fb5;
  }
}

.contacts-list__link--viber:hover {
  border-color: #573fb5;
  background-color: #573fb5;
}

.contacts-list__link--viber:active {
  background-color: rgba(87, 63, 181, 0.9);
  border-color: rgba(87, 63, 181, 0.9);
}

@media (hover: none) {
  .contacts-list__link--whatsapp {
    border-color: #56c66f;
    background-color: #56c66f;
  }
}

.contacts-list__link--whatsapp:hover {
  border-color: #56c66f;
  background-color: #56c66f;
}

.contacts-list__link--whatsapp:active {
  background-color: rgba(86, 198, 111, 0.9);
  border-color: rgba(86, 198, 111, 0.9);
}

@media (hover: none) {
  .contacts-list__link--vk {
    border-color: #287bed;
    background-color: #287bed;
  }
}

.contacts-list__link--vk:hover {
  border-color: #287bed;
  background-color: #287bed;
}

.contacts-list__link--vk:active {
  background-color: rgba(40, 123, 237, 0.9);
  border-color: rgba(40, 123, 237, 0.9);
}

.hero {
  padding-top: 30px;
}

@media (max-width: 1024px) {
  .hero {
    padding-top: 0;
  }
}

.hero__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .hero__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.hero__body {
  max-width: 520px;
  margin-right: 65px;
}

@media (max-width: 1024px) {
  .hero__body {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.hero__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.hero__badge {
  color: #fd9900;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  background-color: #fff6e7;
  border-radius: 100px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .hero__badge {
    padding: 6px 8px;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 12px;
  }
}

.hero__badge img {
  margin-right: 10px;
}

@media (max-width: 1024px) {
  .hero__badge img {
    width: 20px;
    height: 20px;
  }
}

.hero__title {
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .hero__title {
    font-size: 30px;
    line-height: 1.27;
    margin-bottom: 16px;
  }
}

.hero__title + p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .hero__title + p {
    font-size: 14px;
    line-height: 1.43;
    margin-bottom: 16px;
  }
}

.hero__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (max-width: 1024px) {
  .hero__features {
    width: 100%;
  }
}

.hero__feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

@media (max-width: 1280px) {
  .hero__feature {
    font-size: 13px;
    line-height: 1.5;
    background-color: #e6f3f1;
    border-radius: 8px;
    /*padding: 6px 6px 6px 12px;*/
    padding-right: 6px;
    max-width: 250px;
    width: 100%;
  }
}

.hero__feature--orange {
  margin-left: 70px;
}

@media (max-width: 1280px) {
  .hero__feature--orange {
    margin-left: 30px;
    background-color: #fff6e7;
  }
}

@media (max-width: 1024px) {
  .hero__feature--orange {
    margin-left: 20px;
  }
}

.hero__feature--orange .hero__feature-icon {
  background-color: #fff6e7;
}

.hero__feature-icon {
  height: 60px;
  width: 60px;
  background-color: #e6f3f1;
  border-radius: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1280px) {
  .hero__feature-icon {
    width: 48px;
    height: 48px;
    margin-right: 0;
  }
}

.hero__feature-icon img {
  height: 28px;
  width: 28px;
}

@media (max-width: 1280px) {
  .hero__feature-icon img {
    width: 24px;
    height: 24px;
  }
}

.hero__img {
  position: relative;
  padding-right: 70px;
  padding-left: 85px;
}

@media (max-width: 1024px) {
  .hero__img {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 22px; /* Пункт 4 ТЗ: было 214px — резерв под .hero__icons, а они тут display:none => пустая дыра на планшете */
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }
}

.hero__swiper {
  width: 430px;
  height: 430px;
  border-radius: 100px;
  position: relative;
  z-index: 0;
}

@media (max-width: 1024px) {
  .hero__swiper {
    width: 340px;
    height: 228px;
    border-radius: 40px;
  }
}

.hero__swiper .swiper-slide {
  -webkit-transition-duration: 0.9s !important;
  -o-transition-duration: 0.9s !important;
  transition-duration: 0.9s !important;
}

.hero__swiper .swiper-slide img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 25%;
  object-position: 50% 25%;
}

.hero__icons {
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 1;
  width: 590px;
  height: 402px;
}

#callback-button {
  width: 200px;
}

@media (max-width: 1024px) {
  .hero__icons {
    /*top: 145px;*/
    /*width: 360px;*/
    /*left: -9px;*/
    display: none;
  }
}

.howto {
  padding-top: 50px;
}

@media (max-width: 768px) {
  .howto {
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .howto__container {
    padding-left: 0;
    padding-right: 0;
  }
  .hero__icons {
    display: none;
  }
  #callback-button {
    width: auto;
  }
}

.howto__list-wrapper {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.howto__list-wrapper::-webkit-scrollbar {
  display: none;
}

.howto__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: url(assets/images/howto/howto-wave.svg);
  background-size: 70% auto;
  background-position: 50% 10%;
  margin-bottom: 40px;
  padding-top: 18px;
  max-width: 970px;
  min-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .howto__list {
    padding-top: 10px;
    margin-bottom: 30px;
  }
}

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

@media (max-width: 768px) {
  .howto-card {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.howto-card__img {
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(63, 71, 83, 0.1);
  box-shadow: 0px 5px 20px rgba(63, 71, 83, 0.1);
  border-radius: 30px;
  height: 120px;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 40px;
}

@media (max-width: 768px) {
  .howto-card__img {
    width: 80px;
    height: 80px;
    margin-bottom: 26px;
    border-radius: 20px;
  }
}

.howto-card__img img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 768px) {
  .howto-card__img img {
    z-index: 1;
    height: 40px;
    width: 40px;
  }
  .ui.calendar .ui.table.day {
    z-index: 50;
  }
}

.howto-card p {
  text-align: center;
  max-width: 270px;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .howto-card p {
    max-width: 152px;
    font-size: 13px;
  }
}

.popular {
  padding-bottom: 0;
}

@media (max-width: 768px) {
  .popular {
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .popular__container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  .popular__swiper {
    min-height: 280px;
    position: relative;
    /*            overflow-x: hidden;
	  overflow-y: visible;*/
    padding-bottom: 32px;
  }
}

.popular__swiper-scrollbar {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (min-width: 769px) {
  .popular__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .popular__list {
    margin-top: 24px;
    height: 100%;
  }
}

@media (min-width: 769px) {
  .popular__list > li {
    margin-bottom: 40px;
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  .popular__list > li {
    width: 210px;
    height: auto;
  }
}

@media (max-width: 768px) {
  .popular__list > li:first-child {
    margin-left: 18px;
  }
}

.popular .popular-card {
  display: block;
  width: 210px;
  min-height: 245px;
  height: 100%;
  background-color: #fff;
  border: 1px solid #e8e8ea;
  border-radius: 20px;
  padding: 24px 16px 18px;
}

.popular .popular-card__img {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  margin-left: 16px;
  margin-bottom: 25px;
}

.popular .popular-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.popular .popular-card__airport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 12px;
  line-height: 1.14;
  position: relative;
}

.popular .popular-card__airport::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #33978b;
  margin-right: 12px;
  border-radius: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  margin-top: 4px;
}

.popular .popular-card__airport::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 10px;
  height: calc(100% + 12px);
  border-left: 2px dotted #d9d9d9;
  width: 1px;
  z-index: 0;
}

.popular .popular-card__location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 8px;
  line-height: 1.14;
}

.popular .popular-card__location::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fd9900;
  margin-right: 12px;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 4px;
}

.popular .popular-card__price {
  margin-left: 20px;
  font-weight: 700;
}

.features {
  padding-bottom: 0;
}

@media (max-width: 768px) {
  .features {
    padding-top: 0;
  }
}

.features__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px;
}

@media (max-width: 768px) {
  .features__list {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.features__list > li {
  height: 324px;
  margin-bottom: 50px;
  width: 100%;
}

@media (max-width: 768px) {
  .features__list > li {
    margin-bottom: 12px;
    height: 270px;
  }
}

.features__list > li:nth-child(1) {
  max-width: 670px;
}

@media (max-width: 1200px) {
  .features__list > li:nth-child(1) {
    max-width: 100%;
  }
}

.features__list > li:nth-child(2) {
  max-width: 450px;
}

@media (max-width: 1200px) {
  .features__list > li:nth-child(2) {
    max-width: 100%;
  }
}

.features__list > li:nth-child(3) {
  max-width: 470px;
}

@media (max-width: 1200px) {
  .features__list > li:nth-child(3) {
    max-width: 100%;
  }
}

.features__list > li:nth-child(4) {
  max-width: 650px;
}

@media (max-width: 1200px) {
  .features__list > li:nth-child(4) {
    max-width: 100%;
  }
}

.features-card {
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 40px;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .features-card {
    padding: 15px 25px;
  }
}

.features-card__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.features-card__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .features-card__img img {
    -o-object-position: 50% 0;
    object-position: 50% 0;
  }
}

.features-card__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .features-card__icon {
    height: 50px;
    width: 50px;
  }
}

.features-card__text {
  position: relative;
  z-index: 1;
  margin-top: auto;
  color: #fff;
  font-size: 16px;
  line-height: 1.25;
  max-width: 460px;
}

.features-card__text h3 {
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 24px;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .features-card__text h3 {
    font-size: 16px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  .features-card__text p {
    display: none;
  }
}

.cars {
  padding-top: 32px;
}

@media (max-width: 1024px) {
  .cars__container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1025px) {
  .cars__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 58px -15px 0;
  }
}

@media (max-width: 1024px) {
  .cars__list {
    margin-top: 7px;
  }
}

@media (min-width: 1025px) {
  .cars__list > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    padding: 0 15px;
  }
}

@media (max-width: 1024px) {
  .cars__swiper {
    position: relative;
    overflow-x: hidden;
    overflow-y: visible;
    padding-bottom: 10px;
  }
}

.cars .swiper-slide {
  width: 270px;
  height: auto;
}

@media (max-width: 1024px) {
  .cars .swiper-slide {
    width: 211px;
  }
}

.cars-card {
  width: 100%;
  background: #fff;
  border: 1px solid #e8e8ea;
  border-radius: 20px;
  padding: 24px 30px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1024px) {
  .cars-card {
    padding: 15px 18px;
    margin-left: 18px;
  }
}

.cars-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cars-card h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  letter-spacing: -0.02em;
  margin-bottom: 35px;
}

@media (max-width: 1024px) {
  .cars-card h3 {
    font-size: 18px;
    margin-bottom: 25px;
  }
}

.cars-card__img {
  margin-bottom: 15px;
  height: 126px;
}

@media (max-width: 1024px) {
  .cars-card__img {
    height: 84px;
    margin-bottom: 40px;
  }
}

.cars-card__img img {
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.cars-card ul > li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #fd9900;
  margin-right: 16px;
  border-radius: 100%;
}

@media (max-width: 1024px) {
  .cars-card ul > li::before {
    margin-right: 12px;
  }
}

.why {
  /* overflow-x: hidden;*/
  /*overflow-y: visible;*/
}

@media (max-width: 1024px) {
  .why {
    padding-top: 0;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .why .section__title--centered,
  .why .section__title--centered + p {
    text-align: left;
  }
}

.why__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 58px;
}

@media (max-width: 1024px) {
  .why__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
  }
}

.why__item {
  position: relative;
}

.why__item::after {
  content: "";
  position: absolute;
  width: 730px;
  height: 701px;
  z-index: 0;
}

.why__item:first-child {
  width: 40%;
}

@media (max-width: 1024px) {
  .why__item:first-child {
    width: 100%;
    margin-bottom: 16px;
  }
}

.why__item:first-child::after {
  background-image: url(assets/images/why/why-bg-bad.png);
  left: -50%;
  top: 0%;
}

.why__item:first-child .why__img {
  background-color: #ff6069;
}

.why__item:last-child {
  width: 57%;
}

@media (max-width: 1024px) {
  .why__item:last-child {
    width: 100%;
  }
}

.why__item:last-child::after {
  background-image: url(assets/images/why/why-bg-good.png);
  top: -50%;
  left: 0;
}

@media (max-width: 1024px) {
  .why__item:last-child::after {
    top: -20%;
  }
}

.why__item:last-child .why__img {
  background-color: #66b1a8;
}

.why__item-inner {
  background-color: rgba(243, 243, 244, 0.7);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 40px 50px;
  border-radius: 20px;
}

@media (max-width: 1024px) {
  .why__item-inner {
    border-radius: 10px;
    padding: 30px 20px;
  }
}

.why__item-inner h3 {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.56;
}

.why__item-inner b {
  font-weight: 700;
}

.why__img {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .why__img {
    margin-bottom: 22px;
  }
}

.callback {
  padding-top: 0;
}

.callback__social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.callback .form {
  padding-bottom: 30px;
}

.tours .tours__list {
  margin-top: 30px;
}

.popup-content .nav__close {
  margin: 0;
  align-self: end;
}

@media (max-width: 768px) {
  .tours .tours__list {
    margin-top: 20px;
  }
}

.tours__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  margin: 0 -15px;
}

@media (max-width: 1280px) {
  .tours__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.tours__list > li {
  padding: 0 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 33.33%;
  flex: 0 1 33.33%;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .tours__list > li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

@media (max-width: 768px) {
  .tours__list > li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 12px;
  }
}

.tours__button {
  margin-left: auto;
  margin-top: 10px;
  margin-right: auto;
}

.tours-card {
  max-width: 370px;
  min-width: 350px;
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .tours-card {
    max-width: 100%;
  }
  .tours__list > li {
    padding: 0 18px 18px 18px;
  }
}

.tours-card__img {
  position: relative;
  height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tours-card__img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.tours-card__img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.tours-card__info {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(#01473e)
  );
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #01473e 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #01473e 100%);
  min-height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding: 14px 24px 14px 17px;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.02em;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.tours-card__time,
.tours-card__people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
}

.tours-card__time .icon,
.tours-card__people .icon {
  margin-right: 8px;
}

.tours-card__time .icon svg,
.tours-card__people .icon svg {
  fill: #fff;
}

.tours-card__price {
  font-weight: 700;
  font-size: 18px;
  margin-left: auto;
}

.tours-card__body {
  border-radius: 0px 0px 20px 20px;
  border-left: 1px solid #e8e8ea;
  border-right: 1px solid #e8e8ea;
  border-bottom: 1px solid #e8e8ea;
  padding: 12px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tours-card__body h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}

.tours-card__body p {
  margin-bottom: 12px;
  color: #6f757e;
  font-size: 14px;
  line-height: 1.43;
}

.tours-card__body .button {
  margin-top: auto;
}

.review__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

@media (max-width: 820px) {
  .review__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.review__header {
  max-width: 360px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 40px;
}

.review__body {
  max-width: 1160px;
  margin-inline: auto;
}

@media (max-width: 1200px) {
  .review__body {
    max-width: 370px;
  }
}

@media (max-width: 768px) {
  .review__body {
    max-width: 340px;
  }
}

.review__swiper .swiper-slide {
  max-width: 370px;
}

@media (max-width: 768px) {
  .review__swiper .swiper-slide {
    max-width: 340px;
  }
}

.review__swiper-pagination {
  margin: 0 24px;
}

.review .swiper-controls {
  position: absolute;
  left: 18px;
  top: 306px;
}

@media (max-width: 820px) {
  .review .swiper-controls {
    position: static;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
  }
}

.review-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .review-list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .review-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 30px;
  }
}

.review-card {
  background-color: #fffbf4;
  border-radius: 20px;
  padding: 20px 30px 30px;
  min-height: 528px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 520px;
  overflow: hidden;
}

.review-card__text {
  height: 100%;
  overflow-y: auto;
}

@media (max-width: 1024px) {
  .review-card {
    padding: 16px 18px 24px;
  }
}

.review-card--blue {
  background-color: #f4fffd;
}

.review-card--violet {
  background-color: #f7f4ff;
}

.review-card--red {
  background-color: #fff6f4;
}

.review-card__text {
  margin-bottom: 24px;
}

.review-card__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: auto;
}

.review-card__img {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 21px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.review-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.review-card__name {
  font-size: 16px;
  line-height: 1.2;
}

.review-card__name p {
  margin-bottom: 12px;
}

.review-card__name img {
  margin-left: -2px;
}

.review-card__link {
  display: block;
  margin-left: auto;
}

.review-card__link:hover .icon svg {
  stroke: #3f4753;
}

.review-card__link .icon svg {
  stroke: #6f757e;
}

.about {
  background-image: url(assets/images/about-bg.png);
  background-size: 940px auto;
  background-position: 50% 50%;
  padding: 80px 0;
}

.page .about {
  padding: 0;
}

.about__title {
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .about__title {
    margin-bottom: 24px;
  }
}

.about__body {
  background-color: rgba(243, 243, 244, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 73px 70px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {
  .about__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 18px;
  }
}

.about__text > p {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .about__text {
    font-size: 16px;
  }
}

.about__text p b {
  font-size: 16px;
  font-weight: 400;
}

.about__img {
  position: relative;
  margin-right: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 270px;
  margin-top: 10px;
}

@media (max-width: 1024px) {
  .about__img {
    margin-right: auto;
    margin-bottom: 47px;
    margin-left: auto;
    margin-top: 4px;
  }
}

.about__img::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 210px;
  width: 86px;
  height: 86px;
  background-color: #fd9900;
  border-radius: 100%;
  background-image: url(assets/images/icons/icon-quote.svg);
  background-position: 50% 50%;
}

.about__img-wrap {
  border-radius: 100%;
  width: 270px;
  height: 270px;
  overflow: hidden;
}

.about__img-wrap img {
  -o-object-fit: cover;
  object-fit: cover;
}

.about__subtitle {
  font-size: 18px;
  line-height: 1.56;
  margin-bottom: 28px;
}

.about__button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.about__taxi-order {
  padding-bottom: 0px;
  background-image: url(assets/images/form-bg.png);
  background-position: 50% 80%;
  background-size: contain;
}

@media (max-width: 1024px) {
  .about__taxi-order {
    background: none;
    padding-bottom: 0;
    margin-bottom: 40px;
    margin-top: 20px;
  }
}

.footer--about {
  margin-top: -170px;
}

@media (max-width: 1024px) {
  .footer--about {
    margin-top: 0;
  }
}

.faq-list__item:not(:last-child) {
  margin-bottom: 16px;
}

@media (max-width: 1024px) {
  .faq-list__item:not(:last-child) {
    margin-bottom: 12px;
  }
}

.faq-list__answer {
  padding: 5px 25px 21px;
  color: #6f757e;
}

@media (min-width: 768px) {
  .faq-list__answer {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .faq-list__answer {
    padding: 15px 22px;
  }
}

.services__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px 30px;
}

@media (max-width: 1024px) {
  .services__list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .services__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.services-card {
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;
}

.services-card__img {
  position: relative;
  height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.services-card__img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.services-card__img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.services-card__info {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(#01473e)
  );
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #01473e 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #01473e 100%);
  min-height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding: 14px 24px 14px 17px;
  color: #fff;
  line-height: 24px;
  letter-spacing: -0.02em;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.services-card__time,
.services-card__people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
}

.services-card__time .icon,
.services-card__people .icon {
  margin-right: 8px;
}

.services-card__time .icon svg,
.services-card__people .icon svg {
  fill: #fff;
}

.services-card__price {
  font-weight: 700;
  font-size: 18px;
  margin-left: auto;
}

.services-card__body {
  border-radius: 0px 0px 20px 20px;
  border-left: 1px solid #e8e8ea;
  border-right: 1px solid #e8e8ea;
  border-bottom: 1px solid #e8e8ea;
  padding: 12px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.services-card__body h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}

.services-card__body p {
  margin-bottom: 12px;
  color: #6f757e;
  font-size: 14px;
  line-height: 1.43;
}

.services-card__body .button {
  margin-top: auto;
}

.tour {
  padding-bottom: 60px;
}

.tour__content {
  margin-right: auto;
  position: relative;
  max-width: 770px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

@media (max-width: 1220px) {
  .tour__content {
    padding-right: 0;
    max-width: 100%;
  }
}

.tour__swiper {
  width: 100%;
  height: 560px;
  position: relative;
  margin-bottom: 30px;
  max-width: 770px;
}

@media (max-width: 800px) {
  .tour__swiper {
    max-width: 339px;
    height: 273px;
  }
}

.tour__swiper .swiper-slide {
  background-color: #d9d9d9;
  border-radius: 20px;
  overflow: hidden;
}

.tour__swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 0;
}

.tour__swiper .swiper-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
}

@media (max-width: 768px) {
  .tour__swiper .swiper-button {
    display: none;
  }
}

.tour__swiper .swiper-button .icon svg {
  fill: #fff;
}

.tour__swiper .swiper-button:hover {
  background-color: #000;
}

.tour__swiper .swiper-button:active {
  background-color: #007d6e;
}

.tour__swiper .swiper-button-prev {
  left: 16px;
}

.tour__swiper .swiper-button-next {
  right: 16px;
}

.tour__swiper .swiper-pagination {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  position: absolute;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 8px 10px;
  z-index: 1;
  line-height: 8px;
}

.tour__swiper .swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  cursor: pointer;
}

.tour__swiper .swiper-pagination-bullet:not(:last-child) {
  margin-right: 8px;
}

.tour__swiper .swiper-pagination-bullet:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.tour__swiper .swiper-pagination-bullet-active {
  background-color: #ffffff;
}

.tour__section-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .tour__section-cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.tour__section-cols .tour__section {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 48%;
  flex: 0 1 48%;
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .tour__section-cols .tour__section {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 30px;
  }
}

.tour__section {
  padding: 30px;
  border: 1px solid #f3f3f4;
  border-radius: 20px;
  margin-bottom: 30px;
}

.tour__section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 18px;
}

@media (max-width: 1024px) {
  .tour__section-title {
    font-size: 18px;
    margin-bottom: 14px;
  }
}

.tour__section-title .icon {
  margin-right: 12px;
  width: 28px;
  height: 28px;
}

.tour__section-title .icon svg {
  fill: #007d6e;
}

.tour__time-title {
  margin-bottom: 16px;
}

.tour__time-item {
  line-height: 1.5;
}

.tour__time-item:not(:last-child) {
  margin-bottom: 30px;
}

.tour__box {
  display: none;
}

@media (max-width: 1220px) {
  .tour__box {
    display: block;
  }
}

.tour__price {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.3;
}

@media (max-width: 1024px) {
  .tour__price {
    font-size: 14px;
  }
}

.tour__price strong {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: #007d6e;
  margin-bottom: 8px;
}

@media (max-width: 1024px) {
  .tour__price strong {
    font-size: 18px;
  }
}

.tour__price strong span {
  font-weight: 400;
}

.tour__info {
  margin-top: 30px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 1.3;
}

@media (max-width: 1024px) {
  .tour__info {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.tour__info-icon {
  background-color: #e6f3f1;
  border-radius: 8px;
  height: 60px;
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tour__info-icon .icon {
  width: 28px;
  height: 28px;
}

.taxi-order {
  padding: 92px 0 30px;
}

@media (max-width: 1024px) {
  .taxi-order {
    padding-top: 0;
  }
}

/*-------------------CUSTOM STYLE FROM WP----------------------*/
.wpcf7-submit {
  cursor: pointer;
}

.reserve-taxi .wpcf7-submit {
  background-image: url('data:image/smg+xml;charset=utf-8,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m13.6138 2.30993c.2766.11778.4562.38939.4562.69006v6.99819h3.93c.2667 0 .5133.14162.6478.37202.1344.2303.1364.5147.0052.7469l-.4921.8709c-1.8661 3.3026-4.246 6.2872-7.0503 8.8418l-.7955.7246c-.2196.2-.5365.2516-.80817.1316s-.44693-.389-.44693-.686v-6.9389h-4.06c-.41421 0-.75-.3358-.75-.75 0-.1341.03523-.2601.09693-.369 1.75879-3.25147 4.01057-6.21094 6.67527-8.77317l1.778-1.70957c.2167-.2084.5369-.26721.8136-.14943zm-7.32922 10.25117h3.52542c.4142 0 .75.3358.75.75v5.9834c2.4186-2.2856 4.4917-4.9118 6.1534-7.7963h-3.3934c-.4142 0-.75-.3358-.75-.75v-5.9866l-.5081.48858c-2.2508 2.16421-4.19408 4.62423-5.77732 7.31092z" fill-rule="evenodd"></path></svg>');
  background-size: 24px 24px;
}

#cookie-popup button {
  background-color: #005e53 !important;
  color: #ffffff !important;
  padding: 10px 20px;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  background-image: linear-gradient(to bottom, #005e53, #005e54) !important;
}

#cookie-popup button:hover {
  background-color: #00453d !important;
}

.hidden {
  display: none;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  z-index: 1000;
}

.popup-content {
  overflow-y: auto;
  max-height: 100%;
}

.popup__content {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  position: relative;
}

.popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 20px;
}
@media (max-width: 1024px) {
  .tour__info {
    display: none;
  }
}

/* Стили для отображения на компьютере */
.desktop-only {
  display: block;
}

.mobile-only {
  display: none !important;
}
.popup-content h2 {
  display: none;
}

#callback-popup .popup-content {
  padding: 0 0 0 0;
  z-index: 100000;
  position: relative;
}

#callback-popup .contact-form {
  border-radius: 10px;
}

#callback-popup h2 {
  font-size: 20px;
  padding-bottom: 10px;
}

.contact-options .contact-icon svg {
  position: relative;
  top: 43px;
}

.contact-options .contact-option:nth-child(1) .contact-icon {
  display: inline-block;
  width: 100%;
  background-color: #bfbfbf;
  min-height: 161px;
}

.contact-options .contact-option:nth-child(2) .contact-icon {
  background-color: #27d367;
  min-height: 161px;
}

.contact-options .contact-option:nth-child(3) .contact-icon {
  background-color: #0077ff;
  min-height: 161px;
}

.contact-options .contact-option:nth-child(4) .contact-icon {
  background-color: #0088ce;
  min-height: 161px;
}

.popup {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup-content {
  background-color: #f7f7f7;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  max-width: 1300px;
  border-radius: 10px;
  text-align: center;
}

.popup-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.popup-close:hover,
.popup-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.contact-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.contact-option {
  width: 45%;
  margin-bottom: 15px;
  text-align: center;
}

.contact-icon {
  font-size: 50px;
  margin-bottom: 10px;
}

.contact-phone {
  text-align: center;
  font-size: 24px;
  margin-top: 10px;
}

.contact-note {
  text-align: center;
  font-size: 16px;
  color: gray;
}
.contact-form {
  background-color: rgba(243, 243, 244, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 40px;
  padding-top: 0;
}

#callback-popup .form__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popup-content {
  max-width: 500px !important;
}

/* Стили для отображения на мобильных устройствах */
@media (max-width: 768px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: flex !important;
  }
  .popup-content h2 {
    display: block;
  }

  #callback-popup .nav__close {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    right: 10px;
  }

  #callback-popup .popup-content {
    width: 74.6666666666% !important;
    min-width: 280px !important;
  }

  #callback-popup h2 {
    font-size: 18px !important;
    line-height: 26px;
    padding: 30px 20px 0 20px;
    text-align: left;
  }

  #callback-popup .contact-phone {
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
    margin: 0;
    padding: 16px 20px 9px 20px;
  }

  #callback-popup .contact-options {
    padding: 22px 0 14px 0;
  }

  #callback-popup .contact-option {
    width: calc(100% - 40px);
    margin-bottom: 6px;
    text-align: left;
  }

  #callback-popup .contact-options .contact-option a.contact-icon,
  #callback-popup .contact-options .contact-option:nth-child(1) .contact-icon,
  #callback-popup .contact-options .contact-option:nth-child(2) .contact-icon,
  #callback-popup .contact-options .contact-option:nth-child(3) .contact-icon,
  #callback-popup .contact-options .contact-option:nth-child(4) .contact-icon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    min-height: 50px;
    height: 50px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 51px;
    color: #fff !important;
    padding: 0 0 0 20px;
    overflow: hidden;
  }

  #callback-popup .contact-options .contact-option:nth-child(1) .contact-icon {
    background-color: rgba(0, 125, 110, 0.8);
  }

  #callback-popup .contact-options .contact-option:nth-child(2) .contact-icon {
    background-color: rgba(31, 219, 67, 0.8);
  }

  #callback-popup .contact-options .contact-option:nth-child(3) .contact-icon {
    background-color: rgba(46, 119, 163, 0.8);
  }

  #callback-popup .contact-options .contact-option:nth-child(4) .contact-icon {
    background-color: rgba(44, 181, 229, 0.8);
  }

  #callback-popup .contact-options .contact-option a.contact-icon span {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
  }

  #callback-popup
    .contact-options
    .contact-option:nth-child(1)
    a.contact-icon
    span {
    background-color: #007d6e;
  }

  #callback-popup
    .contact-options
    .contact-option:nth-child(2)
    a.contact-icon
    span {
    background-color: #1fdb43;
  }

  #callback-popup
    .contact-options
    .contact-option:nth-child(3)
    a.contact-icon
    span {
    background-color: #2e77a3;
  }

  #callback-popup
    .contact-options
    .contact-option:nth-child(4)
    a.contact-icon
    span {
    background-color: #2cb5e5;
  }

  #callback-popup .contact-options .contact-option a.contact-icon span svg {
    width: 50px;
    top: 0;
  }
}

#callback-popup .popup-content {
  padding: 0 0 0 0;
  z-index: 100000;
  display: flex;
  flex-direction: column;
}

.breadcrumb__item:hover a {
  text-decoration: underline;
}
.wrapper {
  min-height: auto;
}
@media (min-width: 768px) {
  .popular__container {
    display: flex;
    justify-content: center;
  }

  .popular__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }

  .popular__list .swiper-slide {
    display: flex;
    justify-content: center;
  }

  .popular__list .swiper-slide:nth-child(n + 6) {
    grid-column: span 4;
  }

  .popular__list .swiper-slide:nth-child(1) {
    grid-row: 1;
    grid-column: span 1;
  }

  .popular__list .swiper-slide:nth-child(2) {
    grid-row: 1;
    grid-column: span 1;
  }

  .popular__list .swiper-slide:nth-child(3) {
    grid-row: 1;
    grid-column: span 1;
  }

  .popular__list .swiper-slide:nth-child(4) {
    grid-row: 1;
    grid-column: span 1;
  }

  .popular__list .swiper-slide:nth-child(5) {
    grid-row: 1;
    grid-column: span 1;
  }

  .popular__list .swiper-slide:nth-child(6) {
    grid-row: 2;
    grid-column: span 1;
  }

  .popular__list .swiper-slide:nth-child(7) {
    grid-row: 2;
    grid-column: span 1;
  }

  .popular__list .swiper-slide:nth-child(8) {
    grid-row: 2;
    grid-column: span 1;
  }

  .popular__list .swiper-slide:nth-child(9) {
    grid-row: 2;
    grid-column: span 1;
  }

  .popular__list .swiper-slide .popular-card {
    width: 100%;
    max-width: 200px;
  }

  .popular__swiper .popular__list .swiper-slide:nth-child(6) {
    left: 120px;
  }

  .popular__swiper .popular__list .swiper-slide:nth-child(7) {
    left: 120px;
  }

  .popular__swiper .popular__list .swiper-slide:nth-child(8) {
    left: 120px;
  }

  .popular__swiper .popular__list .swiper-slide:nth-child(9) {
    left: 120px;
  }
  #tour-order {
    padding-top: 90px;
  }

  .contacts-list li:hover a span {
    color: #ffffff;
  }
  .hero .hero__body .hero__title {
    width: 70%;
  }
  /* 404 */
  .error404-content {
    text-align: center;
    padding: 50px 0;
  }

  .entry-title {
    font-size: 36px;
    margin-bottom: 20px;
    color: #333;
  }

  .intro-text {
    font-size: 18px;
    margin-bottom: 30px;
    color: #666;
  }
}
/* Стили для планшетов */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .main .section .review__container {
    padding-left: 200px;
  }
  .main .section .swiper-controls {
    margin-left: 70px !important;
  }
  .hero .hero__body {
    position: relative;
    left: 120px;
  }
}
.review__body .review__swiper .swiper-wrapper {
  /* height: 540px; */
}

.form__body svg {
  position: relative;
  top: 0px;
}
.form__button svg {
  position: relative;
  top: 0px;
}

/* Скрыть секцию на мобильных устройствах */
@media (max-width: 768px) {
  .callback-section {
    display: none;
  }
  .contacts-list li span {
    color: #fff;
  }
}

/* Скрыть попап на компьютерных устройствах */
@media (min-width: 769px) {
  #callback-popup {
    display: none;
  }
  .button--border:hover,
  .button--border:active {
    color: white;
  }
}
.header {
  z-index: 9998 !important;
}
#top .nav--active {
  z-index: 10002 !important;
}

.nav__header {
  margin-bottom: 30px;
}

.ui.popup.calendar {
  height: 300px;
  z-index: 10 !important;
}
.about {
  position: relative !important;
  background-size: 700px auto;
  padding: 80px 0;
}
.section.review,
.section .features {
  position: relative !important;
  z-index: 0 !important;
}
.features-card__img {
  z-index: -1 !important;
}
.footer__links {
  padding-top: 20px;
}
.page--tours .tours__list {
  justify-content: normal;
}

a:hover {
  text-decoration: underline;
}
.contacts-list__link:hover {
  text-decoration: none;
}
.button:hover {
  text-decoration: none;
}
.nav.nav--active a:hover {
  text-decoration: none;
}
#toggle-filters {
  font-size: 14px;
  font-weight: 400;
  min-width: auto;
}
.review-card__name img {
  width: 100px !important;
}

.tours-card__body p {
  max-height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.breadcrumb__list {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.breadcrumb__item {
  margin-right: 8px;
}

.breadcrumb__item a {
  color: #007bff;
}

.breadcrumb__item--current {
  font-weight: bold;
  color: #6c757d;
}
#menu-header-menu {
  width: 65%;
  margin-top: -65px;
}
@media (max-width: 768px) {
  #top .nav--active header {
    width: 130px !important;
    align-self: flex-end !important;
  }
  .contact-options .contact-option a.contact-icon {
    height: 90px;
  }
  .contact-options .contact-option .contacts-list___link .contact-icon {
    height: 90px !important;
  }
  .contact-options {
    width: 100%;
  }
  .contact-options .contact-icon svg {
    width: 30px;
  }

  .about {
    height: 100%;
  }
  .section-taxi-order {
    width: 100%;
  }
  .section-taxi-order .container {
    width: 95%;
  }
  .breadcrumb__item {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .price {
    position: relative;
    left: -40px !important;
  }
  .days {
    position: relative;
    left: -20px !important;
  }
  .button--border:active span {
    color: #fff;
  }
}

@media (max-width: 576px) {
  .pagination a,
  .pagination .current {
    padding: 8px 8px 8px 8px !important;
    font-size: 14px;
  }
  .review-card {
    min-height: 0;
  }
  .wpcf7 .field {
    margin: 0 0 5px 0px;
  }
}
.howto-card__img img {
  z-index: 1 !important;
}
.breadcrumb__item--current {
  font-weight: normal !important;
}

.breadcrumb__list {
  color: #000000 !important;
}
.breadcrumb__item--current {
  color: #000000 !important;
}
.breadcrumb__item::after {
  color: #000000 !important;
}
.no-scroll {
  overflow: hidden !important;
}
@media (max-width: 768px) {
  .nav__close {
    margin-top: 15px;
  }
}

/* Стили для маркированного списка только для поста с классом post-1476 */
.post-1476 ul {
  list-style-type: disc; /* Тип маркера */
  margin: 1em 0; /* Внешний отступ */
  padding-left: 40px; /* Внутренний отступ слева */
}

.post-1476 ul li {
  margin-bottom: 0.5em; /* Отступ между элементами списка */
  font-size: 16px; /* Размер шрифта */
  line-height: 1.5; /* Высота строки */
}

.post-1476 ul li::marker {
  color: #007bff; /* Цвет маркера */
}

/* Дополнительные стили для вложенных списков */
.post-1476 ul ul {
  list-style-type: circle; /* Тип маркера для вложенного списка */
  margin-top: 0.5em; /* Отступ сверху для вложенного списка */
}

.post-1476 ul ul li {
  margin-bottom: 0.5em; /* Отступ между элементами вложенного списка */
}

.post-1476 ul ul ul {
  list-style-type: square; /* Тип маркера для второго уровня вложенного списка */
}

:has(.swiper) {
  min-width: 0;
  /* width: 100%; */
}

.breadcrumb .breadcrumb__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumb .breadcrumb__item {
  margin-right: 0;
  display: inline-flex;
  align-items: center;
}

.breadcrumb .breadcrumb__item a {
  color: #007bff;
}

.breadcrumb .breadcrumb__item--current {
  color: #6c757d;
}

.breadcrumb .breadcrumb__item:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 8px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%231f1f1f"><path d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z"/></svg>')
    no-repeat center;
  background-size: contain;
}

.breadcrumb .breadcrumb__item:last-child::after {
  content: "";
}

.section {
  scroll-margin-top: 100px;
}

.chat-options:not(.show) {
  pointer-events: none;
}

.field,
.field p {
  padding: 0;
  margin: 0;
}
.header-3 {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1.2857em;
  margin: 1rem 0;
  /*margin: calc(2rem - .14285em) 0 1rem;*/
  font-weight: 700;
  padding: 0;
  /*font-size: 1.28rem;*/
  font-size: 18px;
}
/* WZ21973213: отступ блока «Авиатуры с Пхукета» (десктоп+мобилка).
   30.07 клиент попросил, чтобы этот блок не отличался от остальных разделов
   («почему отступы блока Авиатуры всегда отличаются?») — обнуляем. */
#tours-personal1 {
  margin-top: 0;
}
/* На десктопе у остальных разделов перед заголовком набегает 54px (30 отступ секции
   + 24 осиротевший span.icon в конце предыдущей). У «Авиатуров» этого span нет,
   поэтому добираем 24px вручную — иначе блок визуально выбивается. */
@media (min-width: 769px) {
  #tours-personal1 {
    margin-top: 24px;
  }
}

/* WZ21973213: иконки взрослый/детский в прайсе */
.price-icon {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 3px;
  display: inline-block;
}

/* WZ21973213: мобилка — убрать лишнюю пустоту под hero-фото (тема резервирует margin под десктопные плавающие иконки, на телефоне они скрыты; десктоп не трогаем) */
@media (max-width: 768px) {
  .hero,
  .hero__container {
    height: auto !important;
    min-height: 0 !important;
  }
  .hero__container {
    justify-content: flex-start !important;
  }
  .hero__img {
    margin-top: 6px !important;
    margin-bottom: 22px !important;
  }
  /* Пункт 4 ТЗ: зазор между плашками и фото был 46px (30 от .hero__body + 16 от фото),
     клиент отметил его красным как слишком большой. Сначала свёл к 16px, клиент
     ответил «слишком маленький сверху от картинки» — золотая середина 26px. */
  .hero__body {
    margin-bottom: 20px !important;
  }
}

/* WZ21973213: мобилка /prices/ — как на десктопе, всё в ОДНУ строку 4 колонками: название | флаг | дни | цены (клиент попросил вместо переноса, ФИДБЭК-13). nowrap; флаг фикс 20px; дни фикс 74px (текст переносится в колонке); клэмп цены 70px; гасим theme .days/.price left:-Npx и width:400px; шрифт 11-12px чтобы влезло на узкий экран. Десктоп не трогаем. */
@media (max-width: 768px) {
  #top .excursion-item .excursion-details {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 6px;
  }
  #top .excursion-item .excursion-title {
    flex: 1 1 auto !important;
    min-width: 0;
    margin: 0 !important;
    font-size: 12px;
    line-height: 1.2;
  }
  #top .excursion-item .guide {
    flex: 0 0 auto !important;
    margin: 0 !important;
    left: 0 !important;
    position: static !important;
  }
  #top .excursion-item .guide img {
    width: 20px !important;
    height: 20px !important;
    max-width: none !important;
  }
  #top .excursion-item .days {
    flex: 0 0 74px !important;
    min-width: 0;
    margin: 0 !important;
    left: 0 !important;
    position: static !important;
    font-size: 11px;
    line-height: 1.15;
    text-align: left;
  }
  #top .excursion-item .price {
    flex: 0 0 auto !important;
    margin: 0 !important;
    left: 0 !important;
    right: auto !important;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 70px !important;
    font-size: 11px;
    text-align: right;
  }
  #top .excursion-item .price-icon {
    width: 12px !important;
    height: 12px !important;
    margin-right: 2px;
  }
}

/* ==== Пункт 5 ТЗ (27.07.2026): выравнивание формы «Заказать обратный звонок» ==== */
/* Причина перекоса: grid-строка растягивается подсказками валидации, кнопка (margin:auto) плавала по центру. */
.callback .form__body {
  align-items: start;
}
.callback .form__body .form__button {
  align-self: start;
}
.callback .form__field {
  position: relative;
}
.callback .form__field .wpcf7-not-valid-tip {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.3;
  white-space: normal;
}
.callback .wpcf7-response-output {
  display: block;
  width: 100%;
  margin: 16px 0 0;
  box-sizing: border-box;
  float: none;
  clear: both;
}

/* ==== Пункт 7 ТЗ: чекбокс согласия (по умолчанию отмечен, full-width, вне грида формы) ==== */
.cf7-consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.4;
  color: #3f4753;
  cursor: pointer;
  text-align: left;
}
.cf7-consent__box {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #005e53;
}
.cf7-consent a {
  color: #005e53;
  text-decoration: underline;
}
.cf7-consent a:hover {
  color: #d7a541;
}

/* чекбокс согласия — full-width строка внутри грид-формы */
.cf7-consent {
  grid-column: 1 / -1;
}

/* Пункт 6 ТЗ: интро-текст /prices/ влево (перебиваем inline text-align:center из редактора) */
.page--prices .page__text,
.page--prices .page__text p,
.page--prices .page__text div {
  text-align: left !important;
}

/* Пункт 6: родительские категории в якорях-фильтре /prices/.
   Жирное начертание клиент попросил убрать 30.07 — оставляем обычное. */
.prices-anchors .filter__item--parent {
  font-weight: 400;
}
.prices-anchors #toggle-filters {
  cursor: pointer;
}

/* Пункт 6: интро /prices/ обёрнут в тег <center> — принудительно влево */
.page--prices .page__text center {
  display: block;
  text-align: left !important;
}

/* чекбокс согласия: под кнопкой, справа (у кнопки); в попапе по центру */
.cf7-consent {
  grid-column: 1 / -1;
  justify-content: flex-end;
  align-items: center;
  margin: 12px 0 0 0;
}
#callback-popup .cf7-consent {
  justify-content: center;
}

/* На мобиле чекбокс согласия влево (длинный текст не вылезает за экран) */
@media (max-width: 768px) {
  .cf7-consent {
    justify-content: flex-start;
  }
}

/* Галочка вплотную СПРАВА от кнопки, в одну строку с ней (клиент, красная разметка) */
.cf7-consent {
  grid-column: 2 / -1;
  justify-content: flex-start;
  align-items: center;
  align-self: center;
  margin: 0;
}
#callback-popup .cf7-consent {
  grid-column: auto;
  justify-content: center;
}
@media (max-width: 768px) {
  .cf7-consent {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

/* === Галочка вплотную СПРАВА от кнопки (кнопка в <p> — блок в форме, не грид) === */
/* Инлайн-формы: кнопка и галочка в одну строку */
.wpcf7-form > p:has(> .wpcf7-submit) {
  display: inline-flex;
  align-items: center;
  margin: 0;
  vertical-align: middle;
}
.wpcf7-form > p:has(> .wpcf7-submit) + .cf7-consent {
  display: inline-flex;
  width: auto;
  margin: 0 0 0 16px;
  vertical-align: middle;
}
/* Попап: галочка по центру под кнопкой */
#callback-popup .wpcf7-form > p:has(> .wpcf7-submit) {
  display: flex;
  justify-content: center;
}
#callback-popup .wpcf7-form > p:has(> .wpcf7-submit) + .cf7-consent {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 10px 0 0;
}
/* Мобиль: под кнопкой слева, во всю ширину */
@media (max-width: 768px) {
  .wpcf7-form > p:has(> .wpcf7-submit) {
    display: flex;
  }
  .wpcf7-form > p:has(> .wpcf7-submit) + .cf7-consent {
    display: flex;
    width: 100%;
    margin: 10px 0 0;
  }
}

/* Галочка НЕ вплотную к кнопке — заметный отступ (клиент: «нарисовал не вплотную») */
.wpcf7-form > p:has(> .wpcf7-submit) + .cf7-consent {
  margin-left: 90px;
}
@media (max-width: 768px) {
  .wpcf7-form > p:has(> .wpcf7-submit) + .cf7-consent {
    margin-left: 0;
  }
}

/* Галочка: зазор от кнопки = зазору МЕЖДУ ПОЛЯМИ, выровнена как колонка сетки (клиент) */
.wpcf7-form > p:has(> .wpcf7-submit) {
  width: calc((100% - 70px) / 3);
  box-sizing: border-box;
  margin-left: 0;
}
.wpcf7-form > p:has(> .wpcf7-submit) + .cf7-consent {
  margin-left: 35px;
  width: calc((100% - 70px) / 3 * 2 + 35px);
  box-sizing: border-box;
}
@media (max-width: 1024px) and (min-width: 769px) {
  .wpcf7-form > p:has(> .wpcf7-submit) {
    width: calc((100% - 16px) / 2);
  }
  .wpcf7-form > p:has(> .wpcf7-submit) + .cf7-consent {
    margin-left: 16px;
    width: calc((100% - 16px) / 2);
  }
}
@media (max-width: 768px) {
  .wpcf7-form > p:has(> .wpcf7-submit) {
    width: auto;
  }
  .wpcf7-form > p:has(> .wpcf7-submit) + .cf7-consent {
    margin-left: 0;
    width: 100%;
  }
}

/* === ДЕФИНИТИВНО: кнопка и галочка выровнены под колонки полей (грид формы) === */
.wpcf7-form:has(.cf7-consent):not(#callback-popup .wpcf7-form) {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px 35px;
  align-items: center;
}
.wpcf7-form:has(.cf7-consent):not(#callback-popup .wpcf7-form) > .form__body {
  grid-column: 1 / -1;
}
.wpcf7-form:has(.cf7-consent):not(#callback-popup .wpcf7-form)
  > p:has(> .wpcf7-submit) {
  grid-column: 1;
  width: auto;
  margin: 0;
  display: flex;
  align-items: center;
}
.wpcf7-form:has(.cf7-consent):not(#callback-popup .wpcf7-form) > .cf7-consent {
  grid-column: 2 / -1;
  width: auto;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.wpcf7-form:has(.cf7-consent):not(#callback-popup .wpcf7-form)
  > .wpcf7-response-output {
  grid-column: 1 / -1;
}

@media (max-width: 1024px) and (min-width: 769px) {
  .wpcf7-form:has(.cf7-consent):not(#callback-popup .wpcf7-form) {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .wpcf7-form:has(.cf7-consent):not(#callback-popup .wpcf7-form) {
    display: block;
  }
  .wpcf7-form:has(.cf7-consent):not(#callback-popup .wpcf7-form)
    > p:has(> .wpcf7-submit) {
    display: flex;
  }
  .wpcf7-form:has(.cf7-consent):not(#callback-popup .wpcf7-form)
    > .cf7-consent {
    width: 100%;
    margin: 10px 0 0;
  }
}

/* === ФИКС: грид-выравнивание без сложного :not() (Safari 15.4 держит :has, но не :not(сложный)) === */
.wpcf7-form:has(.cf7-consent) {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px 35px;
  align-items: center;
}
.wpcf7-form:has(.cf7-consent) > .form__body {
  grid-column: 1 / -1;
}
.wpcf7-form:has(.cf7-consent) > p:has(> .wpcf7-submit) {
  grid-column: 1;
  width: auto;
  margin: 0;
  display: flex;
  align-items: center;
}
.wpcf7-form:has(.cf7-consent) > .cf7-consent {
  grid-column: 2 / -1;
  width: auto;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.wpcf7-form:has(.cf7-consent) > .wpcf7-response-output {
  grid-column: 1 / -1;
}
@media (max-width: 1024px) and (min-width: 769px) {
  .wpcf7-form:has(.cf7-consent) {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .wpcf7-form:has(.cf7-consent) {
    display: block;
  }
  .wpcf7-form:has(.cf7-consent) > .cf7-consent {
    width: 100%;
    margin: 10px 0 0;
  }
}
/* Попап: сброс грида, галочка по центру (отдельным правилом по #id, без :not) */
#callback-popup .wpcf7-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#callback-popup .cf7-consent {
  grid-column: auto;
  width: 100%;
  justify-content: center;
  margin: 10px 0 0;
}

/* === .phg-submit-row: кнопка+галочка под колонками полей БЕЗ :has() (Safari-safe) === */
.phg-submit-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px 35px;
  align-items: center;
}
.phg-submit-row > p {
  grid-column: 1;
  margin: 0;
  display: flex;
  align-items: center;
}
.phg-submit-row > .cf7-consent {
  grid-column: 2 / -1;
  margin: 0;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 1024px) and (min-width: 769px) {
  .phg-submit-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .phg-submit-row {
    display: block;
  }
  .phg-submit-row > .cf7-consent {
    width: 100%;
    margin: 10px 0 0;
  }
}
#callback-popup .phg-submit-row {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#callback-popup .phg-submit-row > .cf7-consent {
  justify-content: center;
  width: 100%;
  margin: 10px 0 0;
}

/* Форсируем позицию галочки в .phg-submit-row, перебивая накопленные конфликтующие правила */
.phg-submit-row > .cf7-consent {
  grid-column: 2 / -1 !important;
  margin: 0 !important;
  width: auto !important;
  justify-content: flex-start !important;
}
.phg-submit-row > p {
  grid-column: 1 !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .phg-submit-row > .cf7-consent {
    width: 100% !important;
    margin: 10px 0 0 !important;
  }
}
#callback-popup .phg-submit-row > .cf7-consent {
  justify-content: center !important;
  width: 100% !important;
}

/* Сброс: форма НЕ грид (иначе .phg-submit-row зажат в колонку); грид только на .phg-submit-row */
.wpcf7-form:has(.cf7-consent) {
  display: block !important;
}

/* Мобиль: галочка по центру под кнопкой + отступ как между полями (просьба клиента 29.07).
   width:fit-content + margin auto — квадратик и текст едут одним блоком по центру,
   не расползаются по краям на узких экранах. Дубль -webkit- ради Safari. */
@media (max-width: 768px) {
  .cf7-consent,
  .phg-submit-row > .cf7-consent,
  #callback-popup .cf7-consent,
  #callback-popup .phg-submit-row > .cf7-consent {
    display: flex !important;
    width: -webkit-fit-content !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 21px auto 0 !important;
    justify-content: flex-start !important;
    text-align: left;
  }
}

/* Десктоп/планшет: кнопка и галочка в ОДНОЙ строке, отступ 35px = как между колонками полей.
   .phg-submit-row переводим на flex (в гриде пустой <p> из разметки CF7 занимал слот и
   сталкивал галочку на вторую строку). Пустой <p> прячем. */
@media (min-width: 769px) {
  .phg-submit-row {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 35px !important;
  }
  .phg-submit-row > p:empty {
    display: none !important;
  }
  .phg-submit-row > .cf7-consent {
    grid-column: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    justify-content: flex-start !important;
    flex: 0 1 auto;
  }
  /* Форма обратного звонка: кнопка стоит в ряду полей, галочка идёт отдельной строкой = по центру */
  .wpcf7-form > .cf7-consent {
    justify-content: center !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
  }
}

/* Попап обратного звонка: галочка отделена и от кнопки, и от строки про мессенджеры
   (24px = шаг между полями попапа). margin auto по бокам сохраняет центрирование. */
#callback-popup .cf7-consent {
  margin: 24px auto !important;
}

/* Якоря листалки в Ценах: шапка fixed 110px (мобиль 101px), а запас был 90px,
   поэтому заголовок группы уезжал под шапку и переход выглядел «не привязанным». */
.excursion-group,
.excursion-subgroup,
.section {
  /* Запас на случай прямого перехода по ссылке с #якорем. Клики по кнопкам-якорям
     и стрелки листалки считают отступ в JS от ФАКТИЧЕСКОЙ высоты шапки (она плавает
     121-134px), поэтому и приземляют одинаково; здесь берём верхнюю границу. */
  scroll-margin-top: 148px;
}
@media (max-width: 768px) {
  .excursion-group,
  .excursion-subgroup,
  .section {
    scroll-margin-top: 135px;
  }
}

/* Кнопка «Заказать» в карточке тура: после перехода форма оказывалась на 269px от
   верха экрана (шапка 121 + запас 130 + отступ секции 40 + заголовок 64), клиент
   назвал это «пустое место слишком большое». Запас сводим к высоте шапки, внутренний
   отступ секции убираем: заголовок «Забронировать...» остаётся виден, форма поднимается. */
/* Клиент 30.07: «я же сказал и в десктопе и на телефоне надо, и там и там».
   Поэтому запас под шапку и отступ секции правим на ОБЕИХ ширинах: на десктопе
   отступ секции был 90px, и форма так же пряталась за пустотой. */
#tour-order {
  scroll-margin-top: 130px;
  padding-top: 24px;
}
@media (max-width: 768px) {
  #tour-order {
    scroll-margin-top: 124px;
    padding-top: 12px;
  }
  /* Заголовок занимал 2 строки по 24px и отодвигал форму ещё на 64px.
       Сжимаем до 20px: читается, и форма попадает в первый экран. */
  #tour-order .section__title {
    font-size: 20px;
    margin-bottom: 6px;
  }
}

/* ФИДБЭК-30.07 ------------------------------------------------------------- */

/* Пункт 4 ТЗ, главная (телефон): зазор между плашками и фото. Было 46, свели к 16,
   клиент сказал «слишком маленький». Ставим середину, 28px. */
@media (max-width: 768px) {
  .hero__body {
    margin-bottom: 12px !important;
  }
  .hero__img {
    margin-top: 16px !important;
  }
}

/* Пункт 4 ТЗ, страница Экскурсии. ТОЛЬКО телефон: клиент 30.07 уточнил, что просил
   уменьшить отступы лишь на телефоне, а на десктопе вернуть как было («и там и там»
   у него относилось к якорю на карточку товара, не к этому пункту).
   На телефоне перед заголовком раздела набегало ~84px: 18 padding последней карточки
   + 12 её margin + 24 осиротевший span.icon в конце секции + 30 padding следующей. */
@media (max-width: 768px) {
  .tours__list > li:last-child {
    margin-bottom: 0;
  }
  section > span.icon:last-child {
    display: none;
  }
  section[id^="tours"] {
    padding-top: 16px;
  }
}

/* Цены: убрать жирное начертание в кнопках-якорях (просьба клиента 30.07) */
.filter__item--parent {
  font-weight: 400;
}

/* Цены: ссылки в названиях экскурсий без подчёркивания, подчёркивание по наведению,
   как на остальных страницах сайта */
.excursion-title a {
  text-decoration: none;
}
.excursion-title a:hover {
  text-decoration: underline;
}

/* Телефон: стрелки-листалка стояли по центру правого края (46% и 56% высоты экрана)
   и перекрывали контент, на скринах клиента 01.08 они легли на заголовок раздела
   и на поля формы бронирования. Уводим их в правый нижний угол, стопкой над
   кнопкой мессенджеров (та занимает нижние 20-70px). */
@media (max-width: 768px) {
  #scrollToTop {
    top: auto !important;
    bottom: 156px !important;
  }
  #scrollToBottom {
    top: auto !important;
    bottom: 96px !important;
  }
}

/* Логотип встроен в разметку инлайновым SVG (пункт 8: убрана SVG-маска, из-за
   которой в Safari он заливался жёлтым). У инлайнового SVG свои width/height в
   атрибутах, поэтому он не сжимался под контейнер и на телефоне обрезался,
   в отличие от прежнего <img>. Возвращаем масштабирование по контейнеру. */
.logo__img svg {
  display: block;
  width: 100%;
  height: auto;
}