/* Normalize */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

ul {
  list-style-type: none;
}

button {
  background: transparent;
  border: 0;
  cursor: pointer;
}

img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

input {
  font-size: inherit;
  color: inherit;
}
input[type=file] {
  position: absolute;
  display: none;
  opacity: 0;
  z-index: -1;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number], input[type=number]:hover, input[type=number]:focus {
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=password]:focus {
  outline: none;
}

/* Variables */
/* Mixins */
/* Fonts */
@font-face {
  src: url("../fonts/AlethiaPro/Alethiaproregular.ttf") format("truetype");
  font-family: "Alethia Pro";
  font-style: "normal";
  font-weight: 400;
}
@font-face {
  src: url("../fonts/Lato/Lato-Light.ttf") format("truetype");
  font-family: "Lato";
  font-style: "normal";
  font-weight: 300;
}
@font-face {
  src: url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-family: "Lato";
  font-style: "normal";
  font-weight: 400;
}
@font-face {
  src: url("../fonts/Lato/Lato-Medium.ttf") format("truetype");
  font-family: "Lato";
  font-style: "normal";
  font-weight: 500;
}
/* Document */
html, body {
  font-size: 16px;
  line-height: 150%;
  color: #071C35;
}

* {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  color: inherit;
}

/* Effects */
.text_uppercase {
  text-transform: uppercase;
}
.text_underline {
  text-decoration: underline;
}
.text-title {
  font-family: Alethia Pro;
  text-transform: uppercase;
}
.text-price span {
  font-size: 20px;
}

/* Text color */
.color_black {
  color: #000000;
}
.color_dark {
  color: #071C35;
}
.color_gray {
  color: #777;
}
.color_white {
  color: #FFFFFF;
}

/* Text Size */
.h1 {
  font-weight: 400;
  font-size: 44px;
  line-height: 120%;
}

.h2 {
  font-weight: 400;
  font-size: 30px;
  line-height: 133.333%;
}

/* Button */
.button {
  font-size: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: auto;
  height: 40px;
  padding: 10px;
  background: #071C35;
  border: 1px solid #071C35;
}
.button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  border: 2px solid #FFFFFF;
  border-radius: 1px;
  box-sizing: border-box;
  pointer-events: none;
}
.button_white {
  color: #071C35;
  background: #FFFFFF;
  border: 1px solid rgba(7, 28, 53, 0.15);
}
.button_white::after {
  border-color: #071C35;
}
.button:hover::after {
  display: block;
}

/* about */
.about {
  position: relative;
  display: flex;
}
.about .image {
  width: 860px;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.about .info {
  position: absolute;
  padding: 50px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.07);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
}
.about .info__title {
  font-size: 50px;
  line-height: 120%;
  position: relative;
  margin-bottom: 41px;
}
.about .info__title::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 0;
  width: 236px;
  height: 1px;
  background: #071C35;
  opacity: 0.1000000015;
}
.about .info__text {
  font-weight: 300;
}
.about .info__button {
  width: 161px;
  margin-top: 26px;
}
.about_left {
  justify-content: flex-start;
}
.about_left .info {
  top: 213px;
  right: 101px;
  width: 610px;
}
.about_right {
  justify-content: flex-end;
}
.about_right .info {
  top: 171px;
  left: 100px;
  width: 644px;
}

/* Inputs */
.input {
  /* Base */
  /* Radio */
}
.input-base {
  position: relative;
  width: auto;
  height: 40px;
}
.input-base .input {
  font-weight: 300;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: #FFFFFF;
  border: none;
  border-bottom: 1px solid rgba(7, 28, 53, 0.1);
}
.input-base .input::-moz-placeholder {
  color: #071C35;
}
.input-base .input::placeholder {
  color: #071C35;
}
.input-base_white .input {
  color: #FFFFFF;
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.input-base_white .input::-moz-placeholder {
  color: #FFFFFF;
}
.input-base_white .input::placeholder {
  color: #FFFFFF;
}
.input-radio {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 22px;
  cursor: pointer;
}
.input-radio .input {
  position: absolute;
  left: 0;
  width: 12px;
  height: 12px;
}
.input-radio .input::before, .input-radio .input::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  box-sizing: border-box;
}
.input-radio .input::before {
  border: 1px solid #071C35;
}
.input-radio .input::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #071C35;
  transition: 0.1s;
  opacity: 0;
}
.input-radio input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.input-radio input[type=radio]:checked + .input::after {
  opacity: 1;
}

/* Carousel */
.carousel {
  position: relative;
  width: 100%;
  padding: 0 40px;
}
.carousel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 0 30px;
  margin-bottom: 5px;
}
.carousel__count span {
  font-weight: 300;
}
.carousel__count .all {
  color: #777;
}
.carousel__inner {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
}
.carousel__item {
  width: 100%;
  min-width: 100%;
  padding: 10px 30px;
  padding-bottom: 50px;
  transition: 0.5s;
}
.carousel__item > * {
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: #FFF;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.07);
}
.carousel__controls {
  position: absolute;
  top: calc(50% - 5.5px);
}
.carousel__controls.left {
  left: 0;
}
.carousel__controls.right {
  right: 0;
}

/* Icon */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon.arrow_title {
  width: 79px;
  height: 6px;
  background-image: url("../img/icons/arrow_title.svg");
}
.icon.arrow_carousel_left, .icon.arrow_carousel_right {
  width: 51px;
  height: 11px;
}
.icon.arrow_carousel_left {
  background-image: url("../img/icons/arrow_carousel_left.svg");
}
.icon.arrow_carousel_right {
  background-image: url("../img/icons/arrow_carousel_right.svg");
}
.icon.bedrooms, .icon.bathrooms, .icon.area {
  width: 25px;
  height: 25px;
}
.icon.bedrooms {
  background-image: url("../img/icons/bedrooms.svg");
}
.icon.bathrooms {
  background-image: url("../img/icons/bathrooms.svg");
}
.icon.area {
  background-image: url("../img/icons/area.svg");
}
.icon.close {
  width: 20px;
  height: 20px;
  background-image: url("../img/icons/close.svg");
}
.icon.telegram, .icon.whatsapp {
  width: 20px;
  height: 20px;
}
.icon.telegram {
  background-image: url("../img/icons/telegram.svg");
}
.icon.whatsapp {
  background-image: url("../img/icons/whatsapp.svg");
}

