body {font-family: var(--font-body);padding:0;margin:0;font-size: 18px;line-height: 1.2;color: black;-webkit-font-smoothing: antialiased;}
input, textarea, button {border-radius: 0;-webkit-appearance:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
nav ul{list-style: none;padding: 0;margin: 0;}
::-moz-selection {color: black;background: var(--c-yellow);}
::-webkit-scrollbar{background:var(--c-grey-light);width:10px;}
::-webkit-scrollbar-thumb{background: var(--c-black);}
*:not(.slick-track,.slick-list,.selectbox-dropdown), *:before, *:after{transition: all .4s;}
a {text-decoration:none;outline: none;color: var(--c-black);}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;}
h1{font-size:52px;}
h2{font-size:35px;}
h3{font-size:38px;}
h4{font-size:35px;}
h5{font-size:22px;}
h6{font-size:18px;}
p{margin:0;}
/*--grid classes---*/
.row {display: flex;flex-wrap: wrap;}
.row-reverse {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.row-align-items {justify-content: space-between;display: flex;}
.item-start{align-self: flex-start;}
.third-div {flex: 0 0 33.333333%;max-width: 33.333333%;}
.third-div-bigger {flex: 0 0 40%;max-width: 40%;}
.qrtr-div {flex: 0 0 25%;max-width: 25%;}
.qrtr-div-bigger {flex: 0 0 29%;max-width: 29%;}
.fifth-div {flex: 0 0 20%;max-width: 20%;}
.small-div {flex: 0 0 10%;max-width: 10%;}
.big-div {flex: 0 0 90%;max-width: 90%;}
.four-fifhts-div{flex: 0 0 80%;max-width: 80%;}
.half-div {flex: 0 0 50%;max-width: 50%;}
.half-div-bigger {flex: 0 0 60%;max-width: 60%;}
.three-qrtr-div {flex: 0 0 75%;max-width: 75%;}
.three-qrtr-div-smaller {flex: 0 0 70%;max-width: 70%;}
.two-third-div {flex: 0 0 66.666666%;max-width: 66.666666%;}
.full-div {flex: 0 0 100%;max-width: 100%;position: relative;}
.three-col-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 48px;} 
.two-col-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 48px;} 
.to-bottom{align-self: flex-end;margin-left:  auto;}
.flex-box-center{display: flex;align-items: center;justify-content: center;}
.flex-row-center{display: flex;justify-content: center;}
.flex-col-center{display: flex;align-items: center;}
.flex-row-end{display: flex;justify-content: flex-end;}
.flex-col-end{display: flex;align-items: flex-end;}
.flex-row-start{display: flex;justify-content: flex-start;}
.flex-col-start{display: flex;align-items: flex-start;}
.flex-box-end{display: flex;align-items: flex-end;justify-content: flex-end;}
.flex-box-start{display: flex;align-items: flex-start;justify-content: flex-start;}
.flex-box-columns{display: flex;flex-direction: column;width: 100%;}
.flex-box-to-right{display: flex;justify-content: flex-end;}
.hide-mobile{display:flex;}
.hide-desktop{display:none;}
/*colors*/
.c-white{color:#ffffff;}
.c-grey{color:#5c6063;}
.c-light-grey{color:#adafb1;}
.c-dark{color:#2c343a;}
.c-blue{color:#5f53ff;}
/*bg colors*/
.bg-yellow-grey{background-color: var(--c-grey-medium);}
.bg-light-grey{background-color: var(--c-grey-light);}
.bg-vanila{background-color: var(--c-vanila);}

.bg-img-settings{background-repeat: no-repeat;background-size: cover;}
.responsive-img{max-width: 100%;height: auto;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.to-right-auto{margin-left: auto;}
.to-left-auto{margin-right: auto;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-m{font-weight:500;}
.t-l{font-weight:300;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-upper{text-transform: uppercase;}
.section-gap { margin-block-end: 180px; }
.swiper-slide img {object-fit:cover;height:688px;width:100%;}

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;max-width: var(--grid-width);}
/*---animation calsses---*/
.anim-target{/*a dummy class to target element in DOM*/}
.anim-general-transition{transition-property: transform,opacity;transition-timing-function: cubic-bezier(.175,.885,.32,1.175);transition-duration: 0.75s;}
.anim-delay-100{transition-delay: .1s;}
.anim-delay-200{transition-delay: .2s;}
.anim-delay-300{transition-delay: .3s;}
.anim-delay-400{transition-delay: .4s;}
.anim-delay-500{transition-delay: .5s;}
.anim-delay-600{transition-delay: .6s;}
.anim-delay-700{transition-delay: .7s;}
.anim-delay-800{transition-delay: .8s;}
.anim-delay-900{transition-delay: .9s;}
.anim-delay-1000{transition-delay: 1s;}
.anim-delay-1100{transition-delay: 1.1s;}
.anim-delay-1200{transition-delay: 1.2s;}
.anim-delay-1300{transition-delay: 1.3s;}
.anim-delay-1400{transition-delay: 1.4s;}
.anim-delay-1500{transition-delay: 1.5s;}
.anim-delay-1600{transition-delay: 1.6s;}
.anim-delay-1700{transition-delay: 1.7s;}
.anim-delay-1800{transition-delay: 1.8s;}
.anim-delay-1900{transition-delay: 1.9s;}
.anim-delay-2000{transition-delay: 2s;}
.anim-delay-2100{transition-delay: 2.1s;}
.anim-delay-2200{transition-delay: 2.2s;}
.anim-delay-2300{transition-delay: 2.3s;}
.anim-delay-2400{transition-delay: 2.4s;}
.anim-delay-2500{transition-delay: 2.5s;}
.anim-delay-2600{transition-delay: 2.6s;}
.anim-delay-2700{transition-delay: 2.7s;}

.anim-from-left{transform: translate(-20%,0);opacity: 0;}
.anim-from-right{transform: translate(20%,0);opacity: 0;}
.anim-from-top{transform: translate(0,-20%);opacity: 0;}
.anim-from-bottom{transform: translate(0,35%);opacity: 0;}
.anim-flip-y{transform: perspective(2500px) rotateY(-100deg);opacity: 0;}
.anim-to-zero{transform: translate(0,0) !important;opacity: 1;}
.flip-to-zero{transform:perspective(2500px) rotateY(0);opacity: 1;}

.text-underlines { font-family: var(--font-titles); position: relative; } 
.small-text.text-underlines { background-image: -webkit-linear-gradient(top , transparent, transparent 37px,rgb(0 0 0 / 49%) 0); background-size: 100% 38px; line-height: 38px; } 
.text-underlines:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: rgb(0 0 0 / 49%); inset-block-start: 0; }
/*--heaer--*/
.header.active .hp-top-title .logo-after-scroll { opacity: 1; } 
.header.active .hp-top-title .logo-big { opacity: 0; } 
.header.active .hp-top-title .logo-after-scroll,.header.active .hp-top-title .logo-big{ transition-delay:.6s; transition-duration: .2s; } 
.header .hp-top-title .logo-after-scroll{ opacity: 0; position: absolute; margin: auto; inset-inline: 0; }
.header.scroll {background-color: white;inset-inline: 0;z-index: 999;} 
.header.up { opacity: 1; } 
.header.menu-active.down { opacity: 1; } 
.header.down { opacity: 0; }
.header.active {height: var(--header-height);} 
.header.active + .hp-top { padding-block-start: 160px; } 
.hp-about-item .img-wrapper img { max-width: 100%; } 
.header + .hp-top { padding-block-start: 360px; } 
.header.active.up + .hp-top { padding-block-start: 160px; }
.header {width: 100%;position: fixed;display: flex;flex-direction: column;justify-content: center;height: 320px;font-family: var(--font-titles);text-transform: uppercase;transition: all 1s ease;z-index: 999;}
.header-menu-wrapper {position: fixed;max-width: 100%;width: 100%;inset-inline-start: 0;inset-block-start: var(--header-height);height: calc(100vh - var(--header-height));background-color: var(--c-grey-dark);z-index: 999;transform: translateY(-150vh);overflow: hidden;display: flex;flex-direction: column;}
.menu-top-menu-container {width: 100%;}
.header-items {justify-content: space-between;font-size: 13px;letter-spacing: 2.73px;padding-block-start: 35px;padding-block-end: 10px;font-weight: 300;} 
.hp-top-title {margin-block: 75px;margin-inline: auto;max-width: 100%;display: block;} 
.header.active .hp-top-title {transform: translateY(-28px);max-width: 13%;margin-block: 0;transition-duration: 1s;} 
.header.inner-page {margin-block-end: 45px;position: fixed;width: 100%;z-index: 9999;height: var(--header-height);} 
.header.inner-page + section { padding-block-start: calc(var(--header-height) + 45px); }
.header-nav li a { font-size: 58px; font-weight: 700; line-height: 73px; letter-spacing: 4.06px; text-transform: uppercase; color: black; } 
.header-nav>li:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-black); inset-block-end: -10px; } 
.header-right-item {cursor: pointer;width: 57px;position: relative;} 
.header-nav>li:last-child:before { display: none; } 
.header-right-item:before {content: attr(menu-inactive);position: absolute;inset-inline-end: 0;} 
.header-left-item:before { content: attr(inactive-txt); } 
 
.header-right-item.open:before { content: attr(menu-active); } 
.header.inner-page .full-w-underline {height: var(--header-height);} 
.header.inner-page  .full-w-underline:before{ inset-block-end: 0; } 
.header-menu-wrapper.open {transform: translateY(0);} 
.header-nav>li a:hover { color: white; } 
.header.active .header-middle-item { opacity: 0; }
/* .header.up .header-middle-item {
    opacity: 1;
} */
.full-w-underline {position: relative;} 
.full-w-underline:before {content: "";position: absolute;width: 100%;height: 1px;background-color: rgb(0 0 0 / 49%);inset-block-end: 0;}
.header-logo-wrapper {max-width: 208px;width: 100%;margin-inline-end: auto;display: flex;align-items: center;}
.header-logo {max-width: 100%;}
.header-nav {display: flex;height: auto;width: 100%;max-width: var(--grid-width);flex-direction: column;margin-inline: auto;padding-block-start: 130px;margin-block-end: auto;}
.menu-inf {display: flex;max-width: var(--grid-width);width: 100%;margin-inline: auto;margin-block: 7px;color: white;font-weight: 700;}
.header-nav>li:before { inset-block-end: -15px; } 
.menu-inf:has(strong) {font-weight: 300;margin-block-end: 60px;} 
.menu-inf strong { margin-inline-end: 10px; }
.menu-inf .row:last-child { margin-inline-start: 10px; }
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;margin-block-end: 25px;}
.header-nav>li.current-menu-item a { color: white; }
.header-nav>li>.sub-menu {display: none;position: absolute;width: max-content;background-color: rgb(0 0 0 / 90%);border: 2px solid var(--c-blue);box-shadow: 0 0 20px rgb(18 65 180 / 50%);padding: 10px 20px;top: 40px;}
.header-nav>li.menu-item-has-children:hover > .sub-menu {display: block;}
.header-nav>li.menu-item-has-children:before {content: "";position: absolute;width: 100%;height: 40px;top: 5px;}
.header.menu-active .full-w-underline:before { opacity: 0; }
/*--hp--*/
.top-images {display: flex;} 
.hp-top {transition: all 1s ease;} 
.top-text {width: 100%;display: flex;flex-direction: column;padding-block-end: 70px;} 
.top-text p {display: inline-flex;font-weight: 300;width: 34px;height: 31px;line-height: 1;position: relative;inset-block-start: -19px;inset-inline-end: 2px;}
.top-text p:before {content: "";position: absolute;background: url(/wp-content/uploads/star.svg) center/contain no-repeat;width: 34px;height: 31px;inset-inline-end: 0;inset-block-start: 0;}
.top-images img {max-width: 50%;width: 100%;object-fit: cover;height: 495px;} 
.txt-row {line-height: 100px;display: flex;font-size: 58px;text-transform: uppercase;font-family: var(--font-titles);letter-spacing: 4.06px;overflow: hidden;} 
.main-text .txt-row:last-child:before { display: none; } 
.txt-rows-anim span {transform: translateY(100px);transition-timing-function: cubic-bezier(0.51, 0.78, 0.23, 1.03);transition-duration: 1s;}
.txt-row.full-w-underline:first-child:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: rgb(0 0 0 / 49%); inset-block-start: 0; } 
.main-img { width: 100%; height: 750px; object-fit: cover; object-position: center; margin-block-end: 55px; } 
.hp-main h4 {font-family: var(--font-titles);font-size: 19px;text-transform: uppercase;font-weight: 400;letter-spacing: 1.9px;} 
.hp-main .text-wrapper .title-wrapper {font-family: var(--font-titles);text-transform: uppercase;position: relative;} 
.main-text {font-size: 15px;font-weight: 300;line-height: 38px;letter-spacing: 2.25px;text-transform: uppercase;} 
.hp-about-item { display: flex; flex-wrap: wrap; }
.hp-about-item.dir { flex-direction: row; } 
.hp-about-item.dir-op { flex-direction: row-reverse; } 
.hp-about-item .img-wrapper {max-width: 65.5%;width: 100%;} 
.hp-about-item .text-wrapper {max-width: 34.5%;width: 100%;background-color: var(--c-grey-light);display: flex;flex-direction: column;padding-block: 60px;} 
.hp-about { display: flex; flex-direction: column; gap: 30px; } 
.hp-about-item .text-wrapper > * { margin-inline: 80px; } 
.hp-slider .title-and-text { margin-block-start: 55px; }
.hp-slider { overflow: hidden; } 
.big-text.text-underlines {background-image: -webkit-linear-gradient(top , transparent, transparent 99px,rgb(0 0 0 / 49%) 0);background-size: 100% 100px;line-height: 100px;font-size: 58px;text-transform: uppercase;letter-spacing: 4.06px;}
.hp-about-item .text {font-size: 16px;font-weight: 300;line-height: 28px;letter-spacing: 0.96px;font-family: var(--font-body);margin-block-start: auto;} 
.hp-main .text-wrapper .title-wrapper > h4 {margin-block-start: 32px;margin-block-end: 0;}
.title-and-text h3 { font-family: var(--font-titles); font-size: 19px; font-weight: 700; letter-spacing: 1.9px; text-transform: uppercase; margin-inline-end: auto; margin-block-end: 0; padding-block-end: 30px; } 
.btn-read-more { max-width: fit-content; height: fit-content; display: flex; align-items: center; font-family: var(--font-titles); color: black; font-size: 13px; font-weight: 300; line-height: 17px; letter-spacing: 3.51px; text-transform: uppercase; } 
.btn-read-more > img { margin-inline-start: 13px; transform: rotate(45deg); } 
.title-and-text .text { max-width: 650px; margin-block-start: 25px; font-family: var(--font-body); font-size: 16px; font-weight: 300; line-height: 28px; letter-spacing: 0.96px; } 
.btn-read-more:hover img { transform: rotate(0); } 
.hp-bottom-services { background-image: linear-gradient(90deg, var(--c-vanila) 50.1%, var(--c-grey-light) 50.1%); min-height: 775px; display: flex; align-items: center; } 
.hp-bottom-services .title-and-text { max-width: 70%; height: 100%; } 
.hp-bottom-services .title-and-text .btn-read-more { margin-block-start: 340px; } 
.services {max-width: 460px;width: 100%;margin-inline-start: auto;display: grid;grid-template-columns: repeat(2, auto);} 
.hp-bottom-services .service {display: flex;flex-direction: column;align-items: center;text-align: center;max-width: 130px;width: 100%; justify-content: center;} 
.hp-bottom-services .service:nth-child(even) { margin-inline-start: auto; } 
.hp-bottom-services .service:nth-child(odd) {margin-inline-end: auto;} 
.hp-bottom-services .service .service-icon {display: flex;width: fit-content;min-height: 50px;align-items: center;justify-content: center;margin-block: 40px;} 
.hp-bottom-services .service p { font-family: var(--font-serif); font-size: 18px; font-weight: 400; line-height: 21px; letter-spacing: 1.2px; }
.hp-bottom-services .service .service-icon img { max-width: 85%; }
.hp-slider .grid { position: relative; } 
.hp-slider .swiper-button-next, .hp-slider .swiper-button-prev { inset-block-start: 54%; } 
.swiper-button-prev:after,.swiper-button-next:after, .swiper-rtl .swiper-button-next:after { content: ""; background: url(/wp-content/uploads/arrow-left.svg); width: 18px; height: 16px; } 
.swiper-button-next:after { transform: scaleX(-1); } 
.hp-slider .swiper-button-next {inset-inline-end: -95px;} 
.hp-slider .swiper-button-prev {inset-inline-start: -95px;}
/*--amenities--*/
.amenities-top img { margin-block-end: 55px; } 
.section-grid-items .grid-item h4 {font-family: var(--font-titles);font-size: 18px;font-weight: 400;line-height: 29px;letter-spacing: 1.98px;text-transform: uppercase;display: flex;margin-block-start: 30px;margin-block-end: 45px;position: relative;} 
.section-grid-items .grid-item h4:before {content: "";position: absolute;width: 100%;height: 1px;background-color: rgb(0 0 0 / 49%);inset-block-end: -20px;} 
.amenities-bottom h5 {font-family: var(--font-serif);font-size: 18px;font-weight: 400;line-height: 28px; /* 155.556% */letter-spacing: 1.08px;margin-block-end: 0;}
.section-grid-items .grid-item h4 span {font-size: 34px;margin-inline-start: auto;font-weight: 400;position: relative;width: 18px;height: 17px;} 
.section-grid-items .grid-item h4 span:before {content: "";position: absolute;background: url(/wp-content/uploads/star.svg) center/contain no-repeat;width: 18px;height: 17px;inset-inline-end: 0;}
.section-grid-items .grid-item img { object-fit: cover; width: 100%; height: 420px; } 
.section-grid-items .grid-item .text {max-width: 95%;font-size: 16px;font-style: normal;font-weight: 300;line-height: 28px;letter-spacing: 0.96px;} 
.amenities-services .grid-item h5 {font-family: var(--font-titles);text-transform: uppercase;margin-block-end: 10px;font-size: 17px;font-weight: 700;line-height: normal;letter-spacing: 1.7px;} 
.amenities-services { background-color: var(--c-grey-light); } 
.amenities-about .big-text.text-underlines { margin-block-end: 180px; }
.amenities-services .grid { max-width: 1276px; } 
.amenities-services .three-col-grid {gap: 143px 213px;}
.amenities-services .three-col-grid { padding-block: 120px; } 
.amenities-services .grid-item .img-wrapper { min-height: 55px; margin-block-end: 38px; display: flex; align-items: center; } 
.amenities-services .grid-item p {font-family: var(--font-serif);font-size: 16px;font-weight: 400;line-height: 22px;letter-spacing: 1.02px;text-transform: capitalize;} 
.amenities-bottom .title-and-text .text { max-width: 100%; } 
.title-and-text { margin-block-start: 55px; } 
.amenities-bottom .title-and-text .text ul li:before { content: "\002A"; font-size: 18px; position: absolute; inset-inline-start: -10px; inset-block-start: 2px; } 
.amenities-bottom .title-and-text .text ul {padding-inline-start: 10px;list-style: none;margin-block-start: 0;margin-block-end: 25px;} 
.amenities-bottom .title-and-text .text ul li {padding-inline-start: 10px;position: relative; /* 175% */} 
/*--residences---*/ 
.residence-video .bg-vanila { background-color: transparent; }
.inner-hero { padding-block-end: 180px; } 
.inner-hero .grid{ position: relative; } 
.inner-hero .grid:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-black); inset-block-end: -90px; } 
.inner-hero h1 { font-size: 72px; font-weight: 700; line-height: 72px; letter-spacing: 5.76px; text-transform: uppercase; max-width: 59%; font-family: var(--font-titles); } 
.inner-hero .title-wrapper,.inner-hero .text { padding-inline-start: 110px; } 
.inner-hero .title-wrapper {display: flex;padding-block-start: 45px;} 
.hero-text-wrapper { display: flex; flex-direction: column; max-width: calc(100% - 705px); } 
.hero-img-wrapper { display: flex; max-width: 705px; }
.inner-hero .title-wrapper span { position: relative; } 
.residence-top.inner-hero .grid:before { display: none; } 
.residence-video .title-and-text {margin: 0;margin-block-end: 35px;} 
.inner-hero .title-wrapper span:before {content: "";background: url(/wp-content/uploads/star.svg) center/contain no-repeat;position: absolute;width: 35px;height: 33px;inset-block-start: -5px;inset-inline-start: 10px;} 
.apartments-inf .row { display: none; } 
.apartments-inf .row.active { display: flex; } 
.apartments-inf .text {font-family: var(--font-serif);font-size: 18px;font-weight: 400;line-height: 21px;letter-spacing: 1.3px;margin-block-end: 55px;} 
.apartments-inf .row { justify-content: space-between; } 
.apartments-labels span { font-family: var(--font-serif); font-size: 15px; font-weight: 400; line-height: 21px; letter-spacing: 1.35px; text-transform: capitalize; height: 100%; align-items: center; display: flex; color: var(--c-yellow-grey); position: relative; cursor: pointer; } 
.apartments-labels { display: flex; justify-content: space-between; height: 45px; align-items: center; margin-block-end: 30px; position: relative; } 
.apartments-labels span.apt-sold:after { content: url(/wp-content/uploads/sold.svg); position: absolute; inset-block-start: -8px; inset-inline-start: 27px; } 
.apartments-labels span.active { color: black; }
.apartments-labels:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-yellow-grey); inset-block-end: 0; z-index: 0; } 
.apartments-labels span.active:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: black; inset-block-end: 0; z-index: 0; } 
.apartments-inf .row > img { width: 100%; height: 660px; object-fit: cover; }
.inner-hero .text {font-size: 16px;font-style: normal;font-weight: 300;line-height: 28px;letter-spacing: 0.96px;max-width: 69%;margin-block-start: auto;} 
.inner-hero .half-div { display: flex; flex-direction: column; } 
.residence-gallery  .swiper-button-prev:after, .residence-gallery  .swiper-button-next:after, .residence-gallery .swiper-rtl .swiper-button-next:after { background: url(/wp-content/uploads/gallery-arrow.svg); width: 56px; height: 55px; } 
.residence-gallery .swiper-button-prev,.residence-gallery .swiper-button-next { width: 56px; } 
.residence-video video {width: 100%;object-fit: cover;margin-block-end: 145px;}
/*--location--*/
.loc-map {max-width: 50%;width: 100%;height: 100%;background-position: center;}
/* .location-map > img {max-width: 50%;width: 100%;object-fit: fill;height: 100%;} */
.map-locations-wrapper {max-width: 50%;width: 100%;background-color: var(--c-grey-dark);}
.location-map {display: flex;height: 800px;} 
.location-top.inner-hero .grid:before { display: none; }
.location-map h4 { max-width: 30%; font-size: 19px; font-weight: 700; line-height: 26px; letter-spacing: 1.9px; text-transform: uppercase; color: white; font-family: var(--font-titles); } 
.location-map .container { max-width: 596px; height: calc(100% - 200px); margin-block: 100px; margin-inline-start: 85px; display: flex; flex-direction: column; } 
.location-map .map-locations {margin-block-start: auto;}
.location-bottom .grid-item p {position: absolute;inset-block-end: 12px;inset-inline-start: 15px;color: white;font-size: 16px;line-height: normal;letter-spacing: 1.12px;z-index: 2;} 
.location-bottom .grid-item img { max-width: 100%; width: 100%; height: 760px; object-fit: cover; } .location-bottom .grid-item {position: relative;overflow: hidden;} 
.location-bottom .grid-item:before {content: "";position: absolute;background: linear-gradient(180deg, rgb(217 217 217 / 0%) 0%, rgba(0, 0, 0, 0.75) 100%);width: 100%;height: 120px;inset-block-end: -20px;background-blend-mode: multiply;z-index: 0;}
/*--team--*/
.team-top.inner-hero .grid:before { display: none; } 
.section-grid-items.team-main .grid-item img { height: 655px; } 
h2.team-text {
    margin-block-end: 80px;
}
/*--contact---*/ 
.contact-txt-wrapper, .contact-form-wrapper,.thanks .img-wrapper { max-width: 50%; width: 100%; } 
.contact-form-wrapper > * { padding-inline-start: 120px; } 
.contact-txt-wrapper img, .thanks .img-wrapper img { max-width: 100%; } 
.contact h1 { font-size: 19px; font-family: var(--font-titles); text-transform: uppercase; color: #000; font-weight: 700; letter-spacing: 1.9px; margin-block-end: 50px; } 
.contact-inf { font-family: var(--font-titles); font-size: 12px; line-height: 29px; letter-spacing: 1.2px; text-transform: uppercase; } 
.contact-inf span.t-b { font-weight: 900; margin-inline-end: 10px; } 
.contact-inf span,.contact-inf a {margin-inline-end: 10px;font-weight: 300;} 
.contact-form-wrapper { display: flex; flex-direction: column; } 
.contact-form-wrapper form { margin-block-start: auto; } 
.contact-form-wrapper form input:not(input[type="checkbox"]), .contact-form-wrapper form textarea {width: 100%;border: none;border-block-end: 1px solid var(--c-black);font-size: 12px;resize: none;height: 30px;margin-block-end: 30px;font-family: var(--font-titles);outline: 0;} 
.contact-form-wrapper form input[type="checkbox"] { -webkit-appearance: checkbox; margin-block-end: 7px; } 
.contact-form-wrapper form .inputs-wrapper p { font-size: 12px; font-weight: 300; line-height: 23px; letter-spacing: 0.84px; text-transform: capitalize; padding-inline-start: 10px; } 
.contact-form-wrapper form .inputs-wrapper .row { align-items: center; } 
.contact-form-wrapper form .inputs-wrapper { margin-block-end: 50px; } 
.contact-form-wrapper form textarea { margin-block-end: 20px; } 
.contact-form-wrapper form button {display: flex;margin-inline-start: auto;color: black;padding-inline: 30px;padding-block: 10px;font-size: 12px;font-weight: 400;letter-spacing: 1.08px;text-transform: uppercase;border: 1px solid var(--c-black);background-color: transparent;cursor: pointer;font-family: var(--font-titles);} 
.contact-form-wrapper form input::placeholder, .contact-form-wrapper form textarea::placeholder { font-family: inherit; font-size: 12px; font-weight: 300; letter-spacing: 2.04px; text-transform: uppercase; } 
.contact-form-wrapper form button:hover { background-color: var(--c-black); color: white; }
/*--404--*/
.page-404 h1 { font-family: var(--font-titles); font-size: 262px; font-style: normal; font-weight: 700; line-height: 1; text-transform: uppercase; margin: 0; padding-block: 120px; } 
.page-404 { height: 100vh; } 
.page-404 p { font-family: var(--font-titles); font-size: 19px; font-weight: 700; line-height: 28px; letter-spacing: 1.9px; text-transform: uppercase; } 
.page-404 .btn-read-more { margin-block-start: 250px; } 
body.error404 .header.inner-page { margin-block-end: 0; }
section.contact + footer .form-wrapper form,
section.contact + footer .footer-txt-wrapper > h5,
section.contact + footer .footer-txt-wrapper .row,
section.thanks + footer .form-wrapper form,
section.thanks + footer .footer-txt-wrapper > h5,
section.thanks + footer .footer-txt-wrapper .row,
section.page-404 + footer .form-wrapper form,
section.page-404 + footer .footer-txt-wrapper > h5,
section.page-404 + footer .footer-txt-wrapper .row{ display:none; } 
section.page-404 + footer,section.thanks + footer,section.contact + footer{height:auto;padding-block: 85px;} 
section.page-404 + footer .footer-credits,section.thanks + footer .footer-credits,section.contact + footer .footer-credits{margin:0;}
/*--thanks--*/
.thanks .txt-wrapper { max-width: 50%; width: 100%; display: flex; flex-direction: column; } 
.thanks .txt-wrapper > * { padding-inline-start: 120px; } 
.thanks .img-wrapper { max-width: 50%; } 
.thanks { height: calc(100vh - var(--header-height) + 45px); } 
.thanks h1 { font-family: var(--font-titles); font-size: 72px; text-transform: uppercase; margin-block-end: 60px; } 
.thanks p { font-family: var(--font-titles); text-transform: uppercase; font-size: 19px; font-weight: 700; line-height: 28px; letter-spacing: 1.9px; } 
.thanks .btn-read-more { margin-block-start: auto; }
/*--footer--*/
footer { display: flex; height: 545px; align-items: center; } 
.footer-credits {font-family: var(--font-body);font-size: 15px;font-weight: 300;line-height: normal;letter-spacing: 0.6px;text-transform: capitalize;margin-block-start: 115px;} 
.form-wrapper,.footer-txt-wrapper { font-family: var(--font-titles); text-transform: uppercase; color: white; } 
.footer-txt-wrapper {font-weight: 300;display: flex;flex-direction: column;} 
.footer-txt-wrapper .t-b { margin-inline-end: 10px; } 
.footer-txt-wrapper > h5 { margin-block-end: 56px; font-size: 17px; font-weight: 700; line-height: normal; letter-spacing: 1.7px; } 
footer .form-wrapper {max-width: 466px;width: 100%;margin-inline-end: 325px;display: flex;flex-direction: column;justify-content: end;} 
footer .form-wrapper form { display: flex; flex-direction: column; } 
footer .form-wrapper form .inputs-wrapper { display: flex; flex-direction: column; } 
.footer-logo { display: flex; margin-block-start: auto; } 
.footer-credits a { color: white; } 
.footer-credits span:first-child { margin-inline-end: 25px; } 
.form-wrapper form .inputs-wrapper input {border: none;background-color: transparent;height: 45px;border-block-end: 1px solid white;font-family: inherit;color: white;padding-block-start: 10px;outline: 0;    font-size: 12px;} 
.form-wrapper form .inputs-wrapper input::placeholder { color: white; text-transform: uppercase; font-weight: 300; font-size: inherit;letter-spacing: 2.04px; } 
.form-wrapper form button { border: 4px solid #FFF; background-color: white; font-family: inherit; color: var(--c-grey-medium); font-size: 12px; font-weight: 400; letter-spacing: 1.08px; text-transform: uppercase; height: 40px; margin-block-start: 35px; cursor: pointer; } 
.form-wrapper form button:hover { background-color: transparent; color: white; } 
.footer-txt-wrapper .row {line-height: 30px;font-size: 12px;letter-spacing: 1.2px;} 
footer .form-wrapper form h5 { font-size: 17px; font-weight: 700; letter-spacing: 1.7px; margin-block-end: 65px; }
footer a { color: white; }
footer a:hover {text-decoration: underline;}
section.page-404 + footer, section.thanks + footer, section.contact + footer {
    padding-block: 52px;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {
}
@media (max-width: 1540px) {
    :root { --grid-width: 78%;} 
    .header-nav {padding-block: 25px;} 
    .menu-inf:has(strong) {margin-block-end: 25px;}

    .inner-hero h1 {max-width: 52%;font-size: 52px;line-height: 52px;letter-spacing: 5.16px;} 
    .hp-bottom-services .service p {font-size: 15px;letter-spacing: 1.2px;} 
    .amenities-about .big-text.text-underlines { margin-block-end: 144px; } 
    .location-map { height: 600px; }
    .inner-hero .text {font-size: 14px;line-height: 25px;letter-spacing: 0.7px;} 
    .location-map h4 { font-size: 15px; letter-spacing: 1.5px; line-height: normal; }
    .section-gap{margin-block-end: 144px;padding-block-end: 0;} 
    .location-bottom .grid-item img {height: 595px;} 
    .location-map .container {margin-inline-start: 5vw;margin-block: 60px;height: calc(100% - 120px);} 
    .location-map .map-locations img { max-width: 90%; } 
    .contact-form-wrapper > * { padding-inline-start: 70px; } 
    .txt-row {font-size: 52px;line-height: 90px;letter-spacing: 3.06px;} 
    .hp-about-item .img-wrapper img {max-width: 100%;width: 100%;} 
    .hp-about-item .text-wrapper > * {margin-inline: 50px;} 
    .hp-about-item .text { font-size: 14px; line-height: 24px; letter-spacing: 0.7px; } 
    .hp-main .text-wrapper .title-wrapper img { max-width: 36px; } 
    .hp-bottom-services .title-and-text {margin-block-start: 70px;max-width: 75%;} 
    .hp-bottom-services .title-and-text .btn-read-more { margin-block-start: 175px; margin-block-end: 30px; } 
    .title-and-text .text { line-height: 25px; letter-spacing: 0.7px; } 
    .hp-bottom-services { align-items: flex-start; min-height: 540px; } 
    .hp-bottom-services .service .service-icon img {max-width: 65%;}
    .hp-main .text-wrapper .title-wrapper > h4 {margin-block-end: 10%;font-size: 15px;font-weight: 400;}
    .top-images img { height: 385px; } 
    .header-nav li a {font-size: 42px;line-height: 71px;} 
    .header-nav>li {margin-block-end: 0;} 
    .swiper-slide img { height: 540px; } 
    .hp-bottom > .grid > img { height: 600px; margin-inline: auto; } 
    .amenities-top img { height: 540px; object-fit: cover; width: 100%; object-position: center; } 
    .hero-img { height: 540px; } 
    .section-grid-items.team-main .grid-item img {height: 522px;} 
    .team-bottom .grid-item img {width: 100%;height: 528px;object-fit: cover;} 
    .contact-txt-wrapper img, .thanks .img-wrapper img { height: 520px; } 
    .residence-video video { height: 540px; } 
    .main-img { height: 540px; } 
    .hp-about { gap: 24px; } 
    .amenities-services .grid { max-width: 990px; } 
    .amenities-bottom h5 { font-size: 16px; } 
    .amenities-bottom .title-and-text .text ul { max-width: 97%; } 
    .location-bottom .grid-item p { font-size: 13px; letter-spacing: 0.91px; } 
    .amenities-services .grid-item .img-wrapper img {max-width: 48px;max-height: 35px;} 
    .section-grid-items .grid-item h4 span:before {width: 15px;height: 14px;} 
    .main-text { font-size: 14px; letter-spacing: 2.1px; } 
    .apartments-inf .row > img { height: 540px; } 
    .big-text.text-underlines {letter-spacing: 3.2px;font-size: 52px;line-height: 73px;background-image: -webkit-linear-gradient(top , transparent, transparent 72px,rgb(0 0 0 / 49%) 0);background-size: 100% 73px;} 
    .hp-main h4 { font-weight: 700; } 
    .residence-top.inner-hero  h1 {max-width: 62%;} 
    .location-top.inner-hero h1 { max-width: 63%; } 
    .loc-map {background-image: url(/wp-content/uploads/map-laptop.jpg);}
    .header-nav>li:before {inset-block-end: -4px;}
    .amenities-services .grid-item .img-wrapper { margin-block-end: 25px; min-height: 25px; } 
    .amenities-services .three-col-grid { padding-block: 100px; row-gap: 100px; }
    .inner-hero { padding-block-end: 120px; } 
    .inner-hero .title-wrapper, .inner-hero .text { padding-inline-start: 90px; } 
    .inner-hero .title-wrapper span:before { width: 30px; height: 28px; inset-block-start: 0px; inset-inline-start: 0; } 
    .hero-img-wrapper { max-width: 510px; } 
    .hero-text-wrapper { max-width: calc(100% - 510px); }
    .section-grid-items .grid-item img { height: 335px; } 
    .hp-about-item .img-wrapper img { height: 340px; object-fit: cover; object-position: center; } 
    .inputs-wrapper input,.inputs-wrapper input::placeholder {font-size: 10px;letter-spacing: 1.7px;} 
    .contact h1 { font-size: 15px; } 
    .contact-inf { font-size: 10px; display: block; } 
    .footer-txt-wrapper .row {font-size: 11px;} 
    .footer-credits { font-size: 12px; }
    footer .form-wrapper { margin-inline-end: 115px; }
    
}
@media(max-width:1440px){
    .hp-main h4,.title-and-text h3 {font-size: 15px;line-height: 24px;letter-spacing: 1.5px;} 
    .btn-read-more {font-size: 11px;letter-spacing: 2.7px;} 
    .apartments-inf .text { font-size: 15px; }
    .main-text span,.title-and-text .text {font-size: 13px;line-height: 24px;} 
    .section-grid-items .grid-item h4 {font-size: 14px;line-height: 26px;} 
    .section-grid-items .grid-item .text { font-size: 14px; line-height: 25px; } 
    .amenities-services .grid-item h5 {font-size: 15px;letter-spacing: 1.5px;}
    .amenities-services .grid-item p { font-size: 15px; } 
    .amenities-services .three-col-grid {row-gap: 120px;} 
    .header-items { font-size: 10px; } 
    .services {margin-inline-start: auto;max-width: 33%;align-items: center;padding-block-start: 2.5%;}
    .hp-bottom-services .service .service-icon {margin-block-start: 0;margin-block-end: 25px;min-height: 35px;} 
    .hp-bottom-services .service { max-width: 80%; }
    .location-map .map-locations img { max-width: 80%; }
}
@media(max-width: 1366px){
}
@media (max-width: 1280px) {
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media(max-width: 1200px){
    .header.inner-page .header-middle-item,.inner-hero .grid:before { display: none; }
    /*--header--*/ 
    .header,.header.scroll {width: 100%;height: var(--header-height);position: fixed;z-index: 99;background-color: white;flex-direction: row;}
    .heaer-logo { max-width: 30%; } 
    .header-nav {flex-direction: column;margin-block-end: auto;} 
    .header-nav>li:last-child {margin: 0;height: auto;}
    .header-humburger {width: 100%;background-color: var(--orange);height: 3px;display: flex;} 
    .header-nav>li a {display: inline-flex;width: fit-content;font-size: 27px;line-height: 44px;letter-spacing: 2.16px;} 
    .header .header-nav>li>.sub-menu {background-color: transparent;padding: 0;}
    .header-humburger-wrapper.open .header-humburger.line1 {transform: translateY(8px);} 
     .header-humburger-wrapper {width: 18px;height: 10px;display: flex;align-self: center;flex-direction: column;justify-content: space-between;padding: 0;background: transparent;border: none;margin-inline-start: 15px;}
    .header-humburger {width: 100%;background-color: rgb(0 0 0 / 50%);height: 2px;display: flex;} 
    .header-menu-wrapper.open {clip-path: circle(150% at -25px -25px);}
    .header .header-menu-wrapper {display: flex;flex-direction: column;}
    .header.down .header-menu-wrapper {opacity: 1;}
    .amenities-top .title-and-text { max-width: var(--grid-width); margin-inline: auto; } 
    .amenities-bottom img { margin-inline: auto; } 
    .amenities-bottom .title-and-text .text ul li:before { inset-block-start: 3px; }
    .amenities-bottom .title-and-text h5 {font-size: 15px;} 
    .top-images img {max-width: 100%;}
    .swiper-button-next,  .swiper-button-prev { display: none; } 
    .main-img { height: 50vw;     margin-block-end: 25px;} 
    .main-text {font-size: 12px;} 
    .main-text.text-underlines.small-text:before { display: none; } 
    .hp-slider .title-and-text { margin-block-start: 30px; }
    .small-text.text-underlines { background-image: -webkit-linear-gradient(top , transparent, transparent 27px,rgb(0 0 0 / 49%) 0); background-size: 100% 28px; line-height: 28px; letter-spacing: 1.3px; }
    .location-map .container { margin-block: 45px; }
    .location-map .map-locations img {max-width: 92%;width: 100%;}
    .location-top.inner-hero .title-wrapper span { display: none; } 
    section.contact + footer .footer-logo img,
    section.page-404 + footer .footer-logo img,
    section.thanks + footer .footer-logo img  {
        max-width: 100%;filter: invert(10%) sepia(119%) saturate(244%) hue-rotate(310deg) brightness(94%) contrast(60%);
    } 
    section.contact + footer,   
    section.page-404 + footer,
    section.thanks + footer {
        background-color: transparent;padding-block-start: 115px;padding-block-end: 40px;
    } 
    section.contact + footer .form-wrapper,
    section.page-404 + footer .form-wrapper,
    section.thanks + footer .form-wrapper { 
        display: none; 
    } 
    section.contact + footer .footer-logo:before,
    section.page-404 + footer .footer-logo:before,
    section.thanks + footer .footer-logo:before { 
        background-color: var(--c-grey-dark); 
    } 
    section.contact + footer .footer-txt-wrapper h5,
    section.contact + footer .footer-txt-wrapper .row,
    section.thanks + footer .footer-txt-wrapper h5,
    section.thanks + footer .footer-txt-wrapper .row
    section.page-404 + footer .footer-txt-wrapper h5,
    section.page-404 + footer .footer-txt-wrapper .row  { 
        display: none; 
    } 
    section.contact + footer .footer-credits,
    section.page-404 + footer .footer-credits,
    section.thanks + footer .footer-credits{ 
        color: var(--c-grey-dark); 
    } 
    section.contact + footer .footer-credits a,
    section.page-404 + footer .footer-credits a,
    section.thanks + footer .footer-credits a { 
        color: var(--c-grey-dark); 
    }
 
    section.contact + footer .footer-logo {
        margin-block-start: 0;
    }
    section.thanks + footer, 
    section.page-404 + footer {
        padding: 0;
    }
    .page-404 h1 { font-size: 80px; padding-block-start: 25px; padding-block-end: 35px; }
    .section-gap { margin-block-end: 80px; } 
    footer {height: auto;} 
    .services { margin-inline: 4%; } 
    .hp-slider .swiper .swiper-slide img {max-width: 100%;height: 165px;} 
    .txt-row { font-size: 7.5vw; line-height: 10vw; } 
    .main-text span {font-size: 1.15vw;letter-spacing: 1.3px;line-height: 28px;} 
    .hp-main h4 {font-size: 15px;letter-spacing: 1.3px;} 
    .hp-about-item .text {font-size: 15px;line-height: 26px;margin-block-start: 35px;letter-spacing: 0.6px;} 
    .hp-main .text-wrapper .title-wrapper:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-black); inset-block-end: -15px; } 
    .top-text { padding-block-end: 0;}
    .title-and-text .text {margin-block-end: 25px;font-size: 15px;line-height: 26px;margin-block-start: 30px;letter-spacing: 0.6px;} 
    .hp-bottom .title-and-text { max-width: var(--grid-width); margin-inline: auto; } 
    .hp-bottom .grid { max-width: 100%; }
    .hp-bottom-services .service { justify-content: center; } 
    .inner-hero .title-wrapper, .inner-hero .text {padding-inline: 9%;} 
    .inner-hero h1, .inner-hero .title-wrapper span { font-size: 5vw; max-width: 50%; line-height: 135%; } 
    .residence-top.inner-hero h1 { max-width: 28%; } 
    .inner-hero .title-wrapper {padding-block-start: 50px;}
    .inner-hero .title-wrapper span:before { width: 25px; height: 23px; }
    .inner-hero > .grid img,.amenities-top > .grid > img {width: 100%;height: calc(100vh - var(--header-height));object-fit: cover;} 
    .inner-hero {padding-block-start: var(--header-height);padding-block-end: 80px;} 
    .team-top h1 { font-size: 31px; margin-block-end: 70px; } 
    .header .hp-top-title {justify-content: center;display: flex;overflow: hidden;height: 186px;margin: 0;} 
    .header a.hide-desktop,.header-humburger-wrapper {/* display: none; */} 
    .header.active .header-middle-item {display: flex;content: url(/wp-content/uploads/basel_logo-after-scroll.svg);width: auto;/* margin-inline-end: auto; */max-width: 120px;opacity: 1;} 


.row.mobile-contact-wrapper {
    width: 100%;
    transform: translateY(50px);
}

.header.active .header-middle-item.mobile {
    transform: translateY(0);
}
 
.row.mobile-contact-wrapper .header-middle-item {
    margin-inline-end: auto;
}

.header.active .row.mobile-contact-wrapper {
    transform: translateY(-9px);
}
        .header .header-middle-item.mobile {
    content: "";
    transform: translateY(12px);
}
    .header.inner-page  .header-middle-item.mobile {display: flex;transform: none;}
    .header.active .header-middle-item.mobile {
    transform: translateY(-40px);
}

.row.header-items > .header-left-item {
     transform: translateY(12px);  
}
.header.inner-page .row.header-items > .header-left-item {
    transform: none;
    display: none;
}
.header.inner-page .row.mobile-contact-wrapper {
    width: auto;
    transform: none;
}
.header.active .row.header-items > .header-left-item {
    transform: translateY(-40px);
}
    .header-left-item {margin-inline-end: auto;} 
    .logo-inner { max-height: 10px; }
    .header.active a.hide-desktop { display: block; } 
    .header .hp-top-title .logo-after-scroll { margin: 0; display: none; } 
    .header-items:before { content: ""; position: absolute; width: 100%; background-color: black; height: 1px; inset-block-end: 0; } 
    .header.active .header-items:before { opacity: 0; } 
    .header.active .header-humburger-wrapper { display: flex; } 
    .header .header-humburger-wrapper {/* display: none; */} 
    .header.active .header-left-item {/* display: none; */} 
    .header.active .hp-top-title {max-width: 100%; transform: translateY(0); }
    .header.active .hp-top-title .hide-desktop {max-width: 100%;transform: translateY(-250px);transition-duration: 1s;} 
    .header.active.up + .hp-top {padding-block-start: calc(var(--header-height) + 10px);} 
    .header.active + .hp-top {
        padding-block-start: calc(var(--header-height) + 10px);
    }
    h2.team-text {
    margin-block-end: 40px;
}

    .header + .hp-top {padding-block-start: 240px;} 
    .inner-hero .text {max-width: 100%;font-size: 15px;line-height: 26px;letter-spacing: 0.6px;}
    .residence-top.inner-hero h1 {max-width: 55%;} 
    .header-items {padding-block: 0;height: 100%;align-items: center;position: relative;} 
    .header.inner-page { margin: 0; } 
    .header .grid:before { display: none; } 
    .residence-gallery .swiper { max-width: var(--grid-width); } 
    .residence-gallery .swiper-slide img { width: 100%; height: 50vw; object-fit: cover; } 
    footer .form-wrapper{max-width: 100%;margin-inline: auto;margin-block-end: 65px;} 
    .footer-credits { margin-block-start: 25px; } 
    footer .form-wrapper form h5 {margin-block-start: 60px;margin-block-end: 45px;font-size: 13px;} 
    .footer-logo {position: relative;} 
    .footer-logo:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: white; inset-block-start: -25px; }
    .footer-txt-wrapper > h5 { font-size: 12px; margin-block-end: 35px; } 
    .footer-txt-wrapper { width: 100%; padding-block-end: 25px; }
}
@media (max-width: 1024px) {
    :root { --grid-width: 90%; --header-height: 63px;}
    .hide-mobile,.menu-inf.hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    .residence-top.inner-hero h1 { max-width: 35%; } 
    .inner-hero > .grid img, .amenities-top > .grid > img {height: 105vw;} 
    .inner-hero > .grid { max-width: 100%; } 
    .img-wrapper { display: none; } 
    .hp-about-item .text-wrapper { max-width: 100%; background-color: transparent; } 
    .txt-row {font-size: 8.45vw;line-height: 12.6vw;letter-spacing: 2.16px;z-index: -1;} 
    .hp-main .text-wrapper .title-wrapper {display: flex;flex-direction: row-reverse;} 
    .hp-main .text-wrapper .title-wrapper > h4 { margin-block: auto; margin-inline-end: auto; } 
    .grid.hp-main-about { max-width: 100%; } 
    .hp-about {background-color: var(--c-grey-light);gap: 70px;padding-block: 60px;} 
    .hp-about-item .text-wrapper > * { margin-inline: 5%; } 
    .hp-bottom-services > .grid > .row { flex-direction: column-reverse; } 
    .half-div { flex: 0 0 100%; max-width: 100%; } 
    .hp-bottom-services .title-and-text { max-width: 100%; } 
    .hp-bottom-services .title-and-text .btn-read-more { margin-block-start: 50px; } 
    .hp-bottom-services .services-txt { padding-block: 60px; } 
    .hp-bottom-services .services { padding-block: 60px; max-width: 70%; margin-inline: auto; align-items: center; } 
    .hp-bottom-services .service .service-icon { margin-block-end: 20px; } 
     .hp-bottom-services .services { max-width: 100%; padding: 0; } 
    .hp-bottom-services { background-image: linear-gradient(360deg, var(--c-vanila) 40.1%, var(--c-grey-light) 40.1%); padding-block-start: 50px; } 
    .hp-bottom-services .title-and-text { margin-block-start: 0; } 
    .hp-bottom-services .service { margin-block-end: 50px; margin-block-start: 0; } 
    .hp-bottom-services .services-txt { padding-block-end: 25px; }
    .amenities-top > .grid { max-width: 100%; } 
    .amenities-about .three-col-grid { display: flex; flex-direction: column; } 
    .amenities-top { padding-block-start: var(--header-height); } 
    .amenities-services .three-col-grid { grid-template-columns: repeat(2, 1fr); padding-block: 60px; } 
    .amenities-services .grid-item .img-wrapper {display: flex;min-height: 60px;} 
    .amenities-services .img-wrapper img { max-width: 42px; max-height: 25px; margin-block-end: 0; } 
    .amenities-services .grid-item h5 { font-size: 11px; } 
    .amenities-services .grid-item p {font-size: 14px;letter-spacing: 0.8px;} 
    .inner-hero .grid:before { display: none; } 
    .location-map { flex-direction: column; } 
    .loc-map,.map-locations-wrapper { max-width: 100%; } 
    .location-bottom .two-col-grid { gap: 18px; } 
    .team-main .two-col-grid {grid-template-columns: repeat(1, 1fr);gap: 60px;    margin-block-start: 40px;} 
    .section-grid-items.team-main .grid-item img { height: 90vw; } 
    .title-and-text h3 {line-height: 26px;} 
    .contact-txt-wrapper, .contact-form-wrapper { max-width: 100%; } 
    .contact-form-wrapper > * { padding: 0; } 
    .contact-form-wrapper { margin-block-start: 25px; } 
    .contact-form-wrapper form .inputs-wrapper p { max-width: 61%; } 
    .contact-form-wrapper form .inputs-wrapper .row { align-items: flex-start; } 
    .row.contact-inf .hide-desktop { display: block; } 
    .contact-inf { display: block; margin-block-end: 55px; }
    .menu-inf {display: flex;flex-direction: column;margin-block-end: 25px;} 
    .menu-inf .row {margin: 10px 0;}
    .menu-inf .row:last-child {
    margin-inline-start: 0;
}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {
    .hp-bottom-services .service { margin-block: 30px; } 
    .header-nav>li {margin-block-end: 0;} 
    .residence-top.inner-hero h1 {max-width: 50%;margin-block-end: 55px;} 
    .header-nav>li:before {inset-block-end: 0;opacity: .5;} 
    .hp-bottom-services { background-image: linear-gradient(360deg, var(--c-vanila) 47.1%, var(--c-grey-light) 47.1%); min-height: auto; padding-block-start: 0; } 
}
@media(max-width:430px){ 
    :root { --grid-width: 85%;     --header-height: 53px;}
    .hp-top .grid.img { max-width: 100%; } 
    .header-items {letter-spacing: 1.2px;font-size: 11px;overflow: hidden;} 
    .header.inner-page .header-humburger-wrapper,.header.inner-page a.hide-desktop { display: flex; } 
    .header.inner-page .header-items:before { display: none; }
    .top-images img {max-width: 100%;height: 100vw;}
    .header.inner-page + section { padding-block-start: calc(var(--header-height) + 9px); } 
    .page-404 .btn-read-more { margin-block-start: 175px; } 
    .residence-video .bg-vanila .title-and-text { margin-block-end: 0; } 
    .residence-video .bg-vanila { background-color: var(--c-vanila); padding-block: 60px; }
    .residence-top.inner-hero h1 {
    max-width: 55%;
}
    .main-text span { font-size: 2.45vw; line-height: 28px; } 
    .inner-hero h1, .inner-hero .title-wrapper span {font-size: 36px;letter-spacing: 2.48px;margin-block-end: 50px; line-height: 125%;} 
    .hp-about-item .text-wrapper { padding-block: 0; } 
    .big-text.text-underlines {font-size: 30px;background-image: -webkit-linear-gradient(top , transparent, transparent 49px,rgb(0 0 0 / 49%) 0);background-size: 100% 50px;line-height: 50px;letter-spacing: 2px;} 
    .amenities-about .big-text.text-underlines { margin-block-end: 80px; } 
    .section-grid-items .grid-item h4:before { inset-block-end: -26px; }
    .hp-bottom-services .service { margin-block: 0; } 
    .hp-bottom-services .service .service-icon img { max-width: 65%; } 
    .hp-bottom-services .service p {font-size: 15px;letter-spacing: 0.91px;} 
    .section-grid-items .grid-item h4 {font-size: 15px;line-height: 21px;letter-spacing: 1.3px;margin-block-end: 60px;} 
    .section-grid-items .grid-item .text {font-size: 15px;letter-spacing: 0.65px;line-height: 26px;} 
    .amenities-services .grid-item .img-wrapper img {max-width: 100%;max-height: 100%;}
    .hp-bottom-services .service .service-icon { margin-block-start: 35px; } 
    .hp-bottom-services .services-txt { padding-block-start: 0; } 
    .hp-bottom-services { background-image: linear-gradient(360deg, var(--c-vanila) 50.1%, var(--c-grey-light) 50.1%); } 
    .hp-bottom-services .services {margin-block-start: 35px;margin-block-end: 100px;} 
    .hp-bottom > .grid > img { height: 400px; object-fit: cover; } 
    .hero-img-wrapper,.hero-text-wrapper { max-width: 100%; width: 100%; } 
    .residence-video video {height: 165px;margin-block-end: 60px;} 
    .residence-video > .grid { display: flex; flex-direction: column-reverse; } 
    .residence-video-img {margin-block-end: 60px;object-fit: cover;height: 40vw;}
    .residence-video .title-and-text { margin-block-end: 15px; } 
    .residence-apartments { margin-block-start: 25px; margin-block-end: 60px; }
    .apartments-inf .row > img { height: 165px; } 
    .apartments-inf .btn-read-more { margin-block-end: 30PX; } 
    .apartments-labels { display: grid; grid-template-columns: repeat(3, 1fr); height: 110px; } 
    .apartments-labels:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-yellow-grey); inset-block-start: 54px; z-index: 0; } 
    .apartments-labels span.apt-sold:after {inset-block-start: 2px;} 
    .apartments-labels span {max-width: 55px;letter-spacing: 0.78px;font-size: 14px;} 
    .apartments-inf .text {font-size: 15px;line-height: 24px;letter-spacing: 1px;margin-block-end: 25px;}
    .apartments-labels span:nth-child(3n) { margin-inline-start: auto; } 
    .apartments-labels span:nth-child(2),.apartments-labels span:nth-child(5) { margin-inline: auto; } 
    .apartments-labels span:nth-child(5) { margin-inline: auto; } 
    .amenities-services .three-col-grid { gap: 50px; } 
    .location-map h4 {max-width: 50%;font-size: 15px;line-height: 21px;letter-spacing: 2px;margin-block-end: 30px;} 
    .location-map .container { margin-block: 40px; } 
    .location-bottom .grid-item p { font-size: 12px; inset-block-end: 10px; inset-inline-start: 10px; }
    .location-map { height: auto; }
    .location-bottom .grid-item img {height: 48vw;} 
    .amenities-services .grid { max-width: var(--grid-width); } 
    .thanks .img-wrapper,.thanks .txt-wrapper { max-width: 100%; } 
    .loc-map {height: 94vw;}  
    .thanks .txt-wrapper > * { padding: 0; } 
    .thanks,.page-404 { height: auto; padding-block-end: 80px; } 
    .thanks h1 { font-size: 18px; font-weight: 700; line-height: normal; letter-spacing: 1.8px; margin-block: 25px; } 
    .thanks .img-wrapper { display: flex; } 
    footer .form-wrapper form { width: 100%; } 
    .contact-txt-wrapper img, .thanks .img-wrapper img { width: 100%; height: 290px; object-fit: cover; } 
    .contact h1 { font-size: 13px; letter-spacing: 1.3px; } 
    .contact-inf span, .contact-inf a {line-height: 25px;letter-spacing: 1.2px;font-size: 11px;} 
    section.contact + footer .footer-logo:before { inset-block-start: -35px; } 
    .footer-logo:before { inset-block-start: -35px; } 
    .footer-logo { margin-block-end: 25px; margin-block-start: 80px; } 
    .contact-form-wrapper form .inputs-wrapper p { max-width: 75%; } 
    .contact.section-gap { margin-block-end: 0; }
}