@font-face {
  font-family: "AvenirNextCyrW00";
  src: url("../fonts/AvenirNextCyrW00-Light.eot");
  src: url("../fonts/AvenirNextCyrW00-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNextCyrW00-Light.svg#AvenirNextCyrW00-Light") format("svg"), url("../fonts/AvenirNextCyrW00-Light.ttf") format("truetype"), url("../fonts/AvenirNextCyrW00-Light.woff") format("woff"), url("../fonts/AvenirNextCyrW00-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNextCyrW00";
  src: url("../fonts/AvenirNextCyrW00-Regular.eot");
  src: url("../fonts/AvenirNextCyrW00-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNextCyrW00-Regular.svg#AvenirNextCyrW00-Regular") format("svg"), url("../fonts/AvenirNextCyrW00-Regular.ttf") format("truetype"), url("../fonts/AvenirNextCyrW00-Regular.woff") format("woff"), url("../fonts/AvenirNextCyrW00-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNextCyrW00";
  src: url("../fonts/AvenirNextCyrW00-Demi.eot");
  src: url("../fonts/AvenirNextCyrW00-Demi.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNextCyrW00-Demi.svg#AvenirNextCyrW00-Demi") format("svg"), url("../fonts/AvenirNextCyrW00-Demi.ttf") format("truetype"), url("../fonts/AvenirNextCyrW00-Demi.woff") format("woff"), url("../fonts/AvenirNextCyrW00-Demi.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNextCyrW00";
  src: url("../fonts/AvenirNextCyrW00-Bold.eot");
  src: url("../fonts/AvenirNextCyrW00-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNextCyrW00-Bold.svg#AvenirNextCyrW00-Bold") format("svg"), url("../fonts/AvenirNextCyrW00-Bold.ttf") format("truetype"), url("../fonts/AvenirNextCyrW00-Bold.woff") format("woff"), url("../fonts/AvenirNextCyrW00-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Halvar Mittel';
  src: url('../fonts//halvarmittel/HalvarMittel-Rg.eot');
  src: local('Halvar Mittelschrift Regular'), local('HalvarMittel-Rg'),
      url('../fonts//halvarmittel/HalvarMittel-Rg.eot?#iefix') format('embedded-opentype'),
      url('../fonts//halvarmittel/HalvarMittel-Rg.woff2') format('woff2'),
      url('../fonts//halvarmittel/HalvarMittel-Rg.woff') format('woff'),
      url('../fonts//halvarmittel/HalvarMittel-Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Halvar Mittel';
  src: url('../fonts//halvarmittel/HalvarMittel-Bd.eot');
  src: local('Halvar Mittelschrift Bold'), local('HalvarMittel-Bd'),
      url('../fonts//halvarmittel/HalvarMittel-Bd.eot?#iefix') format('embedded-opentype'),
      url('../fonts//halvarmittel/HalvarMittel-Bd.woff2') format('woff2'),
      url('../fonts//halvarmittel/HalvarMittel-Bd.woff') format('woff'),
      url('../fonts//halvarmittel/HalvarMittel-Bd.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Promprylad';
  src: url('../fonts//Promprylad/Promprylad.eot');
  src: local('Promprylad'), local('Promprylad'),
      url('../fonts//Promprylad/Promprylad.eot?#iefix') format('embedded-opentype'),
      url('../fonts//Promprylad/Promprylad.woff2') format('woff2'),
      url('../fonts//Promprylad/Promprylad.woff') format('woff'),
      url('../fonts//Promprylad/Promprylad.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family: "Halvar Mittel", sans-serif;
  --second-family: "Promprylad", sans-serif;
  --third-family: "Ermilov", sans-serif;
  --clr-01:#000000;
  --clr-02:#ffffff;
  --clr-03:#E3FB52;
  --clr-04:#EFEFEF;
  --clr-05:#C1B7FF;

  --clr-accent: #c2dfef;
  --clr-accent-active: #7aa3b6;
  --clr-border: #b2adad;
  --clr-bg-page: #f4f5f7;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.bg-clr-2 {
  background-color: var(--clr-02);
}
.bg-clr-5 {
  background-color: var(--clr-05);
}

html, body {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 16px;
  font-family: var(--font-family);
}
body {
  background-color: var(--clr-04);
}

body.noscroll,
body.modal-open  {
  overflow:hidden;
}
@media (min-width: 768px) {
  body {
    font-size: 18px;
  }
}
@media (min-width: 1500px) {
  body {
    font-size: 22px;
  }
}

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

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    padding-right: 0;
    padding-left: 0;
    max-width: 80%;
  }
}
@media (min-width: 1025px) {
  .container {
    max-width: 92%;
  }
}
@media (min-width: 1240px) {
  .container {
    max-width: 1200px;
  }
}

.row {
  display: flex;
  flex-wrap:wrap;
  gap:20px;
}

.col {
  width:100%;
}

.justify-center {
  justify-content: center;
}


sup {
	font-size: 0.6em;
}

.py-60 {
	padding: 45px 0;
}

.my-60 {
	margin: 45px 0;
}
@media (min-width: 1025px) {
  .py-60 {
    padding: 60px 0;
  }
}

.btn-fixed {
	position:fixed;
	z-index:100;
	bottom:60px;
	right:60px;
  display: none!important;
}
@media (min-width: 1025px) {
  .btn-fixed {
    font-size: 20px;
    display: block !important;
  }
}

.hidden {
	display:none!important;
} 

.rounded-10 {
  border-radius:10px;
  overflow: hidden;
}

.h2 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 24px;
  margin-top:0;
  margin-bottom: 15px;
}

.h3 {
  font-family: var(--second-family);
  font-size: 32px;
  font-weight: 400;
}

.px-30 {
  padding-left:30px;
  padding-right:30px;
}
.py-30 {
  padding-top:30px;
  padding-bottom:30px;
}
.py-40 {
  padding-top:40px;
  padding-bottom:40px;
}

.d-none {
  display:none!important;
}
@media (min-width: 768px) {
  .d-md-flex {
    display:flex!important;
  }
  .d-md-block {
    display:block!important;
  }
  .d-md-none {
    display:none!important;
  }
}

@media (min-width: 1025px) {
  .h2 {
    font-size: 32px;
  }
  .d-lg-block {
    display:block!important;
  }
  .d-lg-none {
    display:none!important;
  }
}

@keyframes pulse {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}

#top {
  background: url("../img/become-resident-2026/top-banner.webp") no-repeat center;
  background-size: cover;
  text-align: center;
  position: relative;
  min-height: 100vh;
  display: flex;
  padding: 120px 0 80px;
}

#top:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(163.07deg, rgba(0, 0, 0, 0) -56.05%, rgba(0, 0, 0, 0.6) 112.13%), rgba(0, 0, 0, 0.2);
}

#top .main-text {
  width: 100%;
  margin: auto;
  z-index: 997;
}

#top .sm {
  color: #fff;
  font-weight: 600;
}

