/* DEFAULT  */

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style-type: none;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;

  font-family: "Unbounded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--dark);
  font-variant-numeric: lining-nums tabular-nums;


  transition: 0.2s;
}

/* DEFAULT  */


/* ROOT  */

:root {
  --white: #fff;
  --sea: #81D8CF;
  --dark: #1A1A1A;
}

/* ROOT  */


/* ALL PAGES */

html {
  scroll-behavior: smooth;
  background: #ECF9F8;
}

html,
body {
  position: relative;
  min-height: 100%;

  /* overflow-x: hidden; */
}

main {
  min-height: 100%;
  height: 100%;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ECF9F8;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 70;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid var(--sea);
  border-top-color: var(--dark);
  border-radius: 50%;
  animation: spinPreloader 1s linear infinite;
}

@keyframes spinPreloader {
  0% {
    transform: rotate(0deg);
  }

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

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

span {
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}

section {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;

}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  padding: 0 20px;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

button {
  cursor: pointer;
  white-space: nowrap;
}

.title {
  text-align: center;

  font-size: 34px;
  line-height: 37px;
  font-weight: 700;
  color: var(--dark);
}

.text {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;

  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--dark);
}









/* INTRO */

.intro {
  padding: 20px;
}

.intro__container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 24px;
  gap: 16px;

  border-radius: 32px;

  background: var(--white);
}

.intro__col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.intro__col--left {
  border-radius: 0 24px 24px 0;
  background: url('../img/intro__bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;

  overflow: hidden;
}

.intro__col--right {
  max-width: 250px;
  flex-shrink: 0;
}

.intro__header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
}

.intro__logo {
  position: relative;
  display: flex;
  padding: 16px 16px 16px 0;
  border-radius: 0 0 30px 0;
  background: var(--white);
}

.intro__logo:hover .intro__logo-img {
  transform: scale(0.98);
}

.intro__logo::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 50%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 28C0 12.536 12.536 0 28 0H0V28Z' fill='white'/%3e%3c/svg%3e ");
  background-size: contain;
  background-repeat: no-repeat;



  /* background: var(--white);
  mask: radial-gradient(circle at 100% 100%, transparent 70%, black 70%);
  pointer-events: none; */
}

.intro__logo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  display: flex;
  height: 50%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 28C0 12.536 12.536 0 28 0H0V28Z' fill='white'/%3e%3c/svg%3e ");
  background-size: contain;
  background-repeat: no-repeat;



  /* background: var(--white);
  mask: radial-gradient(circle at 100% 100%, transparent 70%, black 70%);
  pointer-events: none; */
}

.nav__list {
  display: flex;
  width: 100%;

  border-radius: 50px;

  background: rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(16px);
}

.nav__item {
  display: flex;
}

.nav__link {
  padding: 14px 24px;
  font-size: 16px;
  line-height: 1;
  line-height: 16px;
  font-weight: 500;
  color: var(--white);

  white-space: nowrap;
}

.nav__link:hover {
  opacity: 0.5;
}

.intro__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 700px;

  font-size: 44px;
  line-height: 44px;

  text-align: left;
}

.intro__title-span {
  position: relative;
  padding: 8px 16px 12px 0;
  background: var(--white);
  border-radius: 0 30px 30px 0;
}

.intro__title-span--one {}

.intro__title-span--one::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  display: flex;
  height: 50%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0C0 15.464 12.536 28 28 28H0V0Z' fill='white'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}

.intro__title-span--two {
  border-radius: 0;
  padding: 8px 16px 8px 0;
}

.intro__title-span--two::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  display: flex;
  height: 50%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 28C0 12.536 12.536 0 28 0H0V28Z' fill='white'/%3e%3c/svg%3e ");

  background-size: contain;
  background-repeat: no-repeat;
}

.intro__title-span--two::after {
  content: "";
  position: absolute;
  bottom: 100%;
  bottom: 0;
  left: 100%;
  display: flex;
  height: 50%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0C0 15.464 12.536 28 28 28H0V0Z' fill='white'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}

/* .intro__title-span--two::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  display: flex;
  height: 100%;
  aspect-ratio: 1/1;

  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='328' height='328' viewBox='0 0 328 328' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M164 0H0V164V328H164C73.4253 328 0 254.575 0 164C0 73.4253 73.4253 0 164 0Z' fill='white'/%3e%3c/svg%3e ");

  background-size: contain;
} */

.intro__title-span--three {
  border-radius: 0 30px 0 0;
}

.intro__title-span--three::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 100%;
  display: flex;
  height: 50%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0C0 15.464 12.536 28 28 28H0V0Z' fill='white'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}


.text-green-gradient {
  -webkit-text-fill-color: transparent;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, #8ADBD3, #44726D);
  -webkit-background-clip: text;
  background-clip: text;
}


.intro__upper {
  display: flex;
  width: 100%;
  gap: 8px;

  margin-bottom: 16px;
}

.intro__call {
  display: flex;
  height: 40px;
  aspect-ratio: 1/1;
}

.intro__call--icon {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.intro__book {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 16px;
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(to right, #8ADBD3 0%, #44726D 100%);

  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  color: var(--white);

  cursor: pointer;
}

.intro__book:hover {
  transform: scale(0.98);
  opacity: 0.7;
}

.intro__call:hover {
  transform: scale(0.9);
}

.intro__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}

.intro__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 170px;
  background: var(--sea);
  padding: 16px;

  border-radius: 24px;

  cursor: pointer;
}

.intro__item-svg-wrapper {
  position: absolute;
  right: -2px;
  bottom: -2px;
  display: flex;
  width: 56px;
  padding: 8px;
  /* aspect-ratio: 1 / 1; */
  background: var(--white);
  border-radius: 24px 0 0 0;
}

.intro__item-svg-icon {
  width: 100%;
  height: 100%;
  padding: 8px;
  background: var(--sea);
  border-radius: 50%;
  object-fit: contain;
}

.intro__item-svg-wrapper::before {
  content: "";
  position: absolute;
  right: calc(100% - 1px);
  bottom: 0;
  display: flex;
  width: 40%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M28 0C28 15.464 15.464 28 0 28H28V0Z' fill='white'/%3e%3c/svg%3e");

  background-size: contain;
  background-repeat: no-repeat;
}

.intro__item-svg-wrapper::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  display: flex;
  width: 40%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M28 0C28 15.464 15.464 28 0 28H28V0Z' fill='white'/%3e%3c/svg%3e");

  background-size: contain;
  background-repeat: no-repeat;
}


