html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4 {
  font-weight: 500;
}

ul {
  list-style-type: none;
}
.flex-rent {
  color: #2c2c2c;
}
.flex-rent .flex-rent-hero {
  display: grid;
  gap: 50px;
  padding-block: 50px;
  max-width: 1326px;
  margin: 0 auto 48px;
  align-items: center;
}
.flex-rent .flex-rent-hero h1,
.flex-rent .flex-rent-hero p {
  text-align: center;
}
.flex-rent .flex-rent-hero h1 {
  margin-block: 32px 24px;
  font-size: 32px;
  line-height: 1.2;
}
.flex-rent .flex-rent-hero picture {
  line-height: 0;
  margin-inline: auto;
}
.flex-rent .flex-rent-hero__logo {
  max-width: 35vw;
  margin-bottom: 33px;
}
.flex-rent .flex-rent-hero__content {
  max-width: 466px;
  margin: 0 auto;
}
.flex-rent .flex-rent-hero__content picture {
  margin: 0;
}
@media (min-width: 550px) {
  .flex-rent .flex-rent-hero__logo {
    max-width: 25vw;
  }
}
@media (min-width: 768px) {
  .flex-rent .flex-rent-hero {
    grid-template-columns: 3fr 4fr;
    padding-block: clamp(50px, 15vw, 150px);
  }
  .flex-rent .flex-rent-hero h1,
  .flex-rent .flex-rent-hero p {
    text-align: left;
  }
  .flex-rent .flex-rent-hero h1 {
    font-size: 45px;
  }
  .flex-rent .flex-rent-hero__content {
    max-width: 466px;
  }
  .flex-rent .flex-rent-hero__img {
    display: grid;
    min-width: 0;
    place-content: end;
  }
  .flex-rent .flex-rent-hero picture {
    margin-left: 0;
  }
  .flex-rent .flex-rent-hero__logo {
    max-width: 20vw;
  }
}
@media (min-width: 1024px) {
  .flex-rent .flex-rent-hero {
    gap: clamp(50px, 10vw, 100px);
  }
}
@media (min-width: 1200px) {
  .flex-rent .flex-rent-hero {
    gap: 150px;
  }
}
.flex-rent .flex-rent-how {
  margin-bottom: 60px;
}
.flex-rent .flex-rent-how h2 {
  margin-bottom: 48px;
  font-size: 28px;
  text-align: center;
}
.flex-rent .flex-rent-how__list {
  display: grid;
  max-width: 515px;
  margin: 0 auto;
  border-radius: 25px;
  background-color: #f5f5f7;
  padding-block-start: 55px;
}
.flex-rent .flex-rent-how__item {
  position: relative;
  padding: 16px 44px 44px;
  counter-increment: list-counter;
  text-align: center;
  margin-block-start: 40px;
}
.flex-rent .flex-rent-how__item:before {
  position: absolute;
  top: -46px;
  left: 50%;
  width: 47px;
  height: 47px;
  content: " ";
  transform: translateX(-50%);
  border-radius: 50%;
  background-color: #d7007f;
}
.flex-rent .flex-rent-how__item:after {
  position: absolute;
  top: -38px;
  left: 50%;
  font-size: 22px;
  content: counter(list-counter) " ";
  transform: translateX(-50%);
  color: #fff;
}
@media (min-width: 768px) {
  .flex-rent .flex-rent-how {
    margin-bottom: 120px;
  }
  .flex-rent .flex-rent-how__list {
    grid-template-columns: repeat(3, 1fr);
    max-width: 100%;
    max-width: 1056px;
    padding-block-start: 95px;
  }
  .flex-rent .flex-rent-how__item {
    margin-block-start: 0;
  }
}
.flex-rent .flex-rent-insurance {
  display: grid;
  max-width: 600px;
  margin: 50px auto;
  margin-bottom: 60px;
  padding: 20px;
  border-radius: 25px;
  background-color: #f5f5f7;
  gap: 24px;
}
.flex-rent .flex-rent-insurance picture,
.flex-rent .flex-rent-insurance img {
  line-height: 0;
  border-radius: 12px;
}
.flex-rent .flex-rent-insurance__logo {
  max-width: 35vw;
  margin-bottom: 33px;
}
.flex-rent .flex-rent-insurance__content {
  max-width: 350px;
  text-align: center;
  margin-inline: auto;
}
.flex-rent .flex-rent-insurance__content h2 {
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1.2;
  text-wrap: balance;
  color: #2c2c2c;
}
.flex-rent .flex-rent-insurance__content p {
  margin-bottom: 16px;
  text-wrap: balance;
  color: #2c2c2c;
}
.flex-rent .flex-rent-insurance__content p small {
  font-size: inherit;
  color: #666666;
}
.flex-rent .flex-rent-insurance__content p:last-child {
  margin-bottom: 0;
}
.flex-rent .flex-rent-insurance__desc {
  margin-bottom: 16px;
  font-size: 18px;
}
@media (min-width: 550px) {
  .flex-rent .flex-rent-insurance {
    padding: 40px;
  }
}
@media (min-width: 768px) {
  .flex-rent .flex-rent-insurance {
    max-width: 1056px;
    margin-bottom: 120px;
    grid-template-columns: 55.3% auto;
    align-items: center;
  }
  .flex-rent .flex-rent-insurance__content {
    text-align: left;
  }
  .flex-rent .flex-rent-insurance--reverse {
    grid-template-columns: auto 55.3%;
  }
  .flex-rent .flex-rent-insurance--reverse .flex-rent-insurance__img {
    order: 1;
  }
}
@media (min-width: 1024px) {
  .flex-rent .flex-rent-insurance {
    gap: 70px;
  }
  .flex-rent .flex-rent-insurance__content {
    padding-right: 30px;
  }
  .flex-rent .flex-rent-insurance--reverse .flex-rent-insurance__content {
    padding-right: 0;
    padding-left: 30px;
  }
}
.flex-rent .flex-rent-interested {
  margin-bottom: 60px;
}
.flex-rent .flex-rent-interested h2 {
  margin-bottom: 48px;
  font-size: 28px;
  text-align: center;
  color: #2c2c2c;
}
.flex-rent .flex-rent-interested__container {
  display: grid;
  max-width: 382px;
  margin-inline: auto;
  gap: 48px;
}
.flex-rent .flex-rent-interested__grid {
  display: grid;
  gap: 24px;
}
.flex-rent .flex-rent-interested__grid picture {
  display: block;
  line-height: 0;
  text-align: center;
}
.flex-rent .flex-rent-interested__cell {
  display: grid;
  gap: 16px;
}
.flex-rent .flex-rent-interested__cell p {
  font-size: 20px;
  text-align: center;
  color: #2c2c2c;
}
.flex-rent .flex-rent-interested__cell p a {
  text-decoration: underline;
  color: #d7007f;
}
.flex-rent .flex-rent-interested__cell p a:hover {
  text-decoration: none;
}
.flex-rent .flex-rent-interested__cell p:has(img) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.flex-rent .flex-rent-interested__cell p:has(small) {
  display: grid;
  gap: 12px;
  grid-template-columns: 28px auto;
}
.flex-rent .flex-rent-interested__cell p small {
  font-size: 16px;
  color: #666666;
}
@media (min-width: 768px) {
  .flex-rent .flex-rent-interested {
    margin-bottom: 120px;
  }
  .flex-rent .flex-rent-interested__container {
    gap: 96px;
    max-width: 682px;
  }
  .flex-rent .flex-rent-interested__grid {
    display: grid;
    gap: 120px;
    grid-template-columns: auto 232px;
    align-items: center;
  }
  .flex-rent .flex-rent-interested__grid picture {
    text-align: left;
  }
  .flex-rent .flex-rent-interested__cell p {
    text-align: left;
  }
  .flex-rent .flex-rent-interested__grid--reverse {
    grid-template-columns: 232px auto;
  }
  .flex-rent .flex-rent-interested__grid--reverse .flex-rent-interested__cell {
    order: 1;
  }
}
.flex-rent .flex-rent-example {
  margin-bottom: 60px;
  background-color: #f5f5f7;
  padding-block: 40px;
}
.flex-rent .flex-rent-example h2 {
  margin-bottom: 48px;
  font-size: 28px;
  text-align: center;
}
.flex-rent .flex-rent-example__tabs-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.flex-rent .flex-rent-example__tabs {
  display: grid;
  text-align: center;
  border-radius: 25px;
  background: #ffffff;
  gap: 16px;
}
.flex-rent .flex-rent-example__tabs li a {
  display: block;
  padding: 12px 24px;
  font-size: 18px;
  transition-duration: 0.25s;
  transition-property: color, background-color;
  color: #777777;
  border-radius: 25px;
}
  .flex-rent .flex-rent-example__tabs li.is-active a {
    color: #fff;
    background-color: #0071e3;
  }
