* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Barlow', sans-serif;
}

html {
  font-size: 65%;
  scroll-behavior: smooth;
 
}
@font-face {
  font-family: 'TrajanPro Bold';
  src: url('../fonts/TrajanPro-Bold.otf') format('opentype');
  font-weight: bold;
}

@font-face {
  font-family: 'TrajanPro Regular';
  src: url('../fonts/TrajanPro-Regular.ttf') format('truetype');
  font-weight: normal;
}
/**************** Bodoni *********************/

/* Bold */
@font-face {
  font-family: 'Bodoni MT Bold';
  src: url('../fonts/BOD_B.TTF') format('truetype');
  font-weight: bold;
}

/* Italic */
@font-face {
  font-family: 'Bodoni MT Italic';
  src: url('../fonts/BOD_I.TTF') format('truetype');
  font-style: italic;
}


/* Bold Italic */
@font-face {
  font-family: 'Bodoni MT Bold Italic';
  src: url('../fonts/BOD_BI.TTF') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* Regular */
@font-face {
  font-family: 'Bodoni MT Regular';
  src: url('../fonts/BOD_R.TTF') format('truetype');
  font-weight: normal;
}


body {
  --main-color: #00377b;
  --primry-color: #E5B250;
  --secondary-color: #F1F2F2;
  --primary-button-background: #E5B250;
  --background-color: #000000;
  --white-lily-color:#5D042D;
}

h1,
h2 {
  
  color: var(--main-color);
}

h4,
h3 {
  
  color: var(--main-color);
}

h3 {
  font-weight: 750;
  font-size: 2.2rem;
  line-height: 6rem;
  text-transform: capitalize;
  letter-spacing: 0px;
}
h5{
  color: var(--background-color);
}

p {
  font-size: 1.923rem;
  line-height: 150%;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0px;

}


a {
  text-decoration: none;
  cursor: pointer;
  font-size: 1.5rem;
  color: #ffffff;
}
a:hover {
  text-decoration: none
}
li {
  list-style: none;
}

button {
  padding: 1rem 3rem;
  border: none;
  outline: none;
  line-height: 3.6rem;
  text-transform: capitalize;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 2rem;
  border-radius: .5rem;
}

section {
  padding: 60px 0;
  overflow: hidden;
  /* scroll-margin-top: 80px */
}

/*************Owl Carousel dots****************/
.owl-carousel{
  position: relative;
}

.owl-dots{
  position: absolute;
  bottom:1%;
  left:25%;
  right:25%;
}

#header .owl-dots{
  position: absolute;
  bottom:12%;
  left:25%;
  right:25%;
}

#header .owl-theme .owl-dots .owl-dot span{
 background: #ffffff;
}

/*************Owl Carousel nav****************/

.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: -5rem;
   background: none;
  
}
.owl-carousel .owl-nav button.owl-prev:hover {
   background: none; 
}
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: -5rem;
   background: none;
}
.owl-carousel .owl-nav button.owl-next:hover {
  background: none; 
}
.two .owl-nav {
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  width: 100%;
}
.two .owl-nav button.owl-next {
  position: absolute;
  right: -4rem;
   background: none;
}

/* Owl Carousel Nav Button Color */


.owl-carousel .owl-nav button.owl-prev i,
.owl-carousel .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: var(--main-color); /* Adjust the desired color */
}
#whiteLillyPage .owl-carousel .owl-nav button.owl-prev i,
#whiteLillyPage .owl-carousel .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: var(--primry-color); /* Adjust the desired color */
}
#whiteLillyResidencyPage .owl-carousel .owl-nav button.owl-prev i,
#whiteLillyResidencyPage .owl-carousel .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: #00280d; /* Adjust the desired color */
}

#parkcitycentre .owl-carousel .owl-nav button.owl-prev i,
#parkcitycentre .owl-carousel .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: #00234c; /* Adjust the desired color */
}
#parkersuites .barrestrocarousel .owl-nav button.owl-prev i,
#parkersuites .barrestrocarousel .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: var(--primry-color); /* Adjust the desired color */
}
#aboutus .residentialRowCarousel  .owl-nav button.owl-prev i,
#aboutus .residentialRowCarousel  .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: var(--primry-color); /* Adjust the desired color */
}
#contactus .residentialRowCarousel  .owl-nav button.owl-prev i,
#contactus .residentialRowCarousel  .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: var(--primry-color); /* Adjust the desired color */
}

#whiteLillyPage .unitslayout  .owl-nav button.owl-prev i,
#whiteLillyPage .unitslayout  .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: #8b0044; /* Adjust the desired color */
}
#parkResidency .owl-carousel  .owl-nav button.owl-prev i,
#parkResidency .owl-carousel  .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: #3a120c; /* Adjust the desired color */
}
#parkersuites .whitelilyresidencyunitslayout  .owl-nav button.owl-prev i,
#parkersuites .whitelilyresidencyunitslayout  .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: #00280d; /* Adjust the desired color */
}
#parkcitycentre .owl-carousel  .owl-nav button.owl-prev i,
#parkcitycentre .owl-carousel  .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: #00234c; /* Adjust the desired color */
}


#javierManagement .owl-carousel  .owl-nav button.owl-prev i,
#javierManagement .owl-carousel  .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: #00234c; /* Adjust the desired color */
}

.card {
  /* box-shadow: 0 5px 8px rgba(0,0,0,0.3); */
  border: none;
}
/* .owl-carousel .item {
  height: 60rem; 
  display: flex;
  justify-content: center;
  align-items: center;
} */

/* navigation bar start  */