.intro__item:hover {
  opacity: 0.75;
}

.intro__item--one {
  background-image: url('../img/intro__item--one.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro__item--two {
  background: #8ADBD3;
}

.intro__item--three {
  background: #CCCCCC;
}

.intro__item-text {}

.intro__item-text--up {
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  color: var(--white);
}

.intro__item--two .intro__item-text--up {
  font-size: 20px;
  line-height: 20px;
}

.intro__item-text--down {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: var(--white);
}

.intro__icons {}

.intro__icon {}












.promo__container {
  align-items: center;
}

.promo__title {
  margin-top: 100px;
  margin-bottom: 32px;
}

.promo__title span {
  padding: 14px;

  color: var(--white);

  border-radius: 14px;
  background: var(--sea);
}

.promo__wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 120px 24px;
  border-radius: 24px;

  background-image: url('../img/promo__wrapper.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;

  margin-bottom: 100px;
}

.promo__content {
  display: flex;
  max-width: 550px;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 40px 60px;
  border-radius: 24px;

  /* background: var(--dark); */
  background: rgba(26, 26, 26, 0.8);
}

.promo__content * {
  text-align: center;

  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;

  color: var(--white);
}

.promo__title2 {
  position: relative;

  font-size: 20px;
  line-height: 20px;
  font-weight: 600;

  margin-bottom: 32px;
}

.promo__title2::after {
  content: '';
  position: absolute;
  top: 0;
  left: calc(100% + 16px);

  display: flex;
  aspect-ratio: 1/1;
  width: 56px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='59' height='48' viewBox='0 0 59 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.6281 33.4442L46.9203 47.7511C48.9293 48.543 51.0664 47.383 51.6938 45.1597L58.7897 20.0141C59.417 17.7908 58.2972 15.3466 56.2882 14.5547L19.9959 0.247827C19.0311 -0.132531 17.9863 -0.073187 17.0913 0.412888L1.82894 8.69865C0.160023 9.60467 -0.484157 11.8867 0.390439 13.7954L8.38876 31.251C8.85768 32.2749 9.66322 33.0638 10.6281 33.4442ZM9.25827 17.9884C7.64863 17.3536 6.751 15.3952 7.25385 13.6139C7.75671 11.8326 9.46909 10.9027 11.0787 11.5374C12.6884 12.1722 13.586 14.1306 13.0835 15.9123C12.5803 17.6932 10.8682 18.6227 9.25827 17.9884Z' fill='%2381D8CF'/%3e%3cpath d='M16.3783 16.1436L19.2677 17.3363L18.494 19.2104L15.6047 18.0177L16.3783 16.1436Z' fill='white'/%3e%3cpath d='M22.7619 14.419L29.2108 17.081L28.4708 18.8737L22.692 16.4883L23.7769 16.4456L22.0229 19.3864L21.4578 19.1668C21.7406 18.9384 22.0709 18.7614 22.4485 18.6357C22.8261 18.51 23.2488 18.462 23.7167 18.4916C24.1877 18.5135 24.6942 18.6363 25.2362 18.86C25.9393 19.1502 26.4923 19.5238 26.8951 19.9808C27.3085 20.433 27.5647 20.9338 27.6636 21.4833C27.7657 22.025 27.6999 22.5791 27.466 23.1456C27.2161 23.7509 26.8324 24.2237 26.3147 24.5641C25.8076 24.8997 25.1976 25.0793 24.4849 25.103C23.7828 25.122 23.0106 24.9576 22.1683 24.61C21.3553 24.2744 20.6961 23.8569 20.1907 23.3577C19.6959 22.8537 19.3644 22.3172 19.1963 21.7483C19.0388 21.1746 19.045 20.6095 19.2147 20.0529L21.4779 20.9871C21.4262 21.32 21.523 21.6461 21.7684 21.9653C22.017 22.2768 22.405 22.5414 22.9323 22.7591C23.2985 22.9103 23.6306 22.9883 23.9286 22.9933C24.2298 22.9904 24.4884 22.9246 24.7044 22.7958C24.9237 22.6593 25.0878 22.459 25.1967 22.1952C25.2992 21.9469 25.3282 21.7 25.2838 21.4546C25.2394 21.2092 25.1135 20.9846 24.9061 20.781C24.7019 20.5695 24.4167 20.3882 24.0505 20.2371C23.7429 20.1101 23.4538 20.0316 23.1833 20.0017C22.9128 19.9718 22.6635 19.9733 22.4356 20.0064C22.215 20.0425 22.0168 20.0969 21.841 20.1697L19.8745 19.3579L22.7619 14.419Z' fill='white'/%3e%3cpath d='M31.6674 28.5311C30.7299 28.1441 29.9901 27.6208 29.4481 26.9611C28.9093 26.2936 28.5904 25.5398 28.4914 24.6997C28.3998 23.8626 28.543 22.9861 28.921 22.0704C29.299 21.1547 29.8157 20.4325 30.4711 19.9038C31.1339 19.3781 31.8901 19.0726 32.7396 18.9873C33.5924 18.8943 34.4875 19.0412 35.425 19.4282C36.3551 19.8122 37.086 20.3364 37.6175 21.0008C38.1595 21.6605 38.48 22.4105 38.579 23.2506C38.6779 24.0907 38.5384 24.9686 38.1604 25.8844C37.7824 26.8001 37.262 27.5208 36.5993 28.0465C35.9365 28.5722 35.1788 28.8816 34.326 28.9746C33.4838 29.0629 32.5976 28.9151 31.6674 28.5311ZM32.4747 26.5755C33.2144 26.8809 33.8822 26.8931 34.4782 26.6123C35.0773 26.3238 35.5467 25.7682 35.8862 24.9456C36.229 24.1153 36.2882 23.3904 36.0639 22.771C35.8395 22.1516 35.3575 21.6892 34.6177 21.3838C33.878 21.0785 33.2065 21.0647 32.6032 21.3424C31.9999 21.6202 31.5269 22.1743 31.1842 23.0046C30.8446 23.8272 30.7891 24.5536 31.0175 25.1838C31.2492 25.8062 31.7349 26.2701 32.4747 26.5755Z' fill='white'/%3e%3cpath d='M41.4762 28.125C40.9049 27.8892 40.4444 27.5719 40.0946 27.1733C39.7449 26.7746 39.5272 26.3259 39.4415 25.8274C39.3632 25.3318 39.4313 24.8241 39.646 24.3041C39.8606 23.7842 40.1688 23.3801 40.5707 23.0918C40.9831 22.7989 41.4539 22.6344 41.983 22.5985C42.5122 22.5626 43.0624 22.6626 43.6337 22.8984C44.2196 23.1403 44.6838 23.4591 45.0262 23.8547C45.3759 24.2534 45.59 24.7005 45.6683 25.1961C45.7498 25.6839 45.6833 26.1877 45.4687 26.7077C45.254 27.2276 44.9442 27.6356 44.5391 27.9316C44.134 28.2276 43.6669 28.3936 43.1378 28.4294C42.616 28.4684 42.0621 28.3669 41.4762 28.125ZM42.0432 26.7514C42.4094 26.9026 42.7399 26.9119 43.0346 26.7792C43.3294 26.6466 43.5585 26.3824 43.7219 25.9866C43.8788 25.6064 43.8996 25.2653 43.7842 24.9633C43.6794 24.6566 43.4438 24.4277 43.0776 24.2765C42.7114 24.1254 42.3793 24.12 42.0814 24.2604C41.7866 24.393 41.5607 24.6495 41.4038 25.0297C41.2404 25.4255 41.2164 25.7744 41.3318 26.0763C41.4472 26.3783 41.6843 26.6033 42.0432 26.7514ZM47.7772 35.1947C47.1986 34.9559 46.7344 34.6371 46.3847 34.2384C46.0422 33.8427 45.8282 33.3956 45.7425 32.897C45.6642 32.4015 45.7324 31.8938 45.947 31.3738C46.1616 30.8539 46.4699 30.4498 46.8717 30.1615C47.2841 29.8685 47.7549 29.7041 48.2841 29.6682C48.8132 29.6323 49.3634 29.7323 49.9347 29.9681C50.5206 30.21 50.9848 30.5287 51.3272 30.9244C51.6697 31.3201 51.88 31.7657 51.9584 32.2612C52.0472 32.752 51.9843 33.2574 51.7697 33.7774C51.5551 34.2973 51.2416 34.7038 50.8292 34.9968C50.4241 35.2928 49.957 35.4587 49.4278 35.4946C48.906 35.5335 48.3558 35.4335 47.7772 35.1947ZM48.349 33.8095C48.7152 33.9607 49.0457 33.9699 49.3405 33.8373C49.6352 33.7046 49.8627 33.4443 50.0229 33.0563C50.1831 32.6683 50.2055 32.3233 50.0901 32.0214C49.9779 31.7117 49.7387 31.4812 49.3725 31.3301C49.0063 31.1789 48.6742 31.1735 48.3762 31.3139C48.0888 31.4496 47.865 31.7114 47.7048 32.0994C47.5446 32.4874 47.5186 32.8309 47.6266 33.1298C47.742 33.4318 47.9828 33.6583 48.349 33.8095ZM48.9469 25.2279L50.5948 25.9082L42.4976 32.7837L40.8607 32.108L48.9469 25.2279Z' fill='white'/%3e%3c/svg%3e ");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}



.promo__price {
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;

  margin-bottom: 8px;
}

.promo__subprice {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;

  color: var(--white);
  opacity: 0.5;

  margin-bottom: 32px;
}

.promo__text {
  max-width: 400px;

  font-size: 16px;
  line-height: 20px;
  font-weight: 400;

  color: var(--white);

  margin-bottom: 32px;
}

.promo__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;

  padding: 16px 32px;
  height: 100%;
  border-radius: 12px;
  background: var(--sea);

  font-family: "Unbounded", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;

  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.promo__btn:hover {
  transform: scale(0.98);
  opacity: 0.7;
}


.incost {}

.incost__container {
  align-items: center;
}

.incost__title {
  margin-bottom: 16px;
}

.incost__subtitle {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 24px;
}

.incost__list {
  display: flex;
  width: 100%;
  gap: 16px;

  margin-bottom: 100px;
}

.incost__item {

  display: flex;
  flex-direction: column;
  width: 100%;
  height: 150px;
  justify-content: space-between;

  padding: 16px;
  border-radius: 16px;
  background: #8ADBD3;
}

.incost__item * {
  color: var(--white);
}

.incost__item:nth-child(2n) {
  background: #CCCCCC;
}

.incost__text {
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}

.incost__num {
  font-size: 18px;
  line-height: 18px;
}



.ideal {
  margin-bottom: 100px;
}

.ideal__container {
  position: relative;

}

.ideal__overlay {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: radial-gradient(ellipse, transparent 40%, #ECF9F8 100%);
  z-index: 2;
}

.ideal__bg {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: url('../img/ideal__container.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.ideal__title {
  position: relative;
  text-align: left;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;

  margin: 80px 0 150px 0;
  z-index: 3;
}

.ideal__title span:first-of-type {
  font-weight: 700;
}

.ideal__title span:last-of-type {
  position: absolute;
  display: inline-block;
  font-weight: 700;


  padding: 14px;
  color: var(--white);
  border-radius: 14px;
  background: var(--sea);
  white-space: nowrap;

  transform-origin: top left;

  transform: rotate(4deg) translate(16px, 8px);
}





.locate {
  /* overflow: visible; */
}

.locate__container {
  overflow: visible;
}

.locate__title {
  margin: 32px 0;
}

.locate__title span {
  padding: 14px;
  color: var(--white);
  border-radius: 14px;
  background: var(--sea);
}

.locate__subtitle {
  max-width: 780px;
  text-align: center;

  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 24px;
}

.locate__subtitle span {
  font-weight: 600;
}

.locate__slider {
  display: flex;
  width: 100%;

  margin-bottom: 100px;
}

.locate__slide {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  border-radius: 24px;
  margin-bottom: 100px;
  overflow: hidden;

  cursor: grab;
}

.locate__content:hover .locate__img-wrapper img {
  transform: scale(1.1);
}

.locate__slide:active {
  cursor: grabbing;
}


.locate__item-svg-wrapper {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: flex;
  width: 48px;
  aspect-ratio: 1 / 1;
  border-radius: 24px 0 0 0;

  z-index: 3;
}

.locate__item-svg-icon {
  width: 100%;
  height: 100%;
  padding: 8px;
  background: var(--sea);
  border-radius: 50%;
  object-fit: contain;
}

.locate__item-svg-wrapper:hover {
  opacity: 0.75;
}


.locate__content {
  display: flex;
  max-width: 550px;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 40px;
  border-radius: 24px;

  background: var(--dark);

  z-index: 5;
}

.locate__content * {
  text-align: center;

  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;

  color: var(--white);
}

.locate__img-wrapper {
  display: flex;
  width: 100%;
  aspect-ratio: 1/0.75;
  border-radius: 16px;
  overflow: hidden;
}

.locate__title2 {
  position: relative;

  font-size: 30px;
  line-height: 30px;
  font-weight: 600;

  margin: 32px 0;
}

.locate__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;

  padding: 16px 32px;
  height: 100%;
  border-radius: 12px;
  background: var(--sea);

  font-family: "Unbounded", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;

  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}

.locate__btn:hover {
  transform: scale(0.98);
  opacity: 0.7;
}

.locate__blur {
  position: absolute;
  top: 0;
  left: 0;

  display: flex;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);

  z-index: 2;
}

.locate__img-back {
  position: absolute;
  top: 0;
  left: 0;

  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;

  z-index: 1;
}






.decor {}

.decor__container {}

.decor__title {
  max-width: 1000px;
  font-weight: 400;
  margin-bottom: 32px;
}

.decor__title span {
  font-weight: 700;

  -webkit-text-fill-color: transparent;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, #8ADBD3, #44726D);
  -webkit-background-clip: text;
  background-clip: text;
}

.decor__list {
  display: flex;
  width: 100%;
  gap: 30px;

  margin-bottom: 100px;
}

.decor__item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 24px;
  aspect-ratio: 1/1;
  background: var(--dark);
  color: var(--white);

  text-align: center;
  font-size: 20px;
  line-height: 20px;

  border-radius: 50%;

  overflow: hidden;
}

.decor__item:nth-child(2n) {
  background: #B3B3B3;
  color: var(--dark);
}

.decor__item:nth-child(3n) {
  background: #8ADBD3;
  color: var(--white);
}






.cards {
  overflow: visible;
}

.cards__container {
  overflow: visible;
}

.cards__title-wrapper {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 32px;

  margin-bottom: 32px;
}

.cards__percent {
  display: flex;
  padding: 14px;

  font-weight: 700;
  color: var(--white);
  white-space: nowrap;

  border-radius: 14px;
  background: var(--sea);
  /* transform-origin: top left; */
  transform: rotate(8deg) translateY(6px);
}

.cards__title {
  text-align: left;
}

.cards__list {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;

  margin-bottom: 100px;
}

.cards__item {
  position: sticky;
  top: 24px;
  display: flex;
  width: 100%;
  padding: 32px;
  background: var(--white);
  gap: 56px;
  border-radius: 24px;

  margin-bottom: 24px;
}

.cards__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.cards__title2 {
  font-size: 24px;
  line-height: 1.1;

  text-align: left;
  margin-bottom: 16px;
}

.cards__text {
  line-height: 1;
  font-weight: 400;

  text-wrap: balance;
}

.cards__text span {
  font-weight: 700;
}

.cards__img-wrapper {
  display: flex;
  width: 100%;
  aspect-ratio: 1/0.75;
  border-radius: 16px;
  overflow: hidden;
}

.cards__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}




