body {font-family: var(--ftext-light);padding:0;margin:0;font-size: 16px;font-weight: 300;line-height: 1.2;color: var(--c-main-dark);-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;outline: 0;}
nav ul{list-style: none;padding: 0;margin: 0;}
::selection {color: black;background: var(--c-pastel);}
::-moz-selection {color: black;background: var(--c-pastel);}
::-webkit-scrollbar{background:var(--c-pastel);width:10px;}
::-webkit-scrollbar-thumb{background: black;}
*:not(.slick-track,.slick-list,.selectbox-dropdown), *:before, *:after{transition: all .4s;}
a {text-decoration:none;outline: none;color: #4284fc;}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;font-family:var(--ftitle)}
h1{font-weight: 200;font-size: 46px;line-height: 41px;letter-spacing: 0.1em;margin-block-end: 10px;}
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;}
.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-black{background-color: #000000;}
.bg-blue{background-color: #5f53ff;}
.bg-light-blue{background-color: #dce6f7;}
.bg-light-gray{background-color: #f3f7fa;}
.bg-img-settings{background-repeat: no-repeat;background-size: cover;background-position: center;}
.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;}

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;max-width: 1500px;position: relative;}
.grid-wide {width: 100%;margin: 0 auto;max-width: 1700px;}
/*---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-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);opacity: 1;}
.flip-to-zero{transform:perspective(2500px) rotateY(0);opacity: 1;}
/*--heaer--*/
.header {background-color: transparent;width: 100%;position: fixed;top: 0;z-index: 9999;display: flex;flex-direction: column;height: var(--header-height);}
.header-menu-wrapper {padding-block-start: 44px;}
.header-menu-wrapper .header-nav>li.btn-border {margin-inline-start: 23px;}
.header-menu-wrapper {max-width: fit-content;width: 100%;display: flex;height: 22px;}
.menu-top-menu-container {width: 100%;}
.header-logo-wrapper {max-width: 270px;width: 100%;margin-inline-start: auto;display: flex;align-items: center;height: 100px;padding-block-start: 34px;}
.header-logo {max-width: 100%;width: 100%;}
.header-nav {display: flex;height: 100%;width: 100%;}
.menu-top-nav-container {height: 100%;}
.header-nav>li>a:after {content: "";position: absolute;width: 100%;height: 1px;background-color: var(--c-main-dark);inset-inline-start: 2px;inset-block-end: -7px;}
.header-nav>li>a {color: var(--c-main-dark);letter-spacing: 0.08em;font-weight: 400;font-size: 17px;font-variant: small-caps;position: relative;} 
.header-nav>li.btn-border a:hover { background-color: var(--c-main-dark); color: white; } 
.hp-top-txt {padding: 150px 0 45px 0;} 
.section-text {font-style: normal;font-weight: 300;font-size: 17px;line-height: 30px;letter-spacing: 0.03em;max-width: 95%;}
.hp-top-txt .section-img { margin-inline-start: auto; } 
.section-subtitle {max-width: 80%;font-size: 16px;line-height: 30px;letter-spacing: 0.05em;margin-block-end: 50px;position: relative;font-family: var(--ftext-elight);font-weight: 200;} 
.bottom-texts .half-div:last-child .section-title { min-height: 42px; } 
.bottom-texts .half-div:last-child .section-subtitle { min-height: 40px; } 
.section-subtitle:before {content: "";position: absolute;width: 50px;height: 1px;background-color: var(--c-main-dark);inset-block-start: -20px;} 
.main-flats h5 { width: 100%; margin-block-end: 0; font-family: var(--ftext-reg); font-size: 17px; } 
.row.flat-sizes { width: 100%; }
.hp-main-image {max-width: 70%;width: 100%;} 
.hp-main-image > img {padding-inline-start: 45px;}
.hp-main-texts {max-width: 30%;width: 100%;} 
.hp-main-txt { padding: 150px 0; position: relative; } 
#numberSlides { color: white; display: flex; position: absolute; z-index: 99; font-style: normal; font-weight: 200; font-size: 24px; line-height: 30px; letter-spacing: 0.12em; text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6); inset-inline-end: 110px; inset-block-end: 20px; } 
.hp-main-gallery { position: relative; font-family: var(--ftitle); } 
.hp-main-txt:before {content: "";position: absolute;width: 800px;height: 915px;background-color: var(--c-pastel);z-index: -1;top: 0;} 
.hp-main-images .half-div > img {margin-block-end: 110px;} 
.hp-main-images {padding: 120px 0 0;position: relative;container: contian;} 
.bottom-txt-wrapper {max-width: 25%;width: 100%;display: flex;flex-direction: column;} 
.bottom-txt-wrapper .section-text {max-width: 80%;}
.txt-btn img { margin-inline-start: 10px; } 
.txt-btn {margin-block-start: auto;margin-block-end: 100px;display: flex;align-items: center;color: var(--c-brown);font-weight: 300;letter-spacing: 0.03em;} 
.txt-btn:hover img { transform: translateX(-15px); } 
.bottom-texts {padding-block-start: 160px;} 
.bottom-texts > img { padding-block-start: 100px; } 
#team .section-text { max-width: 80%; } 
.hp-main-images > .grid:before { content: ""; position: absolute; width: 100%; height: 580px; background-color: #fbfaf5; inset-inline-start: 0; inset-block-end: 820px; z-index: -1; }
.bottom-texts h4 {font-family: var(--ftext-light);font-weight: 300;font-size: 24px;letter-spacing: 0.05em;} 
.map-image,.map-txt { width: 100%; } 
.map-image { max-width: 59%; } 
.map-txt { max-width: 41%; padding-block-start: 45px; }
.contact-inf label, .contact-inf a,.contact-inf p { margin-inline-end: 15px; letter-spacing: 0.05em; } 
form .half-div {margin-block-end: 42px;} 
.contact-inf label { color: #b9b9b9; } 
.contact-inf > .row:first-child { margin-block-end: 20px; } 
.contact-inf a,.contact-inf p {color: var(--c-main-dark);font-family: var(--ftext-light);} 
.bottom-gallery-wrapper  .swiper-slide { width: fit-content; } 
.selectbox.active>span:before { transform: rotate(45deg); transform-origin: center center; } 
.selectbox-dropdown-list:hover > a { transform: translateX(-10px); } 
.selectbox-dropdown-list:hover { background-color: white; }
.selectbox>input {font-size: 16px;height: 35px;border: none !important;padding-left: 15px;font-family: inherit;cursor: pointer;padding-top: 0;}
.selectbox {cursor: pointer;position: relative;height: 30px;border-block-end: 1px solid rgba(77, 77, 77, 0.65);max-width: 92%;transition: all .4s;width: 100%;display: flex;background-color: transparent;list-style: none;padding: 0;margin: 0;margin-inline-start: auto;}
.selectbox.open,.selectbox.works-nav.open {border-bottom-left-radius: 0;border-bottom-right-radius: 0;width: 100%;}
.selectbox>img {position: absolute;top: 40%;right: 15px;transition: all .4s;}
.selectbox-dropdown-wrapper {background: white;display: flex;flex-direction: column;width: 100%;}
.selectbox-dropdown {transform-origin: top;transform: translate(0,-15%);max-height: 0;margin-top: 38px;overflow: hidden;transition: all .4s cubic-bezier(.175,.885,.32,1.275) !important;position: absolute;width: 100%;z-index: 1111;right: -1px;}
.selectbox-dropdown-list > a {transition: all .4s ease;height: 40px;font-size: 16px;display: flex;align-items: center;color: inherit;}
.selectbox-dropdown-list > a:hover, .selectbox-dropdown-list.active >a {text-decoration: none;}
.selectbox-txt {display: inline-flex; font-size: 20px;}
.selectbox>span:before {content: "+";position: absolute;width: 10px;height: 10px;inset-inline-end: 0;display: flex;align-items: center;justify-content: center;transition: all .4s;}
.selectbox.open>span:before {transform: rotate(180deg);}
.selectbox>span {display: flex;width: 100%;height: 100%;align-items: center;position: relative;font-weight: normal;letter-spacing: 0.05em;font-size: 16px;font-family: var(--ftext-elight);}
label.contact-lbl {font-size: 18px;font-weight: 100;position: absolute;bottom: 10px;transition: all  .4s ease;z-index: -1;top: 15px;}
label.contact-lbl.static-lbl{position: relative;top: 6px;right: 0;color: rebeccapurple;z-index: 1;}
.selectbox-dropdown-list:last-child > a {border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;border-bottom: 1px solid var(--black);}
.btn:hover { box-shadow: 1px -1px 0 #4D4D4D; text-decoration: none; } 
.contact-form-wrapper { max-width: 50%; width: 100%; } 
.contact {padding: 110px 0 110px 0;position: relative;} 
.copyrights { font-size: 16px; letter-spacing: 0.05em; display: flex; align-items: center; }
.contact > .grid:before {content: "";position: absolute;width: 100%;height: 1px;background-color: var(--c-main-dark);inset-inline-start: 0;inset-inline-end: 0;margin: auto;inset-block-end: -110px;} 
.hp-main-images img,.section-img {max-width: 100%;} 
.contact:before { inset-block-end: 0; } 
.contact:after { inset-block-start: 0; } 
.contact-img {max-width: 50%;width: 100%;display: flex;justify-content: flex-end;align-items: flex-start;} 
.selectbox-dropdown-list { border-block-end: 1px solid #333333; } 
.contact-form-container {max-width: 630px;width: 100%;margin-block-start: 80px;} 
.form-wrapper { position: fixed; width: 300px; height: 314px; inset-inline-end: 40px; inset-block-end: 20px; background: rgba(51, 51, 51, 0.75); border: 1px solid #EDEADE; z-index: 999; color: white; display: flex; align-items: center; justify-content: center; } 
.form-wrapper h4 { font-style: normal; font-size: 17px; line-height: 20px; letter-spacing: 0.09em; text-transform: uppercase; color: #EDEADE; font-family: var(--ftext-reg); font-weight: 200; } 
.form-wrapper form { max-width: 220px; margin: auto; } 
.form-wrapper input::placeholder { color: #EDEADE; font-size: 16px; font-family: var(--ftext-elight); } 
.form-wrapper button:hover { background-color: var(--c-main-dark); border: 1px solid #EDEADE; color: #EDEADE; cursor: pointer; } 
.form-wrapper input { height: 51px; border-block-end: 1px solid #EDEADE; }
.anim-hp-arr{animation: anim-hp-arr 2s ease-in-out infinite;}
@keyframes anim-hp-arr{
    0%{
        transform: translate(0,0);
    }
    50%{
        transform: translate(0,50%);
    }
    100%{
        transform: translate(0,0);
    }
}
.hp-top + .form-wrapper input {
    color: var(--c-pastel);
}
.form-wrapper button { background: #F1EFE9; border: 1px solid var(--c-main-dark); max-width: 95px; width: 100%; font-family: inherit; font-size: 16px; letter-spacing: 0.08em; color: var(--c-main-dark); margin-block-start: 25px; margin-inline-start: auto; display: flex; justify-content: center; align-items: center; font-weight: 600; }
.btn {display: flex;padding: 6px 12px;border: 1px solid #4D4D4D;max-width: fit-content;box-shadow: -1px 1px 0 #4d4d4d;background-color: transparent;font-family: inherit;letter-spacing: 0.12em;font-size: 16px;user-select: none;cursor: pointer;transition: all .5s ease;} 
form .half-div input {max-width: 92%;} 
form textarea {height: 100px;resize: none;margin-block-end: 55px;} 
form .half-div:last-child input { margin-inline-start: auto; } 
form .btn {margin-inline-start: auto;max-width: 115px;color: var(--c-main-dark);width: 100%;justify-content: center;height: 45px;align-items: center;font-size: 18px;font-family: var(--ftext-med);letter-spacing: 0.11em;} 
form input, form textarea {width: 100%;background-color: transparent;border: none;border-bottom: 1px solid rgba(77, 77, 77, 0.65);font-family: inherit;font-size: 16px;color: var(--c-main-dark);display: flex;letter-spacing: 0.05em;font-weight: 300;font-family: var(--ftext-elight);} 
form input,.form-wrapper button { height: 30px; }
.main-inf-table-icon,.main-inf-table-text { display: flex; max-width: 42%; width: 100%; align-items: center; } 
form .half-div input::placeholder,form textarea::placeholder { color: var(--c-main-dark); } 
.main-inf-table > .row { height: 58px; position: relative; } 
.main-inf-table > .row:last-child:before, .main-inf-table > .row:last-child .main-inf-table-text:before { display: none; } 
.main-inf-table-icon > img { margin-inline-end: 30px; } 
.main-info { margin-block-end: 70px; } 
.main-flats-table { max-width: 975px; width: 100%; position: relative; } 
.main-flats-plan { max-width: calc(100% - 975px); width: 100%; display: flex; align-items: flex-end; } 
.main-flats-titles span, .flat-inf .row > span, .flat-inf .row > a {min-width: 195px;display: flex;align-items: center;font-size: 17px;letter-spacing: 0.08em;transform: translateX(-20px);color: var(--c-main-dark);} 
.flats { padding: 150px 0; background-color: #fbfaf5; } 
.main-flats-table:before,.main-flats-table:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-grey-dark); inset-inline-start: 0; } 
.main-flats-table:before { inset-block-start: 40px; } 
.main-flats-table:after { inset-block-end: 0; } 
.main-plan-img {background-image: url(/wp-content/uploads/Group-546.svg);width: 431px;height: 394px;} 
.main-flats-titles { display: flex; position: relative; } 
.flat-inf { padding-block-start: 40px; } 
.flat-inf .row > span > * { padding-inline-start: 20px; } 
.flat-inf .row > span,.flat-inf .row > a { height: 30px; } 
.flat-inf .row img {position: absolute;opacity: 0;}
.main-flats-titles span { font-family: var(--ftext-reg); font-weight: 400; } 
.flat-inf .row {margin-block-end: 30px;align-items: center;} 
.main-flats-titles span:before { content: ""; position: absolute; width: 1px; height: 499px; background-color: var(--c-grey-dark); inset-block-start: 41px; inset-inline-start: -20px; } 
.main-flats .section-subtitle { margin-block-end: 19px; } 
.main-flats-titles span:first-child:before { display: none; }
.flat-inf .row > .sold, .main-flats-plan .row.sold-last span:last-child, .main-flats-plan .row.sold-last span:first-child  {color: rgb(77 77 77 / 25%);}
 .scrollto > img {margin: auto;}
.main-flats { line-height: 30px; letter-spacing: 0.075em; } 
.main-flats > .row { position: relative; margin-block-end: 20px; } 
.floor-plan { color: var(--c-brown); } 
.floor-plan:hover > .flats-arr { transform: translateX(-10px); } 
.flats-arr { display: inline-flex; } 
.main-flats > .row:before { content: ""; position: absolute; width: 75%; height: 1px; background-color: var(--c-brown); inset-inline-start: 0; inset-block-end: -10px; } 
.main-flats > .row:last-child:before { display: none; }
section#flats > .responsive-img,.hp-main-gallery .swiper-slide > img { margin: auto; } 
.scrollto > h2 { font-style: normal; font-weight: 200; font-size: 20px; line-height: 42px; text-align: center; letter-spacing: 0.15em; text-transform: capitalize; color: white; margin-block-end: 0; } 
.hp-top h1 { margin-block-start: 22%; } 
.flat-specification.sold {position: relative;} 
.row.f1 { height: 35px; margin-block-start: 70px; } 
.main-plan-img .active-last span:last-child, .main-plan-img .active-first span:first-child { text-decoration: underline; } 
.main-plan-img .row.f1 span { max-width: 30%; } 
.main-plan-img .row.f1 span:first-child { margin-inline-start: 11%; } 
.main-plan-img .row.f1 span:last-child { margin-inline-end: 11%; } 
.main-plan-img .row span { max-width: 45%; width: 100%; font-family: var(--ftext-light); color: var(--c-brown); display: flex; justify-content: center; align-items: center; } 
.flat-inf .row.active img { opacity: 1; } 
.flat-inf .row.active > span, .flat-inf .row.active > a { color: var(--c-brown); } 
.main-flats-plan .row.f2 {margin-block-start: 15px;min-height: 42px;} 
.main-flats-plan .row { min-height: 35px; display: flex; justify-content: space-between; } 
.main-flats-plan .row.f3, .main-flats-plan .row.f4,.main-flats-plan .row.f6 { min-height: 47px; } 
.main-flats-plan .row.f5 { margin-block-end: 12px; } 
.flat-specification.sold:before { content:""; position:absolute; background: url(/wp-content/uploads/sold.png) 0 0 no-repeat; width: 54px; height: 54px; background-size: 100%; inset-inline-start: 60px; }
.map {padding-block: 95px;} 
.map-txt-wrapper > img { margin-block-start: 40px; } 
.map-txt-wrapper > * { padding-inline-start: 50px; } 
.map-wrapper { max-width: 75%; width: 100%; } 
.map-txt-wrapper { max-width: 25%; width: 100%; } 
.main-inf-table { font-size: 15px; letter-spacing: 0.06em; position: relative; } 
.main-inf-table-text span { margin-inline-end: 40px; min-width: 60px; } 
.main-inf-table-text span:last-child { font-family: var(--ftext-reg); } 
.main-inf-table > .row:before, .main-inf-table-text:before {content:"";position: absolute;background: url(/wp-content/uploads/Line-118.svg) 0 0 no-repeat;width: 250px;height: 1px;background-size: 120%;inset-block-end: 0;} 
.main-inf-table:before { content:""; position: absolute; background: url(/wp-content/uploads/Line-122.svg) 0 0 no-repeat; background-size: 120%; width: 1px; height: 200px; inset-block-start: 10px; inset-inline-start: 35.5%; } 
.main-info > p { margin-block-end: 35px; letter-spacing: 0.12em; font-weight: 500; font-family: var(--ftext-reg); } 
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: ""; background: url(/wp-content/uploads/arr-slider.svg) 0 0 no-repeat; width: 26px; height: 9px; } 
.swiper-rtl .swiper-button-prev:after { transform: scaleX(-1); } 
.swiper-button-next, .swiper-rtl .swiper-button-prev { inset-inline-start: auto; inset-inline-end: 160px; } 
.swiper-button-next, .swiper-button-prev { inset-block-start: auto; inset-block-end: 30px; } 
.bottom-gallery-wrapper .swiper { padding-block-end: 100px; } 
.swiper-button-prev, .swiper-rtl .swiper-button-next { inset-inline-start: auto; inset-inline-end: 105px; }
.main-image-left{    margin-inline-start: auto;}
.header-nav>li {position: relative;align-items: center;}
.header-nav>li:hover>a,.header-nav .sub-menu li:hover>a,.header-nav>li.current-menu-item>a {color: var(--c-brown);}
.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-nav .lang-item a { text-transform: uppercase; } 
.header-nav .lang-item.lang-item-first {margin-inline-end: 20px;position: relative;} 
.header-nav .lang-item.current-lang a { color: var(--c-main-dark); } 
.header-nav .lang-item + li a:before {display: none;}
.header-nav .lang-item a {color: var(--c-main-dark);font-size: 14px;font-family: var(--ftext);font-weight: 400;} 
.contact-form-wrapper .section-title { font-size: 36px; line-height: 41px; letter-spacing: 0.075em; text-transform: capitalize; margin-block-end: 70px; }
.header-nav>li:not(.lang-item)>a:before {content: "";position: absolute;width: 1px;height: 100%;background: url(/wp-content/uploads/line.svg) 0 0 no-repeat;inset-block-start: 0;inset-inline-start: -20px;} 
.section-title {font-style: normal;font-weight: 200;text-transform: uppercase;margin-block-end: 50px;font-size: 32px;line-height: 48px;
/* or 144% */text-align: right;letter-spacing: 0.12em;} 
.hp-top {height: calc(100vh);display: flex;flex-direction: column;align-items: center;color: white;position: relative;} 
.hp-top > p {font-weight: 300;line-height: 31px;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);font-size: 18.5px;letter-spacing: 0.26em;margin-block-end: 17%;} 
.scrollto {position: relative;}
.header-nav>li.last-separator-item a:before {display: none;} 
.hp-top:before {content: "";position: absolute;width: 100%;height: 200px;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgb(0 0 0 / 28%) 80%);inset-block-end: 0;z-index: 0;} 
.header-nav>li.btn-border a {padding: 5px 15px;border: 1px solid var(--c-main-dark);} 
.header-nav>li.btn-border a:before { display: none; } 
.thanks {
    height: calc(100vh - var(--header-height));
    padding-block-start: var(--header-height);
}

.thanks h1 {
    padding-block-start: 90px;
}
.thanks img {
    max-width: 100%;
    margin-inline-start: auto;
}
.thanks a {
    color: var(--c-brown);
    letter-spacing: 0.05em;
    margin-block-start: 35px;
    display: flex;
}
footer {height: 120px;display: flex;align-items: center;padding-block: 15px;} 
.footer-logo {margin-inline-start: auto;max-width: 250px;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {
    .grid{max-width:90%;}
    .grid-wide {max-width: 95%;}
}
@media (max-width: 1540px) {

    .section-img { max-width: 80%; } 
    .bottom-gallery .grid { max-width: 95%; } 
    .hp-main-txt:before { width: 740px; height: 600px; top: 50px; } 
    .hp-main-images { padding: 50px 0; } 
    .bottom-texts { padding-block-end: 0; } 
    .hp-main-images img:not(.responsive-img) {max-width: 80%;} 
    .contact-img img { max-width: 80%; }
    #map { height: 600px; } 
    .hp-main-images > .grid:before { inset-block-end: 630px; }
}
@media(max-width:1440px){
    .header-logo-wrapper { max-width: 240px; } 
    .hp-top h1 { font-size: 38px; } 
    body { font-size: 15px; } 
    .section-subtitle {line-height: 27px;font-size: 15px;} 
    .scrollto > h2 { font-size: 15px; } 
    .anim-hp-arr { max-width: 35px; } 
    .form-wrapper {width: 270px;height: 290px;inset-inline-end: 30px;} 
    form input, form textarea, .selectbox>span,.selectbox-dropdown-list > a {font-size: 15px;}
    .section-title { font-size: 30px; line-height: 42px; } 
    .map-image { max-width: 45%; margin-inline-start: auto; } 
    .hp-main-gallery .swiper-slide img { height: 700px; object-fit: cover; width: 100%; } 
    form .btn { max-width: 100px; height: 38px; font-size: 16px; }
     
}
@media(max-width: 1366px){
    .hp-top > p { margin-block-end: 9%; } 
    .contact-form-container { margin-block-start: 50px; } 
    .contact-form-wrapper .section-title { margin-block-end: 50px; } 
    form textarea { height: 50px; }
}
@media (max-width: 1280px) {
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1024px) {
    .hide-mobile{display:none;}
    .hide-desktop{display: flex;}
    :root { --header-height: 57px; } 
    body {
    font-size: 16px;
}

.main-flats span,.main-flats h5,.main-flats a {
    font-size: 16px;
}
    .header-nav>li>a { font-size: 15px; } 
    .header-nav>li>a:after {
    display: none;
}
    .header > .grid > .row { align-items: center; }
    .form-wrapper {position: relative;max-width: 100%;width: 100%;height: auto;inset: 0;border: none;background-color: #F1EFE9;} 
    .hp-top {height: 50vh;justify-content: center;background-position: 70%;} 
    .hp-top h1 {margin: 0;font-size: 30px;max-width: 55%;line-height: 36px;text-align: center;} 
    .scrollto { display: none; } 
    .hp-top > p {font-size: 15px;margin-block-end: 0;} 
    .form-wrapper input { border-color: #949494; } 
    .form-wrapper form {max-width: 80%;width: 100%;display: flex;flex-direction: column;margin-block: 35px;} 
    input#phone { margin-inline-start: auto; } 
    .map {padding-block-start: 0;padding-block-end: 40px;} 
    .contact > .grid:before { inset-block-end: -50px; } 
    .form-wrapper h4 {color: var(--c-main-dark);font-size: 15px;font-family: var(--ftext-bold);} 
    .form-wrapper input#fname, .form-wrapper input#phone { max-width: 45%; } 
    .header-logo-wrapper {max-width: 60%;padding: 0;} 
    .grid-wide { max-width: 85%; } 
    nav.header-menu-wrapper { padding: 0; } 
    .header {justify-content: center;background-color: white;position: sticky;} 
    .map-image, .map-txt { max-width: 100%; } 
    .map-image {display: flex;justify-content: center;margin-block-start: 50px;width: 100%;height: 390px;}
    .main-flats > .row:before {width: 100%;}
    .contact-form-wrapper .section-title {font-size: 24px;margin-block-end: 30px;} 
    h2.section-title {font-size: 24px;line-height: 36px;margin-block-end: 35px;} 
    .section-subtitle {max-width: 100%;font-size: 16px;margin-block-end: 50px;} 
    .contact-form-wrapper,.contact-img { max-width: 100%; } 
    img.footer-logo { max-width: 75%; margin-block-start: 15px; } 
    .contact-inf > .row:first-child { margin-block-end: 0; } 
    .contact-inf label {margin-block-end: 10px;font-size: 15px;} 
    span.pipe { display: none; } 
    .contact-form-container form div:nth-of-type(2) .half-div { flex: 0 0 100%; max-width: 100%; } 
    .contact-form-container form div:nth-of-type(2) .half-div input , .contact-form-container form div:nth-of-type(2) .half-div .selectbox { max-width: 100%; } 
    .contact-inf a, .contact-inf p {width: 75%;font-size: 15px;} 
    .hp-main-gallery > .grid { max-width: 100%; } 
    .contact { padding: 50px 0; } 
    .contact-form-container { margin-block-start: 35px; } 
    form .btn {margin-block: 50px;max-width: 98px;height: 36px;font-size: 14px;font-family: var(--ftext-bold);} 
    .form-wrapper input::placeholder,.form-wrapper input {color: #949494;font-size: 14px;height: 50px;padding: 0;padding-block-start: 10px;} input#phone { width: 100%; } 
    .bottom-texts { padding-block-end: 0; }
    form input, form textarea,.selectbox>span { font-size: 15px; }
    form textarea {
    margin-block-end: 0;
    padding: 0;
    padding-block-start: 25px;
}
        .hp-main-gallery .swiper {
        padding-block-end: 40px;
    }
    .contact h2.section-title {
    max-width: 70%;
}
.thanks .half-div {
    flex: 0 0 100%;
    max-width: 100%;
}

.thanks h1 {
    padding: 0;
}

.thanks img {
    margin-block-start: 55px;
}
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        inset-block-end: 0;
    }
    
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        inset-inline-end: 70px;
    }
    
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        inset-inline-end: 25px;
    }
    form .half-div { margin-block-end: 50px; } 
    .swiper-slide img { max-height: 500px; } 
    .contact-img img {max-width: 100%;}
    .form-wrapper button {max-width: 72px;font-size: 14px;font-family: var(--ftext-bold);box-shadow: -1px 1px 0 #4d4d4d;font-weight: 200;}
    .form-wrapper button:hover {background: #F1EFE9;color: var(--c-main-dark);border-color: var(--c-main-dark);}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {

}

@media(max-width:375px){

}