#top h1 {
  font-size: 36px;
  margin: 0 0 0.7em 0;
  font-family: var(--second-family);
  font-weight: 400;
  line-height: 96%;
  text-align: center;
  color: #fff;
}

.subtitle {
  text-align: center;
  color: #fff;
  margin: 0 auto 30px;
  font-size: 40px;
  line-height: 1;
  max-width: 270px;
}

@media (min-width: 768px) {
  #top h1 {
    font-size: 44px;
  }
  
  .subtitle span {
	  display:inline;
  }

  .subtitle {
    max-width:unset;
  }
}

@media (min-width: 1025px) {
  #top {
    padding: 170px 0 60px;
  }
  #top h1 {
    font-size:64px;
    margin-bottom: 12px;
  }
  
  .subtitle {
    font-size: 48px;
  }
}

.center {
  text-align: center;
}

.prom-button {
  display: inline-block;
  border-radius: 4em;
  border: 2px solid var(--clr-03);
  background: var(--clr-03);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  padding: 20px 30px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  font-family: var(--second-family);
  color: var(--clr-01);
  font-size: 20px;
  /*white-space: nowrap;*/
  font-weight: 400;
}

.prom-button:hover {
  border: 2px solid #000;
  background-color: var(--clr-02);
}

@media (min-width: 1025px) {
  .prom-button {
    font-size: 20px;
  }
}
/*
@media (min-width: 1920px) {
  .prom-button {
    font-size: calc(100vw/1920*26);
  }
}*/
.prom-button.black {
  color: #ffffff;
  border-color: #000000;
  background-color: #000000;
  font-weight: 400;
}
@media (min-width: 1025px) {
  .prom-button.big {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
  }
}

#top .arrow {
    animation: up-down 2s ease-in-out infinite;
    position: absolute;
    left: calc(50% - 36px);
    bottom: 60px;
}

#top .prom-button {
  padding: 20px 40px;
  font-size: 20px;
}

@media (min-width: 1025px) {
  #top .prom-button {
    padding: 20px 60px;
    font-size: 28px;
  }
}

@keyframes up-down {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(0%);
  }
}

b {
  font-weight: 700;
}

.row-hero {
  margin-top: 90px;
  justify-content: center;
}

