button,
a {
  cursor: pointer;
  border: none;
}

a,
ul,
li {
  text-decoration: none;
  color: inherit;
}

/* ** */
/*  GLOBAL SLIDER  AND FIXED ICON  */
.global-slider {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  column-gap: 3.73vw;
  background-color: black;
  color: white;
  height: 3.65vw;
  overflow: hidden;
}

.global-slider span {
  font-family: "Gotham";
  font-style: normal;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 1.3vw;
  text-transform: uppercase;
  text-wrap: nowrap;
  color: #fff;
}

.residential__floating__icon {
  position: fixed;
  bottom: 2vw;
  right: 3.44vw;
  width: 5.2vw;
  height: 5.2vw;
  z-index: 5;
}
/* ** */

/* *** */
/* RESIDENTIAL HEADER  */
.residential-header {
  display: flex;
  column-gap: 9.69vw;
  justify-content: space-between;
  padding-inline: 3.28vw;
  padding-block: 1.51vw;
}

.residential-header .residential-header__logo {
  width: 13.91vw;
  height: 3.33vw;
}

.residential-header .residential-header__nav {
  display: flex;
  column-gap: 1.2vw;
  flex-grow: 1;
}

.residential-header__nav__button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0.68vw;
  padding-right: 0.47vw;
  padding-left: 1.56vw;
  border-radius: 5.21vw;
  height: 3.39vw;
  background: #d0d0d0;
  text-wrap: nowrap;
}

.residential-header__nav__button:nth-child(1) {
  background-color: #2b70b8;
}

.residential-header__nav__button__text {
  color: #000;
  text-align: center;
  font-family: "Gotham";
  font-size: 0.94vw;
  line-height: 1.3vw;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
}

.residential-header__nav__button:nth-child(1) .residential-header__nav__button__text {
  color: #fff;
}

.residential-header__nav__button__icon {
  display: grid;
  place-content: center;
  width: 2.4vw;
  height: 2.4vw;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
}

.residential-header__nav__button__icon:nth-child(1) {
  background-color: rgba(254, 254, 254, 0.3);
}

.residential-header__nav__button__icon svg {
  width: 1.2vw;
  height: 1.2vw;
}

.residential-header .residential-header__complement {
  display: flex;
  column-gap: 0.63vw;
  width: 13.7vw;
}

.residential-header__complement__button--language {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.39vw;
  height: 3.39vw;
  border-radius: 5.21vw;
  background: #d0d0d0;
  color: #000;
}

.residential-header__complement__button--language span:nth-child(1) {
  display: inline-block;
  height: 1.45vw;
  width: 1.45vw;
  text-align: center;
  font-family: "Gotham";
  font-size: 0.94vw;
  line-height: 1.3vw;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05vw;
  color: #000;
}

.residential-header__complement__button--language span:nth-child(2) {
  display: inline-block;
  width: 0.57vw;
  height: 1.45vw;
}

.residential-header__complement__button--language span:nth-child(2) svg {
  width: 0.57vw;
  height: 100%;
}

.residential-header__complement__button--contact {
  width: 9.69vw;
  height: 3.39vw;
  border-radius: 5.21vw;
  background: #000;
  color: #fff;
  text-align: center;
  font-family: "Gotham";
  font-size: 0.94vw;
  line-height: 1.3vw;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
}

.residential-header .residential-header__complement .residential-header__menu {
  display: none;
}
/* *** */

/* *** */
/*  RESIDENTIAL HERO  */
.residential-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 17.24vw;
  padding-top: 5rem;
}

.residential-hero .residential-hero__heading {
  color: #2b70b8;
  font-family: "Gotham";
  font-size: 4.17vw;
  font-style: normal;
  font-weight: 400;
  line-height: 4.17vw;
  text-transform: uppercase;
  text-wrap: nowrap;
  width: 87.13vw;
  height: 4.11vw;
}

.residential-hero .residential-hero__heading--mobile {
  display: none;
}

.residential-hero .residential-hero__heading span {
  font-weight: 700;
}

.residential-hero .residential-hero__options {
  display: flex;
  column-gap: 0.78vw;
  margin-top: 0.98vw;
  color: #000;
  font-family: "Gotham";
  font-size: 1.04vw;
  font-style: normal;
  line-height: normal;
  font-weight: 400;
}

.residential-hero__options a:last-child::after {
  content: "Residential Insurance Restorations";
  color: #2b70b8;
}
/* *** */