.flex-rent .flex-rent-example__items {
  max-width: 1056px;
  margin-inline: auto;
}
.flex-rent .flex-rent-example__item {
  display: none;
  max-width: 380px;
  padding: 40px;
  border-radius: 25px;
  background: #ffffff;
  gap: 24px;
  margin-inline: auto;
}
.flex-rent .flex-rent-example__item picture {
  display: block;
  line-height: 0;
  text-align: center;
}
.flex-rent .flex-rent-example__header {
  margin-bottom: 16px;
}
.flex-rent .flex-rent-example__header h3 {
  margin-bottom: 12px;
  font-size: 24px;
}
.flex-rent .flex-rent-example__header ul {
  display: flex;
  margin-bottom: 28px;
  gap: 8px;
}
.flex-rent .flex-rent-example__header ul li {
  padding: 6px 10px;
  color: #2c2c2c;
  border-radius: 30px;
  background: #f4f4f4;
}
.flex-rent .flex-rent-example__header p {
  font-size: 13px;
  color: #777777;
}
.flex-rent .flex-rent-example__options-wrapper {
  margin-bottom: 32px;
  padding: 30px 0 8px;
}
.flex-rent .flex-rent-example__options {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 210px;
  height: 8px;
  border-radius: 33px;
  background-color: #d9d9d9;
  padding-inline: 10px;
  align-items: center;
}
.flex-rent .flex-rent-example__options:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 33px;
  background: linear-gradient(90deg, #bd006f 0%, #ff66c0 100%);
  background-size: 210px 8px;
}
.flex-rent .flex-rent-example__options-pointer {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
}
.flex-rent .flex-rent-example__options-pointer:before {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 100%;
  width: 24px;
  height: 24px;
  content: "";
  transform: translate(-50%, -50%);
  border-radius: 51px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 4px 8px 0 rgba(22, 22, 22, 0.1), 0 -0.5px 2px 0 rgba(0, 0, 0, 0.1) inset, 0 0.5px 2px 0 rgba(0, 0, 0, 0.1) inset;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.flex-rent .flex-rent-example__option {
  position: relative;
  z-index: 1;
  max-width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  flex: 1 0 4px;
}
.flex-rent .flex-rent-example__option input {
  display: none;
}
.flex-rent .flex-rent-example__option label {
  cursor: pointer;
}
.flex-rent .flex-rent-example__option label span {
  position: absolute;
  bottom: calc(100% + 11px);
  left: 50%;
  font-size: 16px;
  transform: translateX(-50%);
  color: #000;
}
.flex-rent .flex-rent-example__option label:after {
  position: absolute;
  top: -40px;
  right: -20px;
  bottom: -10px;
  left: -20px;
  content: "";
}
.flex-rent .flex-rent-example__option label:hover span {
  text-decoration: underline;
}
.flex-rent .flex-rent-example__footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
.flex-rent .flex-rent-example__footer p small {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  color: #777777;
}
.flex-rent .flex-rent-example__footer p strong {
  display: block;
  font-size: 24px;
}
.flex-rent .flex-rent-example__footer p:has(.btn) {
  white-space: nowrap;
}
.flex-rent .flex-rent-example__item.is-active {
  display: grid;
}
.flex-rent .flex-rent-example__options:has(input[value="36"]) {
  max-width: 304px;
}
.flex-rent .flex-rent-example__options:has(input[value="36"]):after {
  background-size: 304px 8px;
}
.flex-rent .flex-rent-example__options:has(input[value="12"]:checked):after {
  width: 10px;
}
.flex-rent .flex-rent-example__options:has(input[value="18"]:checked):after {
  width: calc((100% / (var(--options-count) - 1)) + 5px);
}
.flex-rent .flex-rent-example__options:has(input[value="24"]:checked):after {
  width: calc((100% / (var(--options-count) - 1)) * 2);
}
.flex-rent .flex-rent-example__options:has(input[value="12"]:checked) .flex-rent-example__options-pointer:before {
  left: 0;
}
.flex-rent .flex-rent-example__options:has(input[value="18"]:checked) .flex-rent-example__options-pointer:before {
  left: calc(100% / (var(--options-count) - 1));
}
.flex-rent .flex-rent-example__options:has(input[value="24"]:checked) .flex-rent-example__options-pointer:before {
  left: calc((100% / (var(--options-count) - 1)) * 2);
}
@media (min-width: 550px) {
  .flex-rent .flex-rent-example__tabs {
    display: flex;
    gap: 8px;
  }
}
@media (min-width: 768px) {
  .flex-rent .flex-rent-example {
    margin-bottom: 120px;
    padding-block: 96px;
  }
  .flex-rent .flex-rent-example__tabs {
    gap: 16px;
  }
  .flex-rent .flex-rent-example__item {
    max-width: none;
    padding-block: 54px;
    padding-inline: 10vw;
    gap: 80px;
    grid-template-columns: 241px auto;
    margin-inline: auto;
  }
}
@media (min-width: 1024px) {
  .flex-rent .flex-rent-example__item {
    padding-inline: 15vw;
  }
}
@media (min-width: 1200px) {
  .flex-rent .flex-rent-example__item {
    padding-inline: 216px;
  }
}
/*
.flex-rent .flex-rent-why { margin-bottom: 60px }
  .flex-rent .flex-rent-why h2 { margin-bottom: 48px; font-size: 28px; text-align: center }
.flex-rent .flex-rent-why__container { position: relative; max-width: 1056px; padding-bottom: 66px; margin-inline: auto }
.flex-rent .flex-rent-why__list { --sliderItems: 1; --sliderGap: 24px; display: -ms-flexbox; display: flex; overflow: hidden; margin-left: calc(var(--sliderGap) * -1) }
.flex-rent .flex-rent-why__item { -ms-flex: 1 0 calc(100% / var(--sliderItems)); flex: 1 0 calc(100% / var(--sliderItems)); max-width: calc(100% / var(--sliderItems)); border-left: var(--sliderGap) solid rgba(255,255,255,0) }
.flex-rent .flex-rent-why__item-inner { height: 100%; padding: 40px; line-height: 1.2; border-radius: 25px; background-color: #f5f5f7 }
  .flex-rent .flex-rent-why__item-inner h3 { margin: 0 0 12px; font-size: 24px; text-wrap: balance; color: #2c2c2c }
  .flex-rent .flex-rent-why__item-inner p { margin: 0; text-wrap: balance; color: #2c2c2c }
.flex-rent .flex-rent-why__nav { position: absolute; right: 0; bottom: 0; display: -ms-flexbox; display: flex; margin: 0; line-height: 0; gap: 36px }
.flex-rent .flex-rent-why__dots { position: absolute; right: 0; bottom: 38px; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 8px }
  .flex-rent .flex-rent-why__dots button { width: 8px; height: 8px; margin: 0; padding: 0; border-width: 0; border-radius: 50%; background-color: #d9d9d9; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
    .flex-rent .flex-rent-why__dots button.selected { transform: scale(1.5) }

@media (min-width: 550px) {
  .flex-rent .flex-rent-why__list { --sliderItems: 2 }
  .flex-rent .flex-rent-why__item-inner { padding: 20px }
}

@media (min-width: 768px) {
  .flex-rent .flex-rent-why { margin-bottom: 120px }
  .flex-rent .flex-rent-why__list { --sliderItems: 3 }
}

@media (min-width: 1024px) {
  .flex-rent .flex-rent-why__item-inner { padding: 40px }
}

@media (min-width: 1200px) {
  .flex-rent .flex-rent-why__list { --sliderGap: 36px }
}
*/
.flex-rent .flex-rent-faq {
  margin-bottom: 60px;
}
.flex-rent .flex-rent-faq__title {
  margin-bottom: 48px;
  font-size: 28px;
  text-align: center;
}
.flex-rent .flex-rent-faq__arrow {
  transition: transform 0.3s ease;
}
.flex-rent .flex-rent-faq__list {
  display: grid;
  gap: 44px;
  max-width: 748px;
  margin-inline: auto;
}
.flex-rent .flex-rent-faq__question {
  display: flex;
  justify-content: flex-end;
}
.flex-rent .flex-rent-faq__question a {
  position: relative;
  display: flex;
  max-width: 540px;
  padding: 17px 30px;
  padding-right: 12px;
  transition-duration: 0.25s;
  transition-property: background-color, color, font-weight, box-shadow, border-color;
  border: 1px solid #f2f2f2;
  border-radius: 40px;
  background-color: #fffffe;
  box-shadow: 0 10px 20px 0 rgba(22, 22, 22, 0.05);
  align-items: center;
  gap: 18px;
}
.flex-rent .flex-rent-faq__question a:hover {
  border-color: #cecece;
}
.flex-rent .flex-rent-faq__question a:after {
  overflow: hidden;
  width: 37px;
  height: 32px;
  content: "";
  transition: 0.25s width;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='16' fill='%23067ffe'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M21.7 8.1a1 1 0 0 0-.8 0L6.4 16.3q-.4.3-.4.7 0 .5.5.7l4.8 2v3.5a1 1 0 0 0 .7.8l.4-.1 3.5-2.3 3 1.3a1 1 0 0 0 1-.5l2-13.5q.1-.5-.2-.8m-4.2 3.6-5.8 6.6-3.3-1.4zM12.7 22v-1.6l1.5.6zm6-.7L13 18.9l7-7.8z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M6 8h16v16H6z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 32px 32px;
  flex: 1 0 37px;
}
.flex-rent .flex-rent-faq__question a:before {
  position: absolute;
  z-index: -1;
  right: -10px;
  bottom: -12px;
  width: 37px;
  height: 43px;
  content: "";
  transition: 0.25s opacity;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 43'%3E%3Cpath d='M36.7 43C24.6 35.5 18 11.2 16.2 0H0v28.7A56 56 0 0 0 36.7 43' fill='%23067ffe'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
.flex-rent .flex-rent-faq__answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.25s grid-template-rows;
}
.flex-rent .flex-rent-faq__answer-wrapper {
  overflow: hidden;
  margin-bottom: -15px;
  margin-left: -15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
.flex-rent .flex-rent-faq__answer-inner {
  display: flex;
  padding-top: 44px;
}
.flex-rent .flex-rent-faq__answer-inner > div {
  position: relative;
  max-width: 540px;
  padding: 17px 30px;
  border-radius: 40px;
  background: #e5e5ea;
}
.flex-rent .flex-rent-faq__answer-inner > div:before {
  position: absolute;
  bottom: -12px;
  left: -10px;
  width: 37px;
  height: 43px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 43'%3E%3Cpath d='M0 43c12.1-7.5 18.8-31.8 20.6-43h16.1v28.7A56 56 0 0 1 0 43' fill='%23e5e5ea'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
  .flex-rent .flex-rent-faq__answer-inner a {
    text-decoration: underline;
    color: #0071e3;
  }
.flex-rent .flex-rent-faq__answer-inner a:hover {
  text-decoration: none;
}
.flex-rent .flex-rent-faq__answer-inner p {
  text-wrap: balance;
}
.flex-rent .flex-rent-faq__answer-inner ol {
  padding-left: 17px;
  list-style: decimal;
}
.flex-rent .flex-rent-faq__answer-inner li {
  line-height: normal;
}
.flex-rent .flex-rent-faq__item.is-active .flex-rent-faq__question a {
  color: #fff;
  border-color: #067ffe;
  background-color: #067ffe;
  box-shadow: none;
}
.flex-rent .flex-rent-faq__item.is-active .flex-rent-faq__question a:after {
  width: 0;
}
.flex-rent .flex-rent-faq__item.is-active .flex-rent-faq__question a:before {
  opacity: 1;
}
.flex-rent .flex-rent-faq__item.is-active .flex-rent-faq__answer {
  grid-template-rows: 1fr;
}
@media (min-width: 550px) {
  .flex-rent .flex-rent-faq__list {
    padding-inline: 0;
  }
}
@media (min-width: 768px) {
  .flex-rent .flex-rent-faq {
    margin-bottom: 120px;
  }
}
.flex-rent .flex-rent-help {
  margin-bottom: 60px;
}
.flex-rent .flex-rent-help__header {
  margin-bottom: 40px;
}
.flex-rent .flex-rent-help__header h2 {
  margin-bottom: 8px;
  font-size: 28px;
  text-align: center;
}
.flex-rent .flex-rent-help__header p {
  font-size: 18px;
  text-align: center;
}
.flex-rent .flex-rent-help picture {
  display: block;
  margin-bottom: 32px;
  line-height: 0;
  text-align: center;
}
.flex-rent .flex-rent-help__contacts {
  display: grid;
  max-width: 390px;
  text-align: center;
  margin-inline: auto;
  grid-template-columns: repeat(2, 1fr);
}
.flex-rent .flex-rent-help__contacts a {
  display: block;
  margin-bottom: 8px;
  text-decoration: underline;
  color: #d7007f;
}
.flex-rent .flex-rent-help__contacts a:hover {
  text-decoration: none;
}
.flex-rent .flex-rent-help__contacts small {
  display: block;
  font-size: 13px;
  color: #666666;
}
@media (min-width: 768px) {
  .flex-rent .flex-rent-help {
    margin-bottom: 120px;
  }
}
.flex-rent .main-content {
  min-height: 0;
}
.flex-rent picture {
  display: block;
}
.flex-rent strong {
}
.flex-rent img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.flex-rent .flex-rent-why {
  padding-block-start: 48px;
  padding-block-end: 66px;
}
.flex-rent .flex-rent-why__item {
  margin: 0 20px;
  padding: 40px;
  border-radius: 25px;
  background-color: #f5f5f7;
}
.flex-rent h2 {
  margin-bottom: 48px;
  font-size: 28px;
}