.pm-btn {
  border-radius: 30px;
  padding: 5px 20px;
  background: var(--clr-03);
  font-weight: 400;
  font-size: 20px;
  display:inline-block;
  border:1px solid transparent;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

a.pm-btn:hover {
  border: 1px solid var(--clr-01);
  background-color: var(--clr-02);
}

@media (min-width: 577px) {
  .row-hero {
    gap: 10px;
  }
  .row-hero .col {
    width:fit-content;
  }
}

@media (min-width: 1025px) {
  h2 {
    font-size: 2.5rem;
  }
}

.about__wrapper {
  padding: 30px 20px;
}

.about .h2 {
  font-size: 24px;
  line-height: 120%;
}

.about__text {
  font-size: 20px;
}

.about__img {
  display: block;
  width:100%;
  margin-bottom: 20px;
}

.about .col-left {
  display: flex;
  flex-direction: column;
  gap:20px;
  justify-content: space-between;
}

.about .prom-button {
  white-space: wrap;
}

@media (min-width: 768px) {
  .col {
    width:unset;
    flex:1;
    flex-shrink:0;
  }
  .about__text {
    margin-bottom: 30px;
    font-size: 16px;
  }
  .about .prom-button {
    padding:23px 30px;
    margin-top: 5px;
  }
  .about__img {
    margin-bottom: 0;
  }
   .about .col-right {
    flex:1.5;
  }

  .about .pm-btn {
    font-size: 18px;
  }
}

@media (min-width: 1025px) {
  .about__wrapper {
    padding:30px 40px;
  }

  .about .h2 {
    font-size: 28px;
  }
   .about .col-right {
    flex:1.8;
  }
  .about .col-left {
  padding: 50px 0;
  }

  .about .row {
    gap:40px;
  }
  .about__text {
    font-size: 18px;
  }
}

@media (min-width: 1400px) {
  .about .h2 {
    font-size: 32px;
  }
  .about .row {
    gap:60px;
  }
  .about__text {
    font-size: 24px;
  }
}

.footer {
  background: var(--clr-01);
  font-size:14px;
  color: var(--clr-02);
}

.footer a {
  color: var(--clr-02);
  text-decoration:none;
  display: block;
  width: fit-content;
}

.footer a:hover {
  color: var(--clr-02);
  text-decoration:underline;
}

.footer__logo {
  font-size: 28px;
}

.footer__cont {
  margin-bottom: 20px;
}

.socials {
  list-style-type: none;
  margin:0;
  padding:0;
  display:flex;
  gap: 28px;
  justify-content: space-between;
}
.socials a {
  display:block;
  width:45px;
  height: 45px;
  background-size:cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.footer .row {
  gap:0;
}

.footer .col-left,
.footer .col-right {
  padding: 45px 20px;
}

.footer .col-center {
  padding: 30px;
  margin-left:-10px;
  margin-right:-10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 100vw;
}

.socials .fb {
  background-image:url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22.5" cy="22.5" r="22.5" fill="white" /><path fill-rule="evenodd" clip-rule="evenodd" d="M25.6294 44.9999V29.5362H30.3241L31.091 22.6635H25.6294V19.3161C25.6294 17.5463 25.6746 15.7908 28.1476 15.7908H30.6523V10.877C30.6523 10.8031 28.5008 10.6362 26.3242 10.6362C21.7784 10.6362 18.9321 13.4836 18.9321 18.712V22.6635H13.9092V29.5362H18.9321V44.9999H25.6294Z" fill="black" /></svg>');
}

.socials .insta {
  background-image:url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22.5" cy="22.5" r="22.5" fill="white" /><path d="M27.295 10.6362H17.7047C13.8071 10.6362 10.6362 13.8071 10.6362 17.7047V27.295C10.6362 31.1926 13.8071 34.3635 17.7047 34.3635H27.295C31.1926 34.3635 34.3635 31.1926 34.3635 27.295V17.7047C34.3635 13.8071 31.1926 10.6362 27.295 10.6362ZM31.9765 27.295C31.9765 29.8805 29.8805 31.9765 27.295 31.9765H17.7047C15.1192 31.9765 13.0232 29.8805 13.0232 27.295V17.7047C13.0232 15.1192 15.1192 13.0232 17.7047 13.0232H27.295C29.8805 13.0232 31.9765 15.1192 31.9765 17.7047V27.295Z" fill="black" /><path d="M22.5 16.3628C19.1162 16.3628 16.3633 19.1157 16.3633 22.4995C16.3633 25.8832 19.1162 28.6362 22.5 28.6362C25.8838 28.6362 28.6367 25.8833 28.6367 22.4995C28.6367 19.1157 25.8838 16.3628 22.5 16.3628ZM22.5 26.2493C20.429 26.2493 18.7502 24.5705 18.7502 22.4995C18.7502 20.4286 20.4291 18.7498 22.5 18.7498C24.5709 18.7498 26.2498 20.4286 26.2498 22.4995C26.2498 24.5704 24.5709 26.2493 22.5 26.2493Z" fill="black" /><path d="M28.6482 17.8798C29.4603 17.8798 30.1186 17.2215 30.1186 16.4094C30.1186 15.5973 29.4603 14.939 28.6482 14.939C27.8361 14.939 27.1777 15.5973 27.1777 16.4094C27.1777 17.2215 27.8361 17.8798 28.6482 17.8798Z" fill="black" /></svg>');
}
.socials .youtube {
  background-image: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22.5" cy="22.5" r="22.5" fill="white" /><path d="M35.4595 16.734C35.3141 16.185 35.0223 15.6836 34.6141 15.2812C34.2058 14.8787 33.6958 14.5896 33.136 14.4433C29.7424 14.0515 26.3263 13.8749 22.9093 13.9147C19.4923 13.8749 16.0762 14.0515 12.6825 14.4433C12.1228 14.5896 11.6127 14.8787 11.2045 15.2812C10.7963 15.6836 10.5045 16.185 10.359 16.734C9.98725 18.7747 9.80651 20.8443 9.81903 22.9172C9.80589 25.0007 9.98663 27.0811 10.359 29.1324C10.5121 29.6726 10.8072 30.1639 11.2149 30.5575C11.6226 30.951 12.1287 31.233 12.6825 31.3751C16.0762 31.7669 19.4923 31.9436 22.9093 31.9037C26.3263 31.9436 29.7424 31.7669 33.136 31.3751C33.6899 31.233 34.196 30.951 34.6036 30.5575C35.0114 30.1639 35.3065 29.6726 35.4595 29.1324C35.832 27.0811 36.0126 25.0007 35.9995 22.9172C36.0121 20.8443 35.8313 18.7747 35.4595 16.734ZM20.2258 26.7456V19.1207L27.0818 22.9172L20.2258 26.7296V26.7456Z" fill="black" /></svg>');
}
.socials .tg {
  background-image:url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22.5" cy="22.5" r="22.5" fill="white" /><path d="M33.1841 12.2729C33.9909 12.2729 34.5996 12.9584 34.274 14.2332L30.3249 32.2595C30.0489 33.5412 29.2491 33.8496 28.1451 33.2533L18.7252 26.5157C18.6886 26.4904 18.6589 26.4569 18.6383 26.4182C18.6178 26.3794 18.6071 26.3365 18.6071 26.293C18.6071 26.2494 18.6178 26.2065 18.6383 26.1678C18.6589 26.1291 18.6886 26.0956 18.7252 26.0702L29.603 16.5568C30.0984 16.1318 29.4968 15.9262 28.8457 16.31L15.1936 24.6514C15.1522 24.6776 15.1052 24.6943 15.0561 24.7002C15.0071 24.7061 14.9573 24.7012 14.9105 24.6857L9.11418 22.9105C7.82611 22.5472 7.82611 21.6905 9.40435 21.0805L32.5967 12.4169C32.7806 12.3314 32.9803 12.2825 33.1841 12.2729Z" fill="black" /></svg>');
}
.socials .tg2 {
  background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="800px" height="800px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41.4193 7.30899C41.4193 7.30899 45.3046 5.79399 44.9808 9.47328C44.8729 10.9883 43.9016 16.2908 43.1461 22.0262L40.5559 39.0159C40.5559 39.0159 40.3401 41.5048 38.3974 41.9377C36.4547 42.3705 33.5408 40.4227 33.0011 39.9898C32.5694 39.6652 24.9068 34.7955 22.2086 32.4148C21.4531 31.7655 20.5897 30.4669 22.3165 28.9519L33.6487 18.1305C34.9438 16.8319 36.2389 13.8019 30.8426 17.4812L15.7331 27.7616C15.7331 27.7616 14.0063 28.8437 10.7686 27.8698L3.75342 25.7055C3.75342 25.7055 1.16321 24.0823 5.58815 22.459C16.3807 17.3729 29.6555 12.1786 41.4193 7.30899Z" fill="%23000000"/></svg>');
  background-size: 60%;
  background-position: 7px 9px;
}
.socials .wa {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.6 6.31999C16.8669 5.58141 15.9943 4.99596 15.033 4.59767C14.0716 4.19938 13.0406 3.99622 12 3.99999C10.6089 4.00135 9.24248 4.36819 8.03771 5.06377C6.83294 5.75935 5.83208 6.75926 5.13534 7.96335C4.4386 9.16745 4.07046 10.5335 4.06776 11.9246C4.06507 13.3158 4.42793 14.6832 5.12 15.89L4 20L8.2 18.9C9.35975 19.5452 10.6629 19.8891 11.99 19.9C14.0997 19.9001 16.124 19.0668 17.6222 17.5816C19.1205 16.0965 19.9715 14.0796 19.99 11.97C19.983 10.9173 19.7682 9.87634 19.3581 8.9068C18.948 7.93725 18.3505 7.05819 17.6 6.31999ZM12 18.53C10.8177 18.5308 9.65701 18.213 8.64 17.61L8.4 17.46L5.91 18.12L6.57 15.69L6.41 15.44C5.55925 14.0667 5.24174 12.429 5.51762 10.8372C5.7935 9.24545 6.64361 7.81015 7.9069 6.80322C9.1702 5.79628 10.7589 5.28765 12.3721 5.37368C13.9853 5.4597 15.511 6.13441 16.66 7.26999C17.916 8.49818 18.635 10.1735 18.66 11.93C18.6442 13.6859 17.9355 15.3645 16.6882 16.6006C15.441 17.8366 13.756 18.5301 12 18.53ZM15.61 13.59C15.41 13.49 14.44 13.01 14.26 12.95C14.08 12.89 13.94 12.85 13.81 13.05C13.6144 13.3181 13.404 13.5751 13.18 13.82C13.07 13.96 12.95 13.97 12.75 13.82C11.6097 13.3694 10.6597 12.5394 10.06 11.47C9.85 11.12 10.26 11.14 10.64 10.39C10.6681 10.3359 10.6827 10.2759 10.6827 10.215C10.6827 10.1541 10.6681 10.0941 10.64 10.04C10.64 9.93999 10.19 8.95999 10.03 8.56999C9.87 8.17999 9.71 8.23999 9.58 8.22999H9.19C9.08895 8.23154 8.9894 8.25465 8.898 8.29776C8.8066 8.34087 8.72546 8.403 8.66 8.47999C8.43562 8.69817 8.26061 8.96191 8.14676 9.25343C8.03291 9.54495 7.98287 9.85749 8 10.17C8.0627 10.9181 8.34443 11.6311 8.81 12.22C9.6622 13.4958 10.8301 14.5293 12.2 15.22C12.9185 15.6394 13.7535 15.8148 14.58 15.72C14.8552 15.6654 15.1159 15.5535 15.345 15.3915C15.5742 15.2296 15.7667 15.0212 15.91 14.78C16.0428 14.4856 16.0846 14.1583 16.03 13.84C15.94 13.74 15.81 13.69 15.61 13.59Z" fill="%23000000"/></svg>');
  background-size: 90%;
  background-position: 3px 2px;
}
.socials .viber {
  background-size: 80%;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3438 3.94922C18.8477 3.49219 16.8399 2.03516 12.3633 2.01562C12.3633 2.01562 7.08595 1.69922 4.51563 4.05859C3.08595 5.48828 2.58204 7.58594 2.52735 10.1836C2.47267 12.7812 2.40626 17.6484 7.09766 18.9687H7.10157L7.09766 20.9844C7.09766 20.9844 7.06641 21.8008 7.60548 21.9648C8.25391 22.168 8.63673 21.5469 9.25782 20.8789C9.59766 20.5117 10.0664 19.9727 10.4219 19.5625C13.6328 19.832 16.0977 19.2148 16.3789 19.125C17.0274 18.9141 20.6953 18.4453 21.2891 13.5781C21.9063 8.55469 20.9922 5.38281 19.3438 3.94922ZM19.8867 13.2109C19.3828 17.2734 16.4102 17.5312 15.8633 17.707C15.6289 17.7812 13.4609 18.3203 10.7383 18.1445C10.7383 18.1445 8.70704 20.5937 8.07423 21.2305C7.8672 21.4375 7.64063 21.418 7.64454 21.0078C7.64454 20.7383 7.66016 17.6602 7.66016 17.6602C7.65626 17.6602 7.65626 17.6602 7.66016 17.6602C3.6836 16.5586 3.91798 12.4141 3.96095 10.2461C4.00392 8.07812 4.41407 6.30078 5.62501 5.10547C7.80079 3.13281 12.2813 3.42578 12.2813 3.42578C16.0664 3.44141 17.8789 4.58203 18.3008 4.96484C19.6953 6.16016 20.4063 9.01953 19.8867 13.2109ZM14.457 10.0547C14.4727 10.3906 13.9688 10.4141 13.9531 10.0781C13.9102 9.21875 13.5078 8.80078 12.6797 8.75391C12.3438 8.73437 12.375 8.23047 12.707 8.25C13.7969 8.30859 14.4024 8.93359 14.457 10.0547ZM15.25 10.4961C15.2891 8.83984 14.2539 7.54297 12.2891 7.39844C11.957 7.375 11.9922 6.87109 12.3242 6.89453C14.5899 7.05859 15.7969 8.61719 15.7539 10.5078C15.75 10.8438 15.2422 10.8281 15.25 10.4961ZM17.0859 11.0195C17.0899 11.3555 16.582 11.3594 16.582 11.0234C16.5586 7.83984 14.4375 6.10547 11.8633 6.08594C11.5313 6.08203 11.5313 5.58203 11.8633 5.58203C14.7422 5.60156 17.0586 7.58984 17.0859 11.0195ZM16.6445 14.8516V14.8594C16.2227 15.6016 15.4336 16.4219 14.6211 16.1602L14.6133 16.1484C13.7891 15.918 11.8477 14.918 10.6211 13.9414C9.98829 13.4414 9.41016 12.8516 8.96485 12.2852C8.56251 11.7812 8.15626 11.1836 7.76173 10.4648C6.9297 8.96094 6.7461 8.28906 6.7461 8.28906C6.48438 7.47656 7.30079 6.6875 8.04688 6.26562H8.0547C8.41407 6.07812 8.75782 6.14062 8.98829 6.41797C8.98829 6.41797 9.47267 6.99609 9.6797 7.28125C9.87501 7.54687 10.1367 7.97266 10.2734 8.21094C10.5117 8.63672 10.3633 9.07031 10.1289 9.25L9.66017 9.625C9.42188 9.81641 9.45313 10.1719 9.45313 10.1719C9.45313 10.1719 10.1484 12.8008 12.7461 13.4648C12.7461 13.4648 13.1016 13.4961 13.293 13.2578L13.668 12.7891C13.8477 12.5547 14.2813 12.4062 14.707 12.6445C15.2813 12.9687 16.0117 13.4727 16.4961 13.9297C16.7695 14.1523 16.832 14.4922 16.6445 14.8516Z" fill="%23000000"/></svg>');
}

@media (min-width: 768px) {
  .footer .row {
    flex-wrap: nowrap;
  }
  .footer .col-left {
    padding: 30px 20px 30px 0;
    flex:43;
  }
  .footer .col-center {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 30px 20px;
    margin:0;
    flex:101;
  }
  .footer .col-right {
    padding: 30px 0 30px 20px;
    align-self: center;
    flex:71;
  }
  .socials {
    gap:20px;
  }
  .socials a {
    width:36px;
    height: 36px;
  }
}

@media (min-width: 1025px) {
  .footer {
    font-size: 18px;
  }
  .footer .col-left {
    padding: 30px 30px 30px 0;
  }
  .footer .col-center {
  }
  .footer .col-right {
    padding: 30px 0 30px 30px;
  }
  .footer__cont {
    margin-bottom: 50px;
  }
  .socials {
    gap:30px;
    justify-content: end;
  }
  .socials a {
    width:45px;
    height: 45px;
  }
}


.row-hero {
  margin-top: 90px;
  justify-content: center;
}

.pm-btn {
  border-radius: 30px;
  padding: 5px 20px;
  background: var(--clr-03);
  font-weight: 400;
  font-size: 20px;
  display:inline-block;
  line-height: 1.2;
  width: fit-content;
}

.pm-btn--border {
  background: transparent;
  border: 1px solid #acacac;
}

.about-btns {
  display: flex;
  flex-direction: column;
  gap:8px;
}

@media (min-width: 577px) {
  .row-hero {
    gap: 10px;
  }
  .row-hero .col {
    width:fit-content;
    flex:unset;
  }
}

@media (min-width: 1025px) {
  .pm-btn { 
    font-size: 24px;
  }
}

.offers__wrapper {
  padding: 30px 20px;
  margin-bottom: 16px;
  background-color: var(--clr-02);
  border-radius: 10px;
}

.offers__filter {
  display: flex; 
  gap: 10px;
  flex-wrap: wrap;
}

.filter-item {
  font-family:var(--font-family);
  font-size: 18px;
  line-height: 100%;
  border: 1px solid var(--clr-border);
  border-radius: 30px;
  padding: 10px 18px;
  min-height: 40px;
  background-color: var(--clr-02);
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
}

.filter-item:hover {
  border-color: #000;
}

.filter-item.active {
  border-color: #000;
  background: var(--clr-accent);
}

.offers__grid {
  display: grid;
  gap: 16px;
}

.offer {
  border-radius: 10px;
  background-color: var(--clr-02);
  overflow: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: flex;
	flex-direction: column;
}

.offer.is-hidden {
  display: none !important;
}

.offer__img {
  width: 100%;
  aspect-ratio: 37/24;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}

.offer__inner {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex:1;
}

.offer__labels {
  display: flex; 
  gap: 6px;
  flex-wrap: wrap;
}

.offer__label {
  border: 1px solid var(--clr-accent);
  border-radius: 30px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.2;
}

.offer__text {
  padding-bottom: 5px;
}

.offer__square {
  font-weight: 700;
  font-size: 24px;
}

.offer__desc {
  font-size: 18px;
}

.offer__btn {
  border-radius: 30px;
  padding: 10px 15px;
  width: 100%;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  background: var(--clr-accent);
  transition: border-color 0.3s, background-color 0.3s;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1;
  margin-top:auto;
}

.offer__btn:hover {
  border-color: #000;
  background-color: var(--clr-02);
}

.offer__btn:active {
  border-color: #000;
  background: var(--clr-accent-active);
}

/* Native HTML5 Dialog styles */
dialog.modal {
  border: none;
  background: transparent;
  padding: 0;
  max-width: 1100px;
  width: calc(100% - 40px);
  margin: auto;
  overflow: visible;
  outline: none;
}

dialog.modal::backdrop {
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.3);
}

dialog.modal[open] {
  animation: modalFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

dialog.modal[open]::backdrop {
  animation: backdropFadeIn 0.35s ease forwards;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes backdropFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.modal__close {
  position: absolute;
  bottom: calc(100% + 15px);
  right: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1010;
  transition: background-color 0.3s, border-color 0.3s;
}

.modal__close:hover {
  background-color: var(--clr-accent);
}

.modal__close:active {
  background-color: var(--clr-accent-active);
}

/* Wrapper to hold modal and allow close button positioning without clip */
.modal__wrapper {
  position: relative;
  max-width: 1000px;
  width: 100%;
}

.modal__dialog {
  position: relative;
  background-color: #ffffff;
  border-radius: 10px;
  width: 100%;
  max-height: 85vh;
  overflow-y: auto;
  padding: 15px 15px 25px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.modal__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

.modal__gallery {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.modal__slide-img {
  width: 100%;
  height: auto;
  aspect-ratio:34/25;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  max-height: 300px;
  object-fit: contain;
}

.modal .slick-slider {
  width:100%;
}

.modal .slick-slide {
  margin:0 5px;
}
.modal .slick-list {
  margin: 0 -5px;
}
.modal  .slick-arrow:hover svg path {
  fill:none;
}
/* Slick custom arrows */
.slick-prev, .slick-next {
  width: 44px;
  height: 44px;
  z-index: 5;
  background: #ffffff !important;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transition: background-color 0.3s;
  top: 50%;
  bottom: unset;
  transform: translate(0, -50%);
}

.slick-prev {
  left: 15px;
}

.slick-next {
  right: 15px;
}

.slick-prev:before, .slick-next:before {
  display: none; /* Hide default slick arrows */
}

.slick-prev:hover, .slick-next:hover {
  background-color: var(--clr-accent) !important;
}

.slick-prev:active, .slick-next:active {
  background-color: var(--clr-accent-active) !important;
}

.modal__details {
  display: flex;
  flex-direction: column;
}

.modal__location {
  font-size: 14px;
  margin-bottom: 15px;
}

.modal__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1;
}

.modal__subtitle {
  font-size: 18px;
  margin-bottom: 15px;
}

.modal__text-content {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 15px;
}

.modal__text-content p {
  margin-bottom: 10px;
}

.modal__text-content ul {
  list-style: none;
  margin: 0 0 15px 0;
}

.modal__text-content li {
  position: relative;
  padding-left: 16px;
}

.modal__text-content li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}

.modal__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
}

.modal__actions .row{
  font-size: 18px;
}

.modal__btn-submit {
  background: var(--clr-accent);
  font-size: 18px;
  font-weight: 700;
  padding: 10px 15px;
  border-radius: 30px;
  border: 1px solid transparent;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s;
  line-height: 1;
}

.modal__btn-submit:hover {
  background-color: #ffffff;
  border-color: #000000;
}

.modal__btn-submit:active {
  background-color: var(--clr-accent-active);
  border-color: #000000;
}

.modal__btn-download {
  background: transparent;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 10px;
  border-radius: 30px;
  border: 1px solid #b2adad;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s;
  line-height: 1;
  text-align: center;
  letter-spacing: -0.01em;
}

.modal__btn-download:hover {
  background-color: var(--clr-accent);
}

.modal__btn-download:active {
  background-color: var(--clr-accent-active);
}

.modal__btn-download svg {
  display: none;
}

@media (min-width: 577px) {
  .offers__wrapper {
    padding: 30px 50px;
    margin-bottom: 32px;
  }

  .offers__grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .modal__btn-download svg {
    display: block;
  }

  .modal__btn-submit,
  .modal__btn-download {
    width:fit-content;
    padding: 10px 15px;
    letter-spacing: unset;
  }

}

@media (min-width: 900px) {
  .modal__content {
    grid-template-columns: 1.1fr 1fr;
  }
  .modal__slide-img {
    max-height: unset;
  }
}

@media (min-width: 1025px) {
  .offers__grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
  .offers__filter {
    gap: 15px;
  }

  .filter-item {
    font-size: 24px;
    padding: 10px 20px;
    min-height: 46px;
  }
  .modal__content {
    grid-template-columns: auto 1fr;
    gap:30px;
  }
  .modal__slide-img {
    aspect-ratio: 480 / 455;
  }
  .modal__gallery {
    width: 480px;
  }
}

.residents {
  position: relative;
  padding-top: 60px;
  padding-bottom: 74px;
  overflow: hidden;
  margin-top: 40px;
}

.residents__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  pointer-events: none;
  filter: brightness(0.65);
}

.residents .container {
  position: relative;
  z-index: 2;
}

.residents__title {
  color: #ffffff;
  text-align: center;
  margin-bottom: 24px;
}

.residents__card {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Add 10px gap between slides (5px padding on each side) */
.residents__slide {
  padding: 0 5px;
}

.residents .slick-list {
  margin: 0 -5px;
}

.residents__logos-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  margin: 0 auto;
}

/* Separate sliders media visibility logic */
.residents__slider--mob {
  display: block;
  margin-right: 0 !important;
  padding-bottom:18px;
}

.residents__slider--dt {
  display: none !important;
}

/* Capsule dots for residents sliders */
.residents .slick-dots {
  bottom: 0;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.residents .slick-dots li {
  width: 40px;
  height: 8px;
  margin: 0;
}

.residents .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 10px;
  border: 1px solid #ffffff;
  background: transparent;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.residents .slick-dots li button:before {
  display: none;
}

.residents .slick-dots li.slick-active button {
  background: #ffffff!important;
}    

@media (min-width: 577px) {
    /* Switch visibility to Desktop slider starting at 577px (> 576px) */
    .residents__slider--mob {
      display: none !important;
    }
    .residents__slider--dt {
      display: block !important;
      margin-right: 0 !important;
      padding-bottom:25px;
    }
  }

  @media (min-width: 769px) {
    .residents__title {
      font-size: 36px;
      margin-bottom: 36px;
    }
    .residents__card {
      padding: 40px;
    }
  }

  @media (min-width: 1025px) {
    .residents {
      padding-top: 100px;
      padding-bottom: 115px;
    }
  }

.cta {
  padding:90px 0;
}

.cta .h2 {
  text-align: center;
}
.cta .row {
  gap:90px;
}

.cta .col-left {
  padding: 45px 30px;
  display: flex;
	flex-direction: column;
	justify-content: center;
}

.cta__inner {
  padding: 20px 30px 45px;
}

.cta__text {
  text-align: center;
  font-size: 24px;
  line-height: 120%;
}

.cta__row {
  display: flex;
  justify-content: center;
   gap:20px;
   flex-wrap:wrap;
   align-items: center;
   margin-top: 20px;
}

.cta__name {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
}

.cta__btn,
.cta .wpcf7-form-control.wpcf7-submit {
  border-radius: 32px;
  padding: 10px 20px;
  min-height: 44px;
  line-height: 1;
  background: #c2dfef;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  border: 1px solid transparent;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.cta__btn:hover,
.cta .wpcf7-form-control.wpcf7-submit:hover {
  border: 1px solid #000;
  background-color: var(--clr-02);
}

.cta__btn:active,
.cta .wpcf7-form-control.wpcf7-submit:active {
  border: 1px solid #000;
  background-color: var(--clr-accent-active);
}

.cta .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap:18px;
}

.cta .wpcf7-form p {
  margin-bottom: 0;
}

.cta .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit){
  display: block;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--clr-01);
    padding: 0;
    padding-bottom: 3px;
    height: auto;
    text-align: left;
    margin: 0 !important;
    line-height: 1.2;
	font-family:var(--font-family);
}

