/* Generated by vite-plugin-svg-spritemap */
.back {
  font-size: 0.875rem;
  display: inline-flex;
  column-gap: 0.625rem;
  align-self: start;
}
.back::before {
  font-size: 0.6875rem;
  transform: rotate(180deg);
}/* Generated by vite-plugin-svg-spritemap */

/*=== Premises-hero =====*/
.premises-hero__back:not(:last-child) {
  margin-bottom: 2.25rem;
}
.premises-hero__slider {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  position: relative;
}
.premises-hero__slider:not(:last-child) {
  margin-bottom: 1.875rem;
}
.premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
  position: absolute;
  inset-block-start: 47%;
  transform: translate(0, 50%);
}
.premises-hero__element-hero {
  position: absolute;
}
.row-hero {
  display: flex;
  justify-content: space-between;
  column-gap: 2.5rem;
}
.row-hero__buttons {
  display: flex;
  align-items: start;
  column-gap: 1.125rem;
}
.row-hero__btn-outline {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid #C2552E;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.125rem;
}
.row-hero__btn-outline::before {
  font-size: 1.25rem;
}
.row-hero__slider {
  width: 26.25rem;
  align-self: end;
}
.row-hero__image {
  width: 4.75rem;
  height: 4.75rem;
  aspect-ratio: 1;
}
.row-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}

/*=== Section Office ====*/
.office__container {
  display: flex;
  flex-direction: column;
}
.office__shell {
  display: flex;
  column-gap: 1.25rem;
}
.office__title {
  display: inline-block;
}
.office__content {
  display: flex;
  flex-direction: column;
}
.office__text {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3;
}
.office__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.25rem, 1fr));
  gap: 1.25rem;
}
.office__button {
  align-self: center;
}