.cost {
  overflow: visible;
}

.cost__container {
  overflow: visible;
}

.cost__title {
  max-width: 900px;
  line-height: 1.6;

  margin-bottom: 24px;
}

.cost__title span {
  padding: 14px;
  color: var(--white);
  border-radius: 14px;
  background: var(--sea);
}

.cost__list {
  display: flex;
  width: 100%;
  flex-direction: column;

  margin-bottom: 100px;
}

.cost__item {
  position: sticky;
  top: 24px;
  display: flex;
  width: 100%;
  min-height: 350px;
  padding: 32px;
  background: var(--dark);
  gap: 56px;
  border-radius: 24px;
  margin-bottom: 24px;

  border-top: 0.5px solid rgba(255, 255, 255, 0.08);

  overflow: hidden;
}

.cost__item * {
  color: var(--white);
}

.cost__item-col {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cost__name {
  text-align: left;
  z-index: 2;

  margin-bottom: 16px;
}

.cost__text {
  line-height: 1;
  font-weight: 300;
  text-wrap: balance;
}

.cost__text span {
  font-weight: 700;
}

.cost__num {
  position: absolute;
  bottom: -48px;
  left: 32px;

  font-size: 144px;
  line-height: 1;
  color: #8ADBD3;
}

.cost__price-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cost__price-item {
  display: flex;
  width: 100%;
  justify-content: space-between;

  padding: 16px 0;
  border-bottom: 1px solid #333333;
}

.cost__price-name {
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
}

.cost__extra {
  font-size: 14px;
  line-height: 1;
  font-weight: 300;
}

.cost__price-num {
  font-size: 20px;
  line-height: 1;
  font-weight: 300;

  white-space: nowrap;
}

.cost__note {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;

  color: #666666;

  margin-top: 16px;
}














.extra-services {}

.extra-services__container {
  flex-direction: row;
  gap: 56px;
}

.extra-services__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.extra-services__title {
  font-size: 24px;
  line-height: 1.1;
  text-align: left;
  margin-bottom: 16px;

  text-align: left;
}

.extra-services__subtitle {
  line-height: 1;
  font-weight: 400;
  text-wrap: balance;
  margin-bottom: 16px;
}

.extra-services__subtitle span {
  font-weight: 700;
}

.extra-services__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 56px;
  height: 100%;
  gap: 8px;
  border-radius: 12px;
  background: var(--sea);
}