.videoPanel iframe{
  height: 100%;
  width: 100%;
}



 .navbar {
  height: 12.4rem;
  background: #ffffff;
  
}
.desktopMenu .navbarDropdown{
  height: 12.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.desktopMenu .nav-item{
  display: flex;
  justify-content: center;
  align-items: center;
}
 .websiteLogo{
  height: 8.654rem;
  width: 18.558rem;
}
.desktopMenu .navbar-nav .nav-link {
 
  font-size: 1.924rem;
  line-height: 2.308rem;
  font-weight: 700;
  color: var(--background-color);
  letter-spacing: 0px;
  margin-right: 1.8rem; 
  margin-left: 1.8rem;  
  text-transform: uppercase;
}

.desktopMenu .phoneIcon{
  height: 2.885rem;
  width: 2.885rem;
  margin-right: 1.2rem;
}
.desktopMenu .searchIcon{
  height: 3.365rem;
  width: 3.365rem;
  margin-right: 0;

  
}
.desktopMenu .hamburderIcon{
  width: 10rem;
  height: 6.404rem;
  margin-right: 0;

  
}
.desktopMenu .fristtree{
  background-color: var(--background-color);
  
}
.desktopMenu .secondtree{
  background: #E6E7E8
}
.desktopMenu .secondtree li{
  padding-left: 1rem;
}
.desktopMenu .fristtree .dropdown-item{
  color: #ffffff;
  font-weight: 700;
  font-size: 1.923rem;
  line-height: 150%;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
}
.desktopMenu .secondtree .dropdown-item{
  color: var(--background-color);
  text-align: left;
  text-transform: capitalize;
}
.desktopMenu .fristtree .dropdown-item:hover{
  /* color: var(--primary-button-background); */
  background: transparent;
}

.desktopMenu .nav-link:hover{
  /* color: var(--primary-button-background); */
  background: transparent;
}

.fristtree li:hover{
  background: var(--primry-color);
}
.secondtree li:hover{
  background: transparent;
}
.desktopMenu .fristtree li{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34.615rem;
  height: 7.212rem;  
}

.desktopMenu .fristtree li:not(:first-child) {
  border-left: 0.1px solid #939598;
}

.desktopMenu .secondtree li:not(:last-child) {
  border-bottom: 0.1px solid black;
  border-left: none;
}
/* .desktopMenu .navbar .navbar-nav .nav-link:hover{
  color: var(--primary-button-background);
} */
.secondtreesecondary .nav-link:hover{
  color: white  !important;
}  
.secondtreesecondary li:hover{
  color: white  !important;
}
.secondtreesecondary:hover{
  background: red;
}
.desktopMenu .secondtreesecondary:before {
  content: '';
  position: absolute;
  top: -14%;
  left: 45%;
  border-bottom: 1rem solid var(--background-color);
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}
.desktopMenu .secondtreesecondary:hover:before {
  border-bottom: 1rem solid var(--primry-color);

}
.threetreesecondary .nav-link:hover{
  color: white  !important;
}  
.threetreesecondary li:hover{
  color: white  !important;
}
.threetreesecondary:hover{
  background: red;
}

.desktopMenu .threetree{
  background: #E6E7E8
}
.desktopMenu .threetree li{
  padding-left: 1rem;
}
.desktopMenu .threetree .dropdown-item{
  color: var(--background-color);
  text-align: left;
  text-transform: capitalize;
}
.threetree li:hover{
  background: transparent;
}
.desktopMenu .threetree li:not(:last-child) {
  border-bottom: 0.1px solid black;
  border-left: none;

}


.desktopMenu .threetreesecondary:hover:before {
  border-bottom: 1rem solid var(--primry-color);

}
.desktopMenu .secondarrow:before {
  content: '';
  position: absolute;
  top: -14%;
  left: 25%;
  border-bottom: 1rem solid var(--background-color);
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}
.desktopMenu .secondarrow:hover:before {
  border-bottom: 1rem solid var(--primry-color);

}
.desktopMenu .threearrow:before {
  content: '';
  position: absolute;
  top: -14%;
  left: 45%;
  border-bottom: 1rem solid var(--background-color);
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}
.desktopMenu .threearrow:hover:before {
  border-bottom: 1rem solid var(--primry-color);

}
.desktopMenu .fourarrow:before {
  content: '';
  position: absolute;
  top: -14%;
  left: 60%;
  border-bottom: 1rem solid var(--background-color);
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}
.desktopMenu .fourarrow:hover:before {
  border-bottom: 1rem solid var(--primry-color);

}
.desktopMenu .fivearrow:before {
  content: '';
  position: absolute;
  top: -14%;
  left: 90%;
  border-bottom: 1rem solid var(--background-color);
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}
.desktopMenu .fivearrow:hover:before {
  border-bottom: 1rem solid var(--primry-color);

}
#ResidentialDropdown {
  color: white !important;
}
#CommercialDropdown {
  color: white !important;
}
  @media only screen and (min-width: 960px) {
  .firstMenu:hover .fristtree {
    display: block;
    margin-top: 0;
  }
  
  .firstMenu:hover .fristtree {
    display: flex; 
    justify-content: center;
    align-items: center;

  }
  .navbar-expand-lg .navbar-nav .fristtree{
    position: fixed;
    top: 0%;
    margin-top: 12.3rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0px;
  }
 
  .firstMenu .fristtree {
    display: none;
  }
  .dropdown-toggle::after {
    display: none;
  }
  
}

/* mobile menu */
.mobileMenu .collapse {
  padding: 2rem;
  
}
.mobileMenu .navbar-nav .nav-link {
 
  font-size: 1.924rem;
  line-height: 2.308rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0px;
  margin: 2rem;  
  text-transform: uppercase;
}
#navbarDropdownresidentials{
  color: #000000;
  padding: 1.8px 7.2px;


}
.mobileMenu .dropdown-menu .dropdown-item {
 
  font-size: 1.924rem;
  line-height: 2.308rem;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0px;
  margin: 2rem;  
  text-transform: uppercase;
}
.mobileMenu .dropdown-menu{
  background: #f1f2f2;
  border-radius: 0;
}

/* navigation bar end  */



#section2 .owl-carousel .item .cardd {
  height: 100%;
  width: 100%;
}

.owl-carousel .item .card-img-top {
  height: 30rem;
  object-fit: cover;
}

.two .owl-item, .two .item{
  /* width: 21.346rem!important; */
  height: 30.75rem;
 

}


.two .owl-stage{
  margin-bottom: 1rem;
}



/*************Home Page****************/

.section-heading{
  text-align: center;
  color: var(--main-color);
  text-transform: capitalize;
  font-size: 3.8rem;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 120%;
}
.section-heading2{
  text-align: center;
  color: var(--main-color);
  text-transform: capitalize;
  font-size: 3.8rem;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 120%;
}
.second-heading{
  text-align: center;
  color: var(--primry-color);
  font-size: 5rem;
  letter-spacing: 0px;
  font-weight: 700;
  line-height: 120%;
}

.button1{
  background-color: var(--main-color);
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 120%;
  width:18.58rem;
  height:5.7rem;
}
.button2{
  background-color: var(--primary-button-background);
  color: #000000;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 120%;
  width:18.58rem;
  height:5.7rem;
}
.viewall{
  background-color: var(--primary-button-background);
  color: #000000;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 120%;
  width:18.58rem;
  height:5.7rem;
  transition: all 0.3s linear;
}
.viewall:hover{
  background-color: var(--main-color);
  color: #ffffff;
}
.button3{
  background-color: #8B0044;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 120%;
  width:18.58rem;
  height:5.7rem;
}
/*header*/

/* .header{
  height: 100vh;
} */

#moodvideo {
  width: 100%;
  object-fit: cover
}




/************************section2 *******************/

#section2{
  background: url(../images/parkreality.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
#section2 .owl-carousel .item {
  border: 1px solid #939598;
  
  
}
#section2 .owl-item{
  background: white;
}
#section2 .owl-item:hover{
  background: var(--main-color);

}
#section2 .owl-item:hover p{
  color: #FFFFFF;
}
#section2 .over{
  font-size: 1.9rem;
  color: var(--background-color);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0px;
}

#section2 .owl-item{
  border-radius: 0px;
  border: none;
}
#section2 .over-heading{
  font-size: 6.319rem;
  /* letter-spacing: -4px; */
  font-weight: 700;
  line-height: 120%;
  color: var(--main-color);
}
#section2 .section7p{
  font-weight: normal;
  line-height: 1.2;
  font-weight: 600;
}
#section2 .imgdiv{
  
  float: right;
  clear: both;
}
.two .cardd-body{
  padding: 2rem!important;
  padding-right: 3rem!important;
}


.imgdiv {
  position: absolute; /* Position the image absolutely within the card content */
  bottom: 0; /* Place the image at the bottom of the card content */
  left: 80%; /* Center the image horizontally within the card content */
  transform: translateX(-50%); /* Adjust the positioning for centering */
  margin-bottom: 1.2rem; /* Add the desired gap between the image and the bottom of the card */
}
.borderimg{
  display: block;
  margin: 0 auto;
}
#section3{
  padding-top: 9rem;
  padding-bottom: 2rem;
}

#slider4 .owl-carousel .item{
  height: auto;
}

#section5 h5{
  color: var(--background-color);
  font-weight: 600;
  font-size: 1.635rem;
}
#section5 strong{
  color: var(--background-color);
  font-weight: 600;
  font-size: 1.635rem;
}
#section5 p{
  margin-top: 2px;
  color: var(--background-color);
  font-weight: 400;
  font-size: 1.635rem;
}


