.aesthetics_hero_wrapper {

  position: relative;

  height: 100vh;

}

.aesthetics_bg_image img {

  width: 100%;

  height: 100vh;

  object-fit: cover;

  object-position: top;

}

.aesthetics_text_inner {

  position: absolute;

  bottom: 0;

  padding: 7.2rem 2.4rem;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.aesthetics_text_inner>div {

  width: 50%;

}
.raaya_aesthetics_page .raaya-home-text, .raaya_aesthetics_page .raaya-terra-text {
  padding: 32px 0 64px;
  gap: 0;
}
.raaya_aesthetics_page .property_text_inner p, .raaya_aesthetics_page .raaya-terra-text p {
  padding-top: 0;
}

.aesthetics_main_text {

  font-size: 6.4rem;

  line-height: 72px;

  color: #FFFFFF;

  margin-bottom: 8px;

}

.aesthetics_text_inner p {

  color: #FFFFFF;

  font-size: 2.4rem;

  line-height: 32px;

  letter-spacing: 0;

}

.aesthetics_hero_image,

.aesthetics_hero_image img {

  position: relative;

  width: 18rem;

  height: 18rem;

  object-fit: cover;

  text-align: end;

  border-radius: .4rem;

  overflow: hidden;

}

a.aesthetics_hero_button {

  position: absolute;

  bottom: 0;

  right: 0;

  width: 4.8rem;

  height: 3.2rem;

  background: #FFFFFF;

  display: flex;

  align-items: center;

  justify-content: center;

}

a.aesthetics_hero_button svg {

  transform: rotate(-45deg);

}

.raaya-muse {

  width: 100%;

  overflow: hidden;

  margin-bottom: 11rem;

}

.raaya-wrapper {

  display: flex;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: stretch;

}

.left-section {

  flex: 1;

  margin: 80px 50px 0;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  gap: 144px;

  position: relative;

}

.vertical-text {

  writing-mode: sideways-lr;

  font-size: 1.8rem;

  font-weight: 400;

  line-height: 2.4rem;

  letter-spacing: 1px;

  color: #C5A57F;

  position: absolute;

  top: 0;

  left: 0;

  height: 257px;

}

.text-block p {

  max-width: 32.8rem;

  font-size: 1.8rem;

  color: #C5A57F;

  line-height: 2.4rem;

  letter-spacing: 0;

}

.left-image {

  position: relative;

  max-width: 350px;

}

.left-image img {

  width: 100%;

}

.right-section {

  flex: 1;

  position: relative;

}

.main-image {

  width: 100%;

  height: 100%;

  min-height: 84rem;

  object-fit: cover;

  display: block;

}

.mobile_vertical,

.main-image_container .heading {

  display: none;

}

.right-section .heading {

  position: absolute;

  top: 6.4rem;

  left: 0;

  z-index: 2;

}

.left-heading {

  position: absolute;

  top: -1.6rem;

  right: -5rem;

  z-index: 2;

}

.muse-fade {

  position: absolute;

  bottom: 10%;

  right: -10%;

  font-size: 5.2rem;

  color: #C5A57F;

  opacity: 0.15;

  font-weight: bold;

  font-family: 'bw_vivantbw-vivant-black';

  writing-mode: sideways-lr;

}

.left-section .text-block {

  padding-left: 20%;

}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {

  content: none !important;

}



.raaya_aesthetics_page .bg_image_relative img {

  height: 618px;

}

@media (max-width: 768px) {

  .raaya-muse {

    margin-top: 0 !important;

    margin-bottom: 6.4rem;

  }

  .aesthetics_text_inner {

    padding: 0 1.6rem 11.6rem;

  }

  .aesthetics_text_inner>div {

    width: 100%;

  }

  .aesthetics_hero_image {

    display: none;

  }

  .aesthetics_main_text {

    font-size: 4rem;

    line-height: 5.2rem;

  }

  .aesthetics_text_inner p {

    font-size: 1.8rem;

    line-height: 2.6rem;

  }

  .bg_image_relative img {

    height: 39.6rem !important;

  }

  .raaya_aesthetics_page footer.Main__footer_wrapper {

    margin-top: 5.2rem !important;

  }



  .raaya-wrapper {

    flex-direction: column-reverse;
    background: url(../images/sectionaestheticbg.webp);
    background-size: cover;
    background-repeat: no-repeat;

  }

  .left-section {

    margin: 0 1.6rem;

    gap: 6rem;

  }

  .vertical-text {

    position: static;

    height: 19rem;

  }

  .text-block p {

    max-width: 100%;

  }

  .left-section .text-block {

    padding-left: 0;

  }

  .left-image {

    max-width: 80%;

  }

  .left-section .vertical-text,

  .left-section .left-heading,

  .right-section .heading {

    display: none;

  }

  .overlay-vertical {

    right: 10px;

    bottom: 10px;

    writing-mode: vertical-rl;

  }

  .mobile_vertical {

    display: block;

    position: relative;

    width: 30%;

  }

  .main-image {

    min-height: 39.6rem;

  }

  .left-image img {

    min-height: 39.6rem;

    object-fit: cover;

    object-position: right;

  }



  .right-section {

    margin: 8.4rem 1.6rem 6rem;

    display: flex;

    align-items: flex-end;

    overflow: hidden;

  }

  .mobile_vertical .left-heading {

    top: -100%;

    right: 0;

  }

  .right-section .heading {

    position: relative;

    top: 0;

    left: 0;

    margin: 20px;

  }

  .main-image_container {

    position: relative;

  }

  .main-image_container .heading {

    display: block;

    position: absolute;

    margin: 0;

    top: 4%;

  }

  .heading h2 {

    font-size: 50px;

    color: #B79D6C;

  }

  .muse-fade {

    position: absolute;

    bottom: 10%;

    right: -10%;

    font-size: 5.2rem;

  }

}


/* raaya terra start */

.section_hero_inner_content {
  padding: 40px 0 0 !important;
}

.section_terra {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background: url(../images/raaya38.webp);
  background-size: cover;
  background-repeat: no-repeat;

}

.raaya-terra-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 60px 0px;
  max-width: 960px;
  margin: 0 auto;
  gap: 32px;
}