.cta .wpcf7-form-control.wpcf7-submit {
  width:100%;
  margin-top: 12px;
  cursor: pointer;
  color:var(--clr-01);
  font-family:var(--font-family);
}

.cta .col-right {
    display: flex;
    flex-direction: column;
  }

.cta__img {
  aspect-ratio: 590/292;
  object-fit: cover;
  min-height: 207px;
  flex:1;
}

.cta .socials {
  justify-content: center;
  margin-top: 20px;
}

.cta .socials a {
  border-radius:100%;
  border:1px solid var(--clr-01);
  transition: background-color 0.3s;
}

.cta .socials a:hover {
  background-color: var(--clr-accent);
}

 @media (min-width: 769px) {
  .cta .row {
    gap:20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
 }

  @media (min-width: 1025px) {
  .cta .row {
    gap:20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .choices__inner,
  .choices__list,
  .choices__list--dropdown .choices__item, 
  .choices__list[aria-expanded] .choices__item {
    font-size: 18px;
  }
 }

 .wpcf7-form {
  --choices-font-size-lg: 18px;
  --choices-inner-one-padding: 0;
  --choices-bg-color: transparent;
  --choices-base-border: none;
  --choices-placeholder-opacity: 1;
  --choices-list-single-padding: 0 40px 4px 0;
  --choices-dropdown-item-padding: 9px 0;
  --choices-inner-padding: 0;
  --choices-guttering: 0;
  --choices-input-height: 0;
  --choices-font-size-md: 16px;
  --choices-arrow-margin-top: -4px;
  --choices-arrow-margin-top-open: -4px;
  max-width: unset;
  margin-top: auto;
  --choices-border-radius:0;
  --choices-highlighted-color:var(--clr-accent);
  --choices-arrow-right:0;
}

.wpcf7-form .choices__inner {
  line-height: 120%;
  border-bottom: 1px solid var(--clr-01);
}

.wpcf7-form .choices__list--dropdown,
.wpcf7-form .choices__list[aria-expanded] {
  border: 1px solid var(--clr-01);
  padding: 15px 30px;
  margin-top:5px;
  border-radius:10px;
}

.wpcf7-form .choices__placeholder {
  color: #4c4c4c;
}

.wpcf7-form .choices__list--dropdown .choices__item:not(:last-child),
.wpcf7-form .choices__list[aria-expanded] .choices__item:not(:last-child) {
  word-break: normal;
  line-height:1.2;
  border-bottom:1px solid var(--clr-01);
}

.wpcf7-form .choices[data-type*="select-one"]::after {
  border: none;
  width: 2em;
  height: auto;
  aspect-ratio: 1 / 1;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 9L12.5 15L6.5 9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
  transform: translateY(-55%);
  background-size: contain;
  background-repeat: no-repeat;
}

.wpcf7-form .choices[data-type*="select-one"].is-open::after {
  transform: translateY(-50%) rotate(-180deg);
}

@media (min-width: 769px) {
  .wpcf7-form {
    font-size: 16px;
  }
 }

 @media (min-width: 1025px) {
  .wpcf7-form {
    font-size: 18px;
    --choices-list-single-padding: 0 40px 6px 0;
  }
  
  .cta .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) {
	 font-size:18px;
  }
 }
 
 .scroll-back-to-top-wrapper.show {
	 display:none!important;
 }
 
 .logo {
  font-family: var(--second-family);
  font-size: 17px;
  line-height: 90%;
  text-transform: uppercase;
  color: #fff;
  text-decoration:none;
}

@media (min-width: 768px) {
  .logo {
    font-size: 24px;
  }
}

@media (min-width: 1025px) {
  .logo {
    font-size: 31px;
  }
}