.extra-services__btn:hover {
  transform: scale(0.98);
  opacity: 0.7;
}

.extra-services__btn-svg {
  display: flex;
  width: 20px;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.extra-services__btn-text {
  font-family: "Unbounded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  color: var(--white);
}

.extra-services__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 16px;

  margin-bottom: 100px;
}

.extra-services__item {
  display: flex;
  flex-direction: column;
  width: calc(100% / 2 - 8px);
  justify-content: space-between;
  height: 150px;
  background: var(--sea);
  border-radius: 24px 24px 0 24px;
  overflow: hidden;
}

.extra-services__item:hover {
  opacity: 0.75;
}

.extra-services__link {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  padding: 16px;
  overflow: hidden;
}

.extra-services__item:nth-child(1) {
  background: url('../img/extra-services__item1.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.extra-services__item:nth-child(4),
.extra-services__item:nth-child(5) {
  background: #B3B3B3;
}

.extra-services__item:nth-child(6) {
  background: url('../img/extra-services__item2.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}


.extra-services__name {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: var(--white);
}

.extra-services__svg-wrapper {
  position: absolute;
  right: -2px;
  bottom: -2px;
  display: flex;
  width: 56px;
  padding: 16px;
  aspect-ratio: 1/1;
  background: #ECF9F8;
  border-radius: 24px 0 0 0;
}

.extra-services__svg-wrapper::before {
  content: "";
  position: absolute;
  right: calc(100% - 1px);
  bottom: 0;
  display: flex;
  width: 40%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M28 0C28 15.464 15.464 28 0 28H28V0Z' fill='%23ECF9F8'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}

.extra-services__svg-wrapper::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  display: flex;
  width: 40%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M28 0C28 15.464 15.464 28 0 28H28V0Z' fill='%23ECF9F8'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}

.extra-services__svg-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}











.steps {}

.steps__container {}

.title {}

.steps__title {
  margin-bottom: 32px;
}

.steps__title span {
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, #8ADBD3, #44726D);
  -webkit-background-clip: text;
  background-clip: text;
}

.steps__wrapper {
  display: flex;
  width: 100%;
  border-radius: 24px;
  background: var(--sea);
  padding: 32px;

  margin-bottom: 72px;
}

.steps__list {
  display: flex;
  width: 100%;
  gap: 16px;
}


.steps__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  background: var(--dark);
}

.steps__num {
  display: flex;
  padding: 8px;
  border-radius: 8px;
  background: var(--sea);
  color: var(--white);

  font-size: 24px;
  line-height: 1.1;
}

.text {}

.steps__text {
  font-size: 14px;
  line-height: 1;
  font-weight: 200;
  text-wrap: balance;
  color: var(--white);
}







.video {
  overflow: visible;
}

.video__container {
  overflow: visible;
}

.video__wrapper {
  position: relative;
  display: flex;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 24px;

  margin-bottom: 100px;
}

.video__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);

  display: flex;
  width: 56px;
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--sea);

  overflow: hidden;

  cursor: pointer;

  transform-origin: center center;
  z-index: 5;
}

