.nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:38px;line-height:36px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:hsl(0,0%,85.9803921569%)}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-135deg)}.nice-select.open .nice-select-dropdown{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.nice-select.disabled{border-color:rgb(237.1,237.1,237.1);color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .nice-select-dropdown{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .nice-select-dropdown{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .nice-select-dropdown{margin-top:4px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);pointer-events:none;position:absolute;top:100%;left:0;transform-origin:50% 0;transform:scale(0.75) translateY(19px);transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9;opacity:0}.nice-select .list{border-radius:5px;box-sizing:border-box;overflow:hidden;padding:0;max-height:210px;overflow-y:auto}.nice-select .list:hover .option:not(:hover){background-color:rgba(0,0,0,0) !important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:rgba(0,0,0,0);color:#999;cursor:default}.nice-select .extra{float:right}.nice-select .optgroup{font-weight:bold}.no-csspointerevents .nice-select .nice-select-dropdown{display:none}.no-csspointerevents .nice-select.open .nice-select-dropdown{display:block}.nice-select .list::-webkit-scrollbar{width:0}.nice-select .has-multiple{white-space:inherit;height:auto;padding:7px 12px;min-height:36px;line-height:22px}.nice-select .has-multiple span.current{border:1px solid #ccc;background:#eee;padding:0 10px;border-radius:3px;display:inline-block;line-height:24px;font-size:14px;margin-bottom:3px;margin-right:3px}.nice-select .has-multiple .multiple-options{display:block;line-height:24px;padding:0}.nice-select .nice-select-search-box{box-sizing:border-box;width:100%;padding:5px;pointer-events:none;border-radius:5px 5px 0 0}.nice-select .nice-select-search{box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;color:#444;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:100%;min-height:36px;line-height:22px;height:auto;outline:0 !important;font-size:14px}
:root {
  --clr-accent: #35527c;
  --clr-accent-lighten: #2d466a;
  --clr-accent-darker: rgb(0, 16.6860465116, 35);
  --clr-light: #fff;
  --clr-dark: #1e1e1f;
  --clr-dark-lighten: rgb(55.0819672131, 55.0819672131, 56.9180327869);
  --clr-dark-darker: rgb(17.4590163934, 17.4590163934, 18.0409836066);
  --clr-grey: #f8f9fc;
  --clr-grey-light: rgba(87, 88, 90, 0.2509803922);
  --clr-body-bg: #ffffff;
  --border-radius: 20px;
  --clr-text: #1e1e20;
  --clr-text-light: #646471;
  --clr-text-lighten: #646471cc;
  --box-shadow: 0px 10px 10px -10px #00000033;
  --font-base: "Mona Sans", sans-serif;
  --container-padding-xs: 16px;
  --container-padding-md: 30px;
  --container-padding-lg: 40px;
  --container-padding-xl: 60px;
  --container-padding-xxl: 80px;
  --container-padding-xxxl: 90px;
  --top-nav-height: 56px;
  --bottom-nav-height: 215px;
}
@media only screen and (max-width: 1919px) {
  :root {
    --top-nav-height: 71px;
  }
}

/*

>=390px:   xs - mobile x-small
>=576px:   sm - mobile small
>=768px:   md - Tablet portrait
>=992px:   lg - Tablet landscape
>=1200px:  xl - Extra large
>=1440px:  xxl - Extra extra large
>=1920px:  xxxl - Extra extra extra large
$breakpoint arguement choices:
- xs
- sm
- md
- lg
- xl
- xxl
- xxxl

1em = 16px
*/
.w-100 {
  width: 100%;
}

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

.text-accent {
  color: var(--clr-accent);
  transition: all 0.2s ease-in-out;
}

a.text-accent:hover {
  color: var(--clr-accent-darker);
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-wrapper {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
.page-wrapper > *:last-child {
  margin-top: auto;
}

.grid {
  margin-inline: auto;
}
@media only screen and (min-width: 90em) {
  .grid {
    display: grid;
    grid-auto-rows: 1fr;
  }
}
.grid--2, .grid--3 {
  gap: 30px;
}
.grid--2 {
  grid-template-columns: repeat(2, minmax(250px, 1fr));
}
@media only screen and (min-width: 75em) {
  .grid--2 {
    display: grid;
  }
}
@media only screen and (min-width: 75em) {
  .grid--3 {
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
  }
}
@media only screen and (min-width: 120em) {
  .grid--3 {
    grid-template-columns: repeat(3, minmax(250px, 1fr));
  }
}
@media only screen and (min-width: 48em) {
  .grid--4 {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
  }
}
@media only screen and (min-width: 75em) {
  .grid--4 {
    gap: 30px;
  }
}
@media only screen and (min-width: 120em) {
  .grid--4 {
    grid-template-columns: repeat(4, minmax(250px, 1fr));
    gap: 15px;
  }
}
@media only screen and (min-width: 48em) {
  .grid--5 {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
    grid-auto-rows: auto;
  }
}
@media only screen and (min-width: 75em) {
  .grid--5 {
    grid-template-columns: repeat(3, minmax(250px, 1fr));
  }
}
@media only screen and (min-width: 90em) {
  .grid--5 {
    grid-template-columns: repeat(4, minmax(250px, 1fr));
  }
}
@media only screen and (min-width: 120em) {
  .grid--5 {
    grid-template-columns: repeat(5, minmax(250px, 1fr));
  }
}

.bg-light {
  background-color: #fff;
}

.bg-grey {
  background-color: #f3f3f6;
}

@media only screen and (min-width: 90em) {
  .two-column-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 80px;
  }
}

.section-mb {
  margin-block-end: 64px;
}
@media only screen and (min-width: 48em) {
  .section-mb {
    margin-block-end: 70px;
  }
}
@media only screen and (min-width: 75em) {
  .section-mb {
    margin-block-end: 80px;
  }
}
@media only screen and (min-width: 90em) {
  .section-mb {
    margin-block-end: 96px;
  }
}

* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

a {
  color: inherit;
}

a,
a:hover {
  text-decoration: none;
}

body {
  display: block;
  position: relative;
  font-family: var(--font-base);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--clr-dark);
  background-color: var(--clr-body-bg);
}
body.scroll-disabled {
  overflow: hidden;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

main {
  margin-top: -238px;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button:not(:disabled) {
  cursor: pointer;
}

button:focus {
  outline: none;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img,
nav,
footer,
header,
aside {
  display: block;
}

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

p {
  color: var(--clr-text-lighten);
}

.about-us-card {
  border-radius: 32px;
  box-shadow: 0px 10px 30px 0px rgba(87, 88, 90, 0.2392156863);
  padding-block: 32px;
  padding-inline: 24px;
}
@media only screen and (min-width: 75em) {
  .about-us-card {
    padding-block: 48px;
    padding-inline: 32px;
  }
}
.about-us-card__title {
  font-size: 24px;
  font-weight: 700;
}
@media only screen and (min-width: 75em) {
  .about-us-card__title {
    font-size: 28px;
  }
}
.about-us-card__content {
  max-width: 790px;
  line-height: 1.6;
  padding-block: 28px 32px;
}
@media only screen and (min-width: 75em) {
  .about-us-card__content {
    padding-block: 28px 32px;
  }
}
@media only screen and (min-width: 120em) {
  .about-us-card__content {
    padding-block: 32px 48px;
  }
}
.about-us-card__content h1,
.about-us-card__content h2,
.about-us-card__content h3,
.about-us-card__content h4,
.about-us-card__content h5,
.about-us-card__content h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.06rem;
  margin-block: 30px;
}
@media only screen and (min-width: 75em) {
  .about-us-card__content h1,
  .about-us-card__content h2,
  .about-us-card__content h3,
  .about-us-card__content h4,
  .about-us-card__content h5,
  .about-us-card__content h6 {
    margin-block: 48px;
  }
}
.about-us-card__content h1,
.about-us-card__content h2 {
  font-size: 24px;
}
@media only screen and (min-width: 75em) {
  .about-us-card__content h1,
  .about-us-card__content h2 {
    font-size: 24px;
  }
}
.about-us-card__content h3 {
  font-size: 18px;
}
@media only screen and (min-width: 75em) {
  .about-us-card__content h3 {
    font-size: 20px;
  }
}
.about-us-card__content h4 {
  font-size: 16px;
}
@media only screen and (min-width: 75em) {
  .about-us-card__content h4 {
    font-size: 18px;
  }
}
.about-us-card__content h5 {
  font-size: 14px;
}
@media only screen and (min-width: 75em) {
  .about-us-card__content h5 {
    font-size: 16px;
  }
}
.about-us-card__content h6 {
  font-size: 12px;
}
@media only screen and (min-width: 75em) {
  .about-us-card__content h6 {
    font-size: 14px;
  }
}
.about-us-card__content img {
  width: 100%;
  border-radius: 32px;
  aspect-ratio: 1.33;
  -o-object-fit: cover;
  object-fit: cover;
  margin-block: 32px;
}
@media only screen and (min-width: 48em) {
  .about-us-card__content img {
    aspect-ratio: auto;
    margin-block: 48px;
  }
}
@media only screen and (min-width: 90em) {
  .about-us-card__content img {
    margin-block: 64px;
  }
}
.about-us-card__content img:first-child {
  margin-block: 0 32px;
}
@media only screen and (min-width: 48em) {
  .about-us-card__content img:first-child {
    aspect-ratio-end: auto;
    margin-bloc: 0 48px;
  }
}
@media only screen and (min-width: 90em) {
  .about-us-card__content img:first-child {
    margin-block: 0 64px;
  }
}
.about-us-card__content p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--clr-text-light);
  opacity: 0.85;
  margin-bottom: 15px;
}
@media only screen and (min-width: 75em) {
  .about-us-card__content p {
    margin-bottom: 20px;
  }
}
.about-us-card__content ul,
.about-us-card__content ol {
  color: inherit;
  padding-left: 20px;
  margin-bottom: 20px;
}
.about-us-card__content ul li:not(:last-child),
.about-us-card__content ol li:not(:last-child) {
  margin-bottom: 10px;
}
.about-us-card__content ul li::marker,
.about-us-card__content ol li::marker {
  color: var(--clr-accent);
}
.about-us-card__content a {
  color: var(--clr-accent);
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
.about-us-card__content a:hover {
  color: var(--clr-accent-darker);
}
.about-us-card__content b,
.about-us-card__content strong {
  color: var(--clr-dark);
  font-weight: 700;
}
.about-us-card__content *:last-child {
  margin-bottom: 0;
}
.about-us-card__content hr {
  height: 1px;
  border-width: 0;
  color: rgba(87, 88, 90, 0.2509803922);
  background-color: rgba(87, 88, 90, 0.2509803922);
  margin-block: 30px;
}
@media only screen and (min-width: 75em) {
  .about-us-card__content hr {
    margin-block: 40px;
  }
}

.about-us__img {
  width: 100%;
  max-width: 855px;
  max-height: 690px;
  margin-block-end: 20px;
  border-radius: 32px;
  aspect-ratio: 1.32;
}
@media only screen and (min-width: 75em) {
  .about-us__img {
    aspect-ratio: 1.23;
  }
}

.accordion {
  max-width: 880px;
  margin-inline: auto;
  border-top: 1px solid rgba(29, 30, 31, 0.1019607843);
}
@media only screen and (min-width: 90em) {
  .accordion {
    max-width: 920px;
  }
}
@media only screen and (min-width: 120em) {
  .accordion {
    max-width: 1280px;
  }
}
.accordion__item {
  border-radius: var(--border-radius);
}
.accordion__panel {
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
  cursor: pointer;
  padding-block: 20px;
}
.accordion__panel .icon {
  font-size: 24px;
  color: var(--clr-accent);
}
.accordion__item-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 6px;
}
@media only screen and (min-width: 62em) {
  .accordion__item-title {
    font-size: 24px;
  }
}
.accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.accordion__item.is-open .accordion__content {
  grid-template-rows: 1fr;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
}
.accordion__item.is-open .accordion__panel {
  border-bottom: none;
}
.accordion__inner {
  overflow: hidden;
}
.accordion__text-wrapper p {
  font-size: 18px;
  font-weight: 400;
}
.accordion__text-wrapper p:not(:last-child) {
  margin-bottom: 15px;
}
.accordion__text-wrapper ul,
.accordion__text-wrapper ol {
  color: var(--clr-text-light);
  padding-inline-start: 20px;
  margin-bottom: 10px;
}
.accordion__text-wrapper ul li:not(:last-child),
.accordion__text-wrapper ol li:not(:last-child) {
  margin-bottom: 10px;
}
.accordion__text-wrapper ul li::marker,
.accordion__text-wrapper ol li::marker {
  color: var(--clr-accent);
}
.accordion__text-wrapper a {
  color: var(--clr-accent);
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
.accordion__text-wrapper a:hover {
  color: var(--clr-accent-lighten);
}
.accordion__text-wrapper img {
  width: 50%;
  border-radius: 32px;
  aspect-ratio: 1.5;
  -o-object-fit: cover;
  object-fit: cover;
  margin-block: 32px;
  margin-inline: auto;
}
@media only screen and (min-width: 48em) {
  .accordion__text-wrapper img {
    margin-block: 48px;
  }
}
@media only screen and (min-width: 90em) {
  .accordion__text-wrapper img {
    margin-block: 64px;
  }
}
.accordion__text-wrapper img:first-child {
  margin-block: 0 32px;
}
@media only screen and (min-width: 48em) {
  .accordion__text-wrapper img:first-child {
    aspect-ratio-end: auto;
    margin-bloc: 0 48px;
  }
}
@media only screen and (min-width: 90em) {
  .accordion__text-wrapper img:first-child {
    margin-block: 0 64px;
  }
}
.accordion__text-wrapper b,
.accordion__text-wrapper strong {
  color: var(--clr-dark);
  font-weight: 700;
}

.toggle-btn {
  transition: all 0.3s ease-in-out;
  transform: rotate(-90deg);
}

.toggle-btn.is-open {
  transform: rotate(0deg);
}

.article-card-info {
  width: 100%;
  max-width: 363px;
  margin-inline: auto;
  text-align: start;
  margin-block-end: 20px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 75em) {
  .article-card-info {
    margin-block-end: 0;
  }
}
.article-card-info__img-box {
  max-width: 363px;
  max-height: 270px;
  border-radius: var(--border-radius);
  overflow: hidden;
  margin-block-end: 10px;
}
@media only screen and (min-width: 75em) {
  .article-card-info__img-box {
    margin-block-end: 15px;
  }
}
.article-card-info__img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1.34;
  border-radius: var(--border-radius);
  transition: all 0.2s ease-in-out;
}
.article-card-info__img:hover {
  transform: scale(1.01);
}
.article-card-info__date {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  line-height: 1.2;
  margin-block-end: 5px;
}
@media only screen and (min-width: 75em) {
  .article-card-info__date {
    margin-block-end: 10px;
  }
}
.article-card-info__date .icon {
  font-size: 24px;
  font-weight: 700;
  color: var(--clr-accent);
}
.article-card-info__date-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--clr-text-light);
  margin-block-start: 2px;
}
.article-card-info__title-wrapper {
  display: block;
  min-height: 68px;
}
.article-card-info__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.article-card-info__title:hover {
  color: var(--clr-accent);
}
.article-card-info__description {
  font-size: 18px;
  font-weight: 400;
  color: var(--clr-text-light);
  line-height: 1.33;
  padding-block: 10px 24px;
  margin-block-end: auto;
}
.article-card-info .text-btn {
  margin-block-end: 15px;
}

.article-card {
  width: 100%;
  max-width: 365px;
  margin-inline: auto;
  text-align: start;
  margin-block-end: 30px;
}
@media only screen and (min-width: 75em) {
  .article-card {
    margin-block-end: 0;
  }
}
.article-card__img-box {
  max-width: 340px;
  max-height: 250px;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.article-card__img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1.34;
  border-radius: var(--border-radius);
  transition: all 0.2s ease-in-out;
  margin-block-end: 15px;
}
@media only screen and (min-width: 75em) {
  .article-card__img {
    margin-block-end: 20px;
  }
}
.article-card__img:hover {
  transform: scale(1.01);
}
.article-card__date {
  display: flex;
  align-items: center;
  gap: 16px;
  line-height: 1.2;
  margin-block-end: 10px;
}
.article-card__date .icon {
  font-size: 24px;
  font-weight: 700;
  color: var(--clr-accent);
}
.article-card__date-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--clr-text-lighten);
}
.article-card__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.article-card__title:hover {
  color: var(--clr-accent);
}

