@font-face {
    font-family: 'GT-Ultra';
    src: url('../fonts/GT-Ultra-Median-Regular.woff2') format('woff2'),
         url('../fonts/GT-Ultra-Median-Regular.woff') format('woff'),
         url('../fonts/GT-Ultra-Median-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gambetta';
    src: url('../fonts/Gambetta-Medium.woff2') format('woff2'),
         url('../fonts/Gambetta-Medium.woff') format('woff'),
         url('../fonts/Gambetta-Medium.ttf') format('truetype'),
         url('../fonts/Gambetta-Medium.eot');
    font-weight: normal;
    font-style: normal;
}
  
:root {
    --gtFont :'GT-Ultra';
    --gambettaFont:'Gambetta';
    --gold :#AA8A4B;
    --white:#fff;
    --black:#000;
    --lightBlack:#363636;
}
html { scroll-behavior: auto !important;}
body {font-family: var(--gambettaFont); color: var(--lightBlack); font-size: 14px;}
ul, li {margin: 0; padding: 0; list-style: none;}
a, a:hover, a:focus {color: inherit; text-decoration: none; outline: none;}
img {width: 100%; height: auto; display: block;}
button {background: transparent; border: 0;}
section {margin-bottom: 50px; overflow: hidden;}

.title {font-family: var(--gtFont); color: var(--black); margin-bottom: 15px; font-size: 25px; text-transform: capitalize;}
.title span {color: var(--gold); display: block; font-size: 14px; margin-bottom: 12px;}

.cta {padding:12.5px; border: 1px solid var(--gold); color: var(--gold); border-radius: 100vw; line-height: 1; font-family: var(--gtFont); display: table; transition: all 0.3s ease-in-out;}
.cta:hover {background: var(--gold); color: var(--white);}

.dbBtn {display: flex; align-items: center; gap: 10px;}
.dbBtn:after {content: ''; width: 18px; height: 18px;   background-image: url(../images/downloadIcon.png); background-repeat: no-repeat; background-size: 100%; background-position: bottom; transition: all 0.3s ease-in-out;
}
.dbBtn:hover:after {background-position: top;}
section {scroll-margin-top: 500px;}

.sliderControl {margin-top: 30px; --bs-gutter-x: 10px;}
.sliderNavBtn {width: 20px; height: 20px; padding: 0;}
.sliderNavprevBtn {background:url(../images/prevArw.svg) no-repeat center; background-size: contain;}
.sliderNavNextBtn {background:url(../images/nextArw.svg) no-repeat center; background-size: contain;}
.swiper-pagination-progressbar.swiper-pagination-horizontal {height: 1px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--gold);}
.swiper-pagination-progressbar::before, .swiper-pagination-progressbar::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 100%; background: var(--gold);}
.swiper-pagination-progressbar::before {left: 0;}
.swiper-pagination-progressbar::after {right: 0;}

.swiper, .swiper-slide:focus {outline: none; border: 0;}

@media(min-width:991.99px){
    section {margin-bottom: 5.208vw;}
    p {margin-bottom: 0.833vw;}
    .title {font-size: 2.604vw; line-height: 3.125vw; margin-bottom: 1.563vw;}
    .title span {font-size: 1.146vw; line-height: 1; margin-bottom: 1.25vw;}
    .container {padding: 0 7.656vw; max-width: inherit;}
    .cta {padding: 1.25vw; min-width: 8.594vw;}
    .dbBtn {gap:0.885vw}
    .dbBtn:after {width: 1.302vw; height: 1.302vw;}

    .sliderControl {margin-top: 3vw; --bs-gutter-x: 1vw;}
    .sliderNavBtn {width: 1.563vw; height: 1.563vw;}
    .swiper-pagination-progressbar.swiper-pagination-horizontal {height: 0.078vw;}
    .swiper-pagination-progressbar::before, .swiper-pagination-progressbar::after {width: 0.365vw; height: 0.365vw;}
    
}
@media(min-width:1200.99px){
    body {font-size: 1.146vw;}
}


/* Animation */

.animateThis {
  position: relative;
  will-change: opacity transform;
}

.slideLeft {
  opacity: 0;
  transition: all 0.5s ease;
  transform: translate3d(50px, 0px, 0px);
}

