/* stylelint-disable */

/* stylelint-disable */

/* stylelint-disable scss/operator-no-unspaced */

/* stylelint-disable scss/dollar-variable-colon-newline-after */

@font-face {
  font-family: "Forum";
  src: url("../fonts/Forum-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "FrankRuhlHofshi";
  src: url("../fonts/FrankRuhlHofshi-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "FrankRuhlHofshi";
  src: url("../fonts/FrankRuhlHofshi-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "georgia";
  src: url("../fonts/georgia.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Gabriela";
  src: url("../fonts/Gabriela-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Podkova";
  src: url("../fonts/Podkova-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

html {
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-size: 62.5%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
}

body {
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  text-decoration: none;
}

img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

button {
  border: none;
  text-align: left;
  background-color: transparent;
  cursor: pointer;
}

ul,
ol {
  list-style: none;
}

input {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.focus-visible {
  outline: auto 1px;
}

.ios .lock {
  position: relative;
}

/* Forms
   ========================================================================== */

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

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

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

button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:root {
  --font-family: "Forum", sans-serif;
  --font-weight: 400;
  --content-width: 156rem;
  --container-offset: 1.5rem;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --transition: 0.6s;
  --radius: 0.8rem;
  --clr-default-100: #fff;
  --clr-default-200: #fcfffd;
  --clr-default-700: #0c0b10;
  --clr-default-800: #0b0804;
  --clr-default-900: #000;
  --clr-bg-100: #e6d2ba;
  --clr-bg-900: linear-gradient(
    270deg,
    rgba(240, 173, 94, 0.4) 0%,
    rgba(125, 164, 193, 0.4) 100%
  );
  --font-forum: "Forum", sans-serif;
  --font-frank: "FrankRuhlHofshi", sans-serif;
  --font-frank-400: "FrankRuhlHofshi-Regular", sans-serif;
  --font-inter: "Inter", sans-serif;
  --font-gabriela: "Gabriela", sans-serif;
  --font-georgia: "georgia", sans-serif;
  --font-manrope: "Manrope", sans-serif;
  --font-podkova: "Podkova", sans-serif;
}

body {
  font-size: 1.6rem;
  color: var(--clr-default-400);
  /* scroll bar */
}

body.lock {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  overscroll-behavior: none;
}

body::-webkit-scrollbar {
  width: 1rem;
}

body::-webkit-scrollbar-thumb {
  background-color: #ffbdbd;
}

body::-webkit-scrollbar-track {
  background-color: var(--clr-default-100);
}

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

.wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition), visibility var(--transition);
}

.wrapper[data-overlay=true]::before {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--transition), visibility var(--transition);
}

main {
  flex-grow: 1;
}

.container {
  margin-inline: auto;
  padding-inline: var(--container-offset);
  width: 100%;
  max-width: var(--container-width);
}

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

a {
  color: var(--clr-default-900);
  transition: color var(--transition);
}

a svg * {
  transition: fill var(--transition);
}

a:hover {
  color: var(--clr-default-100);
}

a:hover svg * {
  fill: var(--clr-default-100);
}

a:active {
  color: var(--clr-default-900);
}

a:active svg * {
  fill: var(--clr-default-900);
}

.section {
  padding-top: 8.5rem;
}

.title {
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: clamp(2rem, 1.5968503937rem + 1.2598425197vw, 3.6rem);
  letter-spacing: 0.144rem;
  text-transform: uppercase;
  color: var(--clr-default-900);
}

.text {
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: clamp(1.6rem, 1.3984251969rem + 0.6299212598vw, 2.4rem);
  line-height: 150%;
  color: var(--clr-default-900);
}

.btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--radius);
  padding: 1.6rem 0 1.6rem 3.2rem;
  width: max-content;
  background-color: var(--clr-default-900);
}

.btn::after {
  content: "";
  position: absolute;
  right: -2rem;
  top: 50%;
  display: block;
  border-radius: var(--radius);
  width: 5.3rem;
  height: 5.3rem;
  background-color: var(--clr-default-900);
  transform: translateY(-50%) rotate(45deg);
}

.btn span {
  position: relative;
  z-index: 1;
  font-family: var(--font-gabriela);
  font-weight: 400;
  font-size: clamp(1.6rem, 1.3984251969rem + 0.6299212598vw, 2.4rem);
  letter-spacing: 0.096rem;
  text-transform: uppercase;
  color: #fffbf5;
}

.btn svg {
  position: relative;
  z-index: 1;
  margin-left: 2rem;
  width: 4rem;
  height: 4rem;
}

picture {
  display: flex;
}

.input {
  outline: none;
  border-style: solid;
  border-width: 0.2rem;
  border-color: #5e4e49;
  border-radius: 0.6rem;
  padding: 1.3rem 1.2rem;
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 137.5%;
  letter-spacing: -0.032rem;
}

.input::placeholder {
  color: #c0b9b7;
}

.bg {
  background-image: url("../img/hero-bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*
  All a user has to do to change the calendar size is
  change the font-size on the container and everything
  magically resizes accordingly. Relative units ftw!
*/

.qs-datepicker-container {
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 0.2rem solid #5e4e49;
  border-radius: var(--radius);
  width: 31rem;
  font-family: sans-serif;
  font-size: 1rem;
  color: black;
  background: white;
  -webkit-user-select: none;
  user-select: none;
}

.qs-datepicker-container * {
  box-sizing: border-box;
}

.qs-centered {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.qs-hidden {
  display: none;
}

.qs-overlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 0.5em;
  width: 100%;
  height: 100%;
  color: white;
  background: rgba(0, 0, 0, 0.75);
  opacity: 1;
  transition: opacity 0.3s;
}

.qs-overlay.qs-hidden {
  z-index: -1;
  opacity: 0;
}

.qs-overlay .qs-overlay-year {
  display: block;
  margin: 0 auto;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
  padding: 0.25em 0;
  width: 80%;
  font-size: 0.875em;
  text-align: center;
  color: white;
  background: transparent;
}

.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.qs-overlay .qs-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
  cursor: pointer;
}

.qs-overlay .qs-submit {
  margin: 0 auto auto;
  border: 1px solid white;
  border-radius: 0.263921875em;
  padding: 0.5em;
  background: rgba(128, 128, 128, 0.4);
  cursor: pointer;
}

.qs-overlay .qs-submit.qs-disabled {
  border-color: gray;
  color: gray;
  cursor: not-allowed;
}

.qs-overlay .qs-overlay-month-container {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}

.qs-overlay .qs-overlay-month {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 3);
  opacity: 0.5;
  transition: opacity 0.15s;
  cursor: pointer;
}

.qs-overlay .qs-overlay-month.active,
.qs-overlay .qs-overlay-month:hover {
  opacity: 1;
}

.qs-controls {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: lightgray;
  filter: blur(0px);
  transition: filter 0.3s;
}

.qs-controls.qs-blur {
  filter: blur(5px);
}

.qs-arrow {
  position: relative;
  border-radius: 0.3rem;
  width: 2rem;
  height: 2rem;
  transition: background 0.15s;
  cursor: pointer;
}

.qs-arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}

.qs-arrow:hover.qs-left:after {
  border-right-color: black;
}

.qs-arrow:hover.qs-right:after {
  border-left-color: black;
}

.qs-arrow:after {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
}

.qs-arrow.qs-left:after {
  content: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M5.33335 13.3332L10.6667 7.99984L5.33335 2.6665L4.38669 3.61317L8.77335 7.99984L4.38669 12.3865L5.33335 13.3332Z' fill='black' fill-opacity='0.75'/></svg>");
  transform: translate(-50%, -50%) rotate(180deg);
}

.qs-arrow.qs-right:after {
  content: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M5.33335 13.3332L10.6667 7.99984L5.33335 2.6665L4.38669 3.61317L8.77335 7.99984L4.38669 12.3865L5.33335 13.3332Z' fill='black' fill-opacity='0.75'/></svg>");
}

.qs-month-year {
  border-bottom: 1px solid transparent;
  font-weight: bold;
  transition: border 0.2s;
}

.qs-month-year:not(.qs-disabled-year-overlay) {
  cursor: pointer;
}

.qs-month-year:focus,
.qs-month-year:active:focus {
  outline: none;
}

.qs-month {
  padding-right: 0.5ex;
}

.qs-year {
  padding-left: 0.5ex;
}

.qs-squares {
  display: flex;
  flex-wrap: wrap;
  padding: 0.3125em;
  filter: blur(0px);
  transition: filter 0.3s;
}

.qs-squares.qs-blur {
  filter: blur(5px);
}

.qs-square {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 7);
  height: 1.5625em;
  transition: background 0.1s;
  cursor: pointer;
}

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active) {
  border-radius: 50%;
}

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  color: var(--clr-default-100);
  background: #5e4e49;
}