.highlight{
  color: var(--background-color);
  font-size: 1.436rem;
  font-weight: bold;
  padding: .5rem 1.4rem;
  border-radius: 5px;
  border: 2px solid var(--primary-button-background);
}
#section5 .owl-carousel .item .card-img-top{
    height: 32.981rem !important;
    object-fit: cover;
}

.residentialInner{
  width: 43.077rem;
  height: 68rem;
  background: #ffffff;
  box-shadow: 0 15px 25px 0  rgba(0, 0, 0, 0.20);
  transition: all 0.5s linear;


}
.residentialInner:hover {

  box-shadow: 0px 25px 25px 5px rgba(0, 0, 0, 0.20);

  transform: translateY(-10px);
}
.residentialInnerimg{
  width: 43.077rem;
  
}
.residentialInner {
  overflow: hidden;
}
.residentialRow .owl-stage{
  margin-bottom: 2rem;
}
.residentialInnerimg {
  transition: transform 0.3s ease;
}

.residentialInner:hover .residentialInnerimg {
  transform: scale(1.11);
   /* margin-top: -5%; */

}
.residentialInnerimg{
  margin-bottom: 3rem;
}
#section6{
  background: url(../images/the_talk.webp);
  background-size: cover;
  background-position: center center;
}


#section9{
  background: url(../images/contact.webp);
  background-size: cover;
  background-position: center center;
}

#section7  {
  background-color: var(--secondary-color);
  height: 77.5rem;
}
#section7 .tesimonial{
  width: 44.712rem;  

}
#section7 .tesimonialCardImg{
  height: 29.712rem;
  width: 44.712rem;  
}
#section7 .owl-carousel .item {
  height: 45rem; /* Adjust the desired height for the item divs */
  display: flex;
  justify-content: center;
  align-items: center;
}

.third .owl-item{
  width: 44.712rem !important;  

}
.third .owl-item {
  margin: 0px 0.673rem;
}
.section7p{
  font-size: 1.5rem;
  font-weight: 600;

}





/************************section8 *******************/

.bg-img{
  background: url(../images/background.webp);
}



.third .item .card-img-top {
  /* height: 29.595rem; */
  object-fit: cover;
  /* width: 44.712rem; */
}

.four .owl-item {
  width: 43.077rem!important;
  height: 64.904rem;
  margin: auto 1.538rem;
  margin-bottom: 1rem
}
.newsdiv{
  background: #ffffff;
  width: 43.077rem!important;
  height: 64.904rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.35);

}
.newunder{
  width: 38.365rem;
}
.newunder img{
  height: 32.212rem;
}
.four  .owl-stage{
  margin-top: 2rem;
}
.formdiv{
  height: 60.192rem;
  width: 43.077rem;
}

.formdiv label{
  font-size: 1.93rem;
  line-height: 150%;
  color: #000000;
  letter-spacing: 0px;
  margin-bottom: 1rem;
  font-weight: 400;
}
.readmore{
  margin-top: 4rem;
  width: 18.654rem;
  height: 5.962rem;
  background: transparent;
  border: 2px solid var(--primary-button-background);
  align-items: left;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--main-color);
}


.formdiv input::placeholder {
  font-size: 1.93rem;
  line-height: 150%;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0px;
  font-weight: 400;
}
.form-control-lg{
  padding: 1rem;
}
.contactdetails h4{
  color: #ffffff;
  line-height: 2.885rem;
  font-size: 2.885rem;
  font-weight: 400;
}
.contactdetails p{
  color: #ffffff;
  line-height: 120%;
  font-size: 2.308rem;
  font-weight: normal;
}

.socialmediaicons{
  display: flex;
  margin-top: 5rem;
  padding-left: 0;

}
.socialmediaicons  img{
  height: 4.3rem;
  width: 4.3rem;
  margin-right: 1rem;
}

.videoPanel{
  padding: 0px 6.731rem;
}
.videosection{
  background: #ffffff;
  /* width: 122.115rem; */
  height: 67.404rem;
  box-shadow: 3px 0 7px 0 rgba(0, 0, 0, 0.35);
  padding: 1rem;

}
.videosection video {
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
}

.footer {
    
    font-size: 1.5rem;
    padding: 40px 0;
    color: #fff;
    background: var(--main-color);
    border-top: 2px solid var(--primary-button-background); 
}

.footer .footer-links  h4{
  font-size: 2.32rem;
  color: #ffffff;
  letter-spacing: 0px;
  line-height: 120%;
  font-weight: 500;
  position: relative;
  padding-bottom: 12px;
  
  
}

.footer .footer-links  ul li a{
  font-size: 2.32rem;
  color: #ffffff;
  letter-spacing: 0px;
  line-height: 120%;
  font-weight: 400;

  
}


.footer .footer-links ul li {
  padding: 5px 0;
  display: flex;
  align-items: center;
}

.footer .footer-links ul{
  padding: 0%;
}
.postfooter{
  background: var(--background-color);
}
.postfooter p{
  font-size: 2.32rem;
  line-height: 120%;
  font-weight: 400;
  padding: 30px 0;
  color: #fff;
}
.footerheading{
  font-weight: 500 !important;
}


#imagecarousel{
  background: var(--secondary-color);
}

.banner_banks .owl-item{
  background: #FFF;
  border: 1px solid var(--primry-color);
  border-radius: 1px;
  width: 26.537rem!important;
  height: 10.261rem;
  margin: auto 0.962rem;
}
.banner_banks .owl-stage{
  display: flex;
  justify-content: center;
}
.banner_banks .item{
  padding: 0;
  display: flex;
  align-items:center;
  justify-content: center;
  height: 100%;
  height: 100%;
}
.item1 img{
  width: 14.288rem!important;
  height: 4.288rem;
}
.item2 img{
  width: 19.714rem!important;
  height: 5.143rem;
}
.item3 img{
  width: 20.019rem!important;
  height: 4.615rem;
}
.item4 img{
  width: 21.269rem!important;
  height: 3.846rem;
}
.item5 img{
  width: 19.058rem!important;
  height: 7.5rem;
}

.enquirynowbtn{
  position: fixed;
  z-index: 2;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4.808rem;
  height: 16.923rem;
}
.chatbot{
  position: fixed;
  z-index: 2;
  right: 2%;
  bottom: 5%;
  transform: translateY(-50%);
  width: 5%;
  animation: rotate 2s linear infinite;
}
.chatbot:hover {
  animation-play-state: paused;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.callpopup{
  position: fixed;
  z-index: 2;
  right: 8%;
  bottom: 0%;
  transform: translateY(-50%);
  width: 5%;
  background: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  
}
.callpopup img{
  width: 100%;
}
/************************************************* Home Page End********************************************/


/************************************************ White Lily Page Start *************************************/
#header .first .item {
  position: relative;
  overflow: hidden;
}

#header .first .item img {
  width: 100%;
  height: auto;
  animation: kenBurns 5s infinite alternate;
}

@keyframes kenBurns {
  0% {
      transform: scale(1);
  }
  100% {
      transform: scale(0.5);
  }
}
.carousel-container {
  position: relative;
}

.owl-carousel.first {
  position: relative;
  z-index: 1;
}

.projectlogo {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.infocontainer {
  /* Background color with opacity */
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
}

.infocontainer::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/whitelily/carouselinfobg.png);
  opacity: 0.5;
  z-index: -1;
}