.location-info {
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}
.location-info:not(:last-child) {
  margin-bottom: 1rem;
}
.location-info__item {
  display: flex;
  column-gap: 0.5rem;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #5A5A55;
}
.item-office {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.item-office__image {
  width: 5.125rem;
  height: 5.125rem;
  aspect-ratio: 1;
}
.item-office__image img {
  width: 100%;
  object-fit: contain;
  aspect-ratio: 1;
}
.item-office__value {
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #C2552E;
}
.item-office__lable {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3;
}

.rent-price__item {
  display: flex;
  align-items: end;
  column-gap: 0.6875rem;
}
.rent-price__title {
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #5A5A55;
}
.rent-price__value {
  font-weight: 500;
}
@media (max-width: 75em) {
  .premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
    inset-block-start: 40%;
  }
}
@media (max-width: 61.99875em) {
  .premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
    inset-block-start: 35%;
  }
}
@media (max-width: 47.99875em) {
  .premises-hero__slider:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .row-hero {
    flex-direction: column-reverse;
    row-gap: 1.5625rem;
    align-items: end;
  }
  .row-hero__image {
    width: 3.75rem;
    height: 3.75rem;
  }
  .office__shell {
    flex-direction: column;
    row-gap: 2rem;
  }
}
@media (max-width: 29.99875em) {
  .premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
    inset-block-start: 30%;
  }
  .office__list {
    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  }
  .office__button {
    width: 100%;
  }
}
@media (max-width: 23.4375em) {
  .premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
    inset-block-start: 20%;
  }
}
@media (width <= 20em) {
  .page__hero-premises {
    margin-bottom: 1.875rem;
  }
  .page__office {
    margin-bottom: 1.875rem;
  }
  .page__community {
    margin-bottom: 1.875rem;
  }
  .page__vacant {
    margin-bottom: 1.875rem;
  }
  .page__application-premises {
    margin-bottom: 1.875rem;
  }
  .page__contacts-premises {
    margin-bottom: 1.875rem;
  }
  .premises-hero__breadcrumbs-premises {
    margin-bottom: 1.875rem;
  }
  .premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
    width: 1.125rem;
  }
  .premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
    height: 1.125rem;
  }
  .premises-hero__swiper-button-prev {
    left: 0.1875rem;
  }
  .premises-hero__swiper-button-next {
    right: 0.1875rem;
  }
  .premises-hero__element-hero {
    bottom: 0.1875rem;
  }
  .premises-hero__element-hero {
    right: 0.1875rem;
  }
  .office__container {
    row-gap: 1.875rem;
  }
  .office__text:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .office__list:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .rent-price__value {
    font-size: 0.875rem;
  }
}
@media (min-width: 47.99875em) and (width <= 20em) {
  .office__content {
    padding-block-start: 1.875rem;
  }
}
@media (min-width: 61.99875em) and (width <= 68.75em) {
  .office__list {
    column-gap: 3.125rem;
  }
}
@media (width > 20em) and (width <= 88.125em) {
  .page__hero-premises {
    margin-bottom: clamp( 1.875rem , 1.5263761467875rem  +  1.7431192661vw , 3.0625rem );
  }
  .page__office {
    margin-bottom: clamp( 1.875rem , 0.590596330275rem  +  6.4220183486vw , 6.25rem );
  }
  .page__community {
    margin-bottom: clamp( 1.875rem , 0.590596330275rem  +  6.4220183486vw , 6.25rem );
  }
  .page__vacant {
    margin-bottom: clamp( 1.875rem , 0.590596330275rem  +  6.4220183486vw , 6.25rem );
  }
  .page__application-premises {
    margin-bottom: clamp( 1.875rem , 0.590596330275rem  +  6.4220183486vw , 6.25rem );
  }
  .page__contacts-premises {
    margin-bottom: clamp( 1.875rem , 0.590596330275rem  +  6.4220183486vw , 6.25rem );
  }
  .premises-hero__breadcrumbs-premises {
    margin-bottom: clamp( 1.875rem , 1.34288990825625rem  +  2.6605504587vw , 3.6875rem );
  }
  .premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
    width: clamp( 1.125rem , 0.79472477064375rem  +  1.6513761468vw , 2.25rem );
  }
  .premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
    height: clamp( 1.125rem , 0.79472477064375rem  +  1.6513761468vw , 2.25rem );
  }
  .premises-hero__swiper-button-prev {
    left: clamp( 0.1875rem , -0.3079128440375rem  +  2.4770642202vw , 1.875rem );
  }
  .premises-hero__swiper-button-next {
    right: clamp( 0.1875rem , -0.3079128440375rem  +  2.4770642202vw , 1.875rem );
  }
  .premises-hero__element-hero {
    bottom: clamp( 0.1875rem , -0.3079128440375rem  +  2.4770642202vw , 1.875rem );
  }
  .premises-hero__element-hero {
    right: clamp( 0.1875rem , -0.3079128440375rem  +  2.4770642202vw , 1.875rem );
  }
  .office__container {
    row-gap: clamp( 1.875rem , 1.56307339449375rem  +  1.5596330275vw , 2.9375rem );
  }
  .office__text:not(:last-child) {
    margin-bottom: clamp( 1.25rem , 0.7545871559625rem  +  2.4770642202vw , 2.9375rem );
  }
  .office__list:not(:last-child) {
    margin-bottom: clamp( 1.25rem , 0.7545871559625rem  +  2.4770642202vw , 2.9375rem );
  }
  .rent-price__value {
    font-size: clamp( 0.875rem , 0.76490825688125rem  +  0.5504587156vw , 1.25rem );
  }
}
@media (min-width: 47.99875em) and (width > 88.125em) {
  .office__content {
    padding-block-start: 5.4375rem;
  }
}
@media (min-width: 47.99875em) and (width > 20em) and (width <= 88.125em) {
  .office__content {
    padding-block-start: clamp( 1.875rem , 0.82912844036875rem  +  5.2293577982vw , 5.4375rem );
  }
}
@media (min-width: 47.99875em) {
  .row-hero__buttons {
    flex: 1 1 15.5625rem;
  }
  .row-hero__slider {
    flex: 0 1 26.25rem;
  }
  .office__title {
    flex: 1 1 15.625rem;
  }
  .office__content {
    flex: 0 1 64.0625rem;
  }
}
@media (min-width: 61.99875em) and (width > 90em) {
  .office__list {
    column-gap: 7.3125rem;
  }
}
@media (min-width: 61.99875em) and (width > 68.75em) and (width <= 90em) {
  .office__list {
    column-gap: clamp( 3.125rem , -10.42279411765rem  +  19.7058823529vw , 7.3125rem );
  }
}
@media (min-width: 61.99875em) {
  .office__list {
    display: flex;
    row-gap: 1.25rem;
  }
  .office__item {
    width: fit-content;
  }
}
@media (width > 88.125em) {
  .page__hero-premises {
    margin-bottom: 3.0625rem;
  }
  .page__office {
    margin-bottom: 6.25rem;
  }
  .page__community {
    margin-bottom: 6.25rem;
  }
  .page__vacant {
    margin-bottom: 6.25rem;
  }
  .page__application-premises {
    margin-bottom: 6.25rem;
  }
  .page__contacts-premises {
    margin-bottom: 6.25rem;
  }
  .premises-hero__breadcrumbs-premises {
    margin-bottom: 3.6875rem;
  }
  .premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
    width: 2.25rem;
  }
  .premises-hero__swiper-button-prev, .premises-hero__swiper-button-next {
    height: 2.25rem;
  }
  .premises-hero__swiper-button-prev {
    left: 1.875rem;
  }
  .premises-hero__swiper-button-next {
    right: 1.875rem;
  }
  .premises-hero__element-hero {
    bottom: 1.875rem;
  }
  .premises-hero__element-hero {
    right: 1.875rem;
  }
  .office__container {
    row-gap: 2.9375rem;
  }
  .office__text:not(:last-child) {
    margin-bottom: 2.9375rem;
  }
  .office__list:not(:last-child) {
    margin-bottom: 2.9375rem;
  }
  .rent-price__value {
    font-size: 1.25rem;
  }
}
@media (any-hover: hover), (pointer: fine) {
  html:not([data-fls-touch]) .back:hover {
    color: #C2552E;
    transition: color 0.3s;
  }
  html:not([data-fls-touch]) .row-hero__btn-outline:hover {
    background-color: #C2552E;
  }
}