.qs-current {
  color: var(--clr-default-300);
}

/*
  3 possibilities:
    1. Single, active date.
    2. Daterange start selection.
    3. Daterange end selection.
*/

.qs-active,
.qs-range-start,
.qs-range-end {
  border-radius: 50%;
  color: var(--clr-default-100);
  background: #5e4e49;
}

.qs-range-start:not(.qs-range-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-range-middle {
  background: #d4ebf2;
}

.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
  border-radius: 0;
}

.qs-range-middle.qs-range-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-range-middle.qs-range-6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-range-end:not(.qs-range-0) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-disabled,
.qs-outside-current-month {
  opacity: 0.2;
}

.qs-disabled {
  cursor: not-allowed;
}

.qs-empty {
  cursor: default;
}

.qs-day {
  font-weight: bold;
  color: gray;
  cursor: default;
}

.qs-event {
  position: relative;
}

.qs-event:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  width: 0.46875em;
  height: 0.46875em;
  background: #07f;
}

.qs-datepicker-container {
  border-style: solid;
  border-width: 0.2rem;
  border-color: #5e4e49;
  border-top: 0.1rem solid #dfc6a7;
  border-radius: 0.8rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  padding: 1.4rem 0.5rem;
  width: 34.5rem;
  font-family: var(--font-inter);
  transform: translateY(-0.4rem);
}

.qs-controls {
  background-color: #fff;
}

.qs-month-year {
  font-weight: 600;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 137.5%;
  letter-spacing: -0.032rem;
  text-align: center;
  color: #5e4e49;
}

.hero-form .qs-month,
.hero-form .qs-year {
  font-family: var(--font-inter);
}

.qs-squares {
  margin-top: 1.1rem;
  font-size: 1.4rem;
}

.qs-square {
  width: 4rem;
  height: 4rem;
}

.qs-square.qs-day {
  margin-bottom: 0.3rem;
  border-radius: none;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 135.714%;
  letter-spacing: -0.028rem;
  text-align: center;
  color: #a5938d;
}