.infocontainer p{
  color: #ffffff;
  font-weight: 700;
  margin-top: 1rem;
}
.infocontainer .col-3{
  display: flex;
  justify-content: center;
  align-items: center;
}
.firstp  {
  font-size: 2.95rem ;
}

.infocontainer .col-3:not(:first-child) {
  border-left: 0.1px solid #939598;
}

.scrolldown p{
  font-weight: 700;
}
.rectangleDiv{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0px;
  
}

.rectangleDiv li{
  height: 7.212rem;
  width: 18.75rem;
  padding: 4rem 1rem;
}
.rectangleDiv li:not(:last-child) {
  border-left: 0.1px solid var(--primary-button-background);
}

.li7{
  width: 25.962rem !important;
  border-left: 0.1px solid var(--primary-button-background);

} 

.rectangle{
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white-lily-color);
  color: #fff;
}
.rectangle a{
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.9231rem;
}
.active-link {
  background-color: var(--primary-button-background);
}
#overviewSection{
  margin-top: 8rem;
}
#overviewSection h2{
  font-family: 'TrajanPro Bold', sans-serif;
  text-align: left;
  color: var(--primary-button-background);
  font-size: 3.812rem;
  text-transform: uppercase;
 
}
#overviewSection p{
  text-align: left;
  font-size: 1.9231rem;
  line-height: 3.375rem;
  font-weight: 400;
  margin-top: 2rem;
}
#overviewSection .col{
  padding: 0;
}


#amenitiesSection{
  background: url(../images/whitelily/amenities.png);
  /* height: 123.077rem; */
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

 /*** New added amenities style **/


.amenitiesSectionheading{
  font-family: 'Bodoni MT Bold', serif;
  font-size: 3.8rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.amenitiesSectionheading2{
  font-size: 5rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
  z-index: 1; 
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
.animitieul{
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  justify-items: center;
  gap: 0;
  list-style: none;
  padding: 0;
  width: 90%;
  margin: 0 auto;
}
#whiteLillyPage .animitieul{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-items: center;
  gap: 0;
  list-style: none;
  padding: 0;
  width: 90%;
  margin: 0 auto;
}
.animitieul li {
  margin: 1rem 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.animitieul li img{
  height: 10.962rem !important;
  width: 10.962rem !important;
}
.animitieul li p{
  font-size: 1.442rem;
  color: #ffffff;
  font-weight: 700;
  line-height: auto;
  margin-top: 1rem;
  text-align: center;
  text-transform: uppercase;
  width: 150%;
}
#locationSection .animitieul{
  display: flex;
  justify-content: center;
}
 /*** New added amenities style end **/



.aminitesslider{
  background: url(../images/whitelily/animitiebackground.png);
}
.aimidivcarousel{
  padding: .5rem;
  background: #ffffff;
}

.unitslayout .item img {
  width: 86.7%;
  height: auto;
  margin: auto;
}
.hide-section {
  display: none !important;
}

#locationSection{
  background: url(../images/whitelily/locationbackground.png);
  background-position: center center;
  background-repeat: no-repeat;
}
#locationSection .col{
  padding: 0;
}
#locationSection .col p{
  color: #ffffff;
  font-size: 1.632rem;
  line-height: 2.88rem;
  font-weight: 500;
}

#locationSection .secrow{
  background: #fffbde;
  border: 2px solid var(--primry-color);
  padding: 1rem;
}


#locationSection .secrow + .secrow {
  
  border-left: none;
}
#locationSection img{
  height: 12.019rem;
  width: 13.942rem;
}
.col .secrow p{
  text-align: center;
  font-size: 1.406rem !important;
  line-height:  1.731rem !important;
  font-weight: 700 !important;
  font-style: italic !important;
  color: #000000 !important;
}
#locationSection iframe{
  height: 59.615rem;
  width: 69.231rem;
}
.mapcol{
  background: #ffffff;
  padding: .5rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
#uppergallerySection{
  background: url(../images/whitelily/uppergallerybackground.png);
}
.righcol {
  justify-content: center;
}
.righcol .col-5{
  background: #8B0044;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
   padding: 4rem 2rem;
   margin: 1rem;
}
#uppergallerySection .col-5 p{
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  /* margin-top: 1rem; */
}
#uppergallerySection .second-heading{
  color: var(--white-lily-color);
}
#uppergallerySection iframe{
  width: 63.462rem;
  height: 46.154rem;
}
.youtubediv{
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0px
}
.youtubediv img{
  width: 95%;
}
#gallerySection .aimidivcarousel {
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.35);
 
}
#gallerySection .row {
  display: flex;
  flex-wrap: wrap;
}

#gallerySection .col-md-3 {
  display: flex;
}

#gallerySection .aimidivcarousel {
  flex: 1;
  display: flex;
  flex-direction: column;
}



.aimidivcarousel {
  position: relative;
  overflow: hidden; 
}

.aimidivcarousel .glightbox img {
  transition: transform 0.5s ease;
  width: 100%; 
}
.aimidivcarousel{
  transition: all 0.9s linear;
}
.aimidivcarousel:hover{
  transform: translateY(-10px);

}
.aimidivcarousel .glightbox:hover img {
  transform: scale(1.1);
}
#specificationsSection{
  background: url(../images/whitelily/specificationbackgroun.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.specificationul{
  padding: 0rem;
}
.specificationul div{
  border-left: 2px solid var(--primry-color);
  padding: 1rem;


}
.specificationul .head{
  color: var(--primary-button-background);
  font-size: 2.404rem;
  text-align: left;
  line-height: 150%;
  font-weight: 700;
  margin-bottom: 0px;
}
.specificationul .desc{
  font-size: 1.923rem;
  font-weight: 500;
  line-height: 2.885rem;
  color: #ffffff;
  margin-bottom: 0px;
}
.specificationul .subdesc{
  font-size: 1.923rem;
  font-weight: 400;
  line-height: 2.885rem;
  color: #ffffff;
  margin-bottom: 0px;
}

.specificationbtn{
  background: var(--primry-color);
  color: var(--white-lily-color);
  border-radius: 0px;
  font-size: 2.404rem;
  font-weight: 900;
  line-height: 2.885rem;
  padding: 2rem 3rem;
  width: 100%;
  
}
.specificationbtn:hover{
  background: var(--primry-color);
  color: var(--white-lily-color);
}

#limitedUnitSection{
  background: url(../images/whitelily/uppergallerybackground.png);
}
#limitedUnitSection .second-heading{
  color: var(--white-lily-color);
}
.downloadbrochurediv{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
}
.section-headingsection{
  text-align: center !important;
  color: var(--main-color) !important;
  text-transform: capitalize !important;
  font-size: 3.8rem !important;
  font-weight: 300 !important;
  letter-spacing: 0px !important;
  line-height: 120% !important;
}
.residentialRowCarousel .owl-stage-outer{
  padding-bottom: 3rem;
}
/************************************************ White Lily Page End ***************************************/

/************************************************ White Lily Residency Page start ***************************************/


#whiteLillyResidencyPage .projectlogo {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
#parkersuites .projectlogo {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
#whiteLillyResidencyPage .firstp{
  font-size: 1.923rem;
}

#whiteLillyResidencyPage .rectangle {

  background: #000000;

}
#whiteLillyResidencyPage .active-link {

  background: var(--primry-color);

}

#whiteLillyResidencyPage #amenitiesSection{
  background: url(../images/whitelily-residency/amenities.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#whiteLillyResidencyPage .animitieul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  gap: 0;
  list-style: none;
  padding: 0;
  width: 90%;
  margin: 0 auto;
}
#parkersuites .animitieul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  gap: 0;
  list-style: none;
  padding: 0;
  width: 90%;
  margin: 0 auto;
}
#whiteLillyResidencyPage .aminitesslider{
  background: url(../images/whitelily-residency/animitiebackground.png);
}


