@font-face {
  font-family: Notosansarabic;
  src: url('../fonts/NotoSansArabic-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Notosansarabic;
  src: url('../fonts/NotoSansArabic-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Notosansarabic;
  src: url('../fonts/NotoSansArabic-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color--main: #1f6190;
  --color--text: #343434;
  --color--accent: #a6986d;
  --color--hover: #b8a154;
  --color--white: white;
}

body {
  color: #343434;
  background-color: #f5f5f5;
  font-family: Arimo, sans-serif;
  font-size: 1rem;
  line-height: 140%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 0;
}

a {
  color: #343434;
  padding: 0;
  text-decoration: none;
  transition: all .3s;
}

.section.footer {
  background-color: var(--color--main);
  margin-top: 11.25rem;
}

.section.bro {
  background-image: url('../images/Group_211_1.jpg');
  background-position: 0 0;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.section.hidden {
  overflow: hidden;
}

.page-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.container {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.navbar {
  z-index: 99;
  background-color: #f5f5f5;
  border-bottom: 1px solid #343434;
  align-items: center;
  height: 3.75rem;
  display: flex;
}

.navbar__inner {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.img-abs {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.logo__image {
  width: 12.5rem;
  height: auto;
}

.navbar__links {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  display: flex;
}

.navbar__link {
  padding: 0;
}

.navbar__link:hover {
  text-decoration: underline;
}

.navbar__lang {
  text-transform: uppercase;
}

.navbar__lang:hover {
  text-decoration: underline;
}

.hero {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero__content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-right: 1px solid var(--color--text);
  border-left: 1px none var(--color--text);
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 1.875rem;
  padding-right: .625rem;
  display: flex;
}

.hero__content.ar {
  border-left-style: solid;
  border-right-style: none;
  padding-left: .625rem;
  padding-right: 0;
}

.main-logo {
  width: 4.375rem;
  height: auto;
  margin-bottom: .875rem;
}

.hero__text-wrp {
  grid-column-gap: 1.5625rem;
  grid-row-gap: 1.5625rem;
  flex-flow: column;
  display: flex;
}

.h1 {
  color: var(--color--main);
  text-transform: uppercase;
  font-size: 3.1rem;
  font-weight: 400;
  line-height: 130%;
}

.hero__title {
  color: var(--color--accent);
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 2.5rem;
  font-style: italic;
  line-height: 130%;
}

.hero__title.ar {
  font-family: Notosansarabic, Arial, sans-serif;
}

.button {
  border: 1px solid var(--color--accent);
  background-color: var(--color--accent);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 2rem;
  min-width: 22.5rem;
  padding: 1.125rem 2rem;
  font-weight: 600;
  transition: all .3s;
}

.button:hover {
  background-color: var(--color--hover);
}

.hero__info {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  align-items: center;
  height: 5rem;
  display: flex;
}

.hero__info-item {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.hero__info-title {
  color: var(--color--main);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 130%;
}

.hero__info-divider {
  background-color: var(--color--main);
  width: 1px;
  height: 100%;
}

.divider {
  background-color: var(--color--text);
  width: 100%;
  height: 1px;
}

.hero__media {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  display: grid;
}

.hero__media._2x2 {
  grid-template-rows: 1.5fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.hero__video {
  position: relative;
}

.hero__project-link {
  z-index: 1;
  color: var(--color--white);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-weight: 700;
  line-height: 130%;
  position: absolute;
  inset: 0%;
}

.hero__project-bg {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero__gradient {
  background-color: #051a2999;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.info-icon {
  width: 1.375rem;
  height: 1.375rem;
}

.hero__link-text {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  display: flex;
}

.hero__project-card {
  color: var(--color--white);
  flex-flow: column;
  justify-content: space-between;
  padding: 1rem;
  font-weight: 700;
  line-height: 130%;
  display: flex;
  position: relative;
}

.video {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

.spacer {
  height: 5.625rem;
}

.image {
  height: 43.75rem;
  padding: 2.5rem;
  position: relative;
}

.image__inner {
  z-index: 2;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  max-width: 42rem;
  display: flex;
  position: relative;
}

.image__inner.img-title {
  max-width: 55rem;
}

.h2 {
  color: var(--color--main);
  text-transform: uppercase;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 120%;
}

.h2.grid__title {
  margin-bottom: 2rem;
  position: relative;
  right: 22.5rem;
}

.h2.grid__title.r-11 {
  right: 11rem;
}

.h2.grid__title.r-11.s {
  font-size: 2rem;
}

.h2.grid__title.ar {
  right: 0;
}

.h2.color {
  color: var(--color--white);
}

.h2.white {
  color: #f5f5f5;
}

.image__text {
  color: var(--color--accent);
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 1.25rem;
  font-style: italic;
  line-height: 140%;
}

.unesco {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.unesco__body {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.unesco__image {
  width: 8.75rem;
  height: auto;
}

.header {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.project-wrp {
  margin-top: 3rem;
}

.project {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 3fr 5fr;
  grid-auto-columns: 1fr;
  min-height: 32rem;
  margin-top: 3rem;
  padding: 2rem;
  display: grid;
  position: relative;
}

.project.hidden {
  display: none;
}

.project__img {
  position: relative;
}

.project__body {
  z-index: 1;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.project__head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.h3 {
  color: var(--color--main);
  text-transform: uppercase;
  font-size: 2.1875rem;
  font-weight: 400;
  line-height: 120%;
}

.project__arrows {
  z-index: 3;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.project__arrow {
  border: 1px solid var(--color--main);
  color: var(--color--main);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.1875rem;
  height: 2.1875rem;
  padding: .5rem .4rem .5rem .5rem;
  transition: all .3s;
  display: flex;
}

.project__arrow:hover {
  background-color: var(--color--main);
  color: #fff;
}

.project__arrow.back {
  transform: rotate(180deg);
}

.project__arrow-inner {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
}

.project__arrow-inner.back {
  transform: rotate(-180deg);
}

.project__info {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  height: 5rem;
  display: flex;
}

.project__info-divider {
  background-color: var(--color--main);
  width: 1px;
  height: 100%;
}

.project__info-item {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.project__footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  align-self: flex-start;
  display: flex;
}

.learn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-transform: capitalize;
  cursor: pointer;
  justify-content: center;
  align-self: center;
  display: flex;
}

.project__brochure {
  object-fit: cover;
  width: 28.75rem;
  height: auto;
  position: absolute;
  inset: auto -3rem -5rem auto;
  transform: rotate(5deg);
}

.grid-5x7 {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid__image {
  height: 100%;
  min-height: 33.75rem;
  max-height: 40rem;
  position: relative;
}

.grid__image.h-500 {
  height: 31.25rem;
}

.grid__body {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.grid__img-wrp {
  flex-flow: column;
  justify-content: flex-start;
  padding-top: 3rem;
  display: flex;
}

.grid__img-wrp.p-0 {
  padding-top: 0;
}

.grid__text-wrp {
  flex-flow: column;
  display: flex;
}

.italic-text {
  color: var(--color--accent);
  margin-bottom: 1.25rem;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 2.1875rem;
  font-style: italic;
  line-height: 140%;
}

.italic-text.r-140 {
  margin-bottom: 0;
  position: relative;
  right: 8.75rem;
}

.italic-text.r-11 {
  position: relative;
  right: 11rem;
}

.italic-text.r-11.ru, .italic-text.s-25 {
  font-size: 1.8rem;
}

.italic-text.r-11-ru {
  position: relative;
  right: 11rem;
}

.italic-text.ar {
  font-family: Notosansarabic, Arial, sans-serif;
}

.window {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.window__content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-right: 1px solid var(--color--text);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  padding-right: .625rem;
  display: flex;
}

.window__content.ar {
  border-left: 1px solid var(--color--text);
  border-right-style: none;
  padding-left: .625rem;
  padding-right: 0;
}

.window__media {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
}

.window__image {
  height: 27.5rem;
  position: relative;
}

.window__text-wrp {
  grid-column-gap: 1.5625rem;
  grid-row-gap: 1.5625rem;
  flex-flow: column;
  display: flex;
}

.grid-2x1 {
  grid-column-gap: 6.25rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.amenities {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-top: 3.75rem;
  display: flex;
}

.amenities__title {
  color: var(--color--accent);
  max-width: 40rem;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 2.1875rem;
  font-style: italic;
  line-height: 140%;
}

.amenities__title.r-140 {
  margin-bottom: 0;
  position: relative;
  right: 8.75rem;
}

.amenities__title.ar {
  font-family: Notosansarabic, Arial, sans-serif;
}

.amenities__body {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.amenities__list {
  flex-flow: column;
  display: flex;
}

.amenities__list-item {
  text-transform: uppercase;
  border-top: 1px solid #34343433;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.875rem;
  line-height: 130%;
}

.amenities__list-item.last-item {
  border-bottom: 1px solid #34343433;
}

.amenities__images {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.amenities__img-wrp {
  position: relative;
}

.grid-6x5 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 9fr 7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.main-color {
  color: var(--color--main);
}

.location {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-top: -3.5rem;
  display: flex;
}

.location__title {
  color: var(--color--main);
  max-width: 32rem;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 2.1875rem;
  font-style: italic;
  line-height: 140%;
}

.location__title.r-140 {
  margin-bottom: 0;
  position: relative;
  right: 8.75rem;
}

.location__title.mw {
  max-width: 36rem;
}

.location__title.mw.ar {
  font-family: Notosansarabic, Arial, sans-serif;
}

.location__body {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.location__points {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.location__point {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--color--main);
  align-items: center;
  max-width: 23.125rem;
  font-size: 1.25rem;
  line-height: 130%;
  display: flex;
}

.location__point-circle {
  border-radius: 50%;
  flex: none;
  width: 7.5rem;
  height: 7.5rem;
  position: relative;
  overflow: hidden;
}

.location__img-wrp {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.location__img {
  height: 32.5rem;
  position: relative;
}

.location__img.h-100 {
  height: 100%;
}

.tax {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tax__body {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}

.tax__percent-wrp {
  grid-column-gap: 1.5625rem;
  grid-row-gap: 1.5625rem;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.tax__percent {
  color: var(--color--accent);
  flex: none;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 3.625rem;
  font-style: italic;
  line-height: 130%;
}

.tax__img {
  height: 28.125rem;
  position: relative;
}

.footer__inner {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
  bottom: 5rem;
}

.footer__form {
  background-color: var(--color--white);
  width: 31.25rem;
  min-height: 30rem;
  padding: 1.875rem;
  position: relative;
}

.form {
  margin-bottom: 0;
}

.form.white {
  color: var(--color--white);
  min-height: 25rem;
  position: relative;
}

.form__inner {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.input {
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #d2cbb6;
  height: 3rem;
  margin-bottom: 0;
  padding: 0;
}

.input::placeholder {
  color: var(--color--accent);
}

.input.white {
  color: var(--color--white);
  border-bottom-color: #ffffff80;
}

.input.white::placeholder {
  color: #ffffffb3;
}

.inputs-wrp {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.form-button {
  background-color: var(--color--accent);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 2rem;
  min-width: auto;
  padding: 1.125rem 2rem;
  font-weight: 600;
  transition: all .3s;
}

.form-button:hover {
  background-color: var(--color--hover);
}

.form__title {
  color: var(--color--accent);
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 3.125rem;
  line-height: 120%;
}

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

.footer__content {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex-flow: column;
  justify-content: flex-end;
  width: 28.75rem;
  margin-top: 10rem;
  display: flex;
}

.footer__nav {
  flex-flow: column;
  display: flex;
}

.footer__nav-link {
  color: #f5f5f5;
  text-transform: uppercase;
  border-top: 1px solid #f5f5f5;
  justify-content: space-between;
  align-items: center;
  padding-top: .625rem;
  padding-bottom: .625rem;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 1.375rem;
  font-style: italic;
  line-height: 130%;
  display: flex;
}

.footer__nav-link.last-link {
  border-bottom: 1px solid #f5f5f5;
}

.slider {
  height: 34.375rem;
}

.slider.ar {
  direction: ltr;
}

.slider__nav {
  font-size: .8rem;
}

.popup-cons {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-cons__inner {
  z-index: 2;
  background-color: #fff;
  width: 40rem;
  min-height: 30rem;
  padding: 2.5rem;
  position: relative;
}

.popup-cons__close {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000000b3;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-close {
  color: #fff;
  cursor: pointer;
  background-color: #343434b3;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: .75rem;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.btn-close:hover {
  background-color: var(--color--text);
}

.popup-brochure {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-brochure__inner {
  z-index: 2;
  background-color: #fff;
  width: 40rem;
  min-height: 30rem;
  padding: 2.5rem;
  position: relative;
}

.popup-brochure__close {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000000b3;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.popup-fp {
  z-index: 999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-fp__inner {
  z-index: 2;
  background-color: #fff;
  width: 40rem;
  min-height: 30rem;
  padding: 2.5rem;
  position: relative;
}

.popup-fp__close {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000000b3;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.fs-img {
  object-fit: cover;
  background-image: url('../images/img54_1.avif');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 80vh;
}

.fs-img.booka-place {
  background-image: url('../images/12_2.avif');
}

.fs-img.regent {
  background-image: url('../images/img127_1.avif');
}

.fs-img.vero {
  background-image: url('../images/visulentportomontene_1.avif');
}

.fs-img.versa {
  background-image: url('../images/visulent-ab_54539869_1.avif');
}

.info {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  display: grid;
}

.info__item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.info__item-title {
  color: var(--color--main);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 100%;
}

.info__item-divider {
  background-color: var(--color--main);
  width: 100%;
  height: 1px;
}

.marina {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.brochure {
  max-width: 38rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.form__title-wrp {
  color: var(--color--white);
  flex-flow: column;
  margin-bottom: 1rem;
  display: flex;
}

.bro-img {
  width: 60rem;
  position: absolute;
  inset: auto -12rem -4rem auto;
  transform: rotate(4deg);
}

.bro-img.ar {
  left: -12rem;
  right: auto;
}

.floorplans {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.floorplans__title {
  color: var(--color--main);
  text-transform: uppercase;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
}

.floorplans__title.grid__title {
  margin-bottom: 2rem;
  position: relative;
  right: 22.5rem;
}

.floorplans__title.grid__title.r-11 {
  right: 11rem;
}

.floorplans__title.color {
  color: var(--color--white);
}

.floorplans__title.white {
  color: #f5f5f5;
}

.floorplans__nav {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.floorplans__nav-btn {
  color: var(--color--main);
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1.5rem;
}

.floorplans__nav-btn.acitve {
  color: var(--color--accent);
}

.floorplans__nav-divider {
  background-color: var(--color--main);
  flex: 1;
  width: auto;
  height: 1px;
}

.floorplans__body {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
}

.floorplans__plan {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 7fr 5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.floorplans__plan.hidden {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 7fr 5fr;
  grid-auto-columns: 1fr;
  display: none;
}

.plan__header {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 7fr 5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.plan__left {
  flex-flow: column;
  justify-content: space-between;
  min-height: 21.5rem;
  display: flex;
}

.plan__img {
  object-fit: contain;
  width: 100%;
  height: auto;
  max-height: 30rem;
}

.plan__info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.plan__info-divider {
  background-color: var(--color--text);
  width: 4rem;
  height: 1px;
}

.plan__right {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.plan__download {
  text-transform: capitalize;
  flex: 1;
  align-items: center;
  display: flex;
}

.plan__download-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  font-size: 3.75rem;
  line-height: 120%;
  display: flex;
}

.plan__download-circle {
  border: 1px solid var(--color--text);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 8rem;
  display: flex;
}

.plan__download-arrow {
  width: 2.5rem;
}

.plan__footer {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.plan__details {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.plan__details-title {
  border-bottom: 1px solid var(--color--text);
  text-transform: uppercase;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 2.5rem;
  font-style: italic;
  line-height: 150%;
}

.plan__details-info {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.plan__details-info-item {
  text-transform: uppercase;
  justify-content: space-between;
  display: flex;
}

.plan__left-copy {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.master-plan {
  height: 36.25rem;
  margin-top: 4rem;
  position: relative;
}

.prices {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.prices__circle {
  border: 1px solid var(--color--text);
  text-align: center;
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 16.25rem;
  height: 16.25rem;
  padding: 1rem;
  display: flex;
}

.law {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #f5f5f5;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-footer {
  color: #f5f5f5;
  text-decoration: underline;
}

.fp-cards {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  margin-top: 3rem;
  display: flex;
}

.fp-card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: var(--color--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1.875rem;
  display: flex;
}

.fp-card__img {
  width: 26.875rem;
  position: relative;
}

.fp__body {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.fp-card__head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 5fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.fp__body-img {
  object-fit: contain;
  max-height: 20rem;
}

.fp__body-btns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.button-cons {
  border: 1px solid var(--color--accent);
  color: var(--color--accent);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 2rem;
  flex: 1;
  min-width: auto;
  padding: 1.125rem 2rem;
  font-weight: 600;
  transition: all .3s;
}

.button-cons:hover {
  background-color: var(--color--hover);
  color: var(--color--white);
}

.masterplan {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 6fr 7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.masterplan__body {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.masterplan__text {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}

.masterplan__img {
  height: auto;
  position: relative;
}

.projects-links {
  position: relative;
}

.projects-links__inner {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  padding: 0;
  display: flex;
}

.projects-links__inner:hover {
  text-decoration: underline;
}

.projects-links__icon {
  margin-top: .2rem;
  margin-bottom: 0;
  margin-right: 0;
  display: none;
  position: static;
}

.projects-links__nav.w--open {
  background-color: #fff;
  width: 24rem;
  margin-top: 1.5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  inset: 1rem auto auto -10.5rem;
}

.projects-links__nav-link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  font-weight: 400;
  position: absolute;
  inset: 0%;
}

.projects-links__nav-wrp {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  display: flex;
  position: relative;
}

.projects-links__nav-img {
  object-fit: cover;
  width: 4rem;
  height: 4rem;
}

.projects-links__nav-text {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  display: flex;
}

.projects-links__nav-title {
  font-size: 1.25rem;
}

.projects-links__nav-subtitle {
  font-size: .875rem;
  line-height: 120%;
}

.triangle {
  background-color: #fff;
  width: 1rem;
  height: 1rem;
  position: absolute;
  inset: -.5rem auto auto 50%;
  transform: rotate(45deg);
}

.coral {
  z-index: -1;
  width: 40rem;
  height: 40rem;
  position: absolute;
  inset: auto -32rem -4rem auto;
}

.body__ar {
  direction: rtl;
  text-align: right;
  font-family: Notosansarabic, Arial, sans-serif;
}

.success-message {
  color: #004925;
  background-color: #cafae3;
  font-size: 2rem;
  line-height: 120%;
  position: absolute;
  inset: 50% 2.5rem auto;
  transform: translate(0, -50%);
}

@media screen and (max-width: 991px) {
  .section.footer {
    margin-top: 5.625rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .container {
    max-width: 90vw;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar__links {
    background-color: #1f6190;
    flex-flow: column;
    width: 100vw;
    margin-top: 3.75rem;
    padding-top: 1rem;
    padding-left: 1rem;
  }

  .navbar__link {
    color: #fff;
    margin-bottom: .5rem;
  }

  .navbar__link.ar {
    text-align: right;
  }

  .navbar__mob-btns {
    z-index: 2;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
  }

  .burger {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: auto;
    padding: .625rem .5rem;
    display: flex;
  }

  .burger.w--open {
    cursor: pointer;
    background-color: #0000;
  }

  .lines-wrapper {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0;
    display: flex;
  }

  .line {
    color: #222a2c;
    background-color: #222a2c;
    width: 100%;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .line.short {
    width: 70%;
  }

  .hero {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    display: flex;
  }

  .hero__content {
    border-left-style: none;
    border-right-style: none;
    padding-right: 0;
  }

  .hero__content.ar {
    border-left-style: none;
  }

  .divider {
    display: none;
  }

  .hero__media {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    padding-bottom: 5rem;
  }

  .hero__media.video-only {
    display: block;
  }

  .hero__video {
    min-height: 20rem;
  }

  .hero__project-card {
    min-height: 15rem;
  }

  .spacer.mob-none {
    display: none;
  }

  .image__inner {
    max-width: none;
  }

  .h2.grid__title {
    right: 0;
  }

  .h2.grid__title.r-11 {
    margin-bottom: 2rem;
    right: 0;
  }

  .unesco {
    display: block;
  }

  .header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .project {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    min-height: auto;
    display: flex;
  }

  .project__img {
    order: 9999;
    height: 15rem;
  }

  .project__body {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .project__info {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .project__info-divider {
    display: none;
  }

  .project__info-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .project__footer {
    align-self: auto;
  }

  .project__brochure {
    display: none;
  }

  .grid-5x7 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .grid__image {
    min-height: auto;
  }

  .grid__body {
    flex-flow: column;
    display: flex;
  }

  .grid__img-wrp {
    order: 9999;
    height: 20rem;
    padding-top: 0;
  }

  .italic-text.r-140 {
    margin-bottom: 1.25rem;
    right: 0;
  }

  .italic-text.r-11, .italic-text.r-11-ru {
    right: 0;
  }

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

  .window {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
  }

  .window__content {
    border-right-style: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .window__content.ar {
    border-left-style: none;
  }

  .window__media {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-2x1 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .amenities {
    margin-top: 2rem;
  }

  .amenities__title.r-140 {
    margin-bottom: 1.25rem;
    right: 0;
  }

  .amenities__body, .amenities__images {
    flex-flow: column;
    display: flex;
  }

  .amenities__img-wrp {
    min-height: 20rem;
  }

  .grid-6x5 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .location {
    margin-top: 3rem;
  }

  .location__title.r-140 {
    margin-bottom: 1.25rem;
    right: 0;
  }

  .location__body {
    flex-flow: column;
    display: flex;
  }

  .location__img.h-100 {
    min-height: 20rem;
  }

  .tax {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .footer__inner {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    bottom: 0;
  }

  .footer__form {
    width: 100%;
  }

  .footer__content {
    margin-top: 0;
  }

  .slider {
    height: 30rem;
  }

  .info {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .brochure {
    max-width: none;
  }

  .bro-img {
    display: none;
  }

  .floorplans {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .floorplans__title {
    font-size: 3rem;
  }

  .floorplans__title.grid__title {
    right: 0;
  }

  .floorplans__title.grid__title.r-11 {
    margin-bottom: 2rem;
    right: 0;
  }

  .floorplans__nav {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .floorplans__nav-divider {
    display: none;
  }

  .floorplans__plan {
    margin-top: 1rem;
    display: flex;
  }

  .plan__left {
    min-height: auto;
  }

  .plan__info.mob-none {
    display: none;
  }

  .plan__right {
    order: 9999;
  }

  .plan__footer {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    display: flex;
  }

  .master-plan {
    height: 25rem;
    margin-top: 4rem;
  }

  .text {
    order: 9999;
  }

  .fp-card {
    flex-flow: column;
  }

  .fp-card__img {
    order: 9999;
    width: auto;
    height: 20rem;
    display: none;
  }

  .masterplan {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .projects-links__inner {
    color: #fff;
    margin-bottom: .5rem;
  }

  .projects-links__nav.w--open {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .triangle, .coral {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    height: 3.125rem;
  }

  .logo__image {
    width: 9.625rem;
  }

  .navbar__links {
    margin-top: 3.125rem;
  }

  .navbar__lang {
    font-size: .875rem;
  }

  .button {
    width: 100%;
    min-width: auto;
  }

  .hero__media {
    padding-bottom: 3rem;
  }

  .spacer {
    height: 3.75rem;
  }

  .h2 {
    font-size: 2rem;
  }

  .h2.grid__title {
    margin-bottom: 2rem;
  }

  .image__text {
    font-size: 1rem;
  }

  .h3 {
    font-size: 2rem;
  }

  .project__info {
    grid-column-gap: 3rem;
    grid-row-gap: 1rem;
  }

  .grid-5x7 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .italic-text {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }

  .italic-text.r-140 {
    margin-bottom: 1rem;
  }

  .italic-text.s-25 {
    font-size: 1.25rem;
  }

  .window__content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .window__media {
    padding-bottom: 0;
  }

  .window__image {
    height: 20rem;
  }

  .window__text-wrp {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .grid-2x1 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .amenities__title {
    font-size: 1.5rem;
  }

  .amenities__title.r-140 {
    margin-bottom: 1rem;
  }

  .amenities__img-wrp {
    min-height: 10rem;
  }

  .grid-6x5 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .location__title {
    font-size: 1.5rem;
  }

  .location__title.r-140 {
    margin-bottom: 1rem;
  }

  .tax {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .form-button {
    width: 100%;
    min-width: auto;
  }

  .slider {
    height: 25rem;
  }

  .popup-cons__inner, .popup-brochure__inner, .popup-fp__inner {
    width: 94vw;
    margin-left: 3vw;
    margin-right: 3vw;
  }

  .info__item-title {
    font-size: 2rem;
  }

  .brochure {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .floorplans__title {
    font-size: 2rem;
  }

  .floorplans__title.grid__title {
    margin-bottom: 2rem;
  }

  .floorplans__nav {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .floorplans__nav-btn {
    font-size: 1rem;
  }

  .plan__download-inner {
    font-size: 2rem;
  }

  .plan__download-circle {
    width: 6rem;
    height: 6rem;
  }

  .plan__download-arrow {
    width: 1.5rem;
  }

  .master-plan {
    height: 20rem;
    margin-top: 3rem;
  }

  .fp-cards {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    margin-top: 2rem;
  }

  .fp-card {
    padding: 1.5rem;
  }

  .fp__body {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .fp__body-btns {
    flex-flow: column;
  }

  .button-cons {
    width: 100%;
    min-width: auto;
  }

  .masterplan {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
}

@media screen and (max-width: 479px) {
  .img-abs.image-block {
    height: 15rem;
    position: static;
  }

  .hero__content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 2rem;
  }

  .h1 {
    font-size: 3rem;
  }

  .button {
    min-width: auto;
  }

  .hero__media {
    padding-top: 0;
  }

  .hero__video {
    min-height: 15rem;
  }

  .hero__project-card {
    min-height: 10rem;
  }

  .image {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    height: auto;
    padding: 0;
    display: flex;
  }

  .h2.grid__title {
    margin-bottom: 1.5rem;
  }

  .h2.color {
    color: var(--color--main);
  }

  .unesco {
    margin-top: 1rem;
  }

  .unesco__body {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .unesco__image {
    width: 5rem;
  }

  .project {
    margin-top: 2rem;
    padding: 1.5rem;
  }

  .project__img {
    display: none;
  }

  .project__body {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .grid__body {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .window__content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .window__media {
    padding-top: 0;
  }

  .amenities {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    margin-top: 1.5rem;
  }

  .amenities__body {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .amenities__list-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
  }

  .amenities__images {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .location {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
  }

  .location__body {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .location__point {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    flex-flow: column;
    max-width: none;
    font-size: 1rem;
  }

  .location__img {
    order: 9999;
    height: 16rem;
  }

  .tax__body {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .tax__percent-wrp {
    margin-top: 0;
  }

  .tax__percent {
    font-size: 3rem;
  }

  .tax__img {
    height: 20rem;
  }

  .form-button {
    min-width: auto;
  }

  .form__title {
    font-size: 2.5rem;
  }

  .footer__content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    width: auto;
  }

  .footer__nav-link {
    font-size: 1.2rem;
  }

  .slider {
    height: 22rem;
  }

  .slider-icon {
    object-fit: cover;
  }

  .slider-icon-wrp {
    justify-content: center;
    align-items: center;
    width: 3rem;
    display: flex;
  }

  .popup-cons__inner, .popup-brochure__inner, .popup-fp__inner {
    padding: 2rem;
  }

  .info {
    margin-top: 3rem;
  }

  .marina, .floorplans {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .floorplans__title.grid__title {
    margin-bottom: 1.5rem;
  }

  .floorplans__title.color {
    color: var(--color--main);
  }

  .floorplans__nav {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .floorplans__plan {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .plan__details-title {
    font-size: 1.5rem;
  }

  .master-plan {
    height: 12rem;
  }

  .prices {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .prices__circle._2 {
    border-style: none;
    width: auto;
    height: auto;
    padding: 0;
  }

  .fp__body-btns {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .button-cons {
    min-width: auto;
  }

  .masterplan__body {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .masterplan__img {
    height: 20rem;
  }

  .success-message {
    font-size: 1.5rem;
  }
}

#w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-035a28f9 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-bcb5ad7a-af07-d927-e412-cbf329a66d31-035a28f9 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_25d44668-c5c3-aecd-1e6e-52a1a4980a59-035a28f9, #w-node-_5d1ca033-cf68-faa8-8f46-3fce2eac70c6-035a28f9, #w-node-_1a0c34c6-e32d-86bc-acd8-23b15dc7332c-035a28f9, #w-node-_1a0c34c6-e32d-86bc-acd8-23b15dc7332e-035a28f9, #w-node-a97dc653-9a9b-9580-83ee-d657511f45b9-035a28f9, #w-node-a97dc653-9a9b-9580-83ee-d657511f45bb-035a28f9, #w-node-_76e4caa9-86a2-0270-953a-0d5ce2cd321b-035a28f9, #w-node-_76e4caa9-86a2-0270-953a-0d5ce2cd321d-035a28f9, #w-node-f05358df-f0a7-9721-f44b-282d291b6ebb-035a28f9, #w-node-f05358df-f0a7-9721-f44b-282d291b6ebd-035a28f9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2e05b4c9-0b2b-324f-2c1e-41778e68a6c8-035a28f9 {
  align-self: start;
}

#w-node-_9c6e66e8-da5d-6d75-f226-dbd09f1e437a-035a28f9, #w-node-_2d605b2d-5385-6013-6ca7-4ac44abd1c16-ba786dc8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-af5b2b6b {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-_3a5aa18b-c313-4e33-469e-caae615447d4-af5b2b6b, #w-node-_2a1a76b4-52eb-a0d3-cff9-46d105473903-af5b2b6b, #w-node-bf4e27b2-6aa3-0544-72a6-1b350f8d04c0-af5b2b6b, #w-node-_8d0f7373-a48c-f403-f8b5-60f1bc3b6f02-af5b2b6b, #w-node-c194ea9a-f03f-8b77-3c01-ba23f4cf97e8-af5b2b6b, #w-node-_194660a8-a304-98ee-b8bf-32acec1be11e-3c27fa1b, #w-node-_3a5aa18b-c313-4e33-469e-caae615447d4-3c27fa1b, #w-node-_43f48412-f7f8-2755-af8b-928cd5690461-3c27fa1b, #w-node-_389b7f5a-166b-433e-d0bc-0ec5553cd83a-3c27fa1b, #w-node-d357174f-ef63-11ad-8e40-8dac543dc668-3c27fa1b, #w-node-_8355284a-2de3-284f-848f-623abf5ea677-3c27fa1b, #w-node-d48d49d1-0f09-9178-2fd4-3739d2cbab2c-422c4617, #w-node-_3a5aa18b-c313-4e33-469e-caae615447d4-422c4617, #w-node-_13260d4a-87c8-0ceb-2574-9c87218c3cf3-422c4617, #w-node-fde66e68-e1ea-ca39-5e94-f6f1dcbc771f-422c4617, #w-node-_7cb9dcb0-8886-d878-8bc7-92ff258f79b4-422c4617, #w-node-_97f5c57f-0196-ecb5-21bd-bf9bfc776562-422c4617 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-af1b4ed8, #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-3c2d5d71 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-084669a1 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_384f52f2-f563-6919-c7ff-fa7570d1d1bf-084669a1, #w-node-_5f1b59b9-df26-9b12-5fb5-81565fcf80fd-084669a1, #w-node-f384e835-1b1e-a03e-15c6-1ca9b242806e-084669a1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-4f8aa0da {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_24da40f6-8b4d-d00a-f557-ca0af130b7aa-4f8aa0da, #w-node-_24da40f6-8b4d-d00a-f557-ca0af130b7ac-4f8aa0da, #w-node-_24da40f6-8b4d-d00a-f557-ca0af130b7d6-4f8aa0da, #w-node-_24da40f6-8b4d-d00a-f557-ca0af130b7d8-4f8aa0da, #w-node-_24da40f6-8b4d-d00a-f557-ca0af130b803-4f8aa0da, #w-node-_24da40f6-8b4d-d00a-f557-ca0af130b805-4f8aa0da, #w-node-_24da40f6-8b4d-d00a-f557-ca0af130b832-4f8aa0da, #w-node-_24da40f6-8b4d-d00a-f557-ca0af130b834-4f8aa0da, #w-node-_24da40f6-8b4d-d00a-f557-ca0af130b860-4f8aa0da, #w-node-_24da40f6-8b4d-d00a-f557-ca0af130b863-4f8aa0da {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-18303453 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-bcb5ad7a-af07-d927-e412-cbf329a66d31-18303453 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_25d44668-c5c3-aecd-1e6e-52a1a4980a59-18303453, #w-node-_5d1ca033-cf68-faa8-8f46-3fce2eac70c6-18303453, #w-node-_1a0c34c6-e32d-86bc-acd8-23b15dc7332c-18303453, #w-node-_1a0c34c6-e32d-86bc-acd8-23b15dc7332e-18303453, #w-node-a97dc653-9a9b-9580-83ee-d657511f45b9-18303453, #w-node-a97dc653-9a9b-9580-83ee-d657511f45bb-18303453 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2e05b4c9-0b2b-324f-2c1e-41778e68a6c8-18303453 {
  align-self: start;
}

#w-node-_9c6e66e8-da5d-6d75-f226-dbd09f1e437a-18303453, #w-node-_23a36f00-b6a5-d081-19ec-a84d9c7cdb71-9c7cdb4c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-71147ad7 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-_3a5aa18b-c313-4e33-469e-caae615447d4-71147ad7, #w-node-_2a1a76b4-52eb-a0d3-cff9-46d105473903-71147ad7, #w-node-bf4e27b2-6aa3-0544-72a6-1b350f8d04c0-71147ad7, #w-node-_8d0f7373-a48c-f403-f8b5-60f1bc3b6f02-71147ad7, #w-node-c194ea9a-f03f-8b77-3c01-ba23f4cf97e8-71147ad7, #w-node-_194660a8-a304-98ee-b8bf-32acec1be11e-32dfb42b, #w-node-_3a5aa18b-c313-4e33-469e-caae615447d4-32dfb42b, #w-node-_43f48412-f7f8-2755-af8b-928cd5690461-32dfb42b, #w-node-_389b7f5a-166b-433e-d0bc-0ec5553cd83a-32dfb42b, #w-node-d357174f-ef63-11ad-8e40-8dac543dc668-32dfb42b, #w-node-_8355284a-2de3-284f-848f-623abf5ea677-32dfb42b, #w-node-d48d49d1-0f09-9178-2fd4-3739d2cbab2c-879fce04, #w-node-_3a5aa18b-c313-4e33-469e-caae615447d4-879fce04, #w-node-_13260d4a-87c8-0ceb-2574-9c87218c3cf3-879fce04, #w-node-fde66e68-e1ea-ca39-5e94-f6f1dcbc771f-879fce04, #w-node-_7cb9dcb0-8886-d878-8bc7-92ff258f79b4-879fce04, #w-node-_97f5c57f-0196-ecb5-21bd-bf9bfc776562-879fce04 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3bc65510-12d3-94c9-c921-e7f55bacbf93-dd995af5 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-_384f52f2-f563-6919-c7ff-fa7570d1d1bf-dd995af5, #w-node-_5f1b59b9-df26-9b12-5fb5-81565fcf80fd-dd995af5, #w-node-f384e835-1b1e-a03e-15c6-1ca9b242806e-dd995af5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_72a4b54d-fd28-2ea7-9f85-80d1ba472ed0-c7431f16 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-_7924e8a8-6f08-f0ba-eb7c-5e1d875a64a5-c7431f16, #w-node-_7924e8a8-6f08-f0ba-eb7c-5e1d875a64a7-c7431f16, #w-node-_7924e8a8-6f08-f0ba-eb7c-5e1d875a64d2-c7431f16, #w-node-_7924e8a8-6f08-f0ba-eb7c-5e1d875a64d4-c7431f16, #w-node-_7924e8a8-6f08-f0ba-eb7c-5e1d875a64ff-c7431f16, #w-node-_7924e8a8-6f08-f0ba-eb7c-5e1d875a6501-c7431f16 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-4931a673 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-ec59ca87-eb55-1c05-9b6d-524674ed41a3-4931a673 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-493b4329 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-_5c63723b-ad8f-44a6-17ff-a65175281531-493b4329 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-035a28f9 {
    grid-row: span 1 / span 1;
  }

  #w-node-e7b49ddb-43ab-24ab-b57d-808e0362e192-035a28f9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-af5b2b6b, #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-af1b4ed8, #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-3c2d5d71, #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-084669a1 {
    grid-row: span 1 / span 1;
  }

  #w-node-e7b49ddb-43ab-24ab-b57d-808e0362e192-084669a1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-4f8aa0da {
    grid-row: span 1 / span 1;
  }

  #w-node-e7b49ddb-43ab-24ab-b57d-808e0362e192-4f8aa0da {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-18303453 {
    grid-row: span 1 / span 1;
  }

  #w-node-e7b49ddb-43ab-24ab-b57d-808e0362e192-18303453 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-71147ad7, #w-node-_3bc65510-12d3-94c9-c921-e7f55bacbf93-dd995af5 {
    grid-row: span 1 / span 1;
  }

  #w-node-_3bc65510-12d3-94c9-c921-e7f55bacbfa9-dd995af5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_72a4b54d-fd28-2ea7-9f85-80d1ba472ed0-c7431f16 {
    grid-row: span 1 / span 1;
  }

  #w-node-_72a4b54d-fd28-2ea7-9f85-80d1ba472ee6-c7431f16 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-4931a673, #w-node-d018ca0a-ea16-f2b5-8b8b-7a51ccbc6a5b-493b4329 {
    grid-row: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9c6e66e8-da5d-6d75-f226-dbd09f1e437a-035a28f9, #w-node-_9c6e66e8-da5d-6d75-f226-dbd09f1e437a-18303453 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}