.qs-day:nth-child(7) {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.qs-day:nth-child(1) {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.qs-num {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 142.857%;
  text-align: center;
}

@font-face {
  src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
  font-family: "swiper-icons";
  font-weight: 400;
  font-style: normal;
}

:host {
  position: relative;
  z-index: 1;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

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

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
}

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

.swiper-horizontal {
  touch-action: pan-y;
}

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

.swiper-slide {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
}

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

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */

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

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

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

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

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

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

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

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

/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  margin-top: -21px;
  margin-left: -21px;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: transparent;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  box-sizing: border-box;
  transform-origin: 50%;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

.swiper-button-prev {
  width: 0;
  height: 0;
}

.next-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  cursor: pointer;
}

.next-arrow svg {
  width: 100%;
  height: 100%;
}

.swiper-wrapper {
  align-items: stretch;
}

.menu__list {
  display: flex;
  align-items: center;
}

.menu__item:not(:last-child) {
  margin-right: 4rem;
}

.menu__link {
  font-family: var(--font-gabriela);
  font-size: clamp(1.4rem, 1.2488188976rem + 0.4724409449vw, 2rem);
  text-transform: uppercase;
}

.logo svg {
  width: 100%;
}

.burger {
  display: none;
}

.up {
  position: fixed;
  right: 5rem;
  bottom: 13rem;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition);
}

.up * {
  transition: stroke var(--transition);
}

.up svg {
  width: 100%;
  height: 100%;
}

.up:hover * {
  stroke: #65c7e8;
}

.up.active {
  opacity: 1;
  visibility: visible;
}

.header {
  padding-block: 4rem;
}

.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.header__phone {
  position: relative;
  padding-inline: 4rem;
  font-family: var(--font-frank);
  font-weight: 700;
  font-size: clamp(1.8rem, 1.6488188976rem + 0.4724409449vw, 2.4rem);
  color: var(--clr-default-900);
}

.header__phone_bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.footer {
  padding-block: 2rem 2.5rem;
  background-color: #c6b6a3;
}

.footer .container {
  position: relative;
}

.footer__wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer__logo svg {
  width: 100%;
  height: 100%;
}

.footer-contacts {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  gap: 1.8rem;
}

.footer-contacts__item {
  display: flex;
  align-items: center;
  font-family: var(--font-frank);
  font-weight: 400;
  font-size: clamp(1rem, 0.6472440945rem + 1.1023622047vw, 2.4rem);
  letter-spacing: 0.096rem;
  text-transform: uppercase;
  color: var(--clr-default-900);
  gap: 0.8rem;
}

.footer__clouds {
  position: absolute;
  right: 0;
  bottom: -2.5rem;
}

.hero {
  position: relative;
  padding-block: 4rem 16.5rem;
}

.hero::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 13.1rem;
  background: linear-gradient(180deg, rgba(223, 198, 167, 0) 0%, rgba(230, 210, 186, 0.71) 35.59%, rgba(230, 210, 186, 0.89) 63.72%, #e6d2ba 100%);
}

.hero__wrapper {
  font-size: fluid-font(2rem, 1.4rem);
}

.hero__caption {
  margin-inline: auto;
  max-width: 20rem;
  font-family: "Forum";
  font-weight: 400;
  font-size: clamp(1.8rem, 1.6236220472rem + 0.5511811024vw, 2.5rem);
  line-height: 102.5%;
  letter-spacing: 0.75rem;
  text-align: center;
  text-transform: uppercase;
  color: var(--clr-default-700);
}

.hero__title {
  margin-top: 7rem;
  font-family: "Forum";
  font-weight: 400;
  font-style: normal;
  font-size: 17rem;
  line-height: 74.9%;
  letter-spacing: 0.68rem;
  text-align: center;
  text-transform: uppercase;
  color: var(--clr-default-800);
}

.hero__title span {
  display: block;
  margin-top: 3.5rem;
  font-family: "FrankRuhlHofshi";
  font-weight: 700;
  font-size: 10.761rem;
  line-height: 100%;
  letter-spacing: 0.4304rem;
  text-align: center;
  text-transform: uppercase;
  color: var(--clr-default-200);
}

.hero-form {
  position: relative;
  z-index: 1;
  margin-top: 11rem;
  margin-inline: auto;
  border-radius: 3rem;
  padding: 1.7em 5.5rem 2.2rem;
  width: max-content;
  background-color: var(--clr-default-100);
}

.hero-form form {
  display: flex;
  width: 103.4rem;
  gap: 2.4rem;
}

.hero-form__btn svg {
  width: 7rem;
  transform: translateY(0.6rem);
}

.hero-form__btn path {
  fill: #e6d2ba;
}

.hero-form__caption {
  position: absolute;
  left: 50%;
  top: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding-block: 1.1rem;
  width: 30rem;
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: 1.8rem;
  letter-spacing: 0.08rem;
  text-align: center;
  text-transform: uppercase;
  color: #6f5d58;
  background-color: var(--clr-default-100);
  transform: translate(-50%, -80%);
}