#whiteLillyResidencyPage .section-heading{
  color:#00280d;
}
#locationSection{
  padding-bottom: 30px;
}

#whiteLillyResidencyPage .button3{
  background-color: #00280d;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 120%;
  width:22.58rem;
  height:5.7rem;
}

#whiteLillyResidencyPage .button2{
  background-color: var(--primary-button-background);
  color: #000000;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 120%;
  width: 22.58rem;
  height: 5.7rem;
}


#whiteLillyResidencyPage #locationSection{
  background: url(../images/whitelily-residency/locationbackground.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#whiteLillyResidencyPage .righcol .col-5 {
  background: #00280d;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 4rem 2rem;
  margin: 1rem;
}

.faciltyheading{
    font-size: 4rem;
    font-weight: 700;
    color: var(--primary-button-background);
    text-transform: uppercase;
    text-align: center

}


#whiteLillyResidencyPage #moodvideo{
  width: 63.462rem;
    height: 46.154rem;

}
#whiteLillyResidencyPage #specificationsSection {
  background: url(../images/whitelily-residency/specificationbackgroun.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}





/************************************************ White Lily Residency Page End ***************************************/


/************************************************ Park Residency Page start ***************************************/

#parkResidency .rectangle {
  background: #7a2716;
}
#parkResidency .active-link {

  background: var(--primry-color);

}
#parkResidency .rectangleDiv li:not(:last-child) {
  border-left: 0.1px solid #b97938;
}

#parkResidency .aminitesslider {
  background: url(../images/whitelily-residency/animitiebackground.png);
}

#parkResidency #amenitiesSection {
  background: url(../images/park-residency/amenities.png);
  /* height: 80.0962rem; */
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#parkResidency .whiteLillyResidencyanimicarousel .owl-nav button.owl-prev i,
#parkResidency .whiteLillyResidencyanimicarousel .owl-nav button.owl-next i {
  font-size: 3rem; /* Adjust the desired size */
  color: #3a120c; /* Adjust the desired color */
}
#parkResidency .section-heading {
  color: #3a120c;
}

#parkResidency .button3 {
  background-color: #7a2716;
  color: #ffffff;
 
}
#parkResidency #locationSection {
  background: url(../images/park-residency/locationbackground.png);
  background-position: center center;
  background-repeat: no-repeat;
}
#parkResidency .righcol .col-5 {
  background: #7a2716;
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 4rem 2rem;
  margin: 1rem; */
}
#parkResidency #specificationsSection {
  background: url(../images/park-residency/specificationbackgroun.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/************************************************ Park  Residency Page End ***************************************/

/************************************************ Park City Centre Page start ***************************************/

#parkcitycentre .rectangle {
  background: #00234c;
}
#parkcitycentre .active-link {

  background: var(--primry-color);

}
#everything{
  background: url(../images/city-centre/everythingbackground.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
/* CSS for the 1st and 3rd div */
.outereverything:nth-child(odd) {
  border: 4px solid var(--primry-color);
  padding: 0px;
  background: #c9252c;
  transition: all 0.5s linear;

}
.outereverything:hover img {
transition: all 0.5s linear;
}
.outereverything {
  position: relative;
  overflow: hidden; 
}
.outereverything:hover img {
  transform: scale(1.1);
}
/* CSS for the 2nd and 4th div */
.outereverything:nth-child(even) {
  border: 4px solid var(--primry-color);
  padding: 0px;
  background: #00234c;
}
.outereverything img{
  width: 100%;
}
.outereverything h3{
  color: #ffffff;
  text-align: center;
  font-size: 2.805rem;
  line-height: 2.308rem;
  font-weight: 700;
  margin-top: 4rem;
}
.outereverything p{
  font-size: 1.635rem;
  color: #ffffff;
  line-height: 2.308rem;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 2rem;

}
#everything .container {
  display: flex;
  justify-content: space-between;
}
#everything .grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem; 
}
#parkcitycentre .li7{
  width: 31rem !important;
}
#parkcitycentre .aminitesslider {
  background: url(../images/city-centre/animitiebackground.jpg);
}

#operationalbrands h2{
  font-size: 2.981rem;
  display: inline;
  color: white;
  background: #ec1c24;
  font-weight: 600;
  padding: 1rem;
}
#operationalbrands ul{
  margin-top: 2rem;
  padding: 0;
  display: flex;
  justify-content: space-around;
}
.secondul{
    display: flex !important;
    justify-content: center !important;
}
.secondul li{
  margin: auto .5rem !important;
}

#belowoperationalbrands{
  background: url('../images/city-centre/belowoperationalbrands.jpg');
}
#belowoperationalbrands h5{

  font-family: 'Barlow Condensed', sans-serif;
  font-size: 3.038rem;
  font-weight: bold;
  color: #ffffff;
}
#belowoperationalbrands ul{
  padding: 0px;
}
#belowoperationalbrands ul li{
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
#parkcitycentre #locationSection{
  background: url(../images/city-centre/locationbackground.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#parkcitycentre .righcol .col-5{
  background: #00234c;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 4rem 2rem;
    margin: 1rem;
}
#belowoperationalbrands img{
  width: 10%;
}
/************************************************ Park City Centre Page End ***************************************/



/************************************************ Park Suites Page start ***************************************/
#parkersuites .rectangle {
  background: #00280d;
}
#parkersuites .active-link {

  background: var(--primry-color);

}

#barSection{
  background-color: #005c38;
  background-image: url('../images/background.jpg');
  background-blend-mode: multiply; 
}



#parkersuites .barrestrocarousel .owl-nav button.owl-prev {
  position: absolute;
  left: -8rem;
   background: none;
  
}
#parkersuites .barrestrocarousel .owl-nav button.owl-next {
  position: absolute;
  right: -8rem;
   background: none;
}
#parkersuites #amenitiesSection {
  background: url(../images/parker-suites/animities.jpg);
  /* height: 85.57rem; */
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#parkersuites .aminitesslider{
  background: var(--primry-color);
}
.aminitessliderul p{
  color: #ffffff;
  font-weight: 700;
}
.aminitessliderul {
  list-style: none;
  padding-left: 20px; /* Adjust the spacing between the bullet point and text */
}

.aminitessliderul li {
  position: relative;
  padding-left: 15px; /* Adjust the spacing between the bullet point and text */
}

.aminitessliderul li:before {
  content: '';
  position: absolute;
  top: 1rem; 
  left: 0;
  width: 6px; 
  height: 6px; 
  background-color: #00280d; 
  border-radius: 50%;
}
#parkersuites .button3 {
  background-color: #00280d;
  color: #ffffff;
}
#parkersuites #locationSection {
  background: url(../images/parker-suites/locationbackground.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#parkersuites .righcol .col-5 {
  background: #00280d;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 4rem 2rem;
  margin: 1rem;
  height: 23.269rem;
}
/************************************************ Park Suites Page End ***************************************/



/************************************************ About Us Page Start ***************************************/
.aboutusheader {
  position: relative;
  overflow: hidden;
  height: 87.9630vh;
  display: flex;
  /* align-items: center; */
  justify-content: center;
}