.video__icon:hover {
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 0.8;
}

.video__icon-svg {}

.video__video {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;

  border-radius: 24px;

  z-index: 1;
}

.video__title {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%) rotate(-8deg);

  padding: 14px;
  color: var(--white);
  border-radius: 14px;
  background: var(--sea);
  z-index: 2;
}










.files {}

.files__container {}

.files__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 56px 24px;
  border-radius: 24px;
  background: var(--sea);
  margin-bottom: 100px;
}

.files__title {
  max-width: 800px;
  line-height: 1.6;
  margin-bottom: 32px;
}

.files__title span {
  padding: 14px;
  color: var(--white);
  border-radius: 14px;
  background: #B3B3B3;
}

.files__content {
  position: relative;
  display: flex;
  max-width: 550px;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 40px 60px;
  border-radius: 24px;
  background: var(--dark);
}

.files__title2 {
  font-size: 20px;
  line-height: 1;
  color: var(--white);
  text-align: center;

  margin-bottom: 32px;
}

.files__text {
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
  color: var(--white);
  text-align: center;

  margin-bottom: 32px;
}

.files__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px 32px;
  height: 100%;
  border-radius: 12px;
  background: var(--sea);
  font-family: "Unbounded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  color: var(--white);
}

.files__btn:hover {
  transform: scale(0.98);
  opacity: 0.7;
}