/* HIDE SCROLL BAR */
.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100vw;
  z-index: 10;
}
.modal__bg-blur {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(228, 228, 228, 0.85);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  z-index: 1;
  transition: 0.5s;
  opacity: 0;
}
.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  z-index: 2;
  transition: 0.5s;
  transform: translateY(-10%);
  opacity: 0;
}
.modal__absolute-button-close {
  writing-mode: vertical-lr;
  transform: rotateZ(180deg);
  position: absolute;
  top: 170px;
  right: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 40px;
  height: 132px;
  background: #FFFFFF;
}
.modal__absolute-button-close .text {
  font-size: 14px;
  margin-bottom: 10px;
}
.modal__absolute-button-close .icon {
  width: 15px;
  height: 15px;
}
.modal.open .modal__bg-blur {
  opacity: 1;
}
.modal.open .modal__content {
  transition: 0.5s all 0.25s;
  transform: translateY(0%);
  opacity: 1;
}

/* Modal: cta */
.cta {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.cta__wrapper {
  position: relative;
  width: 1080px;
  height: 470px;
}
.cta__content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.cta__bg {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.cta__bg-blur, .cta__bg-image {
  width: 100%;
  height: 100%;
}
.cta__bg-blur {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(7, 28, 53, 0.75);
  filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.25));
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  z-index: 2;
}
.cta__bg-image {
  -o-object-fit: cover;
     object-fit: cover;
}
.cta__contact, .cta__form {
  width: 50%;
  height: 100%;
}
.cta__contact {
  background: rgba(7, 28, 53, 0.75);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
}
.cta .contact {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
.cta .contact__title {
  text-transform: uppercase;
  margin-bottom: 30px;
}
.cta .contact__links {
  display: flex;
  align-items: center;
  align-content: center;
}
.cta .contact__link {
  display: flex;
  align-items: center;
  align-content: center;
}
.cta .contact__link:not(:last-child) {
  margin-right: 30px;
}
.cta .contact__link-text {
  color: #C3C3C3;
  margin-right: 10px;
}
.cta .form {
  padding: 66px 116px 64px 75px;
}
.cta .form__title {
  text-align: center;
  margin-bottom: 10px;
}
.cta .form__input {
  width: 100%;
  margin-bottom: 30px;
}
.cta .form__button {
  width: 100%;
}
.cta__logo {
  position: absolute;
  top: 40px;
  left: 50px;
  width: 76px;
  height: 391px;
}

/* Modal: timer */
.timer {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 810px;
}
.timer::before, .timer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #FFFFFF;
}
.timer::before {
  width: 100%;
  height: 80px;
}
.timer::after {
  width: 607px;
  height: 100%;
}
.timer__wrapper {
  position: relative;
  width: 1080px;
  height: 470px;
}
.timer__image {
  position: absolute;
  z-index: 1;
}
.timer__image-1 {
  top: -70px;
  left: -110px;
  width: 315px;
  height: 200px;
}
.timer__image-2 {
  bottom: -70px;
  left: -28px;
  width: 150px;
  height: 200px;
}
.timer__content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.timer__bg {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.timer__bg-blur, .timer__bg-image {
  width: 100%;
  height: 100%;
}
.timer__bg-blur {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(7, 28, 53, 0.75);
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  z-index: 2;
}
.timer__bg-image {
  -o-object-fit: cover;
     object-fit: cover;
}
.timer__contact {
  width: 520px;
  height: 100%;
}
.timer .contact {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  padding-top: 200px;
}
.timer .contact__logo {
  width: 360px;
  height: 71px;
  margin-bottom: 58px;
}
.timer .contact__title {
  text-transform: uppercase;
  margin-bottom: 15px;
}
.timer .contact__links {
  display: flex;
  align-items: center;
  align-content: center;
}
.timer .contact__link {
  display: flex;
  align-items: center;
  align-content: center;
}
.timer .contact__link:not(:last-child) {
  margin-right: 30px;
}
.timer .contact__link-text {
  color: #C3C3C3;
  margin-right: 10px;
}
.timer .form {
  position: absolute;
  top: -50px;
  left: 520px;
  width: 450px;
  height: 570px;
  padding: 83px 50px;
  background: #FFFFFF;
}
.timer .form__title {
  text-align: center;
  margin-bottom: 50px;
}
.timer .form__input {
  width: 100%;
  margin-bottom: 30px;
}
.timer .form__button {
  width: 100%;
  margin-bottom: 48px;
}
.timer .form__links {
  display: flex;
  justify-content: space-between;
}
.timer .form__links-link {
  font-size: 14px;
  text-transform: uppercase;
}

/* Modal: project */
.project {
  position: relative;
  width: 100%;
  background: #FFFFFF;
}
.project__title {
  width: 100%;
  height: 100px;
  background: #FFFFFF;
}
.project__title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.project__name {
  line-height: normal;
}
.project__button-close {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.project__button-close .text {
  font-size: 14px;
  margin-right: 10px;
}
.project__button-close .icon {
  width: 18px;
  height: 18px;
}
.project__image {
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.project__about {
  margin-bottom: 100px;
}
.project .about__wrapper {
  position: relative;
  padding: 58px 0px 62px 440px;
}
.project .about__info {
  position: absolute;
  bottom: 0;
  left: 70px;
  z-index: 2;
}
.project .about .info {
  width: 306px;
  height: auto;
  padding: 50px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.07);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
}
.project .about .info__list {
  margin-bottom: 35px;
}
.project .about .info .list__item-attribute {
  display: flex;
  align-items: center;
  align-content: center;
}
.project .about .info .list__item-attribute .text {
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  white-space: nowrap;
  text-transform: uppercase;
  display: inline-block;
  padding-right: 1em;
}
.project .about .info .list__item-attribute .line {
  display: block;
  width: 100%;
  height: 1px;
  opacity: 0.1000000015;
  background: #071C35;
  overflow: hidden;
}
.project .about .info .list__item-value {
  line-height: normal;
}
.project .about .info .list__item-value span {
  font-size: 20px;
}
.project .about .info .list__item:not(:last-child) {
  margin-bottom: 50px;
}
.project .about .info__button {
  width: 100%;
}
.project .about__text {
  font-weight: 300;
  font-size: 20px;
  line-height: 140%;
}
.project__way {
  margin-bottom: 150px;
}
.project .way__wrapper {
  display: flex;
  justify-content: center;
}
.project .way__point {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100px;
}
.project .way__point-image {
  width: 100px;
  height: 100px;
  margin-bottom: 15px;
}
.project .way__point-name {
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
  white-space: nowrap;
  text-transform: uppercase;
}
.project .way__point-time {
  font-weight: 400;
  font-size: 30px;
  line-height: normal;
}
.project .way__point-time span {
  font-size: 20px;
  text-transform: uppercase;
}
.project .way__point_burj-halifa {
  margin: 0 340px;
}
.project .way__point_map-view {
  width: 150px;
  margin: 0 95px;
  margin-top: 30px;
}
.project .way__point_map-view .button {
  width: 100%;
}
.project .way__line {
  width: 100%;
  height: 62px;
  margin: 15px 0;
}
.project__gallery {
  margin-bottom: 148px;
}
.project .gallery__title {
  text-align: center;
  margin-bottom: 30px;
}
.project .gallery__grid {
  display: grid;
  grid-template-columns: 860px 420px;
  grid-template-rows: 240px 240px;
  gap: 20px;
}
.project .gallery__image {
  width: 100%;
  height: 100%;
}
.project .gallery__image-1 {
  grid-row: 1/span 2;
}
.project .gallery__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project__plans {
  margin-bottom: 100px;
}
.project .plans .carousel__header {
  margin-bottom: 20px;
}
.project .plan-item__wrapper {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 50px 70px 50px 100px;
}
.project .plan-item__info {
  width: 363px;
  min-width: 363px;
  margin-right: 60px;
}
.project .plan-item .info__name {
  line-height: normal;
  margin-bottom: 5px;
}
.project .plan-item .info__description {
  font-weight: 300;
  font-size: 18px;
  line-height: normal;
  margin-bottom: 70px;
}
.project .plan-item .info__characteristics {
  margin-bottom: 30px;
}
.project .plan-item .info .characteristics .list__item {
  position: relative;
  display: block;
}
.project .plan-item .info .characteristics .list__item-attribute, .project .plan-item .info .characteristics .list__item-value, .project .plan-item .info .characteristics .list__item:after {
  line-height: 25px;
}
.project .plan-item .info .characteristics .list__item-attribute {
  display: inline-flex;
  align-items: center;
  padding-right: 9px;
  float: left;
}
.project .plan-item .info .characteristics .list__item-attribute .icon {
  margin-right: 12px;
}
.project .plan-item .info .characteristics .list__item-attribute .text {
  font-weight: 300;
}
.project .plan-item .info .characteristics .list__item-value {
  display: inline-block;
  padding-left: 8px;
  float: right;
}
.project .plan-item .info .characteristics .list__item::after {
  content: "..............................................................";
  display: block;
  white-space: nowrap;
  overflow: hidden;
  color: rgba(7, 28, 53, 0.1);
}
.project .plan-item .info .characteristics .list__item:not(:last-child) {
  margin-bottom: 15px;
}
.project .plan-item .info__price {
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  margin-bottom: 110px;
}
.project .plan-item .info__price span {
  font-weight: 500;
  font-size: 25px;
  line-height: normal;
}
.project .plan-item .info__button {
  width: 100%;
}
.project .plan-item__image {
  width: 540px;
  height: 400.121px;
}
.project__payment-plan {
  margin-bottom: 150px;
}
.project .payment-plan__title {
  font-size: 54px;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 50px;
}
.project .payment-plan__wrapper {
  display: flex;
  justify-content: center;
}
.project .payment-plan__percent {
  width: 200px;
}
.project .payment-plan__percent-text {
  font-size: 100px;
  line-height: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.project .payment-plan__percent-descr {
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}
.project .payment-plan__percent:not(:last-child) {
  margin-right: 100px;
}
.project__form {
  display: block;
  width: 860px;
  margin: 0 auto;
  margin-bottom: 150px;
}
.project .form__title {
  font-size: 54px;
  line-height: normal;
  text-align: center;
  margin-bottom: 10px;
}
.project .form__subtitle {
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.project .form__wrapper {
  display: grid;
  grid-template-columns: 200px 200px 200px 200px;
  gap: 20px;
}
.project .form__input {
  width: 100%;
}
.project .form__button {
  width: 100%;
}
.project__footer-line {
  width: 100%;
  height: 30px;
  background: #071C35;
}

body {
  background: #FFFFFF;
}

.container {
  width: 1340px;
  padding: 0 20px;
  margin: 0 auto;
}

/* Header */
/* Main */
.main {
  position: relative;
  padding-bottom: 1px;
}

/* Background line */
.background-line {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(7, 28, 53, 0.05);
}
.background-line-1 {
  left: calc(50% - 450px);
}
.background-line-2 {
  left: 50%;
}
.background-line-3 {
  left: calc(50% + 450px);
}

/* Section: title */
.title {
  width: 100%;
  height: 810px;
  margin-bottom: 153px;
  background: url("../img/title.webp") no-repeat center/cover;
  background-attachment: fixed;
}
.title__container {
  height: 100%;
}
.title__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.title__content {
  color: #FFFFFF;
  position: absolute;
  bottom: 70px;
  left: 0;
  width: 382px;
  min-height: 431px;
  padding: 30px;
  background: rgba(7, 28, 53, 0.5);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
}
.title__logo {
  width: 143px;
  height: 29px;
  margin-bottom: 30px;
  background: url("../img/logo.svg") no-repeat center/contain;
}
.title__line {
  width: 100px;
  height: 1px;
  margin-bottom: 30px;
  background: #FFFFFF;
}
.title__title {
  margin-bottom: 30px;
}
.title__list {
  margin-bottom: 50px;
}
.title .list {
  display: flex;
}
.title .list__item:not(:last-child) {
  margin-right: 30px;
}
.title .list .item__title {
  font-size: 20px;
  line-height: 200%;
}
.title .list .item__text {
  color: #C3C3C3;
  line-height: normal;
}
.title__button-text {
  font-size: initial;
  font-weight: 500;
  margin-right: 5px;
}
.title__button-icon {
  vertical-align: middle;
}

/* Section: available-home */
.available-home {
  width: 100%;
  margin-bottom: 185px;
}
.available-home__wrapper {
  display: flex;
  align-items: center;
  align-content: center;
}
.available-home__picture {
  position: relative;
  width: 498px;
  min-width: 498px;
  height: 547px;
  margin-right: 60px;
}
.available-home__picture-image {
  width: 100%;
  height: 100%;
}
.available-home__picture-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.available-home .info__title {
  max-width: 657px;
  margin-bottom: 30px;
}
.available-home .info__text {
  font-weight: 300;
  max-width: 619px;
  margin-bottom: 50px;
}
.available-home .info__list {
  max-width: 651px;
  margin-bottom: 50px;
}
.available-home .info .list {
  display: flex;
  justify-content: space-between;
}
.available-home .info .list .item__title {
  line-height: 100%;
  text-transform: none;
  margin-bottom: 10px;
}
.available-home .info .list .item__text {
  font-weight: 300;
  text-transform: uppercase;
}
.available-home .info__button {
  font-size: 16px;
  width: 200px;
}

/* Section: top-projects */
.top-projects {
  width: 100%;
  margin-bottom: 110px;
}
.top-projects__title {
  font-size: 54px;
  text-align: center;
  margin-bottom: 50px;
}
.top-projects__wrapper {
  display: flex;
  justify-content: space-between;
}
.top-projects .card {
  position: relative;
  width: 420px;
  height: 550px;
  padding: 15px;
  border: 1px solid rgba(7, 28, 53, 0.1);
}
.top-projects .card__image {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.top-projects .card__info {
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: calc(100% - 30px);
  padding: 22px 15px;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
}
.top-projects .card__info-name {
  font-size: 25px;
  line-height: normal;
  margin-bottom: 7px;
}

/* Section: location */
.location {
  width: 100%;
  margin-bottom: 26px;
  overflow: hidden;
}
.location__title {
  position: absolute;
  top: 268px;
  left: 89px;
  z-index: 3;
}
.location__wrapper {
  position: relative;
  width: 100%;
  height: 810px;
}
.location .map {
  position: relative;
  width: 100%;
  height: 100%;
}
.location .map__image {
  position: absolute;
  top: 0;
  left: 110px;
  width: 1300px;
  height: 810px;
  z-index: 1;
}
.location .map .point {
  font-size: inherit;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 2;
}
.location .map .point .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: url("../img/icons/point.svg") no-repeat center/contain;
  z-index: 2;
}
.location .map .point .name {
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  bottom: calc(100% + 10px);
  left: calc(50% - 100px);
  width: 200px;
  z-index: 2;
}
.location .map .point .image {
  position: absolute;
  bottom: 20px;
  left: calc(50% - 100px);
  width: 200px;
  height: 200px;
  background: #FFFFFF;
  z-index: 1;
}
.location .map .point .image img {
  width: 100%;
  height: 120px;
}
.location .map .point .name, .location .map .point .image {
  transition: 0.5s;
  transform: translateY(-10%);
  visibility: hidden;
  opacity: 0;
}
.location .map .point.active .name, .location .map .point.active .image {
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
}
.location .map .point-1 {
  top: 221px;
  left: 802px;
}
.location .map .point-2 {
  top: 350px;
  left: 686px;
}
.location .map .point-3 {
  top: 658px;
  left: 550px;
}

/* Section: projects */
.projects {
  display: block;
  width: 100%;
  margin-bottom: 179px;
}
.projects__wrapper {
  display: flex;
}
.projects__sidebar {
  width: 310px;
  min-width: 310px;
  margin-right: 20px;
}
.projects__filter {
  position: sticky;
  top: 20px;
  left: 0;
}
.projects .filter {
  width: 310px;
  height: auto;
  padding: 30px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.03);
}
.projects .filter__item:not(:last-child) {
  margin-bottom: 30px;
}
.projects .filter__name {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.projects .filter__option {
  font-weight: 500;
  text-transform: uppercase;
}
.projects .filter__option-link {
  color: #777;
  transition: 0.5s;
}
.projects .filter__option-link:focus {
  color: #071C35;
}
.projects .filter__option:not(:last-child) {
  margin-bottom: 20px;
}
.projects__content {
  width: 970px;
}
.projects__card {
  position: relative;
  z-index: 2;
}
.projects__card:not(:last-child) {
  margin-bottom: 100px;
}
.projects .card {
  padding: 25px;
  padding-bottom: 0;
  background: #FFFFFF;
  border: 1px solid rgba(7, 28, 53, 0.1);
}
.projects .card__info {
  margin-bottom: 53.38px;
}
.projects .card .info {
  position: relative;
  width: 100%;
  height: 569.072px;
}
.projects .card .info__image {
  width: 100%;
  height: 100%;
}
.projects .card .info__text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 172.61856px;
  padding: 28px 47px;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(7.1134018898px);
          backdrop-filter: blur(7.1134018898px);
}
.projects .card .info__text-title {
  font-size: 28.454px;
  line-height: 133.3333%;
  margin-bottom: 21.55px;
}
.projects .card .info__text-description {
  font-weight: 300;
  font-size: 15.175px;
}
.projects .card__carousel {
  padding: 0 20px;
}
.projects .card-item {
  width: 100%;
  height: 400px;
}
.projects .card-item__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.projects .card-item__image {
  width: 440px;
  min-width: 440px;
  height: 100%;
}
.projects .card-item .info {
  width: 100%;
  padding: 30px;
}
.projects .card-item .info__name {
  margin-bottom: 15px;
}
.projects .card-item .info__bedrooms {
  display: flex;
  align-items: center;
  align-content: center;
  margin-bottom: 15px;
}
.projects .card-item .info__bedrooms-icon {
  margin-right: 10px;
}
.projects .card-item .info__description {
  font-weight: 300;
}
.projects .card-item .info__price {
  margin-bottom: 15px;
}
.projects .card-item .info__price span {
  display: inline-block;
  line-height: 40px;
}
.projects .card-item .info__button {
  width: 100%;
}

/* Section: payment-option */
.payment-option {
  width: 100%;
  margin-bottom: 250px;
}

/* Section: more-about-emaar */
.more-about-emaar {
  width: 100%;
  margin-bottom: 214px;
}

/* Section: contacts */
.contacts {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  z-index: 2;
}
.contacts__wrapper {
  width: 100%;
  padding-left: 440px;
}
.contacts__title {
  line-height: 90.909%;
  margin-bottom: 7px;
}
.contacts__line {
  width: 100%;
  height: 18px;
  background: #D9D9D9;
  margin-bottom: 35px;
}
.contacts__text {
  margin-bottom: 46px;
}
.contacts .text {
  display: flex;
  align-items: center;
  align-content: center;
}
.contacts .text__online {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  width: auto;
  height: 50px;
  padding-left: 16px;
  margin-right: 35px;
}
.contacts .text__online-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: #85DF99;
  border-radius: 50px;
}
.contacts .text__online-text {
  position: relative;
  font-weight: 500;
  z-index: 2;
}
.contacts .text__text {
  font-weight: 300;
  max-width: 434px;
}
.contacts .form {
  display: grid;
  grid-template-columns: 200px 200px 200px 200px;
  gap: 20px;
}
.contacts .form__input {
  width: 100%;
}
.contacts .form__button {
  width: 100%;
}

/* Footer */
.footer {
  width: 100%;
  background: #071C35;
}
.footer__wrapper {
  position: relative;
  width: 100%;
  min-height: 237px;
  padding-top: 80px;
  padding-left: 440px;
}
.footer__image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 314px;
  height: 540px;
}
.footer__links {
  display: flex;
  align-items: center;
  align-content: center;
  margin-bottom: 30px;
}
.footer__link {
  font-size: 14px;
  text-transform: uppercase;
}
.footer__link:not(:last-child) {
  margin-right: 30px;
}
.footer__contacts {
  display: flex;
  align-items: center;
  align-content: center;
}
.footer__contact {
  font-size: 14px;
}
.footer__contact:not(:last-child) {
  margin-right: 30px;
}
.footer__contact_phone {
  font-size: 20px;
  margin-right: 50px !important;
}
.footer__contact_phone span {
  color: #C3C3C3;
}
.footer__contact_social {
  display: flex;
  align-items: center;
  align-content: center;
}
.footer__contact_social .text {
  color: #C3C3C3;
  margin-right: 10px;
}
.footer__logo {
  position: absolute;
  top: 90px;
  right: 0;
  width: 297px;
  height: 58px;
  background: url("../img/logo-footer.webp") no-repeat center/contain;
}

@media (min-width: 0px) {
  /* TYPOGRAPHY */
  /* Document */
  html, body {
    font-size: 1.1111vw;
  }
  /* Effects */
  .text-price span {
    font-size: 1.3889vw;
  }
  /* Text Size */
  .h1 {
    font-weight: 400;
    font-size: 3.0556vw;
    line-height: 120%;
  }
  .h2 {
    font-weight: 400;
    font-size: 2.0833vw;
    line-height: 133.333%;
  }
  /* COMPONENTS */
  /* Button */
  .button {
    font-size: 0.9722vw;
    height: 2.7778vw;
    padding: 0.6944vw;
    border-width: 0.0694vw;
  }
  .button::after {
    border-width: 0.1389vw;
    border-radius: 0.0694vw;
  }
  .button_white {
    border-width: 0.0694vw;
  }
  /* about */
  .about .image {
    width: 59.7222vw;
    height: 34.7222vw;
  }
  .about .info {
    padding: 3.4722vw;
    box-shadow: 0vw 1.3889vw 2.0833vw 0vw rgba(0, 0, 0, 0.07);
  }
  .about .info__title {
    font-size: 3.4722vw;
    line-height: 120%;
    margin-bottom: 2.8472vw;
  }
  .about .info__title::after {
    bottom: -0.7639vw;
    left: 0;
    width: 16.3889vw;
    height: 0.0694vw;
  }
  .about .info__button {
    width: 11.1806vw;
    margin-top: 1.8056vw;
  }
  .about_left .info {
    top: 14.7917vw;
    right: 7.0139vw;
    width: 42.3611vw;
  }
  .about_right .info {
    top: 11.875vw;
    left: 6.9444vw;
    width: 44.7222vw;
  }
  /* Inputs */
  .input {
    /* Base */
    /* Radio */
  }
  .input-base {
    height: 2.7778vw;
  }
  .input-base .input {
    padding: 0.6944vw;
    border-bottom-width: 0.0694vw;
  }
  .input-radio {
    padding-left: 1.5277vw;
  }
  .input-radio .input {
    width: 0.8333vw;
    height: 0.8333vw;
  }
  .input-radio .input::before, .input-radio .input::after {
    border-radius: 0.8333vw;
  }
  .input-radio .input::before {
    border-width: 0.0694vw;
  }
  .input-radio .input::after {
    top: 0.2083vw;
    left: 0.2083vw;
    width: 0.4167vw;
    height: 0.4167vw;
    border-radius: 0.4167vw;
    transition: 0.1s;
    opacity: 0;
  }
  /* Carousel */
  .carousel {
    width: 100%;
    padding: 0 2.7778vw;
  }
  .carousel__header {
    height: 2.7778vw;
    padding: 0 2.0833vw;
    margin-bottom: 0.3472vw;
  }
  .carousel__item {
    padding: 0.6944vw 2.0833vw;
    padding-bottom: 3.4722vw;
  }
  .carousel__item > * {
    border-width: 0.0694vw;
    box-shadow: 0vw 1.3889vw 2.0833vw 0vw rgba(0, 0, 0, 0.07);
  }
  .carousel__controls {
    top: calc(50% - 0.38195vw);
  }
  /* Icon */
  .icon.arrow_title {
    width: 5.4861vw;
    height: 0.4167vw;
  }
  .icon.arrow_carousel_left, .icon.arrow_carousel_right {
    width: 3.5417vw;
    height: 0.7639vw;
  }
  .icon.bedrooms, .icon.bathrooms, .icon.area {
    width: 1.7361vw;
    height: 1.7361vw;
  }
  .icon.close {
    width: 1.3889vw;
    height: 1.3889vw;
  }
  .icon.telegram, .icon.whatsapp {
    width: 1.3889vw;
    height: 1.3889vw;
  }
  /* MODAL */
  .modal__absolute-button-close {
    top: 11.8056vw;
    right: 0;
    width: 2.7778vw;
    height: 9.1667vw;
  }
  .modal__absolute-button-close .text {
    font-size: 0.9722vw;
    margin-bottom: 0.6944vw;
  }
  .modal__absolute-button-close .icon {
    width: 1.0417vw;
    height: 1.0417vw;
  }
  /* Modal: cta */
  .cta__wrapper {
    width: 75vw;
    height: 32.6389vw;
  }
  .cta__bg-blur {
    background: rgba(7, 28, 53, 0.75);
    filter: drop-shadow(0vw 1.3889vw 2.7778vw rgba(0, 0, 0, 0.25));
  }
  .cta .contact__title {
    margin-bottom: 2.0833vw;
  }
  .cta .contact__link:not(:last-child) {
    margin-right: 2.0833vw;
  }
  .cta .contact__link-text {
    margin-right: 0.6944vw;
  }
  .cta .form {
    padding: 4.5833vw 8.0556vw 4.4444vw 5.2083vw;
  }
  .cta .form__title {
    margin-bottom: 0.6944vw;
  }
  .cta .form__input {
    margin-bottom: 2.0833vw;
  }
  .cta__logo {
    top: 2.7778vw;
    left: 3.4722vw;
    width: 5.2778vw;
    height: 27.1528vw;
  }
  /* Modal: timer */
  .timer {
    min-height: 56.25vw;
  }
  .timer::before {
    height: 5.5556vw;
  }
  .timer::after {
    width: 42.1528vw;
  }
  .timer__wrapper {
    width: 75vw;
    height: 32.6389vw;
  }
  .timer__image-1 {
    top: -4.8611vw;
    left: -7.6389vw;
    width: 21.875vw;
    height: 13.8889vw;
  }
  .timer__image-2 {
    bottom: -4.8611vw;
    left: -1.9444vw;
    width: 10.4167vw;
    height: 13.8889vw;
  }
  .timer__bg-blur {
    box-shadow: 0vw 1.3889vw 2.7778vw 0vw rgba(0, 0, 0, 0.25);
  }
  .timer__contact {
    width: 36.1111vw;
  }
  .timer .contact {
    padding-top: 13.8889vw;
  }
  .timer .contact__logo {
    width: 25vw;
    height: 4.9306vw;
    margin-bottom: 4.0278vw;
  }
  .timer .contact__title {
    margin-bottom: 1.0417vw;
  }
  .timer .contact__link:not(:last-child) {
    margin-right: 2.0833vw;
  }
  .timer .contact__link-text {
    margin-right: 0.6944vw;
  }
  .timer .form {
    top: -3.4722vw;
    left: 36.1111vw;
    width: 31.25vw;
    height: 39.5833vw;
    padding: 5.7639vw 3.4722vw;
  }
  .timer .form__title {
    margin-bottom: 3.4722vw;
  }
  .timer .form__input {
    margin-bottom: 2.0833vw;
  }
  .timer .form__button {
    margin-bottom: 3.3333vw;
  }
  .timer .form__links-link {
    font-size: 0.9722vw;
  }
  /* Modal: project */
  .project__title {
    height: 6.9444vw;
  }
  .project__button-close .text {
    font-size: 0.9722vw;
    margin-right: 0.6944vw;
  }
  .project__button-close .icon {
    width: 1.25vw;
    height: 1.25vw;
  }
  .project__image {
    height: 34.7222vw;
  }
  .project__about {
    margin-bottom: 6.9444vw;
  }
  .project .about__wrapper {
    padding: 4.0278vw 0vw 4.3056vw 30.5556vw;
  }
  .project .about__info {
    left: 4.8611vw;
  }
  .project .about .info {
    width: 21.25vw;
    padding: 3.4722vw;
    box-shadow: 0vw 1.3889vw 2.0833vw 0vw rgba(0, 0, 0, 0.07);
  }
  .project .about .info__list {
    margin-bottom: 2.4306vw;
  }
  .project .about .info .list__item-attribute .text {
    font-weight: 300;
    font-size: 1.3889vw;
    line-height: normal;
  }
  .project .about .info .list__item-attribute .line {
    height: 0.0694vw;
  }
  .project .about .info .list__item-value span {
    font-size: 1.3889vw;
  }
  .project .about .info .list__item:not(:last-child) {
    margin-bottom: 3.4722vw;
  }
  .project .about__text {
    font-weight: 300;
    font-size: 1.3889vw;
    line-height: 140%;
  }
  .project__way {
    margin-bottom: 10.4167vw;
  }
  .project .way__point {
    width: 6.9444vw;
  }
  .project .way__point-image {
    width: 6.9444vw;
    height: 6.9444vw;
    margin-bottom: 1.0417vw;
  }
  .project .way__point-name {
    font-weight: 300;
    font-size: 1.3889vw;
    line-height: normal;
  }
  .project .way__point-time {
    font-weight: 400;
    font-size: 2.0833vw;
    line-height: normal;
  }
  .project .way__point-time span {
    font-size: 1.3889vw;
  }
  .project .way__point_burj-halifa {
    margin: 0 23.6111vw;
  }
  .project .way__point_map-view {
    width: 10.4167vw;
    margin: 0 6.5972vw;
    margin-top: 2.0833vw;
  }
  .project .way__line {
    width: 100%;
    height: 4.3056vw;
    margin: 1.0417vw 0;
  }
  .project__gallery {
    margin-bottom: 10.2778vw;
  }
  .project .gallery__title {
    margin-bottom: 2.0833vw;
  }
  .project .gallery__grid {
    grid-template-columns: 59.7222vw 29.1667vw;
    grid-template-rows: 16.6667vw 16.6667vw;
    gap: 1.3889vw;
  }
  .project__plans {
    margin-bottom: 6.9444vw;
  }
  .project .plans .carousel__header {
    margin-bottom: 1.3889vw;
  }
  .project .plan-item__wrapper {
    padding: 3.4722vw 4.8611vw 3.4722vw 6.9444vw;
  }
  .project .plan-item__info {
    width: 25.2083vw;
    min-width: 25.2083vw;
    margin-right: 4.1667vw;
  }
  .project .plan-item .info__name {
    margin-bottom: 0.3472vw;
  }
  .project .plan-item .info__description {
    font-weight: 300;
    font-size: 1.25vw;
    line-height: normal;
    margin-bottom: 4.8611vw;
  }
  .project .plan-item .info__characteristics {
    margin-bottom: 2.0833vw;
  }
  .project .plan-item .info .characteristics .list__item-attribute, .project .plan-item .info .characteristics .list__item-value, .project .plan-item .info .characteristics .list__item:after {
    line-height: 1.7361vw;
  }
  .project .plan-item .info .characteristics .list__item-attribute {
    padding-right: 0.625vw;
  }
  .project .plan-item .info .characteristics .list__item-attribute .icon {
    margin-right: 0.8333vw;
  }
  .project .plan-item .info .characteristics .list__item-value {
    padding-left: 0.5556vw;
  }
  .project .plan-item .info .characteristics .list__item:not(:last-child) {
    margin-bottom: 1.0417vw;
  }
  .project .plan-item .info__price {
    font-weight: 400;
    font-size: 1.3889vw;
    line-height: normal;
    margin-bottom: 7.6389vw;
  }
  .project .plan-item .info__price span {
    font-weight: 500;
    font-size: 1.7361vw;
    line-height: normal;
  }
  .project .plan-item__image {
    width: 37.5vw;
    height: 27.7862vw;
  }
  .project__payment-plan {
    margin-bottom: 10.4167vw;
  }
  .project .payment-plan__title {
    font-size: 3.75vw;
    margin-bottom: 3.4722vw;
  }
  .project .payment-plan__percent {
    width: 13.8889vw;
  }
  .project .payment-plan__percent-text {
    font-size: 6.9444vw;
    line-height: 100%;
    margin-bottom: 0.6944vw;
  }
  .project .payment-plan__percent:not(:last-child) {
    margin-right: 6.9444vw;
  }
  .project__form {
    width: 59.7222vw;
    margin-bottom: 10.4167vw;
  }
  .project .form__title {
    font-size: 3.75vw;
    margin-bottom: 0.6944vw;
  }
  .project .form__subtitle {
    margin-bottom: 3.4722vw;
  }
  .project .form__wrapper {
    grid-template-columns: 13.8889vw 13.8889vw 13.8889vw 13.8889vw;
    gap: 1.3889vw;
  }
  .project__footer-line {
    height: 2.0833vw;
  }
  /* LAYOUT */
  .container {
    width: 93.0556vw;
    padding: 0 1.3889vw;
  }
  /* Header */
  /* Main */
  /* Background line */
  .background-line {
    width: 0.0694vw;
    min-width: 0.0694vw;
  }
  .background-line-1 {
    left: calc(50% - 31.25vw);
  }
  .background-line-2 {
    left: 50%;
  }
  .background-line-3 {
    left: calc(50% + 31.25vw);
  }
  /* Section: title */
  .title {
    width: 100%;
    height: 56.25vw;
    margin-bottom: 10.625vw;
  }
  .title__content {
    bottom: 4.8611vw;
    left: 0;
    width: 26.5278vw;
    min-height: 29.9306vw;
    padding: 2.0833vw;
  }
  .title__logo {
    width: 9.9306vw;
    height: 2.0139vw;
    margin-bottom: 2.0833vw;
  }
  .title__line {
    width: 6.9444vw;
    height: 0.0694vw;
    margin-bottom: 2.0833vw;
  }
  .title__title {
    margin-bottom: 2.0833vw;
  }
  .title__list {
    margin-bottom: 3.4722vw;
  }
  .title .list__item:not(:last-child) {
    margin-right: 2.0833vw;
  }
  .title .list .item__title {
    font-size: 1.3889vw;
    line-height: 200%;
  }
  .title__button-text {
    margin-right: 0.3472vw;
  }
  /* Section: available-home */
  .available-home {
    margin-bottom: 12.8472vw;
  }
  .available-home__picture {
    width: 34.5833vw;
    min-width: 34.5833vw;
    height: 37.9861vw;
    margin-right: 4.1667vw;
  }
  .available-home .info__title {
    max-width: 45.625vw;
    margin-bottom: 2.0833vw;
  }
  .available-home .info__text {
    max-width: 42.9861vw;
    margin-bottom: 3.4722vw;
  }
  .available-home .info__list {
    max-width: 45.2083vw;
    margin-bottom: 3.4722vw;
  }
  .available-home .info .list .item__title {
    margin-bottom: 0.6944vw;
  }
  .available-home .info__button {
    font-size: 1.1111vw;
    width: 13.8889vw;
  }
  /* Section: top-projects */
  .top-projects {
    width: 100%;
    margin-bottom: 7.6389vw;
  }
  .top-projects__title {
    font-size: 3.75vw;
    margin-bottom: 3.4722vw;
  }
  .top-projects .card {
    width: 29.1667vw;
    height: 38.1944vw;
    padding: 1.0417vw;
    border-width: 0.0694vw;
  }
  .top-projects .card__info {
    bottom: 1.0417vw;
    left: 1.0417vw;
    width: calc(100% - 2.0834vw);
    padding: 1.5278vw 1.0417vw;
  }
  .top-projects .card__info-name {
    font-size: 1.7361vw;
    margin-bottom: 0.4861vw;
  }
  /* Section: location */
  .location {
    width: 100%;
    margin-bottom: 1.8056vw;
  }
  .location__title {
    top: 18.6111vw;
    left: 6.1806vw;
  }
  .location__wrapper {
    width: 100%;
    height: 56.25vw;
  }
  .location .map__image {
    left: 7.6389vw;
    width: 90.2778vw;
    height: 56.25vw;
  }
  .location .map .point {
    width: 2.7778vw;
    height: 2.7778vw;
    z-index: 2;
  }
  .location .map .point .icon {
    width: 2.7778vw;
    height: 2.7778vw;
  }
  .location .map .point .name {
    bottom: calc(100% + 0.6944vw);
    left: calc(50% - 6.94445vw);
    width: 13.8889vw;
  }
  .location .map .point .image {
    bottom: 1.3889vw;
    left: calc(50% - 6.94445vw);
    width: 13.8889vw;
    height: 13.8889vw;
  }
  .location .map .point .image img {
    height: 8.3333vw;
  }
  .location .map .point-1 {
    top: 15.3472vw;
    left: 55.6944vw;
  }
  .location .map .point-2 {
    top: 24.3056vw;
    left: 47.6389vw;
  }
  .location .map .point-3 {
    top: 45.6944vw;
    left: 38.1944vw;
  }
  /* Section: projects */
  .projects {
    margin-bottom: 12.4306vw;
  }
  .projects__sidebar {
    width: 21.5278vw;
    min-width: 21.5278vw;
    margin-right: 1.3889vw;
  }
  .projects__filter {
    top: 1.3889vw;
    left: 0;
  }
  .projects .filter {
    width: 21.5278vw;
    padding: 2.0833vw;
    border-width: 0.0694vw;
    box-shadow: 0vw 0vw 0.9722vw 0.2083vw rgba(0, 0, 0, 0.03);
  }
  .projects .filter__item:not(:last-child) {
    margin-bottom: 2.0833vw;
  }
  .projects .filter__name {
    font-weight: 500;
    font-size: 1.3889vw;
    line-height: 120%;
    margin-bottom: 1.0417vw;
  }
  .projects .filter__option:not(:last-child) {
    margin-bottom: 1.3889vw;
  }
  .projects__content {
    width: 67.3611vw;
  }
  .projects__card:not(:last-child) {
    margin-bottom: 6.9444vw;
  }
  .projects .card {
    padding: 1.7361vw;
    padding-bottom: 0;
    border-width: 0.0694vw;
  }
  .projects .card__info {
    margin-bottom: 3.7069vw;
  }
  .projects .card .info {
    width: 100%;
    height: 39.5189vw;
  }
  .projects .card .info__text {
    min-height: 11.9874vw;
    padding: 1.9444vw 3.2639vw;
  }
  .projects .card .info__text-title {
    font-size: 1.976vw;
    line-height: 133.3333%;
    margin-bottom: 1.4965vw;
  }
  .projects .card .info__text-description {
    font-size: 1.0538vw;
  }
  .projects .card__carousel {
    padding: 0 1.3889vw;
  }
  .projects .card-item {
    width: 100%;
    height: 27.7778vw;
  }
  .projects .card-item__image {
    width: 30.5556vw;
    min-width: 30.5556vw;
  }
  .projects .card-item .info {
    padding: 2.0833vw;
  }
  .projects .card-item .info__name {
    margin-bottom: 1.0417vw;
  }
  .projects .card-item .info__bedrooms {
    margin-bottom: 1.0417vw;
  }
  .projects .card-item .info__bedrooms-icon {
    margin-right: 0.6944vw;
  }
  .projects .card-item .info__price {
    margin-bottom: 1.0417vw;
  }
  .projects .card-item .info__price span {
    line-height: 2.7778vw;
  }
  /* Section: payment-option */
  .payment-option {
    margin-bottom: 17.3611vw;
  }
  /* Section: more-about-emaar */
  .more-about-emaar {
    margin-bottom: 14.8611vw;
  }
  /* Section: contacts */
  .contacts {
    margin-bottom: 3.4722vw;
  }
  .contacts__wrapper {
    padding-left: 30.5556vw;
  }
  .contacts__title {
    margin-bottom: 0.4861vw;
  }
  .contacts__line {
    height: 1.25vw;
    margin-bottom: 2.4306vw;
  }
  .contacts__text {
    margin-bottom: 3.1944vw;
  }
  .contacts .text__online {
    height: 3.4722vw;
    padding-left: 1.1111vw;
    margin-right: 2.4306vw;
  }
  .contacts .text__online-circle {
    width: 3.4722vw;
    height: 3.4722vw;
    border-radius: 3.4722vw;
  }
  .contacts .text__text {
    max-width: 30.1389vw;
  }
  .contacts .form {
    grid-template-columns: 13.8889vw 13.8889vw 13.8889vw 13.8889vw;
    gap: 1.3889vw;
  }
  /* Footer */
  .footer {
    width: 100%;
  }
  .footer__wrapper {
    width: 100%;
    min-height: 16.4583vw;
    padding-top: 5.5556vw;
    padding-left: 30.5556vw;
  }
  .footer__image {
    width: 21.8056vw;
    height: 37.5vw;
  }
  .footer__links {
    margin-bottom: 2.0833vw;
  }
  .footer__link {
    font-size: 0.9722vw;
  }
  .footer__link:not(:last-child) {
    margin-right: 2.0833vw;
  }
  .footer__contact {
    font-size: 0.9722vw;
  }
  .footer__contact:not(:last-child) {
    margin-right: 2.0833vw;
  }
  .footer__contact_phone {
    font-size: 1.3889vw;
    margin-right: 3.4722vw !important;
  }
  .footer__contact_social {
    display: flex;
    align-items: center;
    align-content: center;
  }
  .footer__contact_social .text {
    margin-right: 0.6944vw;
  }
  .footer__logo {
    top: 6.25vw;
    right: 0;
    width: 20.625vw;
    height: 4.0278vw;
  }
}