.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%;

}

.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;

}

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

  display: none !important;

  background: #FFFFFF33;

  border-radius: 2.6rem;

  padding: 1.6rem;

  width: 4.8rem !important;

  height: 4.8rem !important;

  backdrop-filter: blur(6px);

  border: 1px solid #FFFFFF66;

}

.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;

  }

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

    display: block !important;

  }

  .raaya-wrapper {

    flex-direction: column-reverse;
    background: url(../images/sectionaestheticbg.png);
    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;

  }

}