.kenburns-bg {
  background: url('../images/aboutusheader.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: kenBurns 10s infinite alternate;
}

@keyframes kenBurns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

.aboutusheader h1{
  color: #ffffff;
  text-align: center;
  font-size: 3.778rem;
  font-weight: 700;
  padding-top: 12rem;
  z-index: 2;

}

.innervismis{
  margin-top: 5rem;
  border: 4px solid var(--primry-color);
  width: 57.212rem;
  background: #00377b ;
  /* display: flex;
  justify-content: center; */
}

.innervismis .discription{
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 4rem;
}
#brandvalue{
     background-color: var(--primry-color);
    background-image: url(../images/background.jpg);
    background-blend-mode: multiply;
}
.brandcol{
  background: #00377b;
  padding: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34.615rem;
  width: 45.192rem;
}
#aboutus .grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem; /* You can adjust the gap as per your requirement */
}
#journey{
  background: url(../images/journey.jpg);
  background-position: center center;
  background-size: cover;
}
.innervismis {
  overflow: hidden; 
  position: relative; 
  transition: transform 0.3s ease; 
  width: 49%;
}

.innervismis:hover {
  transform: scale(1.1);
}

.innervismis img {
  width: 100%; 
  transition: transform 0.3s ease; 
}

.vismis {
  display: flex;
  justify-content: space-between; 
  align-items: stretch;
}
.innervismis:hover img {
  transform: scale(1.1); 
}
/************************************************ About Us Page End ***************************************/


/************************************************ POPUP End ***************************************/

.popup {
  /* display: none; */
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.callpopupdiv {
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; /* Stack icon and image vertically */
}

.closecallpopupdiv {
  position: absolute;
  top: 18%;
  right: 22%;

}

.popup-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1001;
}

.centered-div {
  background-color: white;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  text-align: center;
  width: 70%;
  border-radius: 10px;

}

.white-box {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
}

/* Additional styling for the form elements */
.popup .form-control {
  width: 100%;
  margin-bottom: 10px;
}
.popup .col-md-6{
  text-align: left;
  font-size: 2rem;
  color: black;
}
/************************************************ POPUP End ***************************************/




/************************************************ Contact Us Page Start ***************************************/

.contactusheader {
  position: relative;
  overflow: hidden;
  height: 87.9630vh;
  display: flex;
  justify-content: center;

}

.kenburns-bgcontactusheader {
  background: url('../images/contactusheader.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: kenBurns2 10s infinite alternate;
}

@keyframes kenBurns2 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.contactusheader h1{
  color: #ffffff;
  text-align: center;
  font-size: 3.778rem;
  font-weight: 700;
  padding-top: 3rem;
  z-index: 2;
  text-shadow: 0px 0px 7.2px rgba(43, 53, 78, 0.5);
  

}

.firstenquiryrow{
  background:#00377b;
  color: #ffffff;
}
.firstenquiryrow p{
  color: #ffffff;
  font-weight: 700;
  text-transform: capitalize;
}
.secondenquiryrow{
  background: #ffffff;
}
.commonerow p{
  color: #00377b;
  font-weight: 700;
  text-transform: capitalize;
  text-align: left;
}
.firstenquiryrow .col-3{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.commonerow .col-3{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.emaildivquery a{
    font-size: 4.135rem;
}
.emaildivquery p{
  font-size: 3.125rem;
}
.emaildivquery div{
  background: #00377b;
   padding: 6rem;

}
#contactusform{
  background: #f1f2f2;
}
#contactusform label{
  font-size: 1.8rem;
  
  margin-top: 1rem !important;
}
#contactusform option{
  font-size: 1.8rem;
  
  margin-top: 1rem !important;
}
#contactusform input{
  background: #e5e6e6;
}
.timelineimg{
  width: 80%;
}
.emailidcouloumn{
  height: 22.596rem;
  width: 67.308rem;
}
/************************************************ Contact Us Page End ***************************************/


/************************************************ Construction Page start ***************************************/

#construction {
  position: relative;
  background: url(../images/whitelily-residency/header3.jpg) no-repeat center center fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
}

#construction::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 1;
}
.coming-soon {
	text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  width: 100%;

}
.coming-soon h2 {
	font-size: 68px;
	font-weight: 700;
	text-shadow: 0 1px 7px rgba(0,0,0,.2);
	line-height: 1.3em;
  z-index: 2;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 2rem;

}
.coming-soon svg{
  z-index: 2;

}

/************************************************ Construction Page End ***************************************/


/************************************************ Management talk Page Start ***************************************/

.managementTalkheader {
  position: relative;
  overflow: hidden;
  height: 87.9630vh;
  display: flex;
  /* align-items: center; */
  justify-content: center;
}

.kenburns-bgmanagement {
  background: url('../images/managementTalk.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* animation: kenBurns 10s infinite alternate; */
}

@keyframes kenBurns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

.kenburns-bgmanagement img{
  width: 10%;
  display: block;
  margin-top: 1rem;
}

.managementTalkShadowDiv{
  background: #fff;
  margin-left: -10rem;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.managementTalkShadowDiv h2{
  text-transform: uppercase;
  color: #00377b;
  font-weight: 700;
  font-size: 5rem;
}

.managementTalkShadowDiv2{
  background: #fff;
  margin-right: -10rem;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.managementTalkShadowDiv2 h2{
  text-transform: uppercase;
  color: #00377b;
  font-weight: 700;
  font-size: 5rem;
}

/************************************************ Management talk Page End ***************************************/


/************************************************ Career Page End ***************************************/

#career .kenburns-bgcontactusheader {
  background: url('../images/carrer.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: kenBurns2 10s infinite alternate;
}
#career .contactusheader h1{
  color: #00377b;
  text-align: center;
  font-size: 7.212rem;
  font-weight: 400;
  padding-top: 3rem;
  z-index: 2;
  text-shadow: none;
  margin-top: -3rem;
}

#career .contactusheader .second-heading{
  font-size: 3.778rem;
  z-index: 2;
  text-align: center !important;
  margin-top: 10rem;
}

#careerBenifts {
  background-color: #e5b250;
  background-image: url(../images/background.jpg);
  background-blend-mode: multiply;
  padding: 80px 0;
}
.resumeform {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 4rem;
}
.resumeform input{
  margin-bottom: 3rem;
  font-size: 2rem;
}
.resumeform label{
  margin-bottom: 1rem;
  font-size: 2rem;
}

#privacyPolicy, #termandcondition ul li{
  list-style-type: disc;
  font-size: 1.923rem;
  line-height: 150%;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0px;
  margin: 1rem auto;
}


.board-tab{
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #b4b5b5;
  padding-top: 5rem;
  margin-bottom: 5rem;
}

.board-tab a{
  color: #b4b5b5;
  font-weight: 700;
  font-size: 2.805rem;
  padding-bottom: 1rem;
}
.board-tab .borderactive {
   color: var(--main-color);
  border-bottom: 4px solid var(--primry-color);;
}
.carrericondiv{
  margin-top: 7rem;
}

.carrericondiv img{
  width: 50%;
}
.carrericondiv p{
  color: #00377b;
  font-size: 2.243rem;
  line-height: 2.997rem;
  font-weight: 700;
  margin-top: 1rem;
  text-align: center;
}