.article__inner {
  margin-left: auto;
  margin-right: auto;
}
.article__inner img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.article__container {
  max-width: 1280px;
  margin: 0 auto;
}
.article__container .share-list {
  margin-block-end: 30px;
}
.article__content {
  line-height: 1.6;
  padding-block-end: 40px;
}
.article__content h1,
.article__content h2,
.article__content h3,
.article__content h4,
.article__content h5,
.article__content h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02rem;
  margin-block: 24px 20px;
}
@media only screen and (min-width: 75em) {
  .article__content h1,
  .article__content h2,
  .article__content h3,
  .article__content h4,
  .article__content h5,
  .article__content h6 {
    margin-block-start: 35px;
    margin-block-end: 30px;
  }
}
.article__content h1,
.article__content h2 {
  font-size: 24px;
}
@media only screen and (min-width: 75em) {
  .article__content h1,
  .article__content h2 {
    font-size: 24px;
  }
}
.article__content h3 {
  font-size: 18px;
}
@media only screen and (min-width: 75em) {
  .article__content h3 {
    font-size: 20px;
  }
}
.article__content h4 {
  font-size: 16px;
}
@media only screen and (min-width: 75em) {
  .article__content h4 {
    font-size: 18px;
  }
}
.article__content h5 {
  font-size: 14px;
}
@media only screen and (min-width: 75em) {
  .article__content h5 {
    font-size: 16px;
  }
}
.article__content h6 {
  font-size: 12px;
}
@media only screen and (min-width: 75em) {
  .article__content h6 {
    font-size: 14px;
  }
}
.article__content img {
  width: 100%;
  border-radius: 20px;
  aspect-ratio: 1.34;
  -o-object-fit: cover;
  object-fit: cover;
  margin-block: 30px;
}
@media only screen and (min-width: 48em) {
  .article__content img {
    margin-block: 36px;
  }
}
@media only screen and (min-width: 75em) {
  .article__content img {
    aspect-ratio: 2.4;
  }
}
@media only screen and (min-width: 90em) {
  .article__content img {
    margin-block: 42px;
  }
}
.article__content img:first-child {
  margin-block: 0 32px;
}
@media only screen and (min-width: 48em) {
  .article__content img:first-child {
    aspect-ratio-end: auto;
    margin-bloc: 0 36px;
  }
}
@media only screen and (min-width: 90em) {
  .article__content img:first-child {
    margin-block: 0 42px;
  }
}
.article__content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.33;
  color: var(--clr-text-light);
  margin-bottom: 25px;
}
@media only screen and (min-width: 75em) {
  .article__content p {
    margin-bottom: 25px;
  }
}
.article__content ul,
.article__content ol {
  color: inherit;
  padding-left: 20px;
  margin-block-end: 20px;
}
.article__content ul li:not(:last-child),
.article__content ol li:not(:last-child) {
  margin-block-end: 10px;
}
@media only screen and (min-width: 75em) {
  .article__content ul li:not(:last-child),
  .article__content ol li:not(:last-child) {
    margin-block-end: 28px;
  }
}
.article__content ul li::marker,
.article__content ol li::marker {
  color: var(--clr-accent);
}
.article__content a {
  color: var(--clr-accent);
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
.article__content a:hover {
  color: var(--clr-accent-darker);
}
.article__content b,
.article__content strong {
  color: var(--clr-dark);
  font-weight: 700;
}
.article__content *:last-child {
  margin-bottom: 0;
}
.article__content hr {
  height: 1px;
  border-width: 0;
  color: rgba(87, 88, 90, 0.2509803922);
  background-color: rgba(87, 88, 90, 0.2509803922);
  margin-block: 20px;
}
@media only screen and (min-width: 75em) {
  .article__content hr {
    margin-block: 30px;
  }
}
.article__content .text-btn .text-btn__link {
  text-decoration: none;
}

.articles .section-heading__right-wrapper {
  display: none;
}
@media only screen and (min-width: 75em) {
  .articles .section-heading__right-wrapper {
    display: flex;
  }
}
@media only screen and (min-width: 75em) {
  .articles .btn {
    display: none;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  color: var(--clr-text-light);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  padding-block: 16px;
  padding-inline: 24px;
}
@media only screen and (min-width: 75em) {
  .btn {
    padding-block: 19px;
    padding-inline: 35px;
  }
}
.btn:hover {
  box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
}
.btn--accent {
  border-color: var(--clr-accent);
  background-color: var(--clr-accent);
  color: var(--clr-light);

}
.btn--accent:hover {
  border-color: var(--clr-accent-lighten);
  background-color: var(--clr-accent-lighten);
}
.btn--light {
  border-color: var(--clr-light);
  background-color: var(--clr-light);
  color: var(--clr-accent);
  box-shadow: 0px 8px 12px -8px rgba(87, 88, 90, 0.3294117647);
}
.btn--light:hover {
  color: var(--clr-accent-lighten);
  background-color: rgba(255, 255, 255, 0.9333333333);
  box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
}
.btn--outline-accent {
  border-color: var(--clr-accent);
  background-color: transparent;
  color: var(--clr-accent);
  box-shadow: none;
}
.btn--outline-accent:hover {
  border-color: var(--clr-accent-lighten);
  background-color: rgba(255, 255, 255, 0.8862745098);
  color: var(--clr-accent-lighten);
  box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
}
.btn--outline-grey {
  border-color: rgba(87, 88, 90, 0.1019607843);
  background-color: transparent;
  color: var(--clr-text-light);
  box-shadow: none;
}
.btn--outline-grey:hover {
  border-color: var(--clr-accent-lighten);
  background-color: rgba(255, 255, 255, 0.8862745098);
  color: var(--clr-accent-lighten);
  box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
}
.btn .icon {
  font-size: 24px;
  font-weight: 700;
}

.building-card {
  width: 100%;
  min-width: 0;
  max-width: 560px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--clr-light);
  margin-inline: auto;
}
.building-card:not(:last-child) {
  margin-block-end: 15px;
}
@media only screen and (min-width: 75em) {
  .building-card {
    margin-block-end: 0;
  }
}
.building-card__img-box {
  width: 100%;
  max-width: 560px;
  max-height: 420px;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.building-card__img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.33;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
  transition: 0.5s all ease-in-out;
}
@media only screen and (min-width: 75em) {
  .building-card__img:hover {
    transform: scale(1.01);
  }
}
.building-card__heading {
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding-block: 10px;
}
@media only screen and (min-width: 75em) {
  .building-card__heading {
    padding-block: 25px;
  }
}
.building-card__title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--clr-dark);
  padding-block-end: 6px;
  transition: color 0.2s ease-in-out;
}
@media only screen and (min-width: 75em) {
  .building-card__title {
    padding-block-end: 10px;
  }
}
.building-card__title:hover {
  color: var(--clr-primary);
}
.building-card__header-link {
  color: inherit;
  text-decoration: none;
}
.building-card__properties {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding-block: 15px;
}
@media only screen and (min-width: 75em) {
  .building-card__properties {
    gap: 20px;
    padding-block-end: 0;
  }
}
.building-card__propertie-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
}
.building-card__propertie-item .icon {
  font-size: 24px;
  font-weight: 700;
  color: var(--clr-accent);
}
.building-card__propertie-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 10px;
  border: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding: 15px;
}
.building-card__propertie-value-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  border-bottom: 1px dashed rgba(29, 30, 31, 0.1019607843);
  padding-block: 14px;
}
@media only screen and (min-width: 75em) {
  .building-card__propertie-value-wrapper {
    font-size: 18px;
  }
}
.building-card__propertie-title {
  font-weight: 500;
  color: var(--clr-text-light);
}
.building-card__propertie-value {
  font-weight: 600;
  color: var(--clr-accent);
}
.building-card__text {
  text-align: start;
  font-size: 18px;
  font-weight: 500;
  color: var(--clr-text-light);
  opacity: 0.8;
  overflow: hidden;
  max-height: 235px;
  padding-block: 20px;
  padding-inline: 1px 20px;
}
.building-card__text p {
  margin-top: 15px;
  margin-bottom: 15px;
}
.building-card__text p:not(:last-child) {
  margin-top: 15px;
}

.buildings__btn-more {
  margin-block-start: 30px;
}
.buildings__btn-more .icon {
  font-weight: 700;
  transform: rotate(90deg);
}

.burger-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  border: none;
  position: relative;
  cursor: pointer;
  z-index: 1001;
  background: none;
  background-color: var(--clr-accent);
}
@media only screen and (min-width: 48em) {
  .burger-btn {
    width: 55px;
    height: 55px;
  }
}
@media only screen and (min-width: 62em) {
  .burger-btn {
    width: 64px;
    height: 64px;
  }
}

.burger-btn:focus {
  outline: none;
}

.burger-btn:hover .burger-btn__mid {
  width: 70%;
}
.burger-btn:hover .burger-btn__bottom {
  width: 50%;
}

.burger-btn__inner {
  position: relative;
  width: 22px;
  height: 16px;
}
@media only screen and (min-width: 62em) {
  .burger-btn__inner {
    width: 28px;
    height: 18px;
  }
}

.burger-btn__top,
.burger-btn__mid,
.burger-btn__bottom {
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #fff;
  transition: all 0.3s ease-out;
}

.burger-btn__top {
  top: 0;
}

.burger-btn__mid {
  top: 7px;
}
@media only screen and (min-width: 62em) {
  .burger-btn__mid {
    top: 8px;
  }
}

.burger-btn__bottom {
  bottom: 0;
  width: 70%;
}

.burger-btn.active .burger-btn__top {
  transform: rotate(225deg);
  top: 50%;
  width: 100%;
}

.burger-btn.active .burger-btn__mid {
  scale: 0;
  width: 100%;
}

.burger-btn.active .burger-btn__bottom {
  transform: rotate(-225deg);
  top: 50%;
  width: 100%;
}

.chat-form__item {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
  margin-block-end: 25px;
}
.chat-form__item input:focus + label {
  color: var(--clr-accent);
}
.chat-form__item textarea:focus + label {
  color: var(--clr-accent);
}
.chat-form__form-label {
  font-size: 16px;
  font-weight: 600;
  color: #1e1e1f;
}
.chat-form__input, .chat-form__form-textarea {
  width: 100%;
  color: #1e1e1f;
  letter-spacing: 1px;
  font-size: 18px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  padding-block: 21px;
  padding-inline: 20px;
}
.chat-form__input:focus, .chat-form__form-textarea:focus {
  border: 1px solid var(--clr-accent);
  outline: none;
}
.chat-form__input::-moz-placeholder, .chat-form__form-textarea::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  color: #646471;
}
.chat-form__input::placeholder, .chat-form__form-textarea::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  color: #646471;
}
.chat-form__form-textarea {
  resize: none;
}

:root {
  --chat-width: 92vw;
  --chat-height: 75vh;
  --bg: #f7fbfd;
  --bubble-light: #ffffff;
  --muted: #9aa6b3;
}

@media only screen and (min-width: 36em) {
  :root {
    --chat-width: 453px;
    --chat-height: 645px;
  }
}
.chat__widget {
  --offset: -15px;
  width: var(--chat-width);
  min-height: var(--chat-height);
  position: fixed;
  right: 0;
  bottom: 40px;
  transform: translateX(calc(100% + 3px));
  transition: transform 500ms cubic-bezier(0.2, 0.9, 0.25, 1);
  z-index: 3000;
  font-family: inherit;
}
@media only screen and (min-width: 48em) {
  .chat__widget {
    --offset: -30px;
  }
}
.chat__widget.open {
  transform: translateX(var(--offset));
}
.chat__inner {
  box-shadow: 0 30px 60px rgba(2, 10, 23, 0.35);
  background: linear-gradient(180deg, rgba(241, 243, 245, 0.96), rgba(241, 243, 245, 0.98));
  border-radius: var(--border-radius);
  overflow: hidden;
}
@media only screen and (min-width: 90em) {
  .chat__inner {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: 0;
  }
}
.chat__header {
  background: linear-gradient(180deg, rgba(241, 243, 245, 0.96), rgba(241, 243, 245, 0.98));
  border-bottom: 1px solid rgba(87, 88, 90, 0.2509803922);
  padding-block: 24px;
  padding-inline: 30px;
}
.chat__title {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #0b2b3b;
}
.chat__subtitle {
  margin-top: 6px;
  font-size: 18px;
  color: #646471;
  display: flex;
  align-items: center;
  gap: 11px;
}

.status-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(54, 180, 111, 0.07);
}

.chat__inner.is-online .chat__header .status-dot {
  background: #36b46f;
}

.chat__inner.is-offline .chat__header .status-dot {
  background: #ef2d38;
}

/* message block - scroll */
.chat-body {
  padding: 20px;
}

.chat__inner.is-online .chat-body {
  height: calc(var(--chat-height) - 165px);
}

.chat__inner.is-offline .chat-body {
  height: calc(var(--chat-height) - 140px);
}
@media only screen and (min-width: 36em) {
  .chat__inner.is-offline .chat-body {
    height: calc(var(--chat-height) - 94px);
  }
}

.chat-dialog {
  height: calc(var(--chat-height) - 220px);
  overflow-y: auto;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04));
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.chat__inner.is-online .chat-body .chat-dialog {
  display: flex;
}
.chat__inner.is-online .chat-body .chat-form-wrapper {
  display: none;
}

.chat__inner.is-online .chat-body + .chat-footer {
  display: flex;
}

.chat__inner.is-offline .chat-body .chat-dialog {
  display: none;
}
.chat__inner.is-offline .chat-body .chat-footer {
  display: none;
}
.chat__inner.is-offline .chat-body .chat-form-wrapper {
  display: block;
}

.chat__inner.is-offline .chat-body + .chat-footer {
  display: none;
}

/* message */
.msg {
  max-width: 100%;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-inline: 10px;
}

.msg.user {
  margin-left: auto;
  flex-direction: row-reverse;
  align-items: end;
  margin-inline: 10px;
}

.avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  flex: 0 0 48px;
  background: linear-gradient(120deg, #e4e8eb, #f7f9fa);
  background-size: cover;
  box-shadow: 0 6px 18px rgba(3, 10, 20, 0.06);
}

.bubble {
  box-shadow: 0 8px 18px rgba(4, 20, 36, 0.06);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.33;
  color: #646471;
  background: var(--bubble-light);
  position: relative;
  border-top-left-radius: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 14px 20px;
}
@media only screen and (min-width: 48em) {
  .bubble {
    font-size: 18px;
  }
}

/* user message */
.bubble.dark {
  background: var(--clr-accent);
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0px;
}

.time {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: rgba(100, 100, 113, 0.3294117647);
}

.bubble.dark .time {
  color: rgba(255, 255, 255, 0.65);
}

/* input field */
.chat-footer {
  height: 60px;
  border-top: 1px solid rgba(12, 30, 45, 0.04);
  display: flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(250, 252, 254, 0.95));
}

.input-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(5, 18, 32, 0.04);
  padding-block: 10px;
  padding-inline: 20px 14px;
}

.input-wrap input {
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 15px;
  color: #0b2b3b;
  background: transparent;
}

.send-btn {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  background: transparent;
  color: white;
}