.hero-form__caption::after {
  content: url("data:image/svg+xml;charset=UTF-8,<svg width='280' height='80' viewBox='0 0 280 80' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='19.1394' width='279' height='60' rx='30' stroke='white'/><path d='M139.806 0L137.077 4.22457L134.436 8.44915C136.328 11.4153 138.001 13.986 139.872 16.8983L145.308 8.44915L142.513 4.22457L139.806 0Z' fill='white'/><path d='M167.502 14.3995L167.238 14.2736L166.973 14.1298L166.687 14.004L166.423 13.8602L166.137 13.7343L165.873 13.6085L165.609 13.4827L165.323 13.3568L165.037 13.231L164.773 13.1231L164.486 12.9973L164.2 12.8714L163.936 12.7456L163.65 12.6377L163.364 12.5119L163.078 12.404L162.792 12.2962L162.505 12.1883L162.219 12.0625L162.065 12.0085L159.534 16.5207L159.644 16.5567L159.908 16.6466L160.15 16.7544L160.415 16.8623L160.657 16.9522L160.899 17.0601L161.163 17.1679L161.405 17.2758L161.647 17.3657L161.889 17.4735L162.153 17.5994L162.395 17.7072L162.638 17.8151L162.88 17.923L163.122 18.0308L163.364 18.1567L163.606 18.2645L163.848 18.3724L164.09 18.4982L164.332 18.624L164.552 18.7319L167.722 14.5073L167.502 14.3995Z' fill='white'/><path d='M155.678 9.99507L155.37 9.92316L155.062 9.85125L154.754 9.76137L154.446 9.68946L154.138 9.63553L153.807 9.56362L153.499 9.49172L153.191 9.41981L152.883 9.36588L152.553 9.29397L152.245 9.22206L151.937 9.16813L151.606 9.1142L151.298 9.06027L150.968 8.98836L150.66 8.93443L150.33 8.89848L150.022 8.84455L149.846 8.80859L148.745 13.6803L148.877 13.6983L149.163 13.7522L149.449 13.7882L149.714 13.8421L150 13.8961L150.286 13.95L150.572 14.0039L150.836 14.0579L151.122 14.0938L151.408 14.1657L151.672 14.2196L151.959 14.2736L152.245 14.3455L152.509 14.3994L152.773 14.4533L153.059 14.5253L153.323 14.5972L153.609 14.6511L153.873 14.723L154.16 14.7949L154.27 14.8309L156.096 10.1029L155.986 10.085L155.678 9.99507Z' fill='white'/><path d='M129.765 8.79068L129.435 8.84461L129.105 8.89854L128.797 8.9345L128.467 8.98843L128.158 9.06034L127.828 9.11427L127.52 9.1682L127.19 9.22213L126.882 9.29404L126.574 9.36594L126.266 9.41987L125.935 9.49178L125.627 9.56369L125.319 9.6356L125.011 9.68953L124.703 9.76143L124.395 9.85132L124.065 9.92323L123.779 9.99513L123.646 10.0311L125.473 14.759L125.561 14.7231L125.847 14.6512L126.112 14.5972L126.376 14.5253L126.662 14.4534L126.948 14.3995L127.212 14.3455L127.498 14.2736L127.762 14.2197L128.048 14.1658L128.313 14.0939L128.599 14.0579L128.885 14.004L129.171 13.9501L129.435 13.8961L129.721 13.8422L130.007 13.7883L130.293 13.7523L130.58 13.6984L130.844 13.6624L130.998 13.6444L129.897 8.77271L129.765 8.79068Z' fill='white'/><path d='M117.546 11.9547L117.26 12.0625L116.974 12.1884L116.688 12.2962L116.402 12.4041L116.116 12.5119L115.83 12.6378L115.544 12.7456L115.257 12.8715L114.993 12.9973L114.707 13.1232L114.421 13.231L114.157 13.3569L113.871 13.4827L113.607 13.6085L113.321 13.7344L113.056 13.8602L112.77 14.004L112.506 14.1299L112.242 14.2737L112 14.3815L115.191 18.6061L115.39 18.4983L115.632 18.3724L115.852 18.2646L116.094 18.1567L116.336 18.0309L116.578 17.923L116.842 17.8151L117.084 17.7073L117.326 17.5994L117.568 17.4736L117.811 17.3657L118.053 17.2758L118.317 17.168L118.559 17.0601L118.801 16.9522L119.065 16.8624L119.307 16.7545L119.571 16.6466L119.813 16.5567L120.078 16.4669L120.21 16.4129L117.679 11.9187L117.546 11.9547Z' fill='white'/></svg>");
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  transform: translate(-50%, -40%);
}

.hero-form label {
  position: relative;
  display: flex;
  flex-direction: column;
}

.hero-form label.data-label {
  display: inline-block;
}

.hero-form label span {
  font-family: var(--font-gabriela);
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 105.556%;
  letter-spacing: -0.036rem;
  color: #5e4e49;
}

.hero-form label svg {
  position: absolute;
  right: 1.2rem;
  bottom: 1.2rem;
}

.hero-form label .input {
  margin-top: 0.8rem;
  color: #5e4e49;
}

.hero-form label .datapicker {
  padding-right: 4.8rem;
  width: 34.5rem;
  cursor: pointer;
}

.hero-form label #clearButton {
  border-radius: 0.6rem;
  padding-block: 1.2rem;
  width: 100%;
  font-family: var(--font-inter);
  font-size: 1.6rem;
  line-height: 137.5%;
  letter-spacing: -0.032rem;
  text-align: center;
  color: #5e4e49;
  background-color: #dfc6a7;
}

.hero-form label.number {
  width: 100%;
  max-width: 18.2rem;
}

.hero-form label.number input::-webkit-outer-spin-button,
.hero-form label.number input::-webkit-inner-spin-button {
  opacity: 0;
}

.hero-form label.number svg {
  position: absolute;
  right: 0.7rem;
  bottom: 1.35rem;
}