/* *** */
/*  RESIDENTIAL SECTION ONE  */
.residential-section-1 {
  position: relative;
  padding: 5.01vw 9.66vw 6.3vw 7.39vw;
}

.residential-section-1::before {
  content: "";
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url("../assets/images/bg-1.png");
  background-size: cover;
  z-index: -1;
}

.residential-section-1 .residential-section-1__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 4.53vw;
}

.residential-section-1 .residential-section-1__wrapper .residential-section-1__image {
  width: 83.8vw;
  height: 26.36vw;
}

.residential-section-1 .residential-section-1__wrapper .residential-section-1__image img {
  width: 100%;
  height: 100%;
}

.residential-section-1 .residential-section-1__wrapper .residential-section-1__content {
  display: flex;
  column-gap: 3.28vw;
}

.residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__left {
  width: 40.57vw;
}

.residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__heading {
  color: #1e1e1e;
  font-family: "Gotham";
  font-size: 4.17vw;
  font-style: normal;
  font-weight: 400;
  line-height: 4.17vw;
  text-transform: uppercase;
}

.residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__heading--mobile {
  display: none;
}

.residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__heading span {
  font-weight: 500;
}

.residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.99vw;
  width: 37.91vw;
}

.residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__paragraph {
  color: #1e1e1e;
  font-family: "Gotham";
  font-size: 1.04vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.residential__button {
  display: block;
  margin-top: 1.56vw;
  width: 19.1vw;
  height: 3.38vw;
  border-radius: 5.2vw;
  background: #2b70b8;
  overflow: hidden;
  padding: 0.52vw;
}

.residential__button__wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 2.6vw;
  width: 100%;
}

.residential__button__text {
  color: white;
  text-align: center;
  font-family: "Gotham";
  font-style: normal;
  font-weight: 400;
  font-size: 0.93vw;
  line-height: 1.3vw;
  text-transform: uppercase;
}

.residential__button__wrapper .residential__button__text::after {
  content: attr(data-text);
}

.residential__button__icon {
  display: grid;
  place-content: center;
  width: 2.39vw;
  height: 2.39vw;
  border-radius: 100%;
  background-color: rgba(254, 254, 254, 0.3);
}

.residential__button svg {
  width: 0.9vw;
  height: 0.9vw;
}

.residential__button--section-3 .residential__button__wrapper {
  column-gap: 1.35vw;
}

.residential__button--section-3 .residential__button__wrapper .residential__button__text {
  width: 10.78vw;
}
/* *** */

/* *** */
/*  RESIDENTIAL SECTION TWO    */
.residential-section-2 {
  padding: 4.34vw 8vw 6.66vw;
}

.residential-section-2 .residential-section-2__wrapper {
  display: flex;
  justify-content: flex-start;
  column-gap: 7.31vw;
  width: 100%;
}

.residential-section-2 .residential-section-2__wrapper .residential-section-2__image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 2.55vw;
  width: 39.77vw;
  height: 40.67vw;
  border-radius: 2.08vw;
  background: #e7e7e7;
  padding: 1.35vw;
}

.residential-section-2 .residential-section-2__wrapper .residential-section-2__image img {
  width: 100%;
  height: 100%;
}

.residential-section-2 .residential-section-2__wrapper .residential-section-2__heading--mobile {
  display: none;
}

.residential-section-2 .residential-section-2__wrapper .residential-section-2__image img {
  width: 100%;
  height: 100%;
  border-radius: 1.56vw;
}

.residential-section-2 .residential-section-2__wrapper .residential-section-2__image .residential-section-2__tabs {
  display: none;
  justify-content: space-between;
  width: 11.66vw;
  height: 0.93vw;
  column-gap: 0.5vw;
  margin-inline: auto;
}

.residential-section-2 .residential-section-2__wrapper .residential-section-2__image .residential-section-2__tab {
  background-color: #1e1e1e;
  flex-basis: 3.5vw;
  flex-shrink: 1;
  flex-grow: 0;
  opacity: 0.4;
  height: 100%;
  display: inline-block;
  border-radius: 1vw;
  width: 2.5vw;
  cursor: pointer;
}

.residential-section-2 .residential-section-2__wrapper .residential-section-2__image .residential-section-2__tab:before {
  content: "\00a0";
  display: inline-block;
}

.residential-section-2 .residential-section-2__wrapper .residential-section-2__image .residential-section-2__tab.residential-section-2__tab--two {
  flex-basis: 7vw;
  flex-grow: 1;
  opacity: 1;
}