.chat-toggle-btn {
  width: 60px;
  height: 60px;
  display: none;
  position: fixed;

  right: 0;
  transform: translateX(-453px) translateY(-100%);
  z-index: 3000;
  cursor: pointer;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: var(--clr-accent);
  padding: 15px;
}
@media only screen and (min-width: 90em) {
  .chat-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.chat-toggle-btn img {
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
}

.chat-body::-webkit-scrollbar {
  width: 10px;
}

.chat-body::-webkit-scrollbar-thumb {
  background: rgba(4, 20, 36, 0.06);
  border-radius: 10px;
}

.chat-body::-webkit-scrollbar-track {
  background: transparent;
}

.circle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.circle-btn .icon {
  font-size: 20px;
  color: var(--clr-dark);
  transition: all 0.2s ease-in-out;
}
.circle-btn:hover {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.circle-btn--next, .circle-btn--prev {
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.circle-btn--next {
  right: 24px;
}
.circle-btn--prev {
  left: 24px;
}
.circle-btn--property-slider-btn {
  width: 30px;
  height: 30px;
}
@media only screen and (min-width: 36em) {
  .circle-btn--property-slider-btn {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 48em) {
  .circle-btn--property-slider-btn {
    width: 40px;
    height: 40px;
  }
}
.circle-btn--object-card-btn {
  width: 30px;
  height: 30px;
}

.client-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  min-width: 100px;
  border-radius: var(--border-radius);
  background-color: var(--clr-light);
  padding: 15px;
}
@media only screen and (min-width: 90em) {
  .client-card {
    width: 194px;
    height: 194px;
    min-width: 120px;
    padding: 40px;
  }
}
@media only screen and (min-width: 120em) {
  .client-card {
    padding: 45px;
  }
}
.client-card__img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.close-btn {
  cursor: pointer;
  background-color: var(--clr-accent);
  border: none;
  height: 40px;
  width: 40px;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}

.close-btn:focus {
  outline: none;
}

.close-btn__inner {
  position: relative;
  height: 18px;
  width: 18px;
  pointer-events: none;
}

.close-btn__top,
.close-btn__bottom {
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #fff;
  transition: all 0.3s ease-out;
  pointer-events: none;
}

.close-btn__top {
  top: 50%;
  transform: rotate(225deg);
}

.close-btn__bottom {
  top: 50%;
  transform: rotate(-225deg);
}

.close-btn:hover .close-btn__top {
  transform: rotate(135deg);
}

.close-btn:hover .close-btn__bottom {
  transform: rotate(-135deg);
}

.companies {
  display: grid;
  grid-template-columns: repeat(5, minmax(50px, 1fr));
  grid-auto-rows: 1fr;
  gap: 5px;
  max-width: 100%;
}
@media only screen and (min-width: 75em) {
  .companies {
    gap: 12px;
  }
}
.companies__item {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  background-color: var(--clr-light);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  padding: 20px;
}
@media only screen and (min-width: 75em) {
  .companies__item {
    padding: 20px;
  }
}
.companies__img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  -o-object-position: center;
  object-position: center;
}

.contact-us-form-v2 {
  max-width: 576px;
  background-color: rgba(255, 255, 255, 0.8784313725);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: var(--box-shadow);
  margin-inline: auto;
  border-radius: 20px;
}
@media only screen and (min-width: 62em) {
  .contact-us-form-v2 {
    max-width: 768px;
  }
}
@media only screen and (min-width: 90em) {
  .contact-us-form-v2 {
    max-width: 860px;
  }
}
.contact-us-form-v2__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding-inline: 30px;
  padding-block: 20px;
}
@media only screen and (min-width: 62em) {
  .contact-us-form-v2__head {
    font-size: 45px;
    padding-block: 40px;
    padding-inline: 30px;
  }
}
.contact-us-form-v2__content {
  padding-block: 30px;
  padding-inline: 20px;
}
@media only screen and (min-width: 62em) {
  .contact-us-form-v2__content {
    font-size: 45px;
    padding-block: 40px;
    padding-inline: 30px;
  }
}
.contact-us-form-v2__title {
  font-size: 28px;
  font-weight: 700;
  color: #1e1e1f;
  line-height: 1.2;
}
@media only screen and (min-width: 62em) {
  .contact-us-form-v2__title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 90em) {
  .contact-us-form-v2__row {
    display: flex;
    align-items: center;
    gap: 30px;
  }
}
.contact-us-form-v2__select.nice-select {
  height: auto;
  line-height: 1.025;
}
.contact-us-form-v2__item {
  position: relative;
  flex: 1 1;
  margin-block-end: 40px;
}
.contact-us-form-v2__item .form-textarea {
  display: block;
}
.contact-us-form-v2__form-label {
  font-size: 16px;
  font-weight: 600;
  color: #1e1e1f;
}
.contact-us-form-v2__input, .contact-us-form-v2__form-textarea {
  width: 100%;
  color: #1e1e1f;
  letter-spacing: 1px;
  font-size: 18px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  padding-block: 21px;
  padding-inline: 20px;
}
.contact-us-form-v2__input:focus, .contact-us-form-v2__form-textarea:focus {
  border: 1px solid var(--clr-accent);
  outline: none;
}
.contact-us-form-v2__input::-moz-placeholder, .contact-us-form-v2__form-textarea::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  color: #646471;
}
.contact-us-form-v2__input::placeholder, .contact-us-form-v2__form-textarea::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  color: #646471;
}
.contact-us-form-v2__form-textarea {
  resize: none;
}
.contact-us-form-v2__item {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
}
.contact-us-form-v2__item input:focus + label {
  color: var(--clr-accent);
}
.contact-us-form-v2__item textarea:focus + label {
  color: var(--clr-accent);
}
.contact-us-form-v2__date-input {
  width: 100%;
  min-height: 30px;
  position: relative;
}

.contact-us-form-v3 {
  width: 100%;
  max-width: 1800px;
  background-color: var(--clr-accent);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: var(--box-shadow);
  margin-inline: auto;
  border-radius: 20px;
}
.contact-us-form-v3__head {
  margin-inline: auto;
  padding-inline: 15px;
  padding-block: 60px 20px;
}
@media only screen and (min-width: 62em) {
  .contact-us-form-v3__head {
    font-size: 45px;
    padding-block: 74px 66px;
    padding-inline: 80px;
  }
}
@media only screen and (min-width: 75em) {
  .contact-us-form-v3__head {
    text-align: center;
  }
}
.contact-us-form-v3__subtitle {
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.5019607843);
  text-transform: uppercase;
  margin-block-end: 6px;
}
.contact-us-form-v3__title {
  font-size: 33px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}
@media only screen and (min-width: 62em) {
  .contact-us-form-v3__title {
    font-size: 45px;
    font-weight: 700;
  }
}
.contact-us-form-v3__content {
  padding-inline: 15px;
  padding-block-end: 20px;
}
@media only screen and (min-width: 62em) {
  .contact-us-form-v3__content {
    font-size: 45px;
    padding-inline: 80px;
    padding-block-end: 80px;
  }
}
@media only screen and (min-width: 90em) {
  .contact-us-form-v3__row {
    display: flex;
    align-items: center;
    gap: 30px;
  }
}
.contact-us-form-v3__select.nice-select {
  height: auto;
  line-height: 1.025;
}
.contact-us-form-v3__item {
  position: relative;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  margin-block-end: 30px;
}
.contact-us-form-v3__item input:focus + label {
  color: var(--clr-accent);
}
.contact-us-form-v3__item textarea:focus + label {
  color: var(--clr-accent);
}
@media only screen and (min-width: 62em) {
  .contact-us-form-v3__item {
    margin-block-end: 36px;
  }
}
.contact-us-form-v3__item .form-textarea {
  display: block;
}
.contact-us-form-v3__form-label {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 62em) {
  .contact-us-form-v3__form-label {
    font-weight: 600;
  }
}
.contact-us-form-v3__input, .contact-us-form-v3__form-textarea {
  width: 100%;
  color: rgba(255, 255, 255, 0.5019607843);
  letter-spacing: 1px;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.1019607843);
  border: 1px solid var(--clr-accent);
  border-radius: 10px;
  padding-block: 21px;
  padding-inline: 15px;
}
.contact-us-form-v3__input:focus, .contact-us-form-v3__form-textarea:focus {
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  outline: none;
}
.contact-us-form-v3__input::-moz-placeholder, .contact-us-form-v3__form-textarea::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  color: rgba(255, 255, 255, 0.5019607843);
}
.contact-us-form-v3__input::placeholder, .contact-us-form-v3__form-textarea::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  color: rgba(255, 255, 255, 0.5019607843);
}
.contact-us-form-v3__form-textarea {
  resize: none;
}
.contact-us-form-v3__date-input {
  width: 100%;
  min-height: 30px;
  position: relative;
}