.hero-form__btn {
  display: flex;
  align-items: center;
  border-radius: 0.6rem;
  padding: 0.2rem 3rem;
  height: 5.4rem;
  background-color: var(--clr-default-900);
  transition: background-color var(--transition);
  gap: 2rem;
}

.hero-form__btn:hover {
  background-color: #393939;
}

.hero-form__btn span {
  font-family: var(--font-gabriela);
  font-weight: 400;
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-align: center;
  text-transform: uppercase;
  color: var(--clr-default-100);
}

.about {
  position: relative;
  padding-bottom: 8.5rem;
  background-color: var(--clr-bg-100);
}

.about__decoration {
  position: absolute;
}

.about__decoration_1 {
  left: 37%;
  top: 2rem;
}

.about__decoration_2 {
  left: 40%;
  top: -1rem;
  transform: translateY(-3rem);
}

.about__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}

.about__info {
  flex-basis: 53%;
}

.about__info .text {
  margin-top: 5rem;
}

.services {
  position: relative;
  padding-block: 15rem 7rem;
  background: var(--clr-bg-900);
}

.services::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 8rem;
  background: linear-gradient(180deg, rgba(223, 198, 167, 0) 0%, #dfe4e0);
}

.services::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 8rem;
  background: linear-gradient(0deg, rgba(223, 198, 167, 0) 0%, rgba(230, 210, 186, 0.71) 35.59%, rgba(230, 210, 186, 0.89) 63.72%, #e6d2ba 100%);
}

.services__decoration {
  position: absolute;
  z-index: 1;
}

.services__decoration_1 {
  left: 50%;
  top: 60%;
  transform: translate(-100rem, -50%);
}

.services__decoration_2 {
  left: 50%;
  top: 90%;
  transform: translate(-40rem, -50%);
}

.services__decoration_3 {
  left: 50%;
  top: 97%;
  transform: translate(-36rem, -50%);
}

.services__wrapper {
  position: relative;
  z-index: 1;
}

.services__clouds {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.services__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 6rem;
  gap: 5rem;
}

.services__item {
  position: relative;
  flex-basis: 20%;
  padding-bottom: 8rem;
}

.services__caption {
  font-family: var(--font-podkova);
  font-weight: 400;
  font-size: clamp(1.8rem, 1.6488188976rem + 0.4724409449vw, 2.4rem);
  text-align: center;
  text-transform: capitalize;
  color: var(--clr-default-900);
}

.services__ico {
  margin-top: 2rem;
  margin-inline: auto;
  width: max-content;
}

.apartments {
  padding-bottom: 8.5rem;
  background-color: #dfe4e0;
}

.apartments__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 6rem;
  gap: 2.8rem;
}

.apartments-info {
  flex-basis: 50%;
}

.apartments-info__price {
  margin-top: 5.2rem;
  font-family: var(--font-georgia);
  font-weight: 400;
  font-size: clamp(1.8rem, 1.5480314961rem + 0.7874015748vw, 2.8rem);
  line-height: 67.857%;
  letter-spacing: -0.056rem;
  color: var(--clr-default-900);
}

.apartments-info__discount {
  margin-top: 1.5rem;
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: clamp(1.6rem, 1.4992125984rem + 0.3149606299vw, 2rem);
  line-height: 95%;
  letter-spacing: 0.08rem;
  color: #218638;
}

.apartments-info .btn {
  margin-top: 3rem;
}

.apartments-grid {
  display: grid;
  grid-template-columns: 37.7rem 24.1rem 24.1rem;
  grid-template-rows: 28rem 25.7rem;
  gap: 3rem;
}

.apartments-grid__img {
  overflow: hidden;
  border-radius: var(--radius);
}

.apartments-grid__img_1 {
  grid-row: span 2;
}

.apartments-grid__img_2 {
  grid-column: span 2;
}

.feedback {
  position: relative;
  background-color: #dfe4e0;
}

.feedback__wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

.feedback__flex {
  margin-top: 5rem;
}

.feedback__swiper {
  display: flex;
  margin-left: 0;
  width: 80%;
}

.feedback__wrap {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 65rem;
}

.feedback__wrap::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  display: block;
  border-style: solid;
  border-width: 0.1rem;
  border-color: var(--clr-default-100);
  border-radius: 1rem;
  width: 90%;
  height: 103%;
  transform: translate(-50%, -50%);
}

.feedback__wrap::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -0.9rem;
  z-index: 2;
  display: block;
  width: 40%;
  height: 0.3rem;
  background-color: #dee5e3;
  transform: translate(-50%);
}

.feedback__item {
  position: relative;
  z-index: 2;
  border-style: solid;
  border-width: 0.1rem;
  border-color: var(--clr-default-100);
  border-radius: 1rem;
  padding: 5.5rem 7rem 16rem 10rem;
  height: 100%;
  background-color: #dfdddb;
}

.feedback__decoration {
  position: absolute;
  left: 50%;
  top: -3rem;
  z-index: 1;
  transform: translateX(-50%);
}

.feedback__decoration svg {
  width: 100%;
  height: 100%;
}

.feedback__img {
  border-radius: 50%;
  width: max-content;
  box-shadow: 3rem 3rem 8rem -3rem rgb(0, 0, 0);
}

.feedback__text {
  margin-top: 4.8rem;
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: clamp(1.6rem, 1.474015748rem + 0.3937007874vw, 2.1rem);
  line-height: 150%;
  letter-spacing: 0.084rem;
  color: var(--clr-default-700);
}