.raaya-terra-text h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}

.raaya-terra-text p {
  color: #ffffff;
  font-size: 21px;
  line-height: 26px;
  letter-spacing: 0;
  font-weight: 200;
}
.raaya-home-text p {
  font-weight: 200;
}
.desktop-only {
  display: flex;
}

.mobile-only {
  display: none !important;
}

.raaya-home-slider .swiper-slide {
  height: auto;
}

.raaya-home-slider img {
  width: 100%;
  height: 100%;
  margin-bottom: -4px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 80% !important;

  display: none !important;

  border-radius: 2.6rem;

  padding: 1.6rem;

  width: 5.8rem !important;

  height: 5.8rem !important;

  border: none;

}

.terraSwiper .swiper-pagination {
  margin-bottom: 12px !important;
}

/* 
.terraSwiper .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
  width: 32px !important;
  height: 4px !important;
  background: #b8b7b7 !important;
  border-radius: 6px;
}

.terraSwiper .swiper-pagination-clickable .swiper-pagination-bullet-active {
  background: #ffffff !important;
} */

.raaya-dash-pagination, .raaya-dash-pagination2  {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
}
.raaya-dash-pagination .dash img, .raaya-dash-pagination2 .dash img {
  width: 33px;
  height: auto;
  opacity: 0.4;
  transition: opacity 0.3s ease;
}
.raaya-dash-pagination .dash.active img, .raaya-dash-pagination2 .dash img {
  opacity: 1;
}

.faq-center-pagination {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
}
.faq-center-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 4px;
  background: rgba(255,255,255,0.4);
  opacity: 1;
}
.faq-center-pagination .swiper-pagination-bullet-active {
  background: #fff;
}


@media(max-width:768px) {
  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block !important;
  }

  .terraSwiper {
    position: relative;
    margin-top: 20px;
  }
  .raaya-terra-text {
    padding: 48px 1.6rem;
  }

  .raaya-terra-text h2 {
    font-size: 14px;
  }

  .raaya-terra-text p {
    font-size: 18px;
  }

  .swiper-button-next,
  .swiper-button-prev {

    display: block !important;

  }
  .raaya_aesthetics_page .raaya-home-text, .raaya_aesthetics_page .raaya-terra-text {
    padding: 32px 24px 64px;
  }
  .raaya-dash-pagination, .raaya-dash-pagination2 {
    bottom: 13px;
  }
  .raaya-dash-pagination .dash img, .raaya-dash-pagination2 .dash img {
    width: 24px;
  }
  .raaya-home-slider img {
    height: 396px;
  }
}

/* raaya terra end */