.carrericondiv .colm{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


/************************************************ Career Page End ***************************************/



/************************************************ Javier Management start ***************************************/

#javierManagement #header .owl-dots{
  display: none;
}
.threediv {
  display: flex;
    justify-content: center;
}
.threediv ul{
  margin-top: 5rem;
  width: 80%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.threediv ul li{
  padding: 5rem 7rem;
  background: #19225f;
  border: 3px solid #3d863d;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 1rem;
}

.threediv ul li h4{
  color: #fff;
  font-weight: 700;
  font-size: 4.808rem;
  line-height: 2.885rem;
}
.threediv ul li p{
  color: #fff;
  margin-top: 1rem;
  font-weight: 700;
  font-size: 1.923rem;
  line-height: 2.885rem;
}
.javierservice{
  background-color: #19225f;
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
  padding: 5rem 0;
  margin-top: -15rem;
}

.javierservice h2{
  color: #ffffff;
  text-align: center;
  margin-top: 1rem;
  font-size: 4.007rem;
  font-weight: 500;
}
.javierservice img{
  width: 35%;
}
.javierservice p{
  color: #ffffff;
  text-align: center;
  margin-top: 1rem;
  font-size: 2.695rem;
  font-weight: 700;
}
.javierservice .col-md-3{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5rem;
}
.belowjavierservice{
  background-color: #3d863d;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  padding: 2rem 0;

}

.belowjavierservice p{
  color: #ffffff;
  font-size: 5.042rem;
  font-weight: 700;
  text-align: center;
}

#javierManagement .whiteLillyResidencyanimicarousel .owl-stage-outer{
  padding-bottom: 5rem !important;
}

/************************************************ Javier Management End ***************************************/


/************************************************ Parker Construction Start ***************************************/

#parkerconstruction #header .owl-dots{
  display: none;
}

#parkerconstruction .bannerheading{
  color: #ffffff;
    text-align: center;
    font-size: 3.778rem;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-shadow: 0px 0px 7.2px rgba(43, 53, 78, 0.5);
    text-transform: uppercase;
}

#parkerconstruction .whiteLillyResidencyanimicarousel .owl-stage-outer{
  padding-bottom: 5rem !important;
}


#constructionsecond{
  background: url('../images/parkerconstruction/second.png');
}

#constructionsecond .innersecond{
  background: var(--main-color);
  border: 1px solid #e5b250;
  padding: 2rem;
  height: 17.115rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 2rem;
}
#constructionsecond .innersecond h6{
  color: #ffffff;
  font-weight: 700;
  font-size: 4.808rem !important;
  text-align: center;
}

#constructionsecond .innersecond p{
    color: #ffffff;
    font-weight: 700;
    font-size: 1.923rem !important;
    text-align: center;
    text-transform: uppercase;
}
#constructionthird{

  padding: 20px 0;
  background: url('../images/parkerconstruction/third.png');
}
#constructionthird .innerwork{
    margin-bottom: 2rem;
    cursor: pointer;
   
}
#constructionthird .innerwork img{
    height: 24rem;
    width: 100%;
}
#constructionthird .innersectionwork{
  padding: .5rem;
  background: var(--main-color);
}
#constructionthird .innersectionwork p{
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 3.205rem;
  font-weight: 500;
}


#constructionfour{

  padding: 20px 0;
  background: url('../images/parkerconstruction/four.jpg');
}
#constructionfour .innerwork{
    margin-bottom: 2rem;
   
}
#constructionfour .innerwork img{
    height: 24rem;
    width: 100%;
}
#constructionfour .innersectionwork{
  padding: .5rem;
  background: var(--main-color);
}
#constructionfour .innersectionwork p{
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 3.205rem;
  font-weight: 500;
}


.commonshow{
  padding: 2rem !important;
  background: var(--main-color);
  margin-top: 0px;
  margin-bottom: 2rem;

}
.commonshow p{
  color: #fff;
}



/************************************************ Parker Construction End ***************************************/


/************************************************ Parker Blog Start ***************************************/
.pagination .page-link{

    font-size: 2rem;
    font-weight: 500;
}

.blogheader {
  position: relative;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff; /* Set text color to white or a light color */
}

.blogheader::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5); /* Adjust the last value (0.5) for the overlay opacity */
}


.blogheader {
  background: url(../images/whitelily-residency/header3.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.readmoreblog{
  padding: 1rem 2rem;
  background: transparent;
  border: 2px solid var(--primary-button-background);
  align-items: left;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--main-color);
}

/************************************************ Parker Blog End ***************************************/


/*************************************responsive website layout start  ***************************************/



 /* Small screens, such as smartphones / */
@media (max-width: 767px) {

      html {
        font-size: 45%;
      }
      .owl-carousel .owl-dots {
        display: none;
      }
      .card{
        width: 100%;
        border: none;
      }
      #section8 .owl-carousel .item .card-img-top {
        height: 45rem;
        object-fit: cover;
      }
      
      .owl-carousel .owl-nav button.owl-prev {
      display: none;
      }
      .owl-carousel .owl-nav button.owl-next {
        display: none;
      }
      #section2 .owl-carousel .item{
        width: 100%;
        height: 100%;
      }

      .desktopMenu {
        display: none;
      }
      #slide-navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 80%;
        height: 100%;
        background-color: var(--background-color);
        overflow: auto;
      }
      .menu-overlay {
        display: none;
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        /* IE7 & 8 */
        position: fixed;
        right: 0;
        top: 0;
        z-index: 49;
      }
      .videoPanel img{
        width: 99%;
      }
      .residentialInner{
        margin-top: 2rem;
      }
      .third .owl-item {
        margin: 0px 4rem;
      }
      .four .owl-item {

        margin: auto 5rem;
        margin-bottom: 1rem;
      }
      .formdiv{
        margin-top: 2rem !important;
        margin: 0 auto;
      }
      .contactdetails  {
        padding: 2rem;
      }
      .socialmediaicons{
        padding: 2rem;

      }
      #footer{
        padding: 2rem;
      }
      .postfooter{
        padding: 2rem !important;
      }

      .rectangleDiv li{
        width: 100%;
        height: auto;
        padding: 2rem 1rem;
        padding: 1rem 0px;
        margin: 0;
      }
      .rectangle a{
        font-size: 1rem !important;
      }
      .li7{
        width: 100% !important;
        height: auto !important;
        padding: 1rem 0px !important;
        border-left: 0.1px solid var(--primary-button-background);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      
      }
      #overviewSection{
        margin-top: 2rem;
      }
      .scrolldowndiv{
        padding-bottom: 0px;
      }
      .limite{
        display: none;
      }
      .animitieul {
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
      }
      #whiteLillyResidencyPage .animitieul {
        grid-template-columns: repeat(4, 1fr);

      }
      #parkersuites .animitieul {
        grid-template-columns: repeat(4, 1fr);

      }
      #whiteLillyPage .animitieul {
        grid-template-columns: repeat(4, 1fr);

      }
      #locationSection .animitieul{
        
        display: flex;
        justify-content: space-around;

      }

      #locationSection .animitieul li img {
        height: 6rem !important;
        width: 6rem !important;
      }
      #locationSection .animitieul li p{
        font-size: 1rem;
      }
      .animitieul li{
        margin: 0;
      }
      /* #amenitiesSection{
        height: 37.077rem;
      } */
      .downloadbrochurediv img{
        width: 60%;
      }
      .masterplansection img{
        width: 85%;
      }
      #parkResidency .unitslayoutsection img{
        width: 85%;
      }
      #whiteLillyResidencyPage #planSection img{
        width: 95%;
      }
      #whiteLillyResidencyPage #moodvideo {
        width: 48.462rem;
        height: 46.154rem;
      }


      .infocontainer{
        display: none;
      }
      .projectlogo{
        display: none;
      }
    
      .parkresidencytable  img{
        width: 60%;
      }
      #everything .grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem; 
      }
      #operationalbrands ul li img{
        width: 4.5rem;
      }
      .secondul{
        display: flex !important;
        justify-content: space-around !important;
    }
      .secondul li{
        margin: auto !important;
      }
      #belowoperationalbrands h5 {
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 2.038rem ;
        font-weight: 400;
        color: #ffffff;
      }
    #belowoperationalbrands img{
      width: 10%;
    }
    /* #parkersuites #amenitiesSection{
      height: 25.3rem;
    } */
    .aboutusheader h1{
      color: #ffffff;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 700;
      line-height: auto;
      padding-top: 20rem;
      /* letter-spacing: 0; */
    }
    .secondenquiryrow  img{
      width: 100%;
    }
    .emaildivquery  p{
      font-size: 1rem;
    }
    .emaildivquery  a{
      font-size: 1.8rem;
    }
    .emaildivquery div{
      background: #00377b;
      /* padding: 1rem; */

    }

    #aboutus .grid-container {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 2rem; 
      margin: 0 4rem;
    }
    .timelineimg{
      width: 80%;
    }
    .popup input ,select{
      margin-left: 0px !important;
    }
    .popup label{
      margin-left: 0px !important;
    }

    #contactusform input{
      margin-left: 0px !important;
    }
    #contactusform label{
      margin-left: 0px !important;
    }
    #contactusform{
      padding: 3rem;
    }
    .managementTalkShadowDiv {
      margin: auto;
    }
    .threediv ul {
      flex-direction: column;
    }
    #constructionthird .innersectionwork p{
      font-size: 1.2rem;
    }
    #constructionfour .innersectionwork p{
      font-size: 1.2rem;
    }
    #parkerconstruction .bannerheading{
      font-size: 1.778rem;
    }
    .centered-div{
      width: 90%;
    }
    .callpopup{
      right: 2%;
      width: 10%
    }
    .chatbot{
      bottom: 8%;
      width: 10%;
    }
    .vismis{
      flex-direction: column;
    }
    .innervismis{
      width: 100%;
    }
    .tesimonialCard{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    .emaildivquery{
      flex-direction: column;
      margin-bottom: 1rem;
    }
    .emaildivquery .emailidcouloumn{
      margin-bottom: 1rem;
    }
    #section8 .col-md-4{
      display: flex;
      justify-content: center;
    }
    #overviewSection h2{
      margin-top: 2rem;
    }
}

 /* Tablets in portrait mode / */