.feedback__author {
  position: absolute;
  left: 10rem;
  bottom: 6rem;
  font-family: var(--font-manrope);
  font-weight: 500;
  font-size: 1.9545rem;
  line-height: 94.5%;
  color: var(--clr-default-700);
}

.feedback__more {
  position: relative;
  display: none;
  margin-top: 2rem;
  margin-left: auto;
  width: max-content;
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: 2rem;
  letter-spacing: 0.048rem;
}

.feedback__more::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.3rem;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 0.1rem;
  background-color: var(--clr-default-900);
}

.feedback__rhombus {
  position: absolute;
}

.feedback__rhombus_1 {
  right: 50%;
  top: -4rem;
}

.feedback__rhombus_2 {
  right: 46%;
  top: 2rem;
}

.feedback__clouds {
  position: absolute;
  right: 0;
  top: 73%;
  transform: translateY(-50%);
}

.instagram {
  position: relative;
  position: relative;
  padding-block: 16.6rem 21.8rem;
  background: var(--clr-bg-900);
}

.instagram__wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

.instagram::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 8rem;
  background: linear-gradient(0deg, rgba(223, 198, 167, 0) 0%, #dfe4e0);
}

.instagram::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 8rem;
  background: linear-gradient(180deg, rgba(223, 198, 167, 0) 0%, #dbdcda);
}

.instagram__caption {
  margin-top: 6rem;
  max-width: 44.5rem;
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: 2.4rem;
  font-size: clamp(1.8rem, 1.6488188976rem + 0.4724409449vw, 2.4rem);
  line-height: 150%;
  letter-spacing: 0.096rem;
  color: var(--clr-default-900);
}

.instagram__caption a {
  color: #004373;
}

.instagram__caption a:hover {
  color: var(--clr-default-100);
}

.instagram .btn {
  order: 2;
  margin-top: 5rem;
  gap: 16rem;
}

.instagram__ico,
.instagram__img {
  position: absolute;
}

.instagram__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  width: 6.6rem;
  height: 6.8rem;
  box-shadow: 0 0.7rem 2rem 0 rgba(0, 0, 0, 0.3);
  background-color: var(--clr-default-100);
  background-blend-mode: overlay, normal;
  opacity: 0.6;
  -webkit-backdrop-filter: blur(0.75rem);
  backdrop-filter: blur(0.75rem);
}

.instagram__ico_1 {
  right: 76rem;
  top: -9rem;
}

.instagram__ico_2 {
  right: 55rem;
  top: 145%;
}

.instagram__ico_3 {
  right: 25rem;
  top: 33%;
}

.instagram__img_1 {
  right: 40rem;
  top: 16%;
  width: 28rem;
}

.instagram__img_2 {
  right: 15rem;
  top: 61%;
  z-index: 1;
  width: 25rem;
}

.instagram__img_3 {
  right: 0;
  top: 22%;
  width: 25rem;
}

.instagram__decoration {
  position: absolute;
}

.instagram__decoration_1 {
  left: 50%;
  top: 105%;
  transform: translate(-40rem, -50%);
}

.instagram__decoration_2 {
  left: 51%;
  top: 93%;
  transform: translate(-36rem, -50%);
}

.instagram__clouds {
  left: 0;
  top: 66%;
}

.map {
  padding-block: 6rem 3.3rem;
  background: rgb(219, 221, 219);
  background: linear-gradient(180deg, rgb(219, 221, 219) 0%, rgb(230, 218, 200) 100%);
}

.map__wrapper {
  position: relative;
  z-index: 1;
}

.map__caption {
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: clamp(1.8rem, 1.6488188976rem + 0.4724409449vw, 2.4rem);
  letter-spacing: 0.096rem;
  text-transform: capitalize;
  color: var(--clr-default-900);
}

.map__caption svg {
  width: 100%;
  transform: translateY(0.466rem);
}

.map__iframe {
  position: relative;
  display: flex;
  margin-top: 3rem;
  height: 78rem;
}

.map__board {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-top-right-radius: 4rem;
  border-bottom-left-radius: 2rem;
}

.map__info,
.map__img {
  flex-basis: 50%;
  width: 27rem;
  height: 21rem;
}

.map__img {
  background-image: url("../img/map-img.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.map__info {
  padding: 1.9rem 2rem 4.7rem 2.7rem;
  background-color: var(--clr-default-100);
}

.map__title {
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 55.556%;
  letter-spacing: 0.144rem;
  text-transform: capitalize;
  color: #07169a;
}

.map__rating {
  margin-top: 2rem;
  border-radius: 2rem;
  padding: 1.4rem 1.2rem;
  width: max-content;
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: 3.2rem;
  line-height: 62.5%;
  letter-spacing: 0.128rem;
  text-transform: capitalize;
  color: var(--clr-default-100);
  background-color: #14089b;
}

.map__address {
  margin-top: 1.4rem;
  font-family: var(--font-forum);
  font-weight: 400;
  font-size: 2rem;
  line-height: 100%;
  letter-spacing: 0.08rem;
  text-transform: capitalize;
  color: var(--clr-default-900);
}

.map__address span {
  display: block;
}

.map__address span:not(:first-of-type) {
  margin-top: 0.4rem;
}

.map__ico {
  margin-top: 5rem;
  margin-inline: auto;
  width: max-content;
}

@media (max-width: 62em) {
  .menu__list {
    flex-direction: column;
    margin: auto;
    padding-block: 4rem;
  }

  .menu__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 3rem;
  }

  .menu {
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 10;
    display: flex;
    overflow: auto;
    width: 100%;
    height: 100%;
    max-width: 32rem;
    background-color: var(--clr-bg-100);
    transition: right var(--transition);
  }

  .menu--active {
    right: 0;
    transition: right var(--transition);
  }

  .burger {
    position: relative;
    z-index: 15;
    display: block;
    width: 2.5rem;
    height: 2rem;
    background-color: transparent;
  }

  .burger::after,
  .burger::before,
  .burger span {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.4rem;
    background-color: hsl(0, 0%, 0%);
  }

  .burger::before {
    top: 0;
    transition: transform var(--transition), top var(--transition);
  }

  .burger::after {
    bottom: 0;
    transition: transform var(--transition), bottom var(--transition);
  }

  .burger span {
    top: 0.8rem;
    transition: transform var(--transition);
  }

  .burger--active::before {
    top: 0.8rem;
    transform: rotate(45deg);
    transition: transform var(--transition), top var(--transition);
  }

  .burger--active::after {
    bottom: 0.8rem;
    transform: rotate(-45deg);
    transition: transform var(--transition), bottom var(--transition);
  }

  .burger--active span {
    transform: scale(0);
    transition: transform var(--transition);
  }

  .footer-contacts {
    flex-direction: row;
  }

  .footer-contacts__item {
    margin-top: 0;
  }
}