.residential-section-2 .residential-section-2__wrapper .residental-section-2__content {
  width: 39.63vw;
  margin-top: 2.3vw;
}

.residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__heading {
  color: #2b70b8;
  font-family: "Gotham";
  font-size: 4.17vw;
  font-style: normal;
  font-weight: 400;
  line-height: 4.17vw;
  text-transform: uppercase;
  max-width: 31.61vw;
}

.residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__heading span {
  font-weight: 700;
}

.residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__paragraph {
  color: #1e1e1e;
  font-family: "Gotham";
  font-size: 1.04vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 1.61vw 0 2.55vw 0;
}

.residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__highlight {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 2vw;
  width: 100%;
  padding: 3.28vw 3.64vw;
  border-radius: 2.08vw;
  background: #1e1e1e;
  min-height: 18.75vw;
}

.residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__highlight__paragraph {
  color: #fff;
  font-family: "Gotham";
  font-size: 1.56vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__highlight__paragraph:nth-child(2) {
  font-weight: 500;
}

.residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__highlight__paragraph--mobile {
  display: none;
}

.residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__icon {
  position: absolute;
  bottom: 1.04vw;
  right: 1.04vw;
  width: 3.125vw;
  height: 3.125vw;
  cursor: pointer;
}

.residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__icon svg {
  width: 100%;
  height: 100%;
}
/* *** */

/* *** */
/*  RESIDENTIAL SECTION THREE  */
.residential-section-3 {
  position: relative;
  padding: 4.34vw 8vw 6.66vw;
}

.residential-section-3::before {
  content: "";
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: url("../assets/images/bg-1.png");
  background-size: cover;
  z-index: -1;
}

.residential-section-3 .residential-section-3__wrapper {
  display: flex;
  column-gap: 7.29vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 36.82vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__left .residential-section-3__heading {
  color: #1e1e1e;
  font-family: "Gotham";
  font-size: 4.17vw;
  font-style: normal;
  font-weight: 400;
  line-height: 4.17vw;
  text-transform: uppercase;
  max-width: 31.61vw;
  margin-bottom: 2vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__left .residential-section-3__heading span {
  font-weight: 700;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__left .residential-section-3__paragraph__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.35vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__left .residential-section-3__paragraph {
  color: #1e1e1e;
  font-family: Gotham;
  font-size: 1.04vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__left .residential-section-3__left__images__wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 2.29vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__left img:nth-child(1) {
  width: 21.51vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__left img:nth-child(2) {
  width: 13vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__right {
  display: flex;
  flex-direction: column;
  row-gap: 2.76vw;
  width: 39.63vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__right__heading--mobile,
.residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__right__paragraph--mobile {
  display: none;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__right__images__wrapper {
  display: flex;
  justify-content: space-between;
  height: 28.85vw;
  width: 100%;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__right img {
  border-radius: 2.08vw;
}
.residential-section-3 .residential-section-3__wrapper .residential-section-3__right img:nth-child(1) {
  width: 15.1vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__right img:nth-child(2) {
  width: 22.29vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__highlight {
  position: relative;
  width: 10.83vw;
  height: 10.83vw;
  background-color: #2b70b8;
  border-radius: 100%;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__highlight img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9.16vw;
  height: 9.16vw;
  border-radius: 100%;
  z-index: 1;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__highlight__floating {
  position: absolute;
  top: 0;
  left: 8.75vw;
  display: grid;
  place-content: center;
  width: 30.83vw;
  height: 10.57vw;
  background-color: #2b70b8;
  border-radius: 6.4vw;
}

.residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__highlight__floating p {
  width: 23.17vw;
  color: #fff;
  font-family: "Gotham";
  font-size: 1.04vw;
  line-height: 1.5vw;
  font-style: normal;
  font-weight: 400;
}
/* *** */

/* *** */
/*  RESIDENTIAL SECTION FOUR  */
.residential-section-4 {
  padding: 7.18vw 8vw 3.02vw;
}

.residential-section-4 .residential-section-4__wrapper {
  display: flex;
  column-gap: 11.66vw;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__image {
  display: flex;
  align-items: flex-end;
  position: relative;
  width: 31.77vw;
  height: 40.46vw;
  border-radius: 2.08vw;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__image::before {
  content: "";
  position: absolute;
  top: 0vw;
  right: -3vw;
  z-index: -1;
  width: 19.94vw;
  height: 17.91vw;
  background: #2b70b8;
  border-radius: 2.08vw;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__image img {
  height: 37.4vw;
  width: 100%;
  border-radius: 2.08vw;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__image .residential-section-4__floating {
  position: absolute;
  bottom: 2.5vw;
  left: 2.5vw;
  display: grid;
  place-content: center;
  gap: 0.67vw;
  width: 19.42vw;
  height: 8.95vw;
  border-radius: 1.45vw;
  border: 1px solid #fff;
  background: linear-gradient(180deg, rgba(230, 230, 230, 0.2) 1.47%, rgba(128, 128, 128, 0) 118.66%);
  backdrop-filter: blur(15.550000190734863px);
  z-index: 1;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__image .residential-section-4__floating::after {
  content: "";
  position: absolute;
  top: 0.88vw;
  right: 0.88vw;
  z-index: -1;
  width: 0.6vw;
  height: 0.6vw;
  border-radius: 100%;
  background-image: url("../assets/images/ellipse.svg");
  background-size: cover;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__image .residential-section-4__floating__heading {
  color: #fff;
  font-family: "Gotham";
  font-size: 1.12vw;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  width: 8.28vw;
  line-height: normal;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__image .residential-section-4__floating__paragraph {
  color: #fff;
  font-family: "Gotham";
  font-size: calc(1.12vw * 1.2);
  text-transform: uppercase;
  line-height: normal;
  font-weight: 400;
  width: 15.1vw;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content {
  width: 39.94vw;
  height: fit-content;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__heading {
  color: #2b70b8;
  font-family: "Gotham";
  font-size: 4.17vw;
  font-style: normal;
  font-weight: 400;
  line-height: 4.17vw;
  text-transform: uppercase;
  max-width: 31.61vw;
  height: 12.65vw;
  align-content: center;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__heading span {
  font-weight: 700;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__image--mobile {
  display: none;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__paragraph__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.45vw;
  width: 100%;
  margin: 0.57vw 0 3.33vw;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__paragraph {
  color: #1e1e1e;
  font-family: "Gotham";
  font-size: 1.04vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__paragraph:nth-child(2) {
  font-weight: 500;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-3__list__wrapper {
  display: flex;
  column-gap: 3.59vw;
  width: 38.9vw;
  margin-left: -1.4vw;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__list {
  width: 17.65vw;
  padding-left: 2vw;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__list li {
  color: #000;
  font-family: "Open Sans";
  font-size: 1.3vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.08vw;
  letter-spacing: 0.013vw;
  list-style-position: outside;
}

.residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__list li::marker {
  font-size: 0.8em;
}
/* *** */

/* RESPOSIVE  */
@media screen and (max-width: 1023px) {
  .residential__floating__icon {
    display: none;
  }

  .global-slider {
    column-gap: 12.31vw;
    height: 11.79vw;
  }

  .global-slider span {
    font-size: 4.27vw;
    line-height: 4.27vw;
  }
}

/* HEADER  */
@media screen and (max-width: 1023px) {
  .residential-header {
    display: flex;
    justify-content: space-between;
    padding-left: 3.07vw;
    padding-right: 3.5vw;
    padding-top: 4.61vw;
  }

  .residential-header .residential-header__logo {
    width: 37.17vw;
    height: 8.97vw;
  }

  .residential-header .residential-header__nav {
    display: none;
  }

  .residential-header .residential-header__complement {
    display: flex;
    column-gap: 0;
    width: auto;
  }

  .residential-header__complement__button--language {
    display: none;
  }

  .residential-header__complement__button--contact {
    display: none;
  }

  .residential-header .residential-header__complement .residential-header__menu {
    display: block;
    width: 7.18vw;
    height: 7.18vw;
  }

  .residential-header .residential-header__complement .residential-header__menu svg {
    width: 100%;
    height: 100%;
  }
}

/* HERO  */
@media screen and (max-width: 1023px) {
  .residential-hero {
    height: auto;
    padding: 6.5rem 3.59vw 9.23vw 3.85vw;
  }

  .residential-hero .residential-hero__heading {
    display: none;
  }

  .residential-hero .residential-hero__heading--mobile {
    display: block;
    color: #2d71b8;
    font-size: 8.97vw;
    font-family: "Gotham";
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    text-wrap: wrap;
    text-align: center;
    width: 100%;
  }

  .residential-hero .residential-hero__heading--mobile span {
    font-weight: 700;
  }

  .residential-hero .residential-hero__options {
    column-gap: 3.85vw;
    margin-top: 5.13vw;
    font-size: 4.71vw;
  }

  .residential-hero__options a:last-child::after {
    content: "Insurance";
  }
}

/* SECTION ONE   */
@media screen and (max-width: 1023px) {
  .residential-section-1 {
    padding: 12.17vw 3.85vw 21.28vw 3.85vw;
  }

  .residential-section-1 .residential-section-1__wrapper {
    row-gap: 14.87vw;
  }

  .residential-section-1 .residential-section-1__wrapper .residential-section-1__image {
    width: 92.3vw;
    height: 51.79vw;
    border-radius: 2.56vw;
    overflow: hidden;
  }

  .residential-section-1 .residential-section-1__wrapper .residential-section-1__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .residential-section-1 .residential-section-1__wrapper .residential-section-1__content {
    display: flex;
    flex-direction: column;
    column-gap: 0;
    row-gap: 4.1vw;
  }

  .residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__left {
    width: 100%;
  }

  .residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__heading {
    display: none;
  }

  .residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__heading--mobile {
    display: block;
    width: 100%;
    color: #000;
    font-family: "Gotham";
    font-size: 8.21vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
  }

  .residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__heading--mobile span {
    font-weight: 700;
  }

  .residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__right {
    row-gap: 4.1vw;
    width: 100%;
  }

  .residential-section-1 .residential-section-1__wrapper .residential-section-1__content .residential-section-1__content__paragraph {
    font-family: "Gotham";
    font-size: 4.1vw;
  }

  .residential__button {
    width: 51.02vw;
    height: 13.59vw;
    border-radius: 8.97vw;
    padding: 2.05vw;
    margin-top: 2.8vw;
    margin-inline: auto;
  }

  .residential__button__wrapper {
    column-gap: 3.59vw;
  }

  .residential__button__text {
    font-size: 4.1vw;
    line-height: 6.41vw;
    height: 6.41vw;
  }

  .residential__button__wrapper .residential__button__text::after {
    content: attr(data-text-mobile);
  }

  .residential__button__icon {
    display: grid;
    place-content: center;
    width: 9.74vw;
    height: 9.74vw;
    border-radius: 100%;
    background-color: rgba(254, 254, 254, 0.3);
  }

  .residential__button svg {
    width: 3.85vw;
    height: 3.85vw;
  }
}

/* SECTION TWO  */
@media screen and (max-width: 1023px) {
  .residential-section-2 {
    padding: 15.38vw 3.08vw 15.9vw 4.62vw;
  }

  .residential-section-2 .residential-section-2__wrapper {
    flex-direction: column;
    column-gap: 0;
    row-gap: 1.28vw;
    width: 100%;
  }

  .residential-section-2 .residential-section-2__wrapper .residential-section-2__image {
    width: 100%;
    row-gap: 5.64vw;
    height: 76.92vw;
    border-radius: 4.83vw;
    padding: 3.26vw 3.7vw 5.86vw 3.17vw;
  }

  .residential-section-2 .residential-section-2__wrapper .residential-section-2__image img {
    width: 100%;
    height: 60vw;
    border-radius: 1.56vw;
  }

  .residential-section-2 .residential-section-2__wrapper .residential-section-2__heading--mobile {
    display: block;
    width: 91.02vw;
    margin-bottom: 7.44vw;
    color: #000;
    font-family: "Gotham";
    font-size: 8.21vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
  }

  .residential-section-2 .residential-section-2__wrapper .residential-section-2__heading--mobile span {
    font-weight: 700;
  }

  .residential-section-2 .residential-section-2__wrapper .residential-section-2__image .residential-section-2__tabs {
    width: 26.15vw;
    height: 2.08vw;
    column-gap: 1.5vw;
  }

  .residential-section-2 .residential-section-2__wrapper .residential-section-2__image .residential-section-2__tab {
    background-color: #1e1e1e;
    flex-basis: 3.5vw;
    flex-shrink: 1;
    flex-grow: 0;
    opacity: 0.4;
    height: 100%;
    display: inline-block;
    border-radius: 1vw;
    width: 2.5vw;
    cursor: pointer;
  }

  .residential-section-2 .residential-section-2__wrapper .residental-section-2__content {
    width: 100%;
  }

  .residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__heading {
    display: none;
  }

  .residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__paragraph {
    font-size: 4.1vw;
    margin-bottom: 6.15vw;
    height: 31.02vw;
    width: 92.57vw;
    align-content: center;
  }

  .residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__highlight {
    padding: 8.46vw 7.18vw 12.05vw 8.46vw;
    row-gap: 5.13vw;
    border-radius: 5.13vw;
    min-height: 52.05vw;
  }

  .residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__highlight__paragraph {
    display: none;
  }

  .residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__highlight__paragraph--mobile {
    display: block;
    color: #f5f5f5;
    font-family: "Gotham";
    font-size: 4.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__highlight__paragraph--mobile--bold {
    font-weight: 700;
  }

  .residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__icon {
    bottom: 3.85vw;
    right: 4.62vw;
    width: 7.69vw;
    height: 7.69vw;
  }

  .residential-section-2 .residential-section-2__wrapper .residental-section-2__content .residential-section-2__content__icon svg {
    width: 100%;
    height: 100%;
  }
}

/* SECTION THREE  */
@media screen and (max-width: 1023px) {
  .residential-section-3 {
    padding: 17.18vw 4.57vw 28.46vw 3.85vw;
  }

  .residential-section-3 .residential-section-3__wrapper {
    display: block;
    column-gap: 0;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__left {
    display: none;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right {
    row-gap: 0;
    width: 100%;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__right__heading--mobile,
  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__right__paragraph--mobile {
    display: block;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__right__heading--mobile {
    color: #000;
    font-family: "Gotham";
    font-size: 8.21vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__right__heading--mobile span {
    font-weight: 700;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__right__paragraph--mobile {
    color: #000;
    font-family: "Gotham";
    font-size: 4.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    min-height: 31.03vw;
    width: 92.56vw;
    align-content: center;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__right__images__wrapper {
    display: flex;
    justify-content: flex-start;
    column-gap: 5.17vw;
    height: 66.66vw;
    width: 100%;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right img {
    border-radius: 2.08vw;
  }
  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right img:nth-child(1) {
    width: 34.89vw;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right img:nth-child(2) {
    width: 51.5vw;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__highlight {
    width: 100%;
    height: 30vw;
    border-radius: 31.54vw;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__highlight img {
    display: none;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__highlight__floating {
    top: 0;
    left: 0;
    width: 94.1vw;
    height: 100%;
    border-radius: 31.54vw;
  }

  .residential-section-3 .residential-section-3__wrapper .residential-section-3__right .residential-section-3__highlight__floating p {
    width: 81.02vw;
    height: 13.85vw;
    font-size: 4.1vw;
    line-height: normal;
  }
}

/* SECTION FOUR  */
@media screen and (max-width: 1023px) {
  .residential-section-4 {
    padding: 23.08vw 5.13vw 23.08vw 3.85vw;
  }

  .residential-section-4 .residential-section-4__wrapper {
    display: block;
    column-gap: 0;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__image {
    display: none;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content {
    width: 100%;
    height: fit-content;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__heading {
    font-size: 8.21vw;
    font-weight: 700;
    line-height: normal;
    max-width: 80.02vw;
    height: 19.49vw;
    align-content: center;
    margin-bottom: 14.03vw;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__heading span {
    font-weight: 400;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__image--mobile {
    position: relative;
    display: block;
    width: 85.38vw;
    height: 97.43vw;
    transform: scaleX(-1);
    margin-bottom: 4.62vw;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__image--mobile img {
    width: 100%;
    height: 100%;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__image--mobile::before {
    content: "";
    position: absolute;
    top: -7.36vw;
    left: -6.66vw;
    z-index: -1;
    width: 52.05vw;
    height: 46.66vw;
    background: #2b70b8;
    border-radius: 2.56vw;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__image--mobile img {
    border-radius: 2.56vw;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__paragraph__wrapper {
    display: block;
    width: 100%;
    margin: 0;
    height: 31.02vw;
    width: 92.56vw;
    align-content: center;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__paragraph {
    font-size: 4.1vw;
    font-weight: 400;
    width: 100%;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__paragraph:nth-child(2) {
    display: none;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-3__list__wrapper {
    display: block;
    width: 100%;
    margin-left: 0;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__list {
    width: 100%;
    padding-left: 2vw;
  }

  .residential-section-4 .residential-section-4__wrapper .residential-section-4__content .residential-section-4__list li {
    font-size: 4.1vw;
    line-height: normal;
    letter-spacing: 0.04vw;
    opacity: 0.6;
    list-style-position: inside;
  }
}