.files__img1 {
  position: absolute;
  top: 30%;
  left: -160px;
}

.files__svg1 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.files__img2 {
  position: absolute;
  top: 70%;
  right: -160px;
}

.files__svg2 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}










.end {}

.end__container {
  /* height: 1000px; */
  align-items: flex-start;
}

.end__title {
  max-width: 700px;

  position: relative;
  text-align: left;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  z-index: 3;

  margin-bottom: 56px;
}

.end__title span {
  position: absolute;
  display: inline-block;
  font-weight: 700;
  padding: 14px;
  color: var(--white);
  border-radius: 14px;
  background: var(--sea);
  white-space: nowrap;
  transform-origin: top left;
  transform: rotate(4deg) translate(16px, 8px);
}

.end__wrapper {
  display: flex;
  width: 100%;
  gap: 24px;

  margin-bottom: 100px;
}

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

.end__col:nth-child(1) {
  width: 350px;
  flex-shrink: 0;
}

.end__col:nth-child(2) {}

.end__title2 {
  font-size: 34px;
  line-height: 1.1;

  margin-bottom: 24px;
}

.end__phone-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  border-radius: 40px;
  padding: 8px;
  background: #000;
  border: 2px solid #9FA1A1;

  overflow: hidden;
}

.end__phone {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  width: calc(100% - 16px);
  height: auto;
  z-index: 2;
}

.end__video {
  display: flex;
  width: 100%;
  aspect-ratio: 9/18;
  object-fit: cover;

  border-radius: 32px;
  overflow: hidden;
}

.end__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);

  display: flex;
  width: 56px;
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--sea);

  overflow: hidden;

  cursor: pointer;

  transform-origin: center center;
  z-index: 5;
}

.end__icon:hover {
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 0.8;
}

.end__icon-svg {}


.end__list {
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  gap: 24px;
}

.end__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% / 2 - 12px);
}

.end__item:nth-child(1) {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  border-radius: 24px;
  background: var(--dark);
}

.end__item:nth-child(2) {
  display: flex;
  width: calc(50% - 12px);
  background: var(--sea);
  padding: 32px;
  border-radius: 24px;
}

.end__item:nth-child(3) {
  display: flex;
  width: calc(50% - 12px);
  background: #B3B3B3;
  padding: 32px;
  border-radius: 24px;
}


.end__upper-text {
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
  color: var(--white);
}

.end__upper-text span {
  font-weight: 700;
}

.end__btns-wrapper {
  display: flex;
  width: 100%;
  gap: 16px;
  align-items: center;
}

.end__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px 32px;
  height: 100%;
  border-radius: 12px;
  background: var(--sea);
  font-family: "Unbounded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  color: var(--white);
}

.end__btn:nth-child(1) {}

.end__btn:nth-child(2) {
  background: var(--white);
  color: var(--sea);
}

.end__btn:hover {
  transform: scale(0.98);
  opacity: 0.7;
}

.end__title3 {
  font-size: 18px;
  line-height: 1.1;
  text-align: left;
  color: var(--white);
}

.end__apps {
  display: flex;
  gap: 8px;
}

.end__app {
  display: flex;
  width: 48px;
  aspect-ratio: 1/1;
  object-fit: contain;
  flex-shrink: 0;
  flex-grow: 0;
}

.end__app:hover {
  transform: scale(0.95);
  opacity: 0.7;
}

.end__app-link {
  display: flex;
  width: 100%;
  height: 100%;
}

.end__app svg {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: contain;
  flex-shrink: 0;
  flex-grow: 0;
}













.map {}

.map__container {}

.map__wrapper {
  position: relative;
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  aspect-ratio: 16/9;
  border-radius: 24px;
  overflow: hidden;
}

.map__wrapper iframe {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
}