.contact-us-form {
  max-width: 992px;
  background-color: var(--clr-accent);
  margin-inline: auto;
  padding-block: 60px 30px;
  padding-inline: 15px;
}
@media only screen and (min-width: 62em) {
  .contact-us-form {
    max-width: 870px;
    padding-block: 40px;
    padding-inline: 30px;
  }
}
@media only screen and (min-width: 90em) {
  .contact-us-form {
    padding-inline: 40px;
  }
}
@media only screen and (min-width: 120em) {
  .contact-us-form {
    width: 100%;
    max-width: 870px;
    padding-block: 74px 100px;
    padding-inline: 80px 80px;
  }
}
.contact-us-form__subtitle {
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.5019607843);
  text-transform: uppercase;
  margin-block-end: 12px;
}
@media only screen and (min-width: 90em) {
  .contact-us-form__subtitle {
    margin-block-end: 5px;
  }
}
.contact-us-form__title {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: 0.01em;
  margin-block-end: 20px;
}
@media only screen and (min-width: 62em) {
  .contact-us-form__title {
    font-size: 45px;
    margin-block-end: 60px;
  }
}
@media only screen and (min-width: 120em) {
  .contact-us-form__row {
    display: flex;
    align-items: center;
    gap: 30px;
  }
}
.contact-us-form__select.nice-select {
  height: auto;
  line-height: 1.025;
}
.contact-us-form__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  flex: 1 1;
  gap: 10px;
  margin-block-end: 26px;
}
@media only screen and (min-width: 75em) {
  .contact-us-form__item {
    gap: 15px;
    margin-block-end: 34px;
  }
}
.contact-us-form__item input:focus + label {
  color: var(--clr-accent);
}
.contact-us-form__item textarea:focus + label {
  color: var(--clr-accent);
}
.contact-us-form__item .form-textarea {
  display: block;
}
.contact-us-form__label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
}
@media only screen and (min-width: 75em) {
  .contact-us-form__label {
    font-size: 18px;
  }
}
.contact-us-form__input, .contact-us-form__form-textarea {
  width: 100%;
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.1019607843);
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  border-radius: 10px;
  padding-block: 21px;
  padding-inline: 20px;
}
.contact-us-form__input::-moz-placeholder, .contact-us-form__form-textarea::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  color: rgba(255, 255, 255, 0.5019607843);
}
.contact-us-form__input::placeholder, .contact-us-form__form-textarea::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  color: rgba(255, 255, 255, 0.5019607843);
}
.contact-us-form__form-textarea {
  resize: none;
}
.contact-us-form__title-wrapper {
  position: relative;
}
.contact-us-form__title-wrapper::after {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2015.4989L12%2019.499L8.00003%2015.499'%20stroke='white'%20stroke-width='2'/%3e%3cpath%20d='M8%208.50098L12.0001%204.50097L16%208.50093'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e");
  position: absolute;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.contact-us-form__select-title {
  color: rgba(255, 255, 255, 0.8666666667);
}
.contact-us-form__date-input {
  width: 100%;
  min-height: 30px;
  position: relative;
}

.contact-us-section {
  height: 100%;
  padding-block-end: 480px;
}
@media only screen and (min-width: 62em) {
  .contact-us-section {
    padding-block-end: 520px;
  }
}
@media only screen and (min-width: 75em) {
  .contact-us-section {
    padding-block-end: 620px;
  }
}
@media only screen and (min-width: 90em) {
  .contact-us-section {
    padding-block-end: 450px;
  }
}
.contact-us-section__bg {
  width: 100%;
  height: 100%;
  max-height: 665px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 75em) {
  .contact-us-section__bg {
    max-height: 630px;
  }
}
.contact-us-section__title {
  text-align: start;
  margin-block-end: 48px;
}
@media only screen and (min-width: 75em) {
  .contact-us-section__title {
    margin-block-end: 80px;
    text-align: center;
  }
}

.contact-us-v2 {
  max-width: 820px;
}
@media only screen and (min-width: 90em) {
  .contact-us-v2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    border-radius: 20px;
    gap: 30px;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
}
@media only screen and (min-width: 120em) {
  .contact-us-v2 {
    gap: 38px;
  }
}
.contact-us-v2 .section-heading {
  margin-block-end: 20px;
}
.contact-us-v2__column {
  max-width: 820px;
  margin-inline: auto;
}
.contact-us-v2__column--form {
  height: 100%;
  background-color: var(--clr-accent);
  border-radius: 20px;
  overflow: hidden;
  margin-block-end: 60px;
}
@media only screen and (min-width: 90em) {
  .contact-us-v2__column--form {
    margin-block-end: 0;
  }
}
@media only screen and (min-width: 120em) {
  .contact-us-v2__column--form {
    min-width: 870px;
  }
}
.contact-us-v2__column--form .contact-us-form {
  border-radius: 20px;
}
.contact-us-v2__column--description {
  max-width: 750px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.contact-us-v2__description {
  max-width: 750px;
}
.contact-us-v2__description p {
  font-size: 18px;
  font-weight: 400;
  margin-block-end: 30px;
}
.contact-us-v2__description-text {
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (min-width: 90em) {
  .contact-us-v2__description-text {
    font-size: 18px;
    font-weight: 400;
  }
}
.contact-us-v2__contacts-list {
  list-style: none;
}
.contact-us-v2__contacts-list-item {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 18px;
  font-weight: 400;
  color: var(--clr-text-light);
}
.contact-us-v2__contacts-list-item:not(:last-child) {
  margin-block-end: 14px;
}
@media only screen and (min-width: 90em) {
  .contact-us-v2__contacts-list-item:not(:last-child) {
    margin-block-end: 20px;
  }
}
.contact-us-v2__contacts-list-item .icon {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.contact-us-v2__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background-color: var(--clr-accent);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.contact-us-v2__icon-wrapper:hover {
  background-color: var(--clr-accent-lighten);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.contact-us-v2__contacts-link {
  font-weight: 400;
  font-size: 18px;
  color: var(--clr-text-light);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.contact-us-v2__contacts-link:hover {
  color: var(--clr-accent-lighten);
}
.contact-us-v2__contacts-link--email {
  color: var(--clr-accent);
  text-decoration: underline;
}

.contact-us {
  border-radius: 20px;
  height: -moz-fit-content;
  height: fit-content;
  padding-block-end: 60px;
}
@media only screen and (min-width: 90em) {
  .contact-us {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }
}
@media only screen and (min-width: 48em) {
  .contact-us {
    padding-block-end: 65px;
  }
}
@media only screen and (min-width: 75em) {
  .contact-us {
    padding-block-end: 70px;
  }
}
@media only screen and (min-width: 90em) {
  .contact-us {
    padding-block-end: 80px;
  }
}
.contact-us__img {
  width: 100%;
  max-width: 870px;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1;
  margin-inline: auto;
}
@media only screen and (min-width: 90em) {
  .contact-us__img {
    height: 100%;
  }
}
.contact-us__column {
  width: 100%;
  max-width: 870px;
  margin-inline: auto;
}
.contact-us__column--img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 90em) {
  .contact-us__column--img {
    border-top-left-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
  }
}
.contact-us__column--form {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 90em) {
  .contact-us__column--form {
    height: 100%;
    background-color: var(--clr-accent);
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 20px;
    overflow: hidden;
  }
}

.cta__content {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-width: 576px;
  max-height: -moz-fit-content;
  max-height: fit-content;
  margin-inline: auto;
  padding-block: 60px;
  padding-inline: 15px;
}
@media only screen and (min-width: 48em) {
  .cta__content {
    max-width: 768px;
    padding-inline: var(--container-padding-md);
  }
}
@media only screen and (min-width: 62em) {
  .cta__content {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-inline: var(--container-padding-lg);
  }
}
@media only screen and (min-width: 75em) {
  .cta__content {
    aspect-ratio: 1.3;
    max-width: 1440px;
    padding-inline: var(--container-padding-xl);
  }
}
@media only screen and (min-width: 90em) {
  .cta__content {
    aspect-ratio: 2.08;
    padding-inline: var(--container-padding-xxl);
  }
}
@media only screen and (min-width: 120em) {
  .cta__content {
    max-width: 1920px;
    padding-block-start: 60px;
    padding-block-end: 60px;
    padding-inline: 60px;
  }
}
.cta__title {
  color: #fff;
  font-size: 33px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-block-end: 15px;
  margin-inline: 5px;
}
@media only screen and (min-width: 75em) {
  .cta__title {
    font-size: 45px;
    margin-block-end: 20px;
  }
}
.cta__subtitle {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  margin-block-end: 30px;
  margin-inline: 10px;
}
@media only screen and (min-width: 75em) {
  .cta__subtitle {
    font-size: 22px;
    margin-block-end: 70px;
  }
}
.cta__subtitle b {
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (min-width: 75em) {
  .cta__subtitle b {
    font-size: 22px;
  }
}

.custom-checkbox {
  display: flex;
  align-items: start;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.75;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 3px;
  cursor: pointer;
}
.custom-checkbox input {
  display: none;
}
.custom-checkbox label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: var(--clr-text-light);
  padding-left: 32px;
}
.custom-checkbox label::before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 3px;
  border: 1px solid rgba(29, 30, 31, 0.1019607843);
  background-color: #fff;
  background-position: top;
  position: absolute;
  left: 0;
  top: 0;
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out;
  border-radius: 8px;
}
.custom-checkbox input:checked + label::before {
  background-color: var(--clr-accent);
  background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.77734%2010.6088L6.36652%2012.8743C6.70836%2013.1735%207.22998%2013.13%207.51761%2012.7785L14.2238%204.58203'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}
.custom-checkbox input:indeterminate + label::before {
  background-color: var(--clr-accent);
  background-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='2'%20viewBox='0%200%2010%202'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='10'%20height='2'%20fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}

.date-label {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: #fff;
  border-radius: 10px;
  background-color: var(--clr-accent);
  margin-inline: auto;
  padding: 10px 15px;
}
@media only screen and (min-width: 75em) {
  .date-label {
    padding: 10px 10px;
  }
}
.date-label .icon {
  font-size: 20px;
  font-weight: 700;
}
.date-label__text {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dropdown {
  cursor: default;
  visibility: hidden;
  opacity: 0;
  max-width: 250px;
  min-width: 100%;
  max-height: 400px;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius);
  transition: all 0.2s ease-in-out;
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  z-index: 10;
  scrollbar-color: var(--color-primary) var(--color-grey);
  scrollbar-width: thin;
}
.dropdown::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 1px;
  width: 1px;
}
.dropdown.show {
  visibility: visible;
  opacity: 1;
}
@media only screen and (min-width: 24.375em) {
  .dropdown {
    max-width: 320px;
  }
}
@media only screen and (min-width: 75em) {
  .dropdown {
    max-width: 274px;
    width: auto;
  }
}
.dropdown__select-body {
  padding: 20px;
}
.dropdown__checkbox-list-wrapper {
  display: none;
}
.dropdown__checkbox-list {
  list-style: none;
}
li .dropdown__checkbox-list {
  padding-left: 32px;
}
.dropdown li.has-dropdown {
  position: relative;
}
.dropdown li.has-dropdown::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 6px;
  right: 0;
  top: 13px;
  transform: translateY(-50%);
  z-index: -1;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='8'%20viewBox='0%200%2012%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L6%206L11%201'%20stroke='%231E1E1F'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.2s ease-in-out;
}
.dropdown li.has-dropdown.active::after {
  transform: translateY(-50%) rotate(-90deg);
}
li.active > .dropdown__checkbox-list-wrapper {
  grid-template-rows: 1fr;
  display: block;
}
.dropdown li:not(:last-child) {
  margin-bottom: 10px;
}

.employee-card {
  width: 100%;
  max-width: 425px;
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-block-end: 30px;
  margin-inline: auto;
}
@media only screen and (min-width: 90em) {
  .employee-card {
    margin-block-end: 0;
    border-bottom: none;
  }
}
.employee-card__img-box {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 100%;
  max-width: 425px;
  max-height: 556px;
  border-radius: var(--border-radius);
}
.employee-card__img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.2s ease-in-out;
  filter: grayscale(100%);
}
.employee-card__img-box:hover .employee-card__img {
  transform: scale(1.01);
  filter: grayscale(0);
}
.employee-card__header {
  width: 100%;
  background-color: #fff;
  padding-block: 10px;
  margin-block-end: auto;
}
@media only screen and (min-width: 75em) {
  .employee-card__header {
    padding-block: 20px;
  }
}
.employee-card__title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--clr-dark);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  margin-bottom: 4px;
}
.employee-card__title:hover {
  color: var(--clr-accent);
}
.employee-card__subtitle {
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--clr-text-light);
  padding-block: 4px;
}
@media only screen and (min-width: 75em) {
  .employee-card__subtitle {
    font-size: 18px;
  }
}
.employee-card__contacts {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
  list-style: none;
  border-top: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding-block: 10px;
}
@media only screen and (min-width: 75em) {
  .employee-card__contacts {
    gap: 20px;
    padding-block: 20px 15px;
  }
}
@media only screen and (min-width: 120em) {
  .employee-card__contacts {
    gap: 30px;
  }
}
.employee-card__contacts-item {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
@media only screen and (min-width: 120em) {
  .employee-card__contacts-item {
    gap: 15px;
  }
}
.employee-card__contacts-item .icon {
  font-size: 24px;
  font-weight: 700;
  color: var(--clr-accent);
}
.employee-card__contacts-icon {
  margin-right: 13px;
  width: 18px;
  height: 18px;
  margin-bottom: -3px;
}
.employee-card__link {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
@media only screen and (min-width: 90em) {
  .employee-card__link {
    font-size: 18px;
  }
}
.employee-card__link--email {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: var(--clr-accent);
}
.employee-card__link:hover {
  color: var(--clr-accent);
}

.employee {
  width: 100%;
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}
.employee .btn {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (min-width: 48em) {
  .employee {
    max-width: 600px;
  }
}
@media only screen and (min-width: 62em) {
  .employee {
    max-width: 650px;
  }
}
@media only screen and (min-width: 75em) {
  .employee {
    min-width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .employee {
    display: flex;
  }
  .employee > * {
    width: 50% !important;
  }
}
.employee__img-box {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
  margin-block-end: 30px;
}
@media only screen and (min-width: 75em) {
  .employee__img-box {
    margin-block-end: 0;
  }
}
.employee__img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 0.76;
  transform: scale(1);
  transition: 0.2s ease-in-out;
}
@media only screen and (min-width: 120em) {
  .employee__img {
    height: auto;
    width: auto;
  }
}
.employee__img-box:hover .employee__img {
  transform: scale(1.01);
}
.employee__heading {
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding-block-end: 20px;
}
@media only screen and (min-width: 120em) {
  .employee__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.employee__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: 0.06;
  padding-block: 20px;
}
@media only screen and (min-width: 75em) {
  .employee__title {
    padding-block: 0;
  }
}
.employee__subtitle {
  display: block;
  font-size: 17px;
  font-weight: 500;
  color: var(--clr-text-light);
  margin-block-end: 10px;
}
@media only screen and (min-width: 120em) {
  .employee__subtitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 120em) {
  .employee__subtitle {
    margin-block-end: 0;
  }
}
.employee__contacts {
  display: flex;
  gap: 10px;
  list-style: none;
}
@media only screen and (min-width: 90em) {
  .employee__contacts {
    gap: 30px;
  }
}
.employee__contacts-item {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 15px;
}
.employee__contacts-item .icon {
  font-size: 24px;
  font-weight: 700;
  color: var(--clr-accent);
}
.employee__link {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
@media only screen and (min-width: 90em) {
  .employee__link {
    font-size: 18px;
  }
}
.employee__link:hover {
  color: var(--clr-accent);
}
.employee__info {
  max-width: 870px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  color: var(--clr-text-lighten);
  padding-block: 30px;
}
@media only screen and (min-width: 48em) {
  .employee__info {
    font-size: 18px;
    font-weight: 400;
  }
}
@media only screen and (min-width: 75em) {
  .employee__info {
    padding-block: 30px;
  }
}
.employee__info p:not(:last-child) {
  margin-block-end: 20px;
}
.employee__features {
  width: 100%;
  list-style: none;
}
.employee__features-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 10px;
  background-color: #f3f3f6;
  padding: 15px;
}
@media only screen and (min-width: 75em) {
  .employee__features-item {
    width: auto;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.employee__features-item:not(:last-child) {
  margin-block-end: 10px;
}
@media only screen and (min-width: 75em) {
  .employee__features-item:not(:last-child) {
    margin-block-end: 15px;
  }
}
.employee__features-item .icon {
  font-size: 24px;
  font-weight: 700;
  color: var(--clr-accent);
}
.employee__features-item span {
  display: block;
  width: 100%;
  flex: 2;
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-accent);
}
@media only screen and (min-width: 75em) {
  .employee__features-item span {
    font-size: 18px;
  }
}
.employee__features-item p {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-text-light);
}
@media only screen and (min-width: 75em) {
  .employee__features-item p {
    font-size: 18px;
  }
}
.employee__features-item-name {
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: flex;
  align-items: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
  gap: 15px;
}
.employee .circle-btn {
  width: 64px;
  height: 64px;
  background-color: #f3f3f6;
  transition: all 0.3 ease-in-out;
}
.employee .circle-btn:hover {
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

.employees .section-heading__right-wrapper {
  display: none;
}
@media only screen and (min-width: 75em) {
  .employees .section-heading__right-wrapper {
    display: flex;
  }
}
.employees__btn-wrapper {
  padding-block-start: 24px;
}
@media only screen and (min-width: 75em) {
  .employees__btn-wrapper {
    display: none;
  }
}
.employees__btn:not(:last-child) {
  margin-block-end: 16px;
}

.estimate-form {
  width: 100%;
  max-width: 1165px;
  background-color: rgba(255, 255, 255, 0.8784313725);
  border-radius: 20px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
  padding: 30px 15px;
  margin-inline: auto;
}
@media only screen and (min-width: 75em) {
  .estimate-form {
    padding: 30px;
  }
}
@media only screen and (min-width: 75em) {
  .estimate-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-block-end: 30px;
  }
}
.estimate-form__item {
  margin-block-end: 30px;
}
@media only screen and (min-width: 75em) {
  .estimate-form__item {
    margin-block-end: 0;
  }
}
.estimate-form label {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.estimate-form label.required::after {
  content: "*";
  color: #ef2d38;
  margin-inline: 2px;
}
.estimate-form input,
.estimate-form textarea {
  width: 100%;
  font-size: 16px;
  font-weight: 400px;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 10px;
  padding-inline: 20px;
  padding-block: 21px;
}
@media only screen and (min-width: 75em) {
  .estimate-form input,
  .estimate-form textarea {
    font-size: 18px;
  }
}
.estimate-form input:focus,
.estimate-form textarea:focus {
  border-color: #004080;
  outline: none;
}
.estimate-form__bottom {
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
}
@media only screen and (min-width: 75em) {
  .estimate-form__bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.estimate-form .full-width {
  grid-column: span 2;
}
.estimate-form .note {
  font-size: 18px;
  font-weight: 500;
  color: var(--clr-accent);
  display: flex;
  align-items: center;
  gap: 15px;
}
.estimate-form .note .icon {
  font-size: 24px;
  font-weight: 700;
}

.faq {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  max-width: 576px;
  margin-inline: auto;
  padding-inline: var(--container-padding-xs);
  padding-block: 20px 60px;
  margin-inline: auto;
  border-top: 1px solid rgba(29, 30, 31, 0.1019607843);
}
@media only screen and (min-width: 48em) {
  .faq {
    padding-block: 40px;
  }
}
@media only screen and (min-width: 75em) {
  .faq {
    max-width: 920px;
    padding-block: 70px;
  }
}
@media only screen and (min-width: 90em) {
  .faq {
    padding-block: 80px;
  }
}
@media only screen and (min-width: 120em) {
  .faq {
    max-width: 1280px;
  }
}
.faq__description {
  max-width: 1280px;
  margin-inline: auto;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  margin-block-end: 20px;
}
@media only screen and (min-width: 75em) {
  .faq__description {
    max-width: 880px;
  }
}
@media only screen and (min-width: 90em) {
  .faq__description {
    max-width: 920px;
    font-size: 22px;
    margin-block-end: 65px;
  }
}
@media only screen and (min-width: 120em) {
  .faq__description {
    max-width: 1280px;
  }
}

.feature-card {
  display: flex;
  flex-direction: column;
  text-align: start;
  align-items: start;
  flex: 1;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background-color: #ffffff;
  line-height: 1.3;
  box-shadow: var(--box-shadow);
  text-align: center;
  border-radius: 20px;
  margin-inline: auto;
  padding: 25px;
}
@media only screen and (min-width: 48em) {
  .feature-card {
    max-width: 700px;
  }
}
@media only screen and (min-width: 90em) {
  .feature-card {
    padding: 30px;
  }
}
@media only screen and (min-width: 120em) {
  .feature-card {
    padding-block: 30px 35px;
    padding-inline: 30px;
  }
}
.feature-card .text-btn {
  padding: 5px;
}
.feature-card__heading {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-block-end: 15px;
}
@media only screen and (min-width: 90em) {
  .feature-card__heading {
    justify-content: start;
    gap: 20px;
    margin-block-end: 25px;
  }
}
.feature-card__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  min-height: 64px;
  border-radius: 100px;
  background-color: var(--clr-accent);
}
@media only screen and (min-width: 36em) {
  .feature-card__icon-wrapper {
    min-width: 64px;
    min-height: 64px;
  }
}
.feature-card__icon-wrapper .icon {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}
.feature-card__title {
  text-align: start;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (min-width: 75em) {
  .feature-card__title {
    font-size: 24px;
    line-height: 1.25;
  }
}
.feature-card__text {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.33;
  color: var(--clr-text-light);
  text-align: start;
}
@media only screen and (min-width: 75em) {
  .feature-card__text {
    font-size: 18px;
  }
}

.features__content {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-width: 576px;
  margin-inline: auto;
  padding-block: 65px;
  padding-inline: 15px;
}
@media only screen and (min-width: 48em) {
  .features__content {
    max-width: 768px;
    padding-inline: var(--container-padding-md);
  }
}
@media only screen and (min-width: 62em) {
  .features__content {
    padding-inline: var(--container-padding-lg);
  }
}
@media only screen and (min-width: 75em) {
  .features__content {
    max-height: -moz-fit-content;
    max-height: fit-content;
    max-width: 1440px;
    padding-inline: var(--container-padding-xl);
  }
}
@media only screen and (min-width: 90em) {
  .features__content {
    padding-inline: 60px;
  }
}
@media only screen and (min-width: 120em) {
  .features__content {
    padding-block: 120px;
    max-width: 1920px;
  }
}
.features__heading {
  max-width: 360px;
  margin-block-end: 190px;
}
@media only screen and (min-width: 36em) {
  .features__heading {
    max-width: none;
  }
}
@media only screen and (min-width: 75em) {
  .features__heading {
    max-width: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-block-end: 40px;
  }
}
.features__heading .btn {
  min-width: 260px;
}
.features__title {
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.03em;
  margin-block-end: 40px;
}
@media only screen and (min-width: 75em) {
  .features__title {
    font-size: 52px;
    margin-block: 0;
  }
}
@media only screen and (min-width: 120em) {
  .features__title {
    font-size: 64px;
  }
}
.features__card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 62px;
  max-width: 450px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}
@media only screen and (min-width: 62em) {
  .features__card-wrapper {
    flex-direction: row;
    max-width: none;
    gap: 20px;
  }
}
@media only screen and (min-width: 90em) {
  .features__card-wrapper {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 120em) {
  .features__card-wrapper {
    gap: 30px;
  }
}
.features .feature-card:not(:last-child) {
  margin-block-end: 15px;
}
@media only screen and (min-width: 48em) {
  .features .feature-card:not(:last-child) {
    margin-block-end: 0;
  }
}

.filter-form {
  transform: translateY(-90px);
  margin-bottom: -90px;
  width: 100%;
  position: relative;
  z-index: 10;
  border-radius: 20px;
  box-shadow: var(--box-shadow);
  padding-block: 22px;
  padding-inline: 20px;
}
@media only screen and (min-width: 75em) {
  .filter-form {
    transform: translateY(-50%);
    margin-bottom: -215px;
  }
}
.filter-form--bg-v1 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 50%, rgb(255, 255, 255) 100%);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.filter-form--bg-v2 {
  background-color: #fff;
}
@media only screen and (min-width: 48em) {
  .filter-form {
    padding-block: 32px;
    padding-inline: 24px;
  }
}
@media only screen and (min-width: 90em) {
  .filter-form {
    padding-block: 30px;
    padding-inline: 30px;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.88);
  }
}
.filter-form__title {
  font-size: 28px;
  font-weight: 700;
  margin-block-end: 48px;
}
.filter-form__row {
  width: 100%;
}
.filter-form__row:not(:last-child) {
  margin-bottom: 30px;
}
.filter-form__row--grid {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 48em) {
  .filter-form__row--grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media only screen and (min-width: 75em) {
  .filter-form__row--grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 75em) {
  .filter-form__row--flex {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
  }
}
.filter-form__btn-wrapper {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 15px;
}
.filter-form__btn-wrapper .btn {
  width: 100%;
  min-width: 160px;
  min-height: 65px;
}
@media only screen and (min-width: 75em) {
  .filter-form__btn-wrapper .btn {
    width: auto;
  }
}
@media only screen and (min-width: 75em) {
  .filter-form__btn-wrapper {
    flex-direction: row;
  }
}
.filter-form__link-wrapper {
  text-align: center;
}
.filter-form__link-wrapper .icon {
  color: var(--clr-accent);
  font-size: 0.5em;
  font-weight: 700;
}
@media only screen and (min-width: 75em) {
  .filter-form__link-wrapper {
    margin-bottom: 5px;
  }
}
.filter-form__link {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75;
  text-decoration: none;
  color: var(--clr-accent);
  margin-right: 3px;
}
.filter-form__item {
  cursor: pointer;
  position: relative;
  min-width: 0;
}
.filter-form__item--street-name-area {
  width: 100%;
  margin-block-end: 30px;
}
@media only screen and (min-width: 75em) {
  .filter-form__item--street-name-area {
    margin-block-end: 0;
  }
}
.filter-form__label {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  margin-block-end: 10px;
}
.filter-form__input-box {
  position: relative;
}
.filter-form__input-box::after {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.2872%2023.0091L22.5873%2010.709L17.3158%205.4375L5.01562%2017.7377L5.01564%2023.0091H10.2872Z'%20stroke='%23002956'%20stroke-width='2'/%3e%3cpath%20d='M0%205.5C3.05556%205.5%205.5%203.05556%205.5%200C5.5%203.05556%207.94444%205.5%2011%205.5C7.94444%205.5%205.5%207.94444%205.5%2011C5.5%207.94444%203.05556%205.5%200%205.5Z'%20stroke='%23002956'%20stroke-width='2'/%3e%3c/svg%3e");
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.filter-form__input {
  width: 100%;
  min-height: 65px;
  font-size: 18px;
  background-color: #fff;
  border: 1px solid rgba(29, 30, 31, 0.1019607843);
  border-radius: 10px;
  padding-block: 20px;
  padding-inline: 20px 60px;
}
.filter-form__title-wrapper {
  background-color: #fff;
  border: 1px solid rgba(29, 30, 31, 0.1019607843);
  border-radius: 10px;
  padding-inline-end: 46px;
  position: relative;
}
.filter-form__title-wrapper::after {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2015.4992L12%2019.4992L8.00003%2015.4992'%20stroke='%23002956'%20stroke-width='2'/%3e%3cpath%20d='M8%208.50098L12.0001%204.50097L16%208.50093'%20stroke='%23002956'%20stroke-width='2'/%3e%3c/svg%3e");
  position: absolute;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.filter-form__title-wrapper--pin::after {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%2011.75H10V7.75H14V11.75Z'%20stroke='%23002956'%20stroke-width='2'/%3e%3cpath%20d='M3%2010C3%2016%2012%2022.75%2012%2022.75C12%2022.75%2021%2016%2021%2010C21%205.02944%2016.9706%201%2012%201C7.02944%201%203%205.02944%203%2010Z'%20stroke='%23002956'%20stroke-width='2'/%3e%3c/svg%3e");
}
.filter-form__select-title {
  border-radius: var(--border-radius);
  background-color: var(--color-grey);
  width: 100%;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.33;
  letter-spacing: 0.04em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-block: 20px;
  padding-inline: 20px 40px;
  white-space: nowrap;
  overflow-x: auto;
  display: block;
  scrollbar-color: var(--color-primary) var(--color-grey);
  scrollbar-width: thin;
}
@media only screen and (min-width: 75em) {
  .filter-form__select-title {
    font-size: 18px;
  }
}
.filter-form__select-title::-webkit-scrollbar {
  height: 4px;
}
.filter-form__select-title::-webkit-scrollbar-track {
  background: var(--color-grey);
  border-radius: 1px;
}
.filter-form__select-title::-webkit-scrollbar-thumb {
  background: var(--color-primary-lighter);
  border-radius: 1px;
}

.footer {
  background-color: var(--clr-accent);
  border-top: 1px solid var(--clr-accent);
}
.footer__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-inline: auto;
}
@media only screen and (min-width: 48em) {
  .footer__top {
    max-width: none;
  }
}
@media only screen and (min-width: 75em) {
  .footer__top {
    padding-block-start: 70px;
  }
}
@media only screen and (min-width: 90em) {
  .footer__top {
    flex-direction: row;
    padding-block: 80px;
  }
}
@media only screen and (min-width: 90em) {
  .footer__top {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    padding-block: 120px;
  }
}
@media only screen and (min-width: 120em) {
  .footer__top {
    gap: 60px;
  }
}
.footer__logo-img-box {
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
  padding-block: 60px;
}
@media only screen and (min-width: 75em) {
  .footer__logo-img-box {
    width: auto;
    border-bottom: none;
    padding-inline-start: 0;
    padding-block: 0;
  }
}
.footer__logo-img {
  width: 100%;
  max-width: 186px;
  margin-inline: auto;
}
.footer__nav {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
  margin-block: auto;
  padding-block: 40px;
}
@media only screen and (min-width: 48em) {
  .footer__nav {
    width: 100%;
    max-width: 1000px;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
}
@media only screen and (min-width: 75em) {
  .footer__nav {
    padding-block: 60px;
  }
}
@media only screen and (min-width: 90em) {
  .footer__nav {
    max-width: 740px;
    border-bottom: none;
    margin-block: 0;
    padding-block: 0;
  }
}
@media only screen and (min-width: 120em) {
  .footer__nav {
    max-width: 1000px;
  }
}
.footer__nav-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  padding-block: 16px;
}
@media only screen and (min-width: 90em) {
  .footer__nav-list {
    align-items: start;
    padding-block: 0;
  }
}
.footer__nav-list-item {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
  margin-inline: 5px;
}
.footer__nav-list-item:not(:last-child) {
  margin-block-end: 22px;
}
@media only screen and (min-width: 90em) {
  .footer__nav-list-item:not(:last-child) {
    margin-block-end: 32px;
  }
}
.footer__nav-link {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #8094aa;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.footer__nav-link:hover {
  color: #fff;
}
.footer__nav-link.active {
  color: #fff;
}
.footer__info {
  font-size: 16px;
}
@media only screen and (min-width: 36em) {
  .footer__info {
    font-size: 18px;
  }
}
@media only screen and (min-width: 48em) {
  .footer__info {
    flex: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.footer__info-item {
  margin-block-start: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media only screen and (min-width: 75em) {
  .footer__info-item {
    margin-block-start: 0;
  }
}
.footer__contacts {
  padding-block: 60px;
  padding-inline-start: 15px;
}
@media only screen and (min-width: 90em) {
  .footer__contacts {
    padding-block: 0;
    padding-inline-start: 0;
  }
}
.footer__contacts-list {
  list-style: none;
}
@media only screen and (min-width: 90em) {
  .footer__contacts-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
  }
}
@media only screen and (min-width: 62em) {
  .footer__contacts-list {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 90em) {
  .footer__contacts-list {
    flex-direction: column;
    align-items: start;
    gap: 0;
  }
}
.footer__contacts-list-item {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  color: var(--clr-text-light);
}
.footer__contacts-list-item:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (min-width: 90em) {
  .footer__contacts-list-item:not(:last-child) {
    margin-block-end: 25px;
  }
}
.footer__contacts-list-item .icon {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.footer__contacts-link {
  font-weight: 100;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.footer__contacts-link:hover {
  color: #8094aa;
}
.footer__bottom {
  background-color: var(--clr-accent);
}
.footer__bottom-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1019607843);
  padding-block: 60px;
}
@media only screen and (min-width: 62em) {
  .footer__bottom-inner {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding-block: 30px;
  }
}
@media only screen and (min-width: 90em) {
  .footer__bottom-inner {
    padding-inline-start: 0px;
  }
}
.footer .socials {
  margin-block-end: 20px;
}
@media only screen and (min-width: 75em) {
  .footer .socials {
    margin-block-end: 0;
  }
}
.footer__developer {
  max-width: 220px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.02em;
  color: #fff;
  text-wrap: balance;
  text-align: center;
  margin-block-end: 30px;
}
@media only screen and (min-width: 75em) {
  .footer__developer {
    max-width: none;
    margin-block-end: 0;
  }
}
.footer__developer span {
  color: #8094aa;
}
.footer__developer .icon {
  font-size: 20px;
  color: #fff;
}
@media only screen and (min-width: 75em) {
  .footer__developer .icon {
    margin-inline: 5px;
  }
}
.footer__developer-link {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.footer__developer-link:hover {
  color: #8094aa;
}

.form-input,
.form-select,
.form-textarea {
  width: 100%;
  color: hsla(230, 12%, 31%, 0.8);
  letter-spacing: 1px;
  font-size: 18px;
  background-color: #f8f9fc;
  border: 1px solid #f8f9fc;
  border-radius: var(--border-radius);
  padding-block: 21px;
  padding-inline: 10px;
}

.form-input:focus,
.form-textarea:focus {
  border: 1px solid var(--clr-accent);
  outline: none;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5019607843);
}
.form-input::placeholder,
.form-textarea::placeholder {
  color: rgba(0, 0, 0, 0.5019607843);
}

.form-textarea {
  resize: none;
}

.form-item {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
}
.form-item input:focus + label {
  color: var(--clr-accent);
}
.form-item textarea:focus + label {
  color: var(--clr-accent);
}

.form-label {
  display: block;
  font-family: var(--font-text);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
}
@media only screen and (min-width: 62em) {
  .form-label {
    font-size: 16px;
  }
}

.forms-modal__overlay {
  position: fixed;
  inset: 0;
  background: rgba(35, 31, 32, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2100;
}
.forms-modal__container {
  background-color: #454857;
  opacity: 0.9;
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  width: calc(100% - 75px);
  max-width: 560px;
  position: relative;
}
.forms-modal__main-area {
  max-height: 85vh;
  max-height: 85dvh;
  overflow-y: auto;
}
@media only screen and (min-width: 75em) {
  .forms-modal__main-area {
    display: flex;
  }
}
.forms-modal__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  margin-inline: auto;
  margin-block: auto;
}
@media only screen and (min-width: 62em) {
  .forms-modal__content {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 120em) {
  .forms-modal__content {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.forms-modal__img {
  margin-block-end: 10px;
}
.forms-modal__heading {
  line-height: 1.2;
  padding: 10px 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  margin-block-end: 30px;
}
.forms-modal__heading-top {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 30px;
  margin-block-end: 20px;
}
@media only screen and (min-width: 75em) {
  .forms-modal__heading-top {
    font-size: 35px;
  }
}
.forms-modal__heading-bottom {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 20px;
}
@media only screen and (min-width: 75em) {
  .forms-modal__heading-bottom {
    font-size: 25px;
  }
}

/**************************\
  Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

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

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

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

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

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

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

.header-chat-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  background-color: #fff;
  box-shadow: var(--box-shadow);
  padding: 12px;
}
@media only screen and (min-width: 48em) {
  .header-chat-btn {
    width: 55px;
    height: 55px;
  }
}
@media only screen and (min-width: 62em) {
  .header-chat-btn {
    width: 64px;
    height: 64px;
  }
}
.header-chat-btn img {
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
}

.header {
  width: 100%;
  position: sticky;
  z-index: 2000;
  top: 0;
  margin-block-start: 15px;
}
@media only screen and (min-width: 90em) {
  .header {
    margin-block-start: 30px;
  }
}
.header__inner {
  position: relative;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.8784313725);
  box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  transition: all 0.2s ease-in-out;
  padding: 15px;
}
@media only screen and (min-width: 90em) {
  .header__inner {
    padding-block: 30px;
    padding-inline: 30px;
  }
}
.header__top {
  display: none;
  position: relative;
}
@media only screen and (min-width: 90em) {
  .header__top {
    display: block;
  }
}
.header__bottom {
  background-color: transparent;
}
.header__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__logo-img-box {
  display: block;
  min-width: 130px;
  max-width: 130px;
  z-index: 1001;
}
@media only screen and (min-width: 90em) {
  .header__logo-img-box {
    max-width: 186px;
  }
}
.header__logo-img {
  width: 100%;
}
.header__nav-btns {
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media only screen and (min-width: 90em) {
  .header__nav-btns {
    display: none;
  }
}
.header__nav-btns .circle-btn {
  z-index: 1001;
}
.header__nav-btns .circle-btn .icon-chat {
  font-size: 24px;
  color: var(--clr-dark);
}
@media only screen and (min-width: 75em) {
  .header__nav-btns .circle-btn .icon-chat {
    font-size: 32px;
  }
}
.header__description-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header__description {
  text-align: center;
  color: var(--clr-primary);
  font-size: 12px;
  font-weight: bold;
}
.header__search-wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
}
.header__search {
  min-width: 300px;
}
@media only screen and (min-width: 62em) {
  .header__menu-btn {
    display: none;
  }
}
.header.scrolled .header__inner {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding-block: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.top-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-height: var(--top-nav-height);
}
@media only screen and (min-width: 75em) {
  .top-nav {
    margin-block-end: 30px;
  }
}
.top-nav__list {
  display: none;
  list-style: none;
}
@media only screen and (min-width: 75em) {
  .top-nav__list {
    display: flex;
    align-items: center;
    gap: 30px;
  }
}
.top-nav li {
  display: flex;
  align-items: center;
  gap: 15px;
}
.top-nav .icon {
  font-size: 20px;
  font-weight: 700;
  color: var(--clr-accent);
}
.top-nav__link {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: var(--clr-text-light);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.top-nav__link:hover {
  color: var(--clr-accent);
}

.bottom-nav {
  display: none;
}
@media only screen and (min-width: 90em) {
  .bottom-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.bottom-nav__list {
  display: flex;
  align-items: center;
  gap: 20px;
  list-style: none;
}

.hero {
  text-align: center;
}
.hero__title {
  font-size: 45px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
  text-align: center;
}
@media only screen and (min-width: 75em) {
  .hero__title {
    font-size: 56px;
  }
}
@media only screen and (min-width: 90em) {
  .hero__title {
    font-size: 69px;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin: 0;
  }
}
.hero--v2 .hero__title {
  font-size: 45px;
  font-weight: 600;
  color: #1d1e1f;
  text-align: center;
}
@media only screen and (min-width: 75em) {
  .hero--v2 .hero__title {
    font-size: 56px;
  }
}
@media only screen and (min-width: 90em) {
  .hero--v2 .hero__title {
    font-size: 69px;
    font-weight: 700;
    margin: 0;
  }
}
.hero__content {
  width: 100%;
  height: 100%;
  aspect-ratio: 0.46;
  max-height: 852px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 90em) {
  .hero__content {
    max-height: 955px;
    padding-block-start: 30px;
  }
}
.hero__content--v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-height: 500px;
}
.hero__content--v2 .hero__heading {
  margin-block-start: 140px;
}
.hero__content--v2 .hero__heading .date-label {
  margin-block-start: 100px;
}
@media only screen and (min-width: 75em) {
  .hero__content--v2 {
    max-height: 645px;
  }
  .hero__content--v2 .hero__heading {
    margin-block-start: 10px;
  }
  .hero__content--v2 .hero__heading .date-label {
    margin-block-start: 220px;
  }
}
.hero__content--v3 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-height: 400px;
}
@media only screen and (min-width: 75em) {
  .hero__content--v3 {
    max-height: 440px;
  }
}
.hero__content--v3 .hero__heading {
  margin-block-start: 220px;
}
.hero__content--v4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-height: 496px;
}
@media only screen and (min-width: 75em) {
  .hero__content--v4 {
    max-height: 506px;
  }
}
.hero__content--v4 .date-label {
  margin-block-end: 3px;
}
.hero__content--v4 .hero__heading {
  margin-block-start: 248px;
}
@media only screen and (min-width: 75em) {
  .hero__content--v4 .hero__heading {
    margin-block-start: 220px;
  }
}

.label-new {
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 10px;
  background-color: var(--clr-accent);
  padding: 8px 10px;
}
@media only screen and (min-width: 75em) {
  .label-new {
    padding: 10px;
  }
}
.label-new .icon {
  font-size: 24px;
  color: #fff;
}

.label-wrapper {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  margin: 15px;
}
@media only screen and (min-width: 75em) {
  .label-wrapper {
    gap: 15px;
  }
}

.main-nav__list {
  display: none;
  list-style: none;
}
@media only screen and (min-width: 75em) {
  .main-nav__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
}
@media only screen and (min-width: 90em) {
  .main-nav__list {
    gap: 30px;
  }
}
@media only screen and (min-width: 120em) {
  .main-nav__list {
    gap: 40px;
  }
}
.main-nav__list-item {
  font-size: 14px;
}
.main-nav__list-link {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-decoration: none;
  color: #758da7;
  text-transform: uppercase;
  transition: color 0.3s ease-in-out;
}
.main-nav__list-link:hover {
  color: var(--clr-accent);
}
.main-nav__list-link.selected {
  color: var(--clr-accent);
}

.menu {
  position: fixed;
  inset: 0;
  background: var(--clr-accent);
  -webkit-backdrop-filter: blur(100vh);
  backdrop-filter: blur(100vh);
  transition: all 0.4s ease-in-out;
  z-index: 1000;
  clip-path: polygon(0% 0%, 100% 0%, 100% 0, 0% 0%);
  visibility: hidden;
  opacity: 0;
}
.menu__inner {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
  padding-block: 160px 30px;
}
@media only screen and (min-width: 48em) {
  .menu__inner {
    padding-block: 40px;
  }
}
.menu__nav {
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1003;
  overflow-y: auto;
  max-width: 800px;
  margin-block: auto;
  margin-inline: auto;
  padding-inline: 5px;
}
@media only screen and (min-width: 75em) {
  .menu__nav {
    flex-direction: row;
    justify-content: space-between;
  }
}
.menu__nav-list {
  list-style: none;
  text-align: center;
}
.menu__nav-list-item {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
  margin-inline: 5px;
  padding-block: 2px;
}
@media only screen and (min-width: 48em) {
  .menu__nav-list-item {
    margin-block-end: 16px;
  }
}
@media only screen and (min-width: 48em) {
  .menu__nav-list-item {
    gap: 60px;
  }
}
.menu__nav-list-item .icon {
  font-size: 42px;
  color: #fff;
}
.menu__nav-link {
  font-size: 22px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5019607843);
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
@media only screen and (min-width: 36em) {
  .menu__nav-link {
    font-size: 24px;
    font-weight: 700;
  }
}
@media only screen and (min-width: 48em) {
  .menu__nav-link {
    font-size: 32px;
  }
}
@media only screen and (min-width: 75em) {
  .menu__nav-link {
    font-size: 24px;
  }
}
.menu__nav-link.active {
  color: #fff;
}
.menu__nav-link:hover {
  color: #fff;
}
.menu__contacts {
  border-top: 1px solid rgba(255, 255, 255, 0.1019607843);
  padding-block-start: 30px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media only screen and (min-width: 75em) {
  .menu__contacts {
    display: none;
  }
}
@media only screen and (min-width: 90em) {
  .menu__contacts {
    padding-block: 0;
  }
}
.menu__contacts-list {
  display: flex;
  flex-direction: column;
  align-items: start;
  list-style: none;
  padding-inline-start: 12px;
}
@media only screen and (min-width: 75em) {
  .menu__contacts-list {
    margin-inline: auto;
  }
}
.menu__contacts-list-item {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  color: var(--clr-text-light);
}
.menu__contacts-list-item:not(:last-child) {
  margin-block-end: 25px;
}
.menu__contacts-list-item .icon {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.menu__contacts-link {
  font-weight: 100;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.menu__contacts-link:hover {
  color: #8094aa;
}

.menu-open .menu {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  visibility: visible;
  opacity: 1;
}

.modal .contact-us-form {
  border-radius: 20px;
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(3, 3, 3, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2100;
}
.modal__container {
  width: 100%;
  max-width: 355px;
  box-shadow: var(--box-shadow);
  position: relative;
}
@media only screen and (min-width: 36em) {
  .modal__container {
    max-width: 570px;
  }
}
@media only screen and (min-width: 90em) {
  .modal__container {
    max-width: 890px;
  }
}
.modal__main-area {
  max-height: 85vh;
  max-height: 85dvh;
  overflow-y: auto;
}
.modal__text {
  margin-bottom: 33px;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

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

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

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

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

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

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

.new-buildings .section-heading__right-wrapper {
  display: none;
}
@media only screen and (min-width: 75em) {
  .new-buildings .section-heading__right-wrapper {
    display: flex;
  }
}
@media only screen and (min-width: 75em) {
  .new-buildings__btn-wrapper {
    display: none;
  }
}
.new-buildings__btn:not(:last-child) {
  margin-block-end: 16px;
}

.news__grid {
  margin-block-end: 10px;
}

.object-card {
  width: 100%;
  min-width: 0;
  max-width: 560px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--border-radius);
  margin-block-end: 30px;
  margin-inline: auto;
}
@media only screen and (min-width: 75em) {
  .object-card {
    margin-block-end: 0;
  }
}
.object-card__img-box {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.object-card__img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-height: 420px;
  transform: scale(1);
  transition: all 0.2s ease-in-out;
}
.object-card__time-box, .object-card__like-box {
  z-index: 1;
}
.object-card__time-box {
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
  align-items: center;
  gap: 15px;
  color: var(--clr-text-light);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.8784313725);
  padding: 10px 15px;
}
@media only screen and (min-width: 75em) {
  .object-card__time-box {
    padding: 15px;
    font-size: 18px;
  }
}
.object-card__time-box .icon {
  font-size: 24px;
  font-weight: 700;
  color: var(--clr-accent);
}
.object-card__like-box {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-self: center;
  cursor: pointer;
}
@media only screen and (min-width: 75em) {
  .object-card__like-box {
    top: 25px;
    right: 25px;
  }
}
.object-card__like-box .icon {
  font-size: 32px;
  color: #fff;
  font-weight: 700;
}
.object-card__like-box img {
  width: 32px;
  height: 36px;
  aspect-ratio: 1;
}
.object-card__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-block-start: 10px;
}
@media only screen and (min-width: 75em) {
  .object-card__content {
    padding-block-start: 15px;
  }
}
.object-card__content-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding-block-end: 10px;
  margin-block-end: 15px;
}
@media only screen and (min-width: 75em) {
  .object-card__content-top {
    padding-block-end: 22px;
    margin-block-end: 22px;
  }
}
.object-card__heading {
  display: flex;
  flex-direction: column;
}
.object-card__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin-block-end: 5px;
}
.object-card__title:hover {
  color: var(--clr-accent-lighten);
}
.object-card__subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--clr-text-light);
}
.object-card__price {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
  background-color: var(--clr-accent);
  border-radius: 10px;
  padding: 5px 10px;
  position: absolute;
  right: 15px;
  top: -70px;
  z-index: 2;
}
@media only screen and (min-width: 75em) {
  .object-card__price {
    padding: 10px 15px;
    position: static;
  }
}
.object-card__properties {
  display: flex;
  align-items: center;
  gap: 3px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 75em) {
  .object-card__properties {
    gap: 5px;
  }
}
@media only screen and (min-width: 120em) {
  .object-card__properties {
    gap: 15px;
  }
}
.object-card__propertie-item {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding: 10px;
}
@media only screen and (min-width: 75em) {
  .object-card__propertie-item {
    gap: 12px;
    padding: 15px;
  }
}
.object-card__propertie-item .icon {
  font-size: 24px;
  font-weight: 700;
  color: var(--clr-accent);
}
.object-card__propertie-value {
  font-size: 18px;
  font-weight: 500;
  color: var(--clr-text-lighten);
}

.objects .section-heading__right-wrapper {
  display: none;
}
@media only screen and (min-width: 75em) {
  .objects .section-heading__right-wrapper {
    display: flex;
  }
}
.objects .buildings__btn-more {
  margin-block-start: 0;
}
.objects__btn-wrapper {
  max-width: 360px;
}
@media only screen and (min-width: 48em) {
  .objects__btn-wrapper {
    max-width: none;
    width: 100%;
    display: flex;
    gap: 16px;
    margin-inline: auto;
  }
  .objects__btn-wrapper > * {
    flex: 1;
  }
}
@media only screen and (min-width: 75em) {
  .objects__btn-wrapper {
    display: none;
  }
}
.objects__btn:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (min-width: 36em) {
  .objects__btn:not(:last-child) {
    margin-block-end: 0;
  }
}

[data-sort-content] {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.6s ease, visibility 0.6s ease, height 0.4s ease;
}
[data-sort-content].is-open {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: visible;
}

.options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-block-end: 32px;
}
@media only screen and (min-width: 75em) {
  .options {
    margin-block-end: 0;
  }
}
.options-title {
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: var(--clr-text-light);
  margin-inline-end: 15px;
}
@media only screen and (min-width: 90em) {
  .options-title {
    width: auto;
  }
}
.options input[type=checkbox] {
  display: none;
}
.options label {
  border-radius: 10px;
  border: 1px solid rgba(29, 30, 31, 0.1019607843);
  font-size: 14px;
  font-weight: 700;
  color: rgba(100, 100, 113, 0.5019607843);
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 0.2s ease-in-out;
  padding-block: 10px;
  padding-inline: 16px;
}
@media only screen and (min-width: 75em) {
  .options label {
    font-size: 16px;
  }
}
.options input[type=checkbox]:checked + label {
  background: var(--clr-accent);
  color: #fff;
  border-color: var(--clr-accent);
}

.our-location__map {
  width: 100%;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  height: 620px;
  border-radius: 20px;
}
.our-location__placeholder-img {
  width: 100%;
  height: 100%;
  border-radius: 32px;
}

.partners-card {
  background-color: var(--clr-light);
}
.partners-card:not(:last-child) {
  margin-block-end: 30px;
}
@media only screen and (min-width: 75em) {
  .partners-card:not(:last-child) {
    margin-block-end: 80px;
  }
}
.partners-card__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.28;
  margin-block-end: 30px;
}
@media only screen and (min-width: 75em) {
  .partners-card__title {
    font-size: 45px;
  }
}
.partners-card__list {
  list-style: none;
  max-width: 100%;
}
@media only screen and (min-width: 36em) {
  .partners-card__list {
    display: grid;
    place-items: end stretch;
    grid-auto-rows: 1fr;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(80px, 1fr));
  }
}
@media only screen and (min-width: 75em) {
  .partners-card__list {
    grid-template-columns: repeat(4, minmax(80px, 1fr));
  }
}
.partners-card__list-item {
  margin-block-end: 24px;
  overflow: hidden;
  border: 1px solid rgba(87, 88, 90, 0.2509803922);
  border-radius: 16px;
}
@media only screen and (min-width: 75em) {
  .partners-card__list-item {
    margin-block-end: 0;
  }
}
.partners-card__item-img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2.1;
  background-color: var(--clr-light);
  padding: 20px;
}
@media only screen and (min-width: 75em) {
  .partners-card__item-img-box {
    aspect-ratio: 2.2;
  }
}
.partners-card__item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  -o-object-position: center;
  object-position: center;
}
.partners-card__list-item .partners-card__item-img-box {
  border-bottom: 1px solid rgba(87, 88, 90, 0.2509803922);
}
.partners-card__title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 20px;
}
.partners-card__title-box .icon {
  font-size: 24px;
  font-weight: 700;
  color: #002956;
}
@media only screen and (min-width: 120em) {
  .partners-card__title-box {
    padding: 30px;
  }
}
.partners-card__item-title {
  font-size: 18px;
  font-weight: 700;
  text-align: start;
  color: #1d1e1f;
}
@media only screen and (min-width: 120em) {
  .partners-card__item-title {
    font-size: 24px;
  }
}

.partners__img {
  width: 100%;
  max-width: 855px;
  max-height: 690px;
  margin-block-end: 20px;
  aspect-ratio: 1.32;
  border-radius: 32px;
}
@media only screen and (min-width: 75em) {
  .partners__img {
    aspect-ratio: 1.23;
  }
}

.pictures-gallery {
  margin-inline: auto;
}
.pictures-gallery__img-wrapper {
  margin-block: 30px;
  margin-inline: auto;
}
.pictures-gallery img {
  width: 100%;
  margin-block: 10px;
  border-radius: var(--border-radius);
}
@media only screen and (min-width: 75em) {
  .pictures-gallery img {
    margin: 0;
  }
}

.popup-options {
  max-width: 100%;
  border-top: 1px solid rgba(87, 88, 90, 0.2509803922);
  padding-block: 26px;
  padding-inline: 16px;
  margin-inline: auto;
}
@media only screen and (min-width: 90em) {
  .popup-options {
    padding-block: 32px;
    padding-inline: 24px;
  }
}
.popup-options__title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-block-end: 16px;
}
.popup-options__checkboxes-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  border-radius: 8px;
  overflow-y: scroll;
  padding-block-end: 10px;
}
@media only screen and (min-width: 24.375em) {
  .popup-options__checkboxes-wrapper {
    gap: 8px;
  }
}
@media only screen and (min-width: 48em) {
  .popup-options__checkboxes-wrapper {
    gap: 12px;
  }
}
.popup-options input[type=checkbox] {
  display: none;
}
.popup-options label {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  color: rgba(30, 30, 31, 0.5019607843);
  text-align: center;
  text-transform: uppercase;
  border: 1px solid rgba(29, 30, 31, 0.1019607843);
  border-radius: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 0.2s ease-in-out;
  padding-block: 12px;
  padding-inline: 16px;
}
.popup-options input[type=checkbox]:checked + label {
  background: var(--clr-accent);
  color: #fff;
  border-color: rgba(87, 88, 90, 0.1019607843);
}

.promo {
  width: 100%;
  height: 100%;
  max-height: -moz-fit-content;
  max-height: fit-content;
  color: var(--clr-light);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 75em) {
  .promo {
    max-height: 700px;
  }
}
.promo__inner {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media only screen and (min-width: 75em) {
  .promo__inner {
    flex-direction: row;
    justify-content: space-between;
    gap: 64px;
  }
}
@media only screen and (min-width: 75em) {
  .promo__content, .promo__companies {
    flex: 1;
  }
}
.promo__content {
  width: 100%;
}
.promo__content .btn {
  margin-block-end: 48px;
}
.promo__subtitle {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background-color: var(--clr-accent);
  border-radius: 50px;
  padding-block: 10px;
  padding-inline: 12px;
  margin-block-end: 20px;
}
.promo__title {
  font-size: 40px;
  line-height: 1.15;
  margin-block: 24px 48px;
}
@media only screen and (min-width: 75em) {
  .promo__title {
    font-size: 56px;
    margin-block: 20px 30px;
  }
}
.promo__list {
  list-style: none;
  font-size: 18px;
  opacity: 0.85;
  margin-block-end: 40px;
}
@media only screen and (min-width: 75em) {
  .promo__list {
    font-size: 24px;
    font-weight: 500;
    margin-block-end: 30px;
  }
}
.promo__list-item {
  position: relative;
  padding-left: 40px;
  margin-block-end: 20px;
}
@media only screen and (min-width: 75em) {
  .promo__list-item {
    margin-block-end: 16px;
  }
}
.promo__list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.1429%206L9.71429%2017.7857L5%2014.25'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}

.property-about {
  --desc-margin-bottom-opened: 10px;
  --desc-margin-bottom-closed: 10px;
}
@media only screen and (min-width: 48em) {
  .property-about {
    margin-block-end: var(--margin-md);
  }
}
@media only screen and (min-width: 75em) {
  .property-about {
    margin-block-end: var(--margin-xl);
  }
}
@media only screen and (min-width: 90em) {
  .property-about {
    padding-block-start: 32px;
    padding-block-end: 80px;
    margin-block-end: var(--margin-xxl);
  }
}
.property-about__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #1d1e1f;
  margin-block-end: 30px;
}
@media only screen and (min-width: 75em) {
  .property-about__title {
    font-size: 33px;
    margin-block-end: 26px;
  }
}
@media only screen and (min-width: 75em) {
  .property-about__inner {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-block-end: var(--margin-xl);
  }
}
@media only screen and (min-width: 90em) {
  .property-about__inner {
    margin-block-end: var(--margin-xxl);
  }
}
.property-about__description-wrapper {
  padding-block-end: 30px;
}
.property-about__description {
  background-color: #fff;
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
  transition: all 0.3s linear;
}
@media only screen and (min-width: 75em) {
  .property-about__description {
    border-bottom: none;
  }
}
@media only screen and (min-width: 75em) {
  .property-about__description {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 120em) {
  .property-about__description {
    max-width: 1230px;
  }
}
.property-about__description .text-btn {
  margin-block-start: 5px;
  margin-block-end: 30px;
}
@media only screen and (min-width: 75em) {
  .property-about__description .text-btn {
    margin-block-end: 0;
  }
}
.property-about__description .text-btn .icon {
  transform: rotate(90deg);
}
.property-about__description .text-btn.is-open .icon {
  transform: rotate(-90deg);
}
.property-about__description-text {
  color: var(--clr-text-lighten);
  transition: height 0.3s linear;
  overflow: hidden;
  position: relative;
}
.property-about__description-text p:not(:last-child) {
  margin-bottom: 25px;
}
.property-about__description-text::after {
  content: "";
  height: 256px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  transition: all 0.3s linear;
}
.property-about__description-text.is-open {
  margin-bottom: 20px;
}
.property-about__description-text.is-open::after {
  visibility: hidden;
  opacity: 0;
}
.property-about__description-text h1,
.property-about__description-text h2,
.property-about__description-text h3,
.property-about__description-text h4,
.property-about__description-text h5,
.property-about__description-text h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.06rem;
  margin-block: 30px;
}
@media only screen and (min-width: 75em) {
  .property-about__description-text h1,
  .property-about__description-text h2,
  .property-about__description-text h3,
  .property-about__description-text h4,
  .property-about__description-text h5,
  .property-about__description-text h6 {
    margin-block: 48px;
  }
}
.property-about__description-text h1,
.property-about__description-text h2 {
  font-size: 24px;
}
@media only screen and (min-width: 75em) {
  .property-about__description-text h1,
  .property-about__description-text h2 {
    font-size: 24px;
  }
}
.property-about__description-text h3 {
  font-size: 18px;
}
@media only screen and (min-width: 75em) {
  .property-about__description-text h3 {
    font-size: 20px;
  }
}
.property-about__description-text h4 {
  font-size: 16px;
}
@media only screen and (min-width: 75em) {
  .property-about__description-text h4 {
    font-size: 18px;
  }
}
.property-about__description-text h5 {
  font-size: 14px;
}
@media only screen and (min-width: 75em) {
  .property-about__description-text h5 {
    font-size: 16px;
  }
}
.property-about__description-text h6 {
  font-size: 12px;
}
@media only screen and (min-width: 75em) {
  .property-about__description-text h6 {
    font-size: 14px;
  }
}
.property-about__description-text img {
  width: 100%;
  border-radius: 32px;
  aspect-ratio: 1.33;
  -o-object-fit: cover;
  object-fit: cover;
  margin-block: 32px;
}
@media only screen and (min-width: 48em) {
  .property-about__description-text img {
    aspect-ratio: auto;
    margin-block: 48px;
  }
}
@media only screen and (min-width: 90em) {
  .property-about__description-text img {
    margin-block: 64px;
  }
}
.property-about__description-text img:first-child {
  margin-block: 0 32px;
}
@media only screen and (min-width: 48em) {
  .property-about__description-text img:first-child {
    aspect-ratio-end: auto;
    margin-bloc: 0 48px;
  }
}
@media only screen and (min-width: 90em) {
  .property-about__description-text img:first-child {
    margin-block: 0 64px;
  }
}
.property-about__description-text p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--clr-text-lighten);
  margin-bottom: 25px;
}
@media only screen and (min-width: 75em) {
  .property-about__description-text p {
    margin-bottom: 30px;
  }
}
.property-about__description-text ul,
.property-about__description-text ol {
  color: inherit;
  padding-left: 20px;
  margin-bottom: 20px;
}
.property-about__description-text ul li:not(:last-child),
.property-about__description-text ol li:not(:last-child) {
  margin-bottom: 10px;
}
.property-about__description-text ul li::marker,
.property-about__description-text ol li::marker {
  color: var(--clr-accent);
}
.property-about__description-text a {
  color: var(--clr-accent);
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
.property-about__description-text a:hover {
  color: var(--clr-accent-darker);
}
.property-about__description-text b,
.property-about__description-text strong {
  color: var(--clr-dark);
  font-weight: 700;
}
.property-about__description-text *:last-child {
  margin-bottom: 0;
}
.property-about__description-text hr {
  height: 1px;
  border-width: 0;
  color: rgba(87, 88, 90, 0.2509803922);
  background-color: rgba(87, 88, 90, 0.2509803922);
  margin-block: 30px;
}
@media only screen and (min-width: 75em) {
  .property-about__description-text hr {
    margin-block: 50px;
  }
}
@media only screen and (min-width: 75em) {
  .property-about__description-text {
    font-size: 17px;
  }
}
.property-about__seller {
  max-width: 353px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 90em) {
  .property-about__seller {
    max-width: 425px;
    margin-right: 0;
    margin-left: 0;
  }
}

.property-actions {
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding-block: 26px;
  margin-block-end: 32px;
}
@media only screen and (min-width: 75em) {
  .property-actions {
    padding-block: 40px;
    margin-block-end: 40px;
  }
}
@media only screen and (min-width: 90em) {
  .property-actions {
    padding-block: 40px;
    margin-block-end: 50px;
  }
}
.property-actions__inner {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media only screen and (min-width: 48em) {
  .property-actions__inner {
    flex-direction: row;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 120em) {
  .property-actions__inner {
    flex-wrap: nowrap;
  }
}
.property-actions__btn {
  width: 100%;
}
.property-actions__btn:first-child {
  border-right: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding-inline-end: 30px;
}
@media only screen and (min-width: 48em) {
  .property-actions__btn {
    flex-grow: 1;
    width: 33%;
  }
}
@media only screen and (min-width: 75em) {
  .property-actions__btn {
    width: 25%;
  }
}
@media only screen and (min-width: 120em) {
  .property-actions__btn {
    width: auto;
    flex-grow: 0;
  }
}
@media only screen and (min-width: 90em) {
  .property-actions__btn:last-child {
    margin-inline-start: auto;
  }
}
.property-actions .btn--outline-grey {
  order: -1;
}
@media only screen and (min-width: 120em) {
  .property-actions .btn--outline-grey {
    order: 0;
  }
}

.property-characteristics {
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding-block-end: 30px;
}
@media only screen and (min-width: 75em) {
  .property-characteristics {
    padding-block-end: 40px;
  }
}
@media only screen and (min-width: 75em) {
  .property-characteristics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    box-shadow: none;
  }
}
@media only screen and (min-width: 120em) {
  .property-characteristics {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 75em) {
  .property-characteristics {
    border-top: none;
  }
}
.property-characteristics__list {
  list-style: none;
  border-radius: 16px;
}
.property-characteristics__list:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (min-width: 75em) {
  .property-characteristics__list:not(:last-child) {
    margin-block-end: 0;
  }
}
.property-characteristics__list > :not(:last-child) {
  margin-block-end: 13px;
}
@media only screen and (min-width: 36em) {
  .property-characteristics__list > :not(:last-child) {
    margin-block-end: 15px;
  }
}
@media only screen and (min-width: 75em) {
  .property-characteristics__list > :not(:last-child) {
    margin-block-end: 20px;
  }
}
.property-characteristics__item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.property-characteristics__item span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(30, 30, 31, 0.5019607843);
}
.property-characteristics__item b {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--clr-accent);
}
@media only screen and (min-width: 75em) {
  .property-characteristics__item b {
    font-size: 18px;
  }
}
@media only screen and (min-width: 75em) {
  .property-characteristics__item {
    font-size: 20px;
  }
}
.property-characteristics__icon-wrapper {
  width: 54px;
  height: 54px;
  min-width: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(87, 88, 90, 0.2509803922);
  padding: 5px;
}
@media only screen and (min-width: 75em) {
  .property-characteristics__icon-wrapper {
    padding: 10px;
  }
}
.property-characteristics__icon-wrapper .icon {
  font-size: 24px;
  font-weight: 700;
  color: var(--clr-accent);
}
@media only screen and (min-width: 75em) {
  .property-characteristics__icon-wrapper .icon {
    align-items: center;
    gap: 24px;
  }
}
.property-characteristics__description {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-bottom: 1px dotted rgba(29, 30, 31, 0.1019607843);
  padding-block: 15px;
}

.property-title {
  padding-block-end: 28px;
  border-bottom: 1px solid rgba(87, 88, 90, 0.2509803922);
}
@media only screen and (min-width: 48em) {
  .property-title {
    padding-block-end: 0;
    border-bottom: none;
  }
}

.property-details {
  transform: translateY(-60px);
  margin-block-end: -60px;
}
@media only screen and (min-width: 75em) {
  .property-details {
    transform: translateY(-200px);
    margin-block-end: -200px;
  }
}
.property-details__heading {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-block-start: 180px;
}
@media only screen and (min-width: 75em) {
  .property-details__heading {
    margin-block-start: 20px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.property-details__title {
  font-size: 45px;
  line-height: 1.2;
  font-weight: 700;
  margin-block: 0px 10px;
}
@media only screen and (min-width: 75em) {
  .property-details__title {
    font-size: 69px;
  }
}
.property-details__subtitle {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (min-width: 75em) {
  .property-details__subtitle {
    flex-direction: row;
    gap: 15px;
    font-size: 33px;
    margin-block-start: 15px;
  }
}
.property-details__subtitle-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background-color: var(--clr-accent);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 75em) {
  .property-details__subtitle-icon-wrapper {
    width: 40px;
    height: 40px;
  }
}
.property-details__subtitle-icon-wrapper .icon {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
@media only screen and (min-width: 75em) {
  .property-details__subtitle-icon-wrapper .icon {
    font-size: 24px;
  }
}
.property-details__price {
  font-size: 33px;
  font-weight: 700;
  line-height: 1.2;
  line-height: 1.2;
}
@media only screen and (min-width: 48em) {
  .property-details__price {
    font-size: 35px;
  }
}
@media only screen and (min-width: 62em) {
  .property-details__price {
    font-size: 38px;
  }
}
@media only screen and (min-width: 75em) {
  .property-details__price {
    font-size: 40px;
  }
}
@media only screen and (min-width: 90em) {
  .property-details__price {
    font-size: 42px;
  }
}
@media only screen and (min-width: 120em) {
  .property-details__price {
    font-size: 45px;
  }
}
.property-details .section-heading {
  margin-block-end: 30px;
}
.property-details .section-heading__title {
  margin-block: 16px;
}

.property-features {
  background-color: #fff;
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding-block: 30px;
}
@media only screen and (min-width: 48em) {
  .property-features {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
}
@media only screen and (min-width: 75em) {
  .property-features {
    padding-block: 37px;
  }
}
.property-features__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-block-end: 20px;
}
@media only screen and (min-width: 48em) {
  .property-features__inner {
    margin-block-end: 0;
  }
}
@media only screen and (min-width: 75em) {
  .property-features__inner {
    justify-content: space-between;
    gap: 15px;
  }
}
.property-features__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  background-color: var(--clr-accent);
  padding: 10px;
}
@media only screen and (min-width: 75em) {
  .property-features__item {
    padding: 15px 15px;
    gap: 15px;
  }
}
.property-features__item .icon {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
@media only screen and (min-width: 75em) {
  .property-features__item .icon {
    font-size: 32px;
  }
}
.property-features__text {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 1.2;
}
@media only screen and (min-width: 75em) {
  .property-features__text {
    font-size: 20px;
    font-weight: 700;
  }
}
@media only screen and (min-width: 90em) {
  .property-features__text {
    font-size: 24px;
  }
}
.property-features__price {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--color-primary);
}
@media only screen and (min-width: 75em) {
  .property-features__price {
    font-size: 32px;
    padding: 8px 10px;
  }
}

.property-nearby {
  border-bottom: 1px solid rgba(29, 30, 31, 0.1019607843);
  padding-block: 20px;
  margin-block-end: 34px;
}
@media only screen and (min-width: 75em) {
  .property-nearby {
    padding-block: 36px;
    margin-block-end: 0;
  }
}
.property-nearby__title {
  font-size: 24px;
  font-weight: 700;
  margin-block-end: 22px;
}
@media only screen and (min-width: 75em) {
  .property-nearby__title {
    margin-block-end: 32px;
  }
}
.property-nearby__list {
  width: 100%;
  list-style: none;
  border-radius: 16px;
}
@media only screen and (min-width: 75em) {
  .property-nearby__list {
    display: flex;
    align-items: center;
    gap: 16px;
  }
}
.property-nearby__list > :not(:last-child) {
  margin-block-end: 15px;
}
@media only screen and (min-width: 75em) {
  .property-nearby__list > :not(:last-child) {
    margin-block-end: 0;
  }
}
.property-nearby__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.property-nearby__item span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(30, 30, 31, 0.5019607843);
}
.property-nearby__item b {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--clr-accent);
}
@media only screen and (min-width: 75em) {
  .property-nearby__item b {
    font-size: 18px;
  }
}
@media only screen and (min-width: 75em) {
  .property-nearby__item {
    font-size: 20px;
  }
}
.property-nearby__icon-wrapper {
  width: 54px;
  height: 54px;
  min-width: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(87, 88, 90, 0.2509803922);
  padding: 5px;
}
@media only screen and (min-width: 75em) {
  .property-nearby__icon-wrapper {
    padding: 10px;
  }
}
.property-nearby__icon-wrapper .icon {
  font-size: 24px;
  font-weight: 700;
  color: var(--clr-accent);
}
@media only screen and (min-width: 75em) {
  .property-nearby__icon-wrapper .icon {
    align-items: center;
    gap: 24px;
  }
}
.property-nearby__description {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dotted rgba(29, 30, 31, 0.1019607843);
  padding-block: 15px;
}

.property-photos {
  display: grid;
  grid-template-rows: repeat(1, auto);
  gap: 5px;
  background-color: #fff;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 15px;
  margin-inline: auto;
}
@media only screen and (min-width: 48em) {
  .property-photos {
    padding: 20px;
  }
}
@media only screen and (min-width: 75em) {
  .property-photos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
@media only screen and (min-width: 120em) {
  .property-photos {
    height: 680px;
  }
}
.property-photos__main-photo {

  width: 100%;
}
.property-photos__main-photo img {
  width: 100%;


  border-radius: 10px;
}
.property-photos__photos-mini {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
@media only screen and (min-width: 75em) {
  .property-photos__photos-mini {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
.property-photos__photos-mini > :nth-child(3) {
  display: none;
}
@media only screen and (min-width: 75em) {
  .property-photos__photos-mini > :nth-child(3) {
    display: block;
  }
}
.property-photos__photos-mini > * {
  width: 100%;
  aspect-ratio: 1.32;
  border-radius: 10px;
}
.property-photos__photo-wrapper {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 25px;
  background-color: rgba(0, 41, 86, 0.8);
  z-index: 1000;
}
@media only screen and (min-width: 75em) {
  .overlay {
    gap: 20px;
  }
}
.overlay__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 75em) {
  .overlay__icon-wrapper {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: none;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
}
.overlay__icon-wrapper .icon {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
@media only screen and (min-width: 75em) {
  .overlay__icon-wrapper .icon {
    font-size: 30px;
    color: var(--clr-accent);
  }
}
.overlay span {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
@media only screen and (min-width: 75em) {
  .overlay span {
    font-size: 24px;
    font-weight: 700;
  }
}

.q-and-a {
  max-width: 576px;
  margin-inline: auto;
  padding-inline: var(--container-padding-xs);
}
@media only screen and (min-width: 48em) {
  .q-and-a {
    max-width: 768px;
    padding-inline: var(--container-padding-md);
  }
}
@media only screen and (min-width: 62em) {
  .q-and-a {
    padding-inline: var(--container-padding-lg);
  }
}
@media only screen and (min-width: 75em) {
  .q-and-a {
    max-width: 1440px;
    padding-inline: var(--container-padding-xl);
  }
}
@media only screen and (min-width: 90em) {
  .q-and-a {
    padding-inline: var(--container-padding-xxl);
  }
}
@media only screen and (min-width: 120em) {
  .q-and-a {
    max-width: 1920px;
    padding-inline: 60px;
  }
}
.q-and-a .section-heading {
  margin-block-end: 20px;
}
@media only screen and (min-width: 62em) {
  .q-and-a .section-heading {
    margin-block-end: 30px;
  }
}
@media only screen and (min-width: 90em) {
  .q-and-a .section-heading {
    margin-block-end: 26px;
  }
}
@media only screen and (min-width: 90em) {
  .q-and-a__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }
}
.q-and-a__inner .btn {
  margin-block-start: 30px;
}
@media only screen and (min-width: 90em) {
  .q-and-a__inner .btn {
    margin-block-start: 5px;
    display: none;
  }
}
.q-and-a__description {
  max-width: 740px;
}
.q-and-a__description .btn {
  display: none;
}
@media only screen and (min-width: 90em) {
  .q-and-a__description .btn {
    display: inline-flex;
  }
}
.q-and-a__text-primary {
  font-size: 16px;
  font-weight: 400;
  margin-block-end: 30px;
}
@media only screen and (min-width: 90em) {
  .q-and-a__text-primary {
    font-size: 18px;
    margin-block-end: 60px;
  }
}
.q-and-a__title-secondary {
  font-size: 24px;
  font-weight: 700;
  margin-block-end: 15px;
}
@media only screen and (min-width: 90em) {
  .q-and-a__title-secondary {
    margin-block-end: 35px;
    font-size: 24px;
  }
}
.q-and-a__text-secondary {
  margin-block-end: 28px;
}

.range-popup {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 5px);
  z-index: 10;
  background-color: var(--clr-light);
  border-radius: 16px;
  box-shadow: 0px 10px 30px 0px rgba(87, 88, 90, 0.2392156863);
  margin-inline: auto;
}
@media only screen and (min-width: 36em) {
  .range-popup {
    max-width: 320px;
  }
}
@media only screen and (min-width: 75em) {
  .range-popup {
    min-width: 260px;
    max-width: 320px;
  }
}
@media only screen and (min-width: 90em) {
  .range-popup {
    min-width: 320px;
    max-width: 418px;
    width: auto;
  }
}
@media only screen and (min-width: 120em) {
  .range-popup {
    min-width: 544px;
  }
}
.range-popup.show {
  visibility: visible;
  opacity: 1;
}
.range-popup__inner {
  padding-block: 26px;
  padding-inline: 16px;
}
@media only screen and (min-width: 90em) {
  .range-popup__inner {
    padding-block: 32px;
    padding-inline: 24px;
  }
}
.range-popup__select-title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: var(--clr-text-light);
  line-height: 1;
  margin-block-end: 16px;
}
.range-popup__select-container {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}
.range-popup__select-wrapper {
  display: flex;
  flex: 1 1;
  border-radius: 10px;
  border: 1px solid rgba(29, 30, 31, 0.1019607843);
}
.range-popup__select {
  width: 100%;
  height: 64px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  color: var(--clr-text-light);
  border-radius: 10px;
  background: var(--clr-light);
  border: 1px solid rgba(29, 30, 31, 0.1019607843);
  border: none;
}
.range-popup__select .nice-select-dropdown {
  width: 100%;
  color: var(--clr-text-light);
  background-color: #fff;
  border-radius: 10px !important;
  top: calc(100% - 2px);
}
.range-popup__select .nice-select-dropdown .list {
  border-radius: 10px !important;
  max-height: 270px !important;
  overflow: scroll !important;
}
.range-popup__select:after {
  width: 8px;
  height: 8px;
  border-bottom-color: var(--clr-dark);
  border-right-color: var(--clr-dark);
}

.nice-select .option.selected.focus {
  color: var(--clr-accent) !important;
}

.nice-select .option:hover,
.nice-select .option.selected.focus:hover {
  color: var(--clr-accent) !important;
}

.screenshot {
  text-align: center;
  background-color: #fff;
  padding-block-start: 44px;
}
@media only screen and (min-width: 48em) {
  .screenshot {
    padding-block: 65px;
  }
}
@media only screen and (min-width: 75em) {
  .screenshot {
    padding-block: 70px;
  }
}
@media only screen and (min-width: 90em) {
  .screenshot {
    padding-block: 96px;
  }
}
.screenshot__img-wrapper {
  max-width: 600px;
  overflow: hidden;
  margin-inline: auto;
}
@media only screen and (min-width: 75em) {
  .screenshot__img-wrapper {
    max-width: 100%;
    border-radius: 32px;
  }
}
.screenshot__img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 75em) {
  .screenshot__img {
    border-radius: 32px;
  }
}

.search-form {
  background-color: var(--clr-light);
  border-radius: var(--border-radius);
  box-shadow: 0px 10px 30px 0px rgba(87, 88, 90, 0.2392156863);
  padding-block: 48px;
  padding-inline: 32px;
}
.search-form__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin-block-end: 28px;
}
@media only screen and (min-width: 75em) {
  .search-form__title {
    font-size: 28px;
    margin-block-end: 40px;
  }
}
.search-form__item {
  margin-block-end: 40px;
}
.search-form__item .form-label {
  margin-block-end: 8px;
}
@media only screen and (min-width: 75em) {
  .search-form__item .form-label {
    margin-block-end: 12px;
  }
}
.search-form__bottom .text-btn {
  margin-block-end: 32px;
}
@media only screen and (min-width: 75em) {
  .search-form__bottom .text-btn {
    margin-block-end: 0;
  }
}
@media only screen and (min-width: 75em) {
  .search-form__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.search-form__btns {
  display: flex;
  align-items: center;
  gap: 16px;
}
.search-form__btns .btn {
  flex: 1;
}

.search {
  width: 100%;
  height: 100%;
  max-height: 470px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-block-end: 185px;
}
.search__title {
  text-align: start;
  margin-block-end: 48px;
}
@media only screen and (min-width: 75em) {
  .search__title {
    text-align: center;
    margin-block-end: 80px;
  }
}

.section-heading-v2 {
  color: #fff;
}
.section-heading-v2__subtitle {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background-color: var(--clr-accent);
  border-radius: 50px;
  padding-block: 10px;
  padding-inline: 12px;
  margin-block-end: 20px;
  margin-inline: auto;
}
.section-heading-v2__title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.15;
  margin-block: 10px 0px;
}
@media only screen and (min-width: 75em) {
  .section-heading-v2__title {
    font-size: 56px;
  }
}

.section-heading {
  font-family: var(--font-base);
  font-weight: 700;
  margin-block-start: 0;
  margin-block-end: 20px;
}
@media only screen and (min-width: 75em) {
  .section-heading {
    margin-block-end: 30px;
  }
}
@media only screen and (min-width: 75em) {
  .section-heading--center {
    text-align: center;
    margin-inline: auto;
  }
}
@media only screen and (min-width: 48em) {
  .section-heading {
    margin-block-end: 40px;
  }
}
@media only screen and (min-width: 62em) {
  .section-heading {
    margin-block-end: 60px;
  }
}
@media only screen and (min-width: 75em) {
  .section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .section-heading--center {
    display: block;
  }
}
@media only screen and (min-width: 90em) {
  .section-heading {
    margin-block-end: 70px;
  }
}
.section-heading__subtitle {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.1em;
  color: var(--clr-accent);
  margin-block-end: 10px;
  text-transform: uppercase;
}
@media only screen and (min-width: 75em) {
  .section-heading__subtitle {
    letter-spacing: 0;
    font-size: 16px;
  }
}
.section-heading__title {
  font-size: 33px;
  color: var(--clr-text);
  line-height: 1.1;
}
@media only screen and (min-width: 48em) {
  .section-heading__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 62em) {
  .section-heading__title {
    font-size: 45px;
  }
}
.section-heading .btn {
  display: none;
}
@media only screen and (min-width: 75em) {
  .section-heading .btn {
    display: inline-flex;
  }
}

.share-list {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
}
.share-list__item {
  padding-block: 5px;
  margin-inline-end: 15px;
}
.share-list__item--title {
  color: var(--clr-accent);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
}
@media only screen and (min-width: 36em) {
  .share-list__item--title {
    width: auto;
  }
}
.share-list__link {
  text-decoration: none;
}
.share-list .circle-btn:hover {
  background-color: rgba(255, 255, 255, 0.8666666667);
}

.socials {
  display: flex;
  align-items: center;
  gap: 16px;
}
.socials .circle-btn {
  width: 48px;
  height: 48px;
}
.socials .circle-btn img {
  width: 20px;
  max-height: 20px;
}
.socials .circle-btn img.instagram {
  width: 40px;
  max-height: 40px;
}

.sort-tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-block: 20px;
}
@media only screen and (min-width: 75em) {
  .sort-tabs {
    margin-block: 10px;
  }
}

.sort-tab {
  font-size: 14px;
  font-weight: 700;
  color: rgba(100, 100, 113, 0.5019607843);
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 10px;
  border: 1px solid rgba(29, 30, 31, 0.1019607843);
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  padding-block: 6px;
  padding-inline: 10px;
}
@media only screen and (min-width: 75em) {
  .sort-tab {
    font-size: 16px;
  }
}
.sort-tab.active {
  background-color: var(--clr-accent);
  color: #fff;
  border-color: var(--clr-accent);
}

.text-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  border: none;
  background-color: transparent;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  font-family: inherit;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--clr-accent);
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.text-btn:hover {
  color: var(--clr-accent-lighten);
}
.text-btn .icon {
  font-size: 24px;
  font-weight: 700;
  color: inherit;
}
.text-btn__link {
  color: inherit;
}

.valuation {
  padding-block: 22px 60px;
}
@media only screen and (min-width: 48em) {
  .valuation {
    padding-block: 40px;
  }
}
@media only screen and (min-width: 75em) {
  .valuation {
    padding-block: 70px;
  }
}
@media only screen and (min-width: 90em) {
  .valuation {
    padding-block: 80px;
  }
}
.valuation__title {
  max-width: 1260px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  text-align: center;
  color: rgba(87, 88, 90, 0.8666666667);
  margin-block-end: 20px;
  margin-inline: auto;
}
@media only screen and (min-width: 48em) {
  .valuation__title {
    font-size: 18px;
    margin-block-end: 60px;
  }
}
@media only screen and (min-width: 75em) {
  .valuation__title {
    font-size: 22px;
    margin-block-end: 64px;
  }
}
.valuation .estimate-form {
  background-color: #f3f3f6;
}

.container-wide-v2 {
  margin-inline: auto;
}
@media only screen and (min-width: 75em) {
  .container-wide-v2 {
    padding-inline: 20px;
  }
}
@media only screen and (min-width: 120em) {
  .container-wide-v2 {
    max-width: 1920px;
    padding-inline: 30px;
  }
}

.container-wide {
  margin-inline: auto;
  padding-inline: 15px;
}
@media only screen and (min-width: 75em) {
  .container-wide {
    padding-inline: 20px;
  }
}
@media only screen and (min-width: 120em) {
  .container-wide {
    max-width: 1920px;
    padding-inline: 30px;
  }
}

.container {
  max-width: 576px;
  margin-inline: auto;
  padding-inline: var(--container-padding-xs);
}
@media only screen and (min-width: 48em) {
  .container {
    max-width: 768px;
    padding-inline: var(--container-padding-md);
  }
}
@media only screen and (min-width: 62em) {
  .container {
    padding-inline: var(--container-padding-lg);
  }
}
@media only screen and (min-width: 75em) {
  .container {
    max-width: 1440px;
    padding-inline: var(--container-padding-xl);
  }
}
@media only screen and (min-width: 90em) {
  .container {
    padding-inline: var(--container-padding-xxl);
  }
}
@media only screen and (min-width: 120em) {
  .container {
    max-width: 1920px;
    padding-inline: var(--container-padding-xxxl);
  }
}

.section-v2 {
  padding-block: 20px 60px;
}
@media only screen and (min-width: 48em) {
  .section-v2 {
    padding-block: 60px;
  }
}
@media only screen and (min-width: 75em) {
  .section-v2 {
    padding-block: 70px;
  }
}
@media only screen and (min-width: 90em) {
  .section-v2 {
    padding-block: 80px;
  }
}

.section {
  padding-block: 60px 60px;
}
@media only screen and (min-width: 48em) {
  .section {
    padding-block: 60px;
  }
}
@media only screen and (min-width: 75em) {
  .section {
    padding-block: 70px;
  }
}
@media only screen and (min-width: 90em) {
  .section {
    padding-block: 80px;
  }
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.ttf?52s7x5") format("truetype"), url("../fonts/icomoon.woff?52s7x5") format("woff"), url("../img/icomoon.svg?52s7x5#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hours:before {
  content: "\e900";
}

.icon-arrow-left:before {
  content: "\e901";
}

.icon-arrow-right:before {
  content: "\e902";
}

.icon-arrow-rotate-left:before {
  content: "\e903";
}

.icon-bath-tub:before {
  content: "\e904";
}

.icon-bed:before {
  content: "\e905";
}

.icon-bookmark:before {
  content: "\e906";
}

.icon-calendar-checked:before {
  content: "\e907";
}

.icon-calendar-star:before {
  content: "\e908";
}

.icon-camera-rotate:before {
  content: "\e909";
}

.icon-camera:before {
  content: "\e90a";
}

.icon-chat:before {
  content: "\e90b";
}

.icon-chevron-down:before {
  content: "\e90c";
}

.icon-chevron-right:before {
  content: "\e90d";
}

.icon-circle-clock:before {
  content: "\e90e";
}

.icon-coins:before {
  content: "\e90f";
}

.icon-dice:before {
  content: "\e910";
}

.icon-door-open:before {
  content: "\e911";
}

.icon-door:before {
  content: "\e912";
}

.icon-edit:before {
  content: "\e913";
}

.icon-expand:before {
  content: "\e914";
}

.icon-flag:before {
  content: "\e915";
}

.icon-gallery:before {
  content: "\e916";
}

.icon-heart:before {
  content: "\e917";
}

.icon-home:before {
  content: "\e918";
}

.icon-heart-filled:before {
  content: "\e919";
}

.icon-line-arrow-fit-to-height-circle:before {
  content: "\e91a";
}

.icon-location-office:before {
  content: "\e91b";
}

.icon-location-pin-1:before {
  content: "\e91c";
}

.icon-location-pin-2:before {
  content: "\e91d";
}

.icon-location-pin-building:before {
  content: "\e91e";
}

.icon-search:before {
  content: "\e91f";
}

.icon-mail:before {
  content: "\e920";
}

.icon-necktie:before {
  content: "\e921";
}

.icon-pdf:before {
  content: "\e922";
}

.icon-phone:before {
  content: "\e923";
}

.icon-plate:before {
  content: "\e924";
}

.icon-pool:before {
  content: "\e925";
}

.icon-school-bus:before {
  content: "\e926";
}

.icon-school:before {
  content: "\e927";
}

.icon-send-email:before {
  content: "\e928";
}

.icon-share-link:before {
  content: "\e929";
}

.icon-shopping-basket:before {
  content: "\e92a";
}

.icon-stairs:before {
  content: "\e92b";
}

.icon-thinksoftware:before {
  content: "\e92c";
}

.icon-user:before {
  content: "\e92d";
}