@media (max-width: 62em) and (max-width: 23.375em) {
  .footer-contacts {
    flex-direction: column;
    gap: 0.5rem;
  }
}

@media (max-width: 40em) {
  .hero-form {
    padding-inline: 3rem;
    width: 100%;
  }

  .hero-form label .datapicker {
    width: 100%;
  }

  .instagram__ico_1 {
    display: none;
  }
}

@media (max-width: 25em) {
  .up {
    border-radius: 1rem;
    width: 4rem;
    height: 4rem;
    background-color: #fee3e3;
  }
}

@media (max-width: 93.6875em) {
  .feedback__item {
    padding: 3rem 4rem 10rem 4rem;
  }

  .feedback__author {
    left: 4rem;
    bottom: 4rem;
  }
}

@media (max-width: 91.25em) {
  .apartments__flex {
    flex-direction: column;
  }

  .apartments-grid {
    margin-inline: auto;
  }
}

@media (max-width: 85.375em) {
  .about__wrapper {
    flex-direction: column;
    align-items: start;
  }

  .about__info {
    max-width: 100rem;
  }

  .about__img {
    align-self: end;
    width: 80rem;
  }

  .about__img img {
    width: 100%;
  }
}

@media (max-width: 85.375em) and (max-width: 78.125em) {
  .about__info {
    max-width: 100%;
  }

  .about__img {
    margin-inline: auto;
    width: 70%;
  }
}

@media (max-width: 85.375em) and (max-width: 46.875em) {
  .about__img {
    width: 100%;
  }
}