.map__text {
  position: absolute;
  top: 24px;
  left: 24px;

  display: flex;
  max-width: 400px;
  padding: 24px;
  border-radius: 20px;
  background: #B3B3B3;

  font-size: 18px;
  line-height: 1.1;
  text-align: left;
  color: var(--white);
}























.footer {
  display: flex;
  width: 100%;
  justify-content: center;
}

.footer__container {
  align-items: flex-start;
  padding-top: 32px;
  padding-bottom: 32px;
}

.footer__title {
  font-size: 18px;
  line-height: 1.1;
  text-align: left;
  margin-bottom: 24px;
}

.footer__links {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 24px;
}

.footer__list {
  display: flex;
  gap: 8px;
}

.footer__item {
  display: flex;
  width: 32px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  flex-grow: 0;
}

.footer__item:hover {
  transform: scale(0.95);
  opacity: 0.7;
}

.footer__link {
  display: flex;
  width: 100%;
  height: 100%;
}

.footer__link svg {
  display: flex;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.footer__phone {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, #8ADBD3, #44726D);
  -webkit-background-clip: text;
  background-clip: text;
}

.footer__phone:hover {
  opacity: 0.7;
}

.footer__copyright {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
























.modal {
  position: fixed;
  inset: 0;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  overflow-y: auto;
  padding: 40px 16px;
  box-sizing: border-box;
}

.modal__content {
  background-color: var(--dark);
  padding: 80px;
  border-radius: 12px;
  max-width: 700px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
}

.modal__title {
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 24px;
}

.modal__subtitle {
  text-align: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #ccc;
}

.modal__success {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal__label {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  color: var(--white);
}

.modal__input {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid #333;
  background-color: #121212;

  font-size: 16px;
  margin-top: 8px;
  color: var(--white);
}

/* .modal__input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

.modal__input[type="date"]::-webkit-inner-spin-button,
.modal__input[type="date"]::-webkit-clear-button {
  display: none;
}

.modal__input[type="date"]::-moz-focus-inner {
  border: 0;
} */

/*Так можно перекрасить*/
.modal__input::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

/*А так убрать*/
.modal__input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 1;
  cursor: pointer;
}


.modal__select {
  appearance: none;
  -webkit-appearance: none;
  background-color: #121212;
  padding-right: 40px;
}

.modal__select option {
  color: var(--white);
}

.modal__group {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
}

.modal__group--row {
  flex-direction: row;
  display: flex;
  gap: 16px;
}

.modal__label--half {
  flex: 1;
  display: flex;
  flex-direction: column;

}

.modal__input-wrapper {
  position: relative;
  display: flex;
}

.modal__radios {
  display: flex;
  width: 100%;
  gap: 16px;
  margin-top: 8px;
}

.modal__radio {
  position: relative;
  display: flex;
  width: 100%;
}

.modal__radio input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.modal__radio span {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 16px 16px;
  background-color: #000;
  border: 1px solid transparent;

  border-radius: 12px;
  text-align: center;
  cursor: pointer;

  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  color: white;
  white-space: nowrap;
}

.modal__radio input:checked+span {
  background-color: var(--sea);
  color: var(--white);
}

.modal__submit {
  margin-top: 32px;
  width: 100%;
  padding: 14px;
  background-color: #8ef1ec;
  color: #000;
  font-weight: 700;
  font-size: 16px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: opacity 0.3s;
}

.modal__submit:hover {
  opacity: 0.9;
}























@media (max-width: 1200px) {
  .container {
    max-width: 768px;
  }

  .intro__container {
    flex-direction: column;
  }

  .intro__col {
    width: 100%;
  }

  .intro__col--left {
    height: 500px;
  }

  .intro__header {
    justify-content: space-between;
    padding-right: 6px;
  }

  .nav__link {
    padding: 14px 16px;
  }

  .intro__col--right {
    width: 100%;
    max-width: 100%;
  }

  .intro__list {
    width: 100%;
    flex-direction: row;
  }

  .intro__item {
    width: calc(100% / 3 - 8px);
  }

  .intro__book {
    height: auto;
  }






  .promo__title {
    margin-top: 64px;
  }

  .promo__title span {
    padding: 0;
    color: inherit;
    border-radius: inherit;
    background: inherit;
  }

  .promo__wrapper {
    padding: 56px;
  }

  .promo__content {
    max-width: 100%;
  }

  .promo__wrapper {
    margin-bottom: 64px;
  }

  .incost__list {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .incost__item:nth-child(1),
  .incost__item:nth-child(2),
  .incost__item:nth-child(3) {
    width: calc(100% / 3 - 10.7px);
  }

  .incost__item:nth-child(4),
  .incost__item:nth-child(5) {
    width: calc(100% / 2 - 8px);
  }

  .ideal {
    margin-bottom: 0;
  }

  .ideal__title {
    margin: 80px 0;
  }

  .ideal__title span:last-of-type {
    position: relative;
    display: inline;
    font-weight: 700;

    padding: inherit;
    color: inherit;
    border-radius: inherit;
    background: inherit;
    white-space: inherit;

    transform-origin: inherit;

    transform: none;
  }

  .locate__title span {
    padding: inherit;
    color: inherit;
    border-radius: inherit;
    background: inherit;
  }

  .locate__slide {
    padding: 56px;
  }

  .locate__content {
    max-width: 100%;
  }

  .locate__item-svg-wrapper {
    display: none;
    width: 32px;
  }

  .locate__img-wrapper {
    aspect-ratio: 1/0.5;
  }

  .cards__title-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .cards__title {
    text-align: center;
  }

  .cards__item {
    position: relative;
    flex-direction: column;
    gap: 24px;
  }

  .cards__img-wrapper {
    aspect-ratio: 1/0.5;
  }


  .cost__title {
    line-height: 37px;
  }

  .cost__title span {
    padding: inherit;
    color: inherit;
    border-radius: inherit;
    background: inherit;
  }

  .cost__item {
    position: relative;
    flex-direction: column;
  }

  .cost__item-col {
    align-items: flex-start;
  }

  .cost__num {
    position: relative;
    inset: auto;
    margin-bottom: 24px;

    font-size: 24px;

    order: 1;
  }

  .cost__name {
    margin-bottom: 0;
    order: 2;
  }

  .cost__text {
    order: 2;
    margin-top: 24px;
  }

  .extra-services__container {
    flex-direction: column;
  }

  .steps__list {
    flex-wrap: wrap;
  }

  .steps__item {
    width: calc(50% - 8px);
  }

  .files__wrapper {
    padding: 56px;
  }

  .files__content {
    max-width: 100%;
  }

  .files__title {
    line-height: 37px;
  }

  .files__title span {
    padding: inherit;
    color: inherit;
    border-radius: inherit;
    background: inherit;
  }

  .end__title span {
    position: inherit;
    display: inherit;
    font-weight: inherit;
    padding: inherit;
    color: inherit;
    border-radius: inherit;
    background: inherit;
    white-space: nowrap;
    transform-origin: inherit;
    transform: none;
  }

  .end__wrapper {
    flex-direction: column;
    gap: 80px;
  }

  .end__col {
    width: 100% !important;
    flex-shrink: 1;
    flex-grow: 1;
  }

  .end__col:nth-child(1) {
    order: 2;
  }

  .end__list {
    height: auto;
  }

  .end__item {
    height: auto;
    gap: 56px;
  }

  .end__item:nth-child(1) {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 32px;
    border-radius: 24px;
    background: var(--dark);
  }

  .end__video {
    aspect-ratio: 1/0.5;
  }

  .end__phone {
    display: none;
  }
}



@media (max-width: 768px) {

  .container {
    padding: 0 16px;
  }

  .title {
    font-size: 24px !important;
    line-height: 1 !important;
  }

  .intro {
    padding: 0;
  }

  .intro__container {
    padding-bottom: 16px;
  }

  .nav__list {
    display: none;
  }

  .intro__col--left {
    padding: 24px;
    border-radius: 24px;
    margin-top: 24px;
  }

  .intro__logo {
    padding: 16px;
    border-radius: 32px;
    background: var(--white);
  }

  .intro__logo-img {
    width: auto;
    height: 16px;
    object-fit: contain;
  }

  .intro__logo::before,
  .intro__logo::after {
    display: none;
  }

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

  .intro__title span {
    border-radius: inherit;
    padding: inherit;
    background: inherit;
    color: inherit;
  }

  .text-green-gradient {
    -webkit-text-fill-color: inherit;
    background-color: inherit;
    background-image: inherit;
    -webkit-background-clip: text;
    background-clip: text;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  .intro__title span::before,
  .intro__title span::after {
    display: none;
  }

  .intro__list {
    flex-direction: column;
  }

  .intro__item {
    width: 100%;
  }

  .promo__wrapper {
    padding: 24px;
  }

  .promo__content {
    padding: 24px;
  }

  .incost__list {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .incost__item {
    width: 100% !important;
  }

  .ideal__title {
    font-size: 20px !important;
  }

  .locate__slide {
    padding: 24px;
  }

  .locate__content {
    padding: 24px;
  }

  .locate__title2 {
    font-size: 24px;
    line-height: 1;
  }

  .locate__img-wrapper {
    aspect-ratio: 1/0.75;
  }

  .decor__list {
    flex-direction: column;
    gap: 16px;
  }

  .decor__item {
    border-radius: 24px;
    aspect-ratio: auto;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
  }

  .cards__item {
    padding: 24px;
  }

  .cost__item {
    padding: 24px;
    gap: 24px;
  }

  .cost__price-item {
    gap: 24px;
  }

  .cost__price-name {
    font-size: 16px;
  }

  .cost__price-num {
    font-size: 16px;
  }

  .cost__text {
    margin-bottom: 24px;
  }

  .steps__wrapper {
    padding: 24px;
  }

  .steps__list {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .steps__item {
    width: 100%;
  }

  .video__wrapper {
    margin-bottom: 16px;
  }

  .files__wrapper {
    padding: 24px;
    margin-bottom: 56px;
  }

  .files__content {
    padding: 24px;
  }

  .files__text {
    font-size: 16px;
  }

  .files__btn {
    white-space: wrap;
  }

  .files__img1,
  .files__img2 {
    display: none;
  }

  .end__list {
    flex-direction: column;
    gap: 16px;
  }

  .end__item {
    width: 100% !important;
    padding: 24px !important;
  }

  .end__btns-wrapper {
    flex-direction: column;
  }

  .end__phone-wrapper {
    border-radius: 16px;
  }

  .end__video {
    border-radius: 8px;
  }

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

  .map__text {
    max-width: calc(100% - 48px);
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .footer__container {
    padding: 56px 16px;
  }

  .footer__links {
    flex-direction: column;
    gap: 24px;
  }

  .modal {
    padding: 16px;
  }

  .modal__content {
    padding: 24px;
  }

  .modal__radios {
    flex-direction: column;
  }

  .modal__group--row {
    flex-direction: column;
  }

}