@media (min-width: 768px) and (max-width: 1023px) {
  
      html {
        font-size: 50%;
      }
      .desktopMenu{
        display: none;
      }
      #slide-navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 80%;
        height: 100%;
        background-color: var(--background-color);
        overflow: auto;
      }
      .menu-overlay {
        display: none;
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        /* IE7 & 8 */
        position: fixed;
        right: 0;
        top: 0;
        z-index: 49;
      }

      .third .owl-item{
        margin: 0px 2.308rem;
      }
      .four .owl-item {
        margin: auto 3.269rem;
        margin-bottom: 1rem;
      }
      .downloadbrochurediv img{
        width: 60%;
      }
      .infocontainer{
        display: none;
      }
      .projectlogo{
        display: none;
      }
      .parkresidencytable  img{
        width: 30%;
      }
      /* #parkersuites #amenitiesSection{
        height: 50.3rem;
      } */
      #aboutus .grid-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem; 
        margin: 0 auto !important;
      }
      #aboutus .grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem; 
        margin: 0 4rem;
      }
      .timelineimg{
        width: 80%;
      }
      .popup input, select{
        margin-left: 0px !important;
      }
      .popup label{
        margin-left: 0px !important;
      }
      
      #contactusform input{
        margin-left: 0px !important;
      }
      #contactusform label{
        margin-left: 0px !important;
      }
      #contactusform{
        padding: 3rem;
      }
      .managementTalkShadowDiv {
        margin: auto;
      }
      .managementTalkShadowDiv2 {
        margin: auto;
      }
      .threediv ul {
        flex-direction: column;
      }

      .centered-div{
        width: 90%;
      }
      .callpopup{
        right: 2%;
        width: 10%
      }
      .chatbot{
        bottom: 8%;
        width: 10%;
      }

      .vismis{
        flex-direction: column;
      }
      .innervismis{
        width: 100%;
      }
      .tesimonialCard{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }
       .emaildivquery{
        flex-direction: column;
        margin-bottom: 1rem;
      }
      .emaildivquery .emailidcouloumn{
        margin-bottom: 1rem;
      }
}

/* / Tablets in landscape mode and small desktops / */
@media (min-width: 1024px) and (max-width: 1399px) {
      html {
        font-size: 50%;
      }
      .mobileMenu{
        display: none;
      }
      .videoPanel img{
        width: 99%;
      }
      .masterplansection  img{
        width: 72%;
      }
      #parkResidency .unitslayoutsection img{
        width: 88%;
      }
      .downloadbrochurediv img{
        width: 45%;
      }
      .projectlogo {
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        width: 13%;
      }
      .parkresidencytable  img{
        width: 30%;
      }

}
/* / Standard desktops and laptops / */
@media (min-width: 1400px) and (max-width: 1919px) {
  
    html {
      font-size: 55%;
      scroll-behavior: smooth;
    }

      .third .owl-item{
        margin: 0px 1.923rem;
      }
      .four .owl-item {
        margin: auto 2.692rem;
        margin-bottom: 1rem;
      }
      .mobileMenu{
        display: none;
      }
      .videoPanel img{
        width: 99%;
      }

      /* #amenitiesSection{
        height: 1014px;
      } */
      .masterplansection  img{
        width: 74.5%;
      }
      #parkResidency .unitslayoutsection img{
        width: 87.5%;
      }
      .downloadbrochurediv img{
        width: 45%;
      }
      #locationSection iframe {
        height: 59.615rem;
        width: 72.231rem;
      }
      .mapcol {
        background: #ffffff;
        padding: 1.5rem !important;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      #uppergallerySection iframe {
        width: 69.462rem;
        height: 46.154rem;
      }

      .projectlogo {
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        width: 13%;
      }
      #parkResidency .projectlogo {
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        width: 22%;
      }

      #parkResidency #amenitiesSection {
        background: url(../images/park-residency/amenities.png);
        /* height: 75rem; */
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
      }
      .parkresidencytable  img{
        width: 30%;
      }
      /* #parkersuites #amenitiesSection{
        height: 80rem;
      } */
      .emailidcouloumn{
        height: 22.596rem;
        width: 72.308rem;
      }
      #whiteLillyResidencyPage #moodvideo {
        width: 70rem;
        height: 46rem
      }
      #parkersuites .projectlogo {
        position: absolute;
        top: 12%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
      }
      #operationalbrands ul li img{
        width: 95%;
      }
      .closecallpopupdiv {
        position: absolute;
        top: 15%;
        right: 22%;
      
      }
}
/* / Large screens and high-resolution displays / */
@media (min-width: 1920px) {
    .container {
      max-width: 1440px; 
      padding: 0;
    }
    .row {
      max-width: 1440px; 
      padding: 0;
      margin: 0;
    }
      #section2 .owl-carousel .item {
      /* height: 28.6rem;  */
      /* width: 21rem; 
      display: flex;
      justify-content: center;
      align-items: center; */
      border: 1px solid #939598;

      /* margin-right: 1rem; */
    }
    .mobileMenu{
      display: none;
    }
    .third{
      width: 138.462rem;
      display: flex;
      justify-content: center;
    }
    .four{
      width: 138.462rem;
      display: flex;
      justify-content: center;
    }
    .banner_banks {
      width: 138.462rem;
      display: flex;
      justify-content: center;
    }
    .videoPanel .row{
      width: 102%;
    }

}