@media (max-width: 74.375em) {
  .hero-form form {
    flex-direction: column;
    width: 34.5rem;
  }

  .hero-form__caption {
    width: 35rem;
  }

  .hero-form label.number {
    max-width: 100%;
  }

  .hero-form__btn {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 74.375em) and (max-width: 40em) {
  .hero-form form {
    width: 100%;
  }

  .hero-form__caption {
    width: 80%;
    font-size: clamp(1.2rem, 1.0992125984rem + 0.3149606299vw, 1.6rem);
  }
}

@media (max-width: 73.4375em) {
  .instagram__ico_1 {
    left: 35rem;
    right: auto;
  }

  .instagram__ico_2 {
    top: 69%;
  }

  .instagram__ico_3 {
    right: 48rem;
  }

  .instagram__img_1 {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 2rem;
  }

  .instagram__img_2 {
    right: 25rem;
  }

  .instagram__img_3 {
    right: 15rem;
  }
}

@media (max-width: 73.4375em) and (max-width: 62em) {
  .instagram__ico_2 {
    right: 40rem;
  }

  .instagram__ico_3 {
    right: 30rem;
  }

  .instagram__img_2 {
    right: 15rem;
  }

  .instagram__img_3 {
    right: 5rem;
  }
}

@media (max-width: 73.4375em) and (max-width: 51.25em) {
  .instagram__ico_2 {
    right: 2rem;
  }

  .instagram__ico_3 {
    right: 25rem;
  }

  .instagram__img_2 {
    width: 18rem;
  }

  .instagram__img_3 {
    width: 18rem;
  }
}

@media (max-width: 73.4375em) and (max-width: 40em) {
  .instagram__ico_2 {
    left: 28rem;
    right: auto;
    top: -3rem;
  }

  .instagram__ico_3 {
    left: 40rem;
    right: auto;
  }

  .instagram__img_2 {
    left: 29rem;
    right: auto;
  }

  .instagram__img_3 {
    left: 23rem;
    right: auto;
    top: 34%;
    z-index: 2;
  }
}

@media (max-width: 73.4375em) and (max-width: 30em) {
  .instagram__ico_3 {
    left: 30rem;
  }

  .instagram__img_2 {
    left: 24rem;
    width: 15rem;
  }

  .instagram__img_3 {
    left: 15.5rem;
    width: 15rem;
  }
}

@media (max-width: 68.75em) {
  .services__flex {
    flex-wrap: wrap;
    justify-content: start;
    gap: 3.6rem;
  }

  .services__item {
    flex-basis: 30%;
  }

  .feedback__rhombus {
    display: none;
  }
}

@media (max-width: 68.75em) and (max-width: 56.25em) {
  .services__flex {
    justify-content: center;
  }

  .services__item {
    flex-basis: 45%;
  }
}

@media (max-width: 68.75em) and (max-width: 37.5em) {
  .services__flex {
    gap: 2rem;
  }
}

@media (max-width: 62.5em) {
  .hero__title {
    margin-top: 4rem;
    font-size: 10rem;
  }

  .hero__title span {
    margin-top: 1.5rem;
    font-size: 6rem;
  }
}

@media (max-width: 62.5em) and (max-width: 40em) {
  .hero__title {
    margin-top: 3rem;
    font-size: clamp(3.8rem, 3.4976377953rem + 0.9448818898vw, 5rem);
  }

  .hero__title span {
    font-size: clamp(2rem, 1.7480314961rem + 0.7874015748vw, 3rem);
  }
}

@media (max-width: 60.25em) {
  .apartments-grid {
    grid-template-columns: 1.55fr 1fr 1fr;
    grid-template-rows: 0.9fr 0.8fr;
  }
}

@media (max-width: 59.75em) {
  .map__iframe {
    height: 60rem;
  }
}

@media (max-width: 59.75em) and (max-width: 37.5em) {
  .map__iframe {
    height: 30rem;
  }
}

@media (max-width: 59.75em) and (max-width: 31.25em) {
  .map__iframe {
    height: 20rem;
  }
}

@media (max-width: 58.8125em) {
  .instagram .btn {
    gap: 5rem;
  }
}

@media (max-width: 51.25em) {
  .instagram__ico {
    width: 4rem;
    height: 4rem;
  }

  .instagram__ico_1 {
    left: auto;
    right: 20rem;
    top: 0;
  }

  .instagram__img_1 {
    width: 23rem;
  }
}

@media (max-width: 51.25em) and (max-width: 40em) {
  .instagram__ico svg {
    width: 2rem;
    height: 2rem;
  }
}

@media (max-width: 51.25em) and (max-width: 30em) {
  .instagram__img_1 {
    width: 17rem;
  }
}

@media (max-width: 46.3125em) {
  .next-arrow {
    position: absolute;
    right: 0;
    top: -2rem;
    margin-top: 0;
    margin-inline: auto;
    width: 5rem;
    height: 5rem;
    transform: translateY(0);
  }

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

  .feedback__wrap {
    max-width: 100%;
  }

  .feedback__more {
    display: inline-block;
  }
}

@media (max-width: 40.0625em) {
  .qs-datepicker-container {
    display: inline-block;
    width: 100%;
  }

  .qs-datepicker-container.qs-hidden {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .section {
    padding-top: 4rem;
  }

  .btn {
    padding: 0.9rem 1.6rem 1.1rem;
  }

  .btn::after {
    width: 4.7rem;
    height: 4.7rem;
  }

  .logo {
    width: 8.5rem;
  }

  .up {
    right: 2rem;
  }

  .header {
    padding-block: 0.5rem;
  }

  .header__phone {
    margin-left: auto;
    padding: 0 1rem 0 0;
    font-size: 1.4rem;
  }

  .header__phone_bg {
    display: none;
  }

  .footer__logo {
    width: 8.5rem;
    height: 4rem;
  }

  .hero {
    padding-block: 2.5rem;
  }

  .about {
    padding-bottom: 4rem;
  }

  .about__info .text {
    margin-top: 1.7rem;
  }

  .services {
    padding-block: 10rem 7rem;
  }

  .services::after {
    height: 5rem;
  }

  .services::before {
    height: 5rem;
  }

  .apartments {
    padding-block: 5rem;
  }

  .apartments__flex {
    margin-top: 1.7rem;
  }

  .apartments-info__price {
    margin-top: 2rem;
  }

  .apartments-info .btn {
    margin-top: 2rem;
  }

  .instagram {
    padding-block: 8rem 3rem;
  }

  .instagram__caption {
    margin-top: 2rem;
  }

  .instagram .btn {
    margin-top: 2rem;
    gap: 1rem;
  }

  .instagram .btn .instagram-btn-span {
    display: none;
  }

  .map {
    padding-bottom: 0;
  }

  .map .container {
    padding: 0;
  }

  .map .title {
    padding-left: 1.5rem;
  }

  .map__caption {
    padding-left: 1.5rem;
  }

  .map__caption svg {
    width: 2rem;
  }

  .map__board {
    display: none;
  }

  .map__ico {
    display: none;
  }
}

@media (max-width: 35.625em) {
  .map__img {
    display: none;
  }

  .map__info {
    flex-basis: 100%;
  }
}

@media (max-width: 32.1875em) {
  .apartments-grid {
    gap: 1rem;
  }
}

@media (max-width: 31.25em) {
  .footer {
    padding-block: 1.5rem;
  }

  .footer-contacts__item svg {
    width: 2rem;
  }

  .services__ico {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
}

@media (max-width: 28.125em) {
  .hero-form__caption::after {
    transform: translate(-50%, -40%) scale(0.8);
  }
}

@media (max-width: 28.125em) and (max-width: 23.125em) {
  .hero-form__caption::after {
    transform: translate(-50%, -40%) scale(0.7);
  }
}

@media (max-width: 25.625em) {
  .hero-form__btn svg {
    transform: translateY(0.4rem);
  }

  .hero-form__btn span {
    font-size: 1.2rem;
  }
}

/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
gmp-map {
  height: 100%;
}

/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
/*# sourceMappingURL=style.css.map */