.slideLeft.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.slideRight {
  opacity: 0;
  transition: all 0.5s ease;
  transform: translate3d(-50px, 0px, 0px);
}

.slideRight.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.slideTop {
  opacity: 0;
  transition: all 0.5s ease;
  transform: translate3d(0px, 50px, 0px);
}

.slideTop.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.fadeGrow {
  opacity: 0;
  transition: all 0.7s ease;
  transform: scale(0.5);
}

.fadeGrow.in-view {
  opacity: 1;
  transform: scale(1);
}

.fadeIn {
  opacity: 0;
  transition: all 0.5s ease;
}

.fadeIn.in-view {opacity: 1;}

/* Header */
.rayaLogo {width: 85px; display: block;} 
.realtyLogo {width: 60px; display: block;}
@media(min-width:991.99px){
    header {padding-top: 2.113vw; padding-bottom: 1.548vw; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; }
    .rayaLogo {width: 11.458vw;} 
    .realtyLogo {width: 8.073vw;}
    .rayaClrLogo, .realtyClrLogo, .menuCol {display: none;}
    header.fixed {background: var(--white); box-shadow:0 0 10px rgb(0 0 0 / 20%); position: fixed; top: 5vw; transform: translateY(-5vw); padding: .5vw 0; transition: top 0.3s ease-in-out;}
    header.fixed .rayaLogo {width: 7vw;} 
    header.fixed .realtyLogo {width: 5vw;}
    header.fixed .rayaClrLogo, header.fixed .realtyClrLogo, header.fixed .menuCol {display: block;}
    header.fixed .rayaWhLogo,  header.fixed .realtyWhLogo{display: none;}
}
@media(max-width:991.99px){
    header {position: sticky; top: 0; background: var(--white); z-index: 999;  box-shadow: 0 0 10px 0px rgba(0,0,0,0.20);}
    .rayaLogo {margin-top: 10px;}
    .rayaWhLogo,  .realtyWhLogo{display: none;}
}

/* Menu Bar */
/* nav {background: var(--white); position: sticky; top: 0; z-index: 999; box-shadow: 0 0 10px 0px rgba(0,0,0,0.10);} */
.menuList {display: flex;}
.menuList li {line-height: 1; font-family: var(--gtFont); color: var(--black);}
.menuList li a {display: block; position: relative;}

@media(min-width:991.99px){
    nav > .container > .row {--bs-gutter-x:3vw;}
.menuList {gap:1.563vw}
.menuList li {padding: 2vw 0; font-size: 1.042vw;}
.menuList li a {padding-bottom: 0.521vw;}
.menuList li a::after {content: ''; position: absolute; bottom: 0; width: 0; left: 0; right: 0; margin: 0 auto; height: 2px; background: var(--gold); transition: all 0.3s ease-in-out;}
.menuList li a:hover:after, .menuList li a.active:after  {width: 100%;}
nav .enquireBtn {padding: 1vw 1.25vw;}
}
@media(max-width:991.99px){
    .menuBtn {display: block; padding: 0; width: 30px; height: 20px; position: relative;}
    .menuBtn span {display: block; background: var(--black); width: 100%; height: 2px; position: absolute; top: 50%; left: 0; transition: all 0.3s ease-in-out;}
    
    .menuBtn span:nth-child(1) {transform:translate3d(0,-10px,0)}
.menuBtn span:nth-child(4) {transform:translate3d(0,10px,0)}

    .menuBtn.active span:nth-child(1),
.menuBtn.active  span:nth-child(4) {transform:translate3d(0,0,0);opacity:0;width:0}
.menuBtn.active  span:nth-child(2) {transform:rotate(45deg)}
.menuBtn.active  span:nth-child(3) {transform:rotate(-45deg)}


    nav {width: 100%; position: fixed; top: 77px; left: 0; box-shadow: none;  padding: 30px; background: var(--white); z-index: 999; border-top: 5px solid var(--gold); display: none;}
    .menuOverlay {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgb(0 0 0 / 68%); z-index: 99; display: none;}
    .menuList {display: block;}
    .menuList li a {padding: 20px 0; border-bottom: 1px solid #ddd;}
}


/* Banner */
.bannerSwiper {height: 100vh;}

.bannerSwiper .swiper-wrapper, .bannerSwiper .swiper-slide, .bannerSwiper .bannerCol {height: 100%; position: relative;}
.bannerCol img {height: 100%; object-fit: cover;}
.bannerCol video {object-fit: cover; object-position: center; width: 100%; height: 100%;}

.toggleVlm {position: absolute;  bottom: 3%; right: 3%; width: 30px; height: 30px; background: none; border: 0; padding: 0; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: 100%;  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06M6 5.04 4.312 6.39A.5.5 0 0 1 4 6.5H2v3h2a.5.5 0 0 1 .312.11L6 10.96zm7.854.606a.5.5 0 0 1 0 .708L12.207 8l1.647 1.646a.5.5 0 0 1-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 0 1-.708-.708L10.793 8 9.146 6.354a.5.5 0 1 1 .708-.708L11.5 7.293l1.646-1.647a.5.5 0 0 1 .708 0' clip-rule='evenodd'/></svg>");
	}


    
	.toggleVlm.active {background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M9 4a.5.5 0 0 0-.812-.39L5.825 5.5H3.5A.5.5 0 0 0 3 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 0 9 12zM6.312 6.39 8 5.04v5.92L6.312 9.61A.5.5 0 0 0 6 9.5H4v-3h2a.5.5 0 0 0 .312-.11M12.025 8a4.5 4.5 0 0 1-1.318 3.182L10 10.475A3.5 3.5 0 0 0 11.025 8 3.5 3.5 0 0 0 10 5.525l.707-.707A4.5 4.5 0 0 1 12.025 8' clip-rule='evenodd'/></svg>");}

@media(max-width:991.99px){
       /*.bannerSwiper {height: auto;}*/
    .bannerSwiper .swiper-slide {height: auto;}
}

@media(min-width:991.99px){
    .banner {height: 100vh;}
     .banner img {object-position: bottom; height: 100%; object-fit: cover;}
    .toggleVlm {width: 4vw; height: 4vw;}

 
}

@media(min-width:575.99px){
    .banner {width: 100%; aspect-ratio: 16/9; position: relative;}

}

@media(max-width:575.99px){
    .banner {height: 75vh;}

}


/* Overview */
#overviewSection {/*background: url(../images/overviewBg.png) repeat-x center; background-size: 50% 100%;*/ padding: 50px 0;}
.overviewPara {margin-bottom: 25px;}
.overviewPara p:last-child {margin: 0;}
@media(min-width:991.99px){
    #overviewSection {padding:  0;}
    .overviewPara {margin-bottom: 2.604vw;}
}

/* Project Highlights */
#phSection {overflow: hidden;}
.phSwiper {overflow: visible;}
.phBox {line-height: 1; color: var(--black); font-family: var(--gtFont); font-size: 15px; flex: 1;}
.phImg {margin-bottom: 17.5px; height: 300px;}
.phImg img {height: 100%; object-fit: cover;}
.phSwiper .swiper-slide {width: 100%; height: auto; display: flex; align-items: center;}
/* .phSwiper .swiper-wrapper .swiper-slide:nth-child(4n+1) .phBox .phImg {height:150px;}
.phSwiper .swiper-wrapper .swiper-slide:nth-child(even) .phBox .phImg {height: 300px;} */
/* .phSwiper .swiper-wrapper .swiper-slide:nth-child(4n+2) .phBox .phImg, .phSwiper .swiper-wrapper .swiper-slide:nth-child(4n+4) .phBox .phImg {height: 300px;}
.phSwiper .swiper-wrapper .swiper-slide::nth-child(4n+3) .phBox .phImg {height: 171.5px;} */

@media(min-width:991.99px){
    .phBox {font-size: 1.563vw}
    .phImg {margin-bottom: 1.833vw; height: 31.25vw;}
    /* .phSwiper .swiper-wrapper .swiper-slide .phBox .phImg {height: 31.25vw;} */
     /* .phSwiper .swiper-wrapper .swiper-slide:nth-child(even) .phBox .phImg {height: 31.25vw;} */
    /* .phSwiper .swiper-wrapper .swiper-slide:nth-child(4n+2) .phBox .phImg, .phSwiper .swiper-wrapper .swiper-slide:nth-child(4n+4) .phBox .phImg {height: 31.208vw;}
    .phSwiper .swiper-wrapper .swiper-slide::nth-child(4n+3) .phBox .phImg {height: 17.881vw;} */
}

/* Amenities Section */
#amentSection {overflow: hidden;}
.amentBox {position: relative; line-height: 1;  color: var(--black); font-family: var(--gtFont); font-size: 15px;}
.amentImgBox {height: 250px; margin-bottom: 17.5px;}
.amentBox img {height: 100%; object-fit: cover;}
.amentBox .playBtn {position: absolute; bottom: 15px; left: 15px; color: var(--white); font-family: var(--gtFont); display: flex; align-items: center; gap: 5px;}
.amentBox .playBtn span {width: 20px; height: 20px; display: block;   background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z' clip-rule='evenodd'/></svg>"); background-repeat: no-repeat; background-size: 100%;}

@media(min-width:991.99px){
    .amentSwiper {margin-right: -7.656vw;}
    .amentBox {font-size: 1.563vw}
    .amentBox .playBtn {left:1.823vw; bottom:1.823vw; gap: 0.5vw;}
    .amentBox .playBtn span {width: 1.563vw; height: 1.563vw;}
    .amentImgBox {height: 25.365vw; margin-bottom: 1.833vw;}
}

@media(max-width:575.99px){
    .amentSwiper {overflow: visible;}
}

/* Gallery */
.gallerySwiper {overflow: visible;}
.galleryBox {display: block;}
.galleryBox img {height: 290px; object-fit: cover;}
@media(min-width:991.99px){
    .gallerySwiper .swiper-slide {width: 29.688vw;}
.galleryBox img {height: 30.208vw;}
}

/* Connectivity */
#connectivity {position: relative;}
.connectivityList {margin-top: 40px; list-style: disc; padding-left: 30px;}
.connectivityList li {/*display: flex;*/  align-items: center; text-transform: capitalize; margin-bottom: 20px; gap: 20px; font-size: 16px; list-style: disc;}
.connectivityList li img {width: 30px;}
@media(min-width:991.99px){
    .connectivityList {margin-top: 3vw;}
    .connectivityList li {margin-bottom: 2vw; gap: 2vw; font-size: 1.146vw;}
    .connectivityList li img {width: 2.083vw;}
    .mapImg {position: absolute; top: 0; right: 0; width: 47%; height: 100%; object-fit: cover;}
}

/* About us */
#aboutUs {text-align: center; background: url(../images/aboutBg.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
.counterWrp .col {position: relative;}
.counterWrp .col:after {content: ''; position: absolute; right: 0; width: 1px; height: 40px; top: 50%; transform: translateY(-50%); background: var(--gold);}
.counterWrp .col:last-child:after {display: none;}
.countBox {display: flex; justify-content: center; align-items: center; color: var(--gold); font-family: var(--gtFont); line-height: 1;}
.countBox h5 {margin: 0; line-height: 1;}
.countBox,  .countBox h5 { font-size: 30px;}
@media(min-width:991.99px){
    #aboutUs {padding: 5.208vw 0;}
    .counterWrp {margin-top: 3.5vw!important;}
    .counterWrp .col:after {height: 4vw;}
    .countBox {margin-bottom: 1vw;}
    .countBox,  .countBox h5 {font-size: 2.604vw;}
    .counterWrp .counterTxt {font-size: 1.042vw;}
}
@media(max-width:768.99px){
.counterWrp .col:nth-child(2):after {display: none;}
}

.prBox {font-family: var(--gtFont); color: var(--black); font-size: 15px;}
.prBox span {color: var(--lightBlack); font-size: 12px; font-family: var(--gambettaFont); font-style: italic;}
.prBox img {height: 185px; margin-bottom: 15px; object-fit: cover;}
@media(min-width:991.99px){
    .prBox {font-size: 1.563vw;}
    .prBox span {font-size: 1.042vw;}
    .prBox img {margin-bottom: 1.563vw; height: 19.271vw;}
}
@media(max-width:575.99px){
    .prSwiper {overflow: visible;}
}

/* Contact */
.contactList {margin-top: 30px;}
.contactList li {margin-bottom: 30px;}
.contactList li:last-child {margin: 0;}
.contactList li img {width: 30px;}
.contactList li h6 {font-family: var(--gtFont);}
.contactForm > * {margin-bottom: 30px;}
.contactForm > *:last-child {margin: 0!important;}
.contactForm .form-control {border: 0; border-radius: 0; background: transparent; border-bottom: 1px solid var(--gold); padding-left: 0; padding-right: 0; font-family: var(--gtFont);}
.contactForm .form-control:focus {box-shadow: none; border-color: inherit;}
.contactForm label {font-family: var(--gtFont);}
.contactForm label span {color: #f00;}

@media(min-width:991.99px){
    .contactRow {gap:7.813vw}
    .contactList {margin-top: 3.906vw;}
    .contactList li  {margin-bottom: 3.906vw;}
    .contactList li img {width: 2.083vw;}
    .contactList li h6 {font-size: 1.302vw;}
    .contactForm > * {margin-bottom: 3.385vw;}
    .contactForm label {font-size: 1.042vw; margin-bottom: 1vw;}
    .contactForm .form-control {font-size: 0.833vw;}
}



/* Footer */
.disclaimerWrp {background: #302A24; color: var(--white); padding: 35px 0; position: relative; overflow: hidden;}

.disclaimerWrp p:last-child {margin: 0;}
.disclaimerBtn {color: var(--white); position: relative; display: flex; align-items: center; justify-content: center; gap:10px; margin: 0 auto;}
.disclaimerBtn:after {content: ''; width: 10px; height: 10px;   background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z' clip-rule='evenodd'/></svg>");
}
.disclaimerTxt {display: none;}

@media(min-width:991.99px){
    .disclaimerWrp {padding: 1vw 0;}
    .disclaimerWrp::before, .disclaimerWrp::after {content: ''; position: absolute; height: 100%; background: url(../images/line.png) no-repeat top; background-size: 100%; top: 14.323vw;}
    .disclaimerWrp::before, .disclaimerWrp::after {width: 15.208vw; }
    .disclaimerWrp::before {left: -10%;}
    .disclaimerWrp::after {right: -10%;}
}

.fancybox__backdrop {opacity: 0.9; background: #000;}

/* Get in touch form */
.popupForm {max-width: 1000px; background: #fff7e9;}
.popupForm .contactForm label {margin: 0;}

@media(min-width:991.99px){
.formWrp {padding: 2vw 4vw;}
.popupForm h2.title {font-size: 2vw;}
.popupForm .contactForm > * {margin-bottom:1.5vw;}
}

@media(max-width:991.99px){
.popupForm  {width: 80%;}
.formWrp {padding: 30px;}
}

@media(max-width:575.99px){
.popupForm  {width: 90%;}
}

.brochureForm {max-width: 600px;}

/* mobile sticky box */

@media(max-width:991.99px){
.leadBox  {background: var(--gold); color: var(--white); position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 99; }
.leadBox::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background: var(--white);}
.leadBox a {display: block; width: 50%; padding: 10px 0;}
}


/* Partners */
#partners  img {aspect-ratio: 1/1; object-fit: cover;}
 #partners h4 {font-size: 16px; font-family: var(--gtFont); margin-bottom: 15px; color: var(--black);}
  #partners h4 span    {display: block; font-style: italic; font-family: var(--gambettaFont); color: var(--lightBlack);}
@media(min-width:991.99px){
    #partners .row {--bs-gutter-x: 4.427vw;}
    #partners h4 {font-size: 1.563vw; margin-bottom: 1.302vw;}
      #partners h4 span  {font-size: 1.042vw;}
}

.ryiFormWrp {background: #fff7e9;}

@media(min-width:991.99px){
    .overviewRow {--bs-gutter-x:5vw;}
    .ryiFormWrp .formWrp {padding-top:5vw; padding-bottom: 5vw;}
    .ryiFormWrp .contactForm > * {margin-bottom: 2vw;}
}

.checkBtn {display: table; color: #000; position: relative;}
.checkBtn:hover {color: var(--gold);}
.checkBtn:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--gold);}