@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--black-color: #000000;
	--white-color: #FFFFFF;
	--light-bg-color: #B8B8B8;
	--dark-bg-color: #525050;
	--light-grey-color: #CCCCCC;
	--primary-font: "Jost", sans-serif;
	--secondary-font: "Josefin Sans", sans-serif;
  --title-color: #d1b04e;
  --text-color: #3B818C;
  --site-color: #3B818C;
  --tertiary-font: 'ElMessiri';
}

body{margin: 0;padding: 0;overflow-x: hidden;}
.white-bg{background-color: var(--white-color);} .dark-bg{background-color: var(--dark-bg-color);}
.desktop-visible{display: block;} .mobile-visible{display: none;}
.main-desktop-visible{display: block;} .main-mobile-visible{display: none;}
.logos{}
.logos a{display: block;}
.logos a img{width: 150px;}
.navs-calls{float: right;position: absolute;right: 0px;top:8px;display: inline-flex;}
.navs-calls a{color: var(--white-color);text-decoration: none;cursor: pointer;margin-right: 20px;display: flex;align-items: center;}
.enquirenowbtn{border-right: 1px solid var(--white-color);padding-right: 16px;}
.navs-calls a:hover{color: var(--white-color);}
.navs-calls a span{font: normal 300 15px/1.5 var(--primary-font);color: var(--white-color);margin-left: 5px;}

.navs-calls a:last-child{display: none;}

.headers-navigaton-menus{display: inline-flex;}

.header-navigaton-menu{}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: var(--black-color);overflow-x: hidden;transition: 0.5s;padding-top: 60px;} .sidenav a {transition: 0.3s;}
.navtoggles{cursor:pointer;position: absolute;left: 15px;top: 8px;color: var(--white-color);}
.navtoggles img{width: 27px;}
.sidenav .closebtn{text-decoration: none;position: absolute;top: 10px;right: 25px;font-size: 35px;margin-left: 50px;display: block;color: var(--title-color);} .sidenav .closebtn img{width: 30px;}
.sidenav ul{padding: 0 20px;} .sidenav ul li{width: 100%;list-style: none;} .sidenav ul li a{font: normal 300 20px/1.5 var(--primary-font);text-decoration: none;width: 100%;display: block;color: var(--light-grey-color);margin-bottom: 10px;text-transform: capitalize;}
.sidenav ul li a:hover{color: var(--white-color);}

section{padding: 50px 0px;}
.page-title{font: normal 300 50px/1.5 var(--primary-font);color: var(--black-color);text-align: center;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 25px;}
.text-descp-box{font: normal 300 15px/1.5 var(--primary-font);color: var(--black-color);letter-spacing: 2px;margin-bottom: 18px;}
.text-descp-box h4{font: normal 300 25px/1.5 var(--primary-font);color: var(--black-color);letter-spacing: 2px;margin-bottom: 18px;}
.dark-bg .page-title, .dark-bg .text-descp-box, .dark-bg .text-descp-box a{color: var(--white-color);}

.text-disclaimer-box{font: normal 300 13px/1.5 var(--primary-font);color: var(--black-color);letter-spacing: 2px;margin-bottom: 18px;}


header{position: relative;}
.headers{width: 100%;padding: 6px 10px; position: fixed;z-index: 1000;border-bottom: 1px solid var(--white-color); -webkit-transition: all ease-out .5s;-moz-transition: all ease-out .5s;-o-transition: all ease-out .5s;transition: all ease-out .5s;}
.headers{background: transparent;}
.headeractive{background: var(--dark-bg-color) !important;}

.masterheadsection{width: 100%;height: 100%;position: relative;}
.masterheadsection video{width: 100%;}
.scrollButtondiv{position: absolute;bottom: 10%;width: 100%;text-align: center;}
.scrollmouse {width: 25px; height: 50px; border: 1px solid var(--white-color); background: transparent; border-radius: 60px; position: relative;
	&::before {content: ''; width: 8px; height: 8px; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background-color: var(--white-color); border-radius: 50%; opacity: 1; animation: wheel 2s infinite; -webkit-animation: wheel 2s infinite;}
}
@keyframes wheel {to {opacity: 0; top: 45px; }} @-webkit-keyframes wheel {to {opacity: 0; top: 45px;}}

#sectionToScrollTo{padding: 150px 0px;}
.downloadbtns{margin: 40px 0px 0px 0px;}
.downloadbtns a{font: normal 400 15px/1.5 var(--primary-font);color: var(--black-color);letter-spacing: 2px;text-decoration: none;border: 1px solid var(--black-color);border-radius: 50px;padding: 8px 40px;display: inline-block;text-transform: uppercase;}
.downloadbtns a:hover{color: var(--dark-bg-color);}


#scrollpinedimagesection {height: 100vh; width: 100vw; z-index: 1; background: linear-gradient(to bottom right, hsl(12.86, 21.88%, 87.45%), hsl(30deg 21.36% 59.61%)); }
#scrollpinedimagesection img {width: 100vw; height: 100vh; object-fit: cover; }
.spacer {height: 100vh; width: 100vw; display: grid; place-content: center; position: relative; }
#text {z-index: 2; display: grid; place-content: center; height: 100vh; width: 100vw; position: relative; }
#text h1 {visibility: hidden; }

.img-section{width: 100%;position:sticky; position:-webkit-sticky; top: 0;}
.img-section img{width: 100%;}
.img-section span{position: absolute;bottom: 40px;left: 10px;font: normal 300 7px/1.5 var(--primary-font);color: var(--white-color);}

.page-sections{padding: 150px 0px;}
.bg-img-parallax-section{min-height: 700px; background-attachment: fixed; background-position: center;-webkit-background-position: center; background-repeat: no-repeat; background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;justify-content: center;}
.bg-img-parallax-img-1{background-image: url("https://lntmediaservicestore.blob.core.windows.net/lntrealtyproductionfiles/lntwebapps/elixir-reserve-4bhk/Livingroom-Desktop-IMG-2.webp");}
.bg-img-parallax-img-2{background-image: url("https://lntmediaservicestore.blob.core.windows.net/lntrealtyproductionfiles/lntwebapps/elixir-reserve-4bhk/Sunrise-to-Sunset-Elixir-3.gif");display: flex;align-items: center;}

.bg-img-section{width: 100%;position: relative;}
.bg-img-section img{width: 100%;}
.bg-img-section span{position: absolute;bottom: 4px;left: 10px;font: normal 300 7px/1.5 var(--primary-font);color: var(--white-color);}


/*.parallax-container-1{position: relative;min-height: 700px;width: 100%;}
.bg-img-parallax-img-1{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://lntmediaservicestore.blob.core.windows.net/lntrealtyproductionfiles/lntwebapps/elixir-reserve-4bhk/section-5-img.webp");
  background-size: cover;background-repeat: no-repeat;
  z-index: -1;
}
.bg-img-parallax-img-1::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://lntmediaservicestore.blob.core.windows.net/lntrealtyproductionfiles/lntwebapps/elixir-reserve-4bhk/section-5-img.webp");
  background-size: cover;background-repeat: no-repeat;
  z-index: -2;
  transform: translateX(-50px);
}


.parallax-container-2{position: relative;min-height: 700px;width: 100%;}
.bg-img-parallax-img-2{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://lntmediaservicestore.blob.core.windows.net/lntrealtyproductionfiles/lntwebapps/elixir-reserve-4bhk/elixir_sunrise-to-sunset.gif");
  background-size: cover;background-repeat: no-repeat;
  z-index: -1;
}
.bg-img-parallax-img-2::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://lntmediaservicestore.blob.core.windows.net/lntrealtyproductionfiles/lntwebapps/elixir-reserve-4bhk/elixir_sunrise-to-sunset.gif");
  background-size: cover;background-repeat: no-repeat;
  z-index: -2;
  transform: translateX(-50px);
}
*/


.parallax-boxes{width: 100%;}
.parallax-title{font: normal 300 50px/1.5 var(--primary-font);color: var(--white-color);text-align: center;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 25px;}

#amenities-gallery .item, #mobile-amenities-gallery .item{margin: 5px;}
.customNavigation{width:100%; margin:0 auto; text-align:center; cursor:pointer; display: none;}
.amenities-gallery-box{width: 100%;position: relative;}
.amenities-gallery-box-img{overflow: hidden;position: relative;width: 100%;height: 100%;}
.amenities-gallery-box-img img{position: relative; transition: transform 0.3s ease;transform-origin: center center;width: 100%;}
.amenities-gallery-box-img:hover img{transform: scale(1.1);}
.amenities-gallery-box-img::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; background: linear-gradient(to top, #00000085, #ffffff00);}
.amenities-gallery-box span{position: absolute;bottom: 4px;left: 10px;width: 100%;font: normal 300 7px/1.5 var(--primary-font);color: var(--white-color);}
.amenities-gallery-box-text{position: absolute; width: 100%; bottom: 10px;text-align: center;}
.amenities-gallery-box-text h4{font: normal 300 16px/1.5 var(--primary-font);letter-spacing: 2px;text-transform: uppercase;color: var(--white-color);}

.owl-theme .owl-controls .owl-page span{background: var(--dark-bg-color) !important;width: 15px !important;height: 2px !important;}


#amenities-icons-gallery .item, #mobile-amenities-icons-gallery .item{margin: 5px;}
.amenities-icons-gallery-box{text-align: center;}
.amenities-icons-gallery-box h4{font: normal 300 16px/1.5 var(--primary-font);letter-spacing: 1px;display: inline-flex;align-items: center;}
.amenities-icons-gallery-box h4 img{width: 60px;margin-right: 10px;}
.amenities-icons-gallery-box h4 span{text-align: left;position: relative;bottom: 0;left: 0;font-size: 16px;color: var(--black-color);}

.rera-boxes{width: 100%;margin-bottom: 30px;text-align: center;}
.rera-boxes p{font: normal 300 15px/1.5 var(--primary-font);color: var(--white-color);letter-spacing: 2px;width: 100%;text-align: center;margin: 0 auto 18px;}
.rera-boxes img{width: 75%;}



.sidebar-widgets{width: 100%;position: fixed;padding: 10px 10px;right: 0;bottom: 0;z-index: 99999999999;background-color: var(--white-color);}
.sidebar-widgets ul{display: flex; align-items: center; height: 48px;padding-left: 0; margin-bottom: 0;text-align: center;border: 1px solid var(--black-color);}
.sidebar-widgets ul li {width: 50%;list-style: none; }
.sidebar-widgets ul li:last-child{border-left: 1px solid var(--black-color);}
.sidebar-widgets ul li a{padding: 1px 0px 1px 0px; display: flex; justify-content: center; margin: 0 auto; align-items: center; text-decoration: none;list-style: none;font: normal 300 16px/1.5 var(--primary-font);color: var(--black-color);}
.sidebar-widgets ul li a i{margin-right: 10px;font-size: 22px;}



.modal-calls, .modal-enquire{border: none !important;border-radius: 0px !important;}
.modal-calls h4{text-align: center;font: normal 400 25px/1.5 var(--primary-font);color: var(--site-color);text-transform: uppercase;background: var(--white-color);padding: 10px 10px 10px 35px;} .modal-calls h4 button{float: right;color: var(--black-color);background: none;font-size: 36px;opacity: 1;padding: 0;margin-top: -8px} .modal-calls h4 button:focus{box-shadow: none;} .modal-calls a, .modal-calls p, .modal-calls img{text-align: center;font: normal 400 18px/1.5 var(--primary-font);color: var(--black-color); display: inline-block;text-decoration: none;margin-bottom: 10px;} .modal-calls a:hover{color: var(--black-color);} .modal-calls img{width: 120px; margin: auto;}
.modal-enquire h3{text-align: center;font: normal 400 25px/1.5 var(--primary-font);color: var(--site-color);text-transform: uppercase;background: var(--white-color);padding: 10px 10px 10px 35px;} .modal-enquire h3 button{float: right;color: var(--black-color);background: none;font-size: 36px;opacity: 1;padding: 0;margin-top: -8px} .modal-enquire h3 button:focus{box-shadow: none;}
.popupforms{padding: 0px 25px 25px 25px;}
.form-item{width: 100%;margin-bottom: 20px;}
.form-item label{width: 100%;font: normal 300 15px/1.5 var(--primary-font);color: var(--black-color);margin-bottom: 3px;font-size: 12px;}
.fullinput{width: 100%;}
.form-item input{font: normal 400 15px/1.5 var(--primary-font);outline: none;color: var(--black-color);border: 1px solid var(--black-color);padding: 8px 10px;}
.form-item input[type="checkbox"]{margin-right: 10px;}
.form-item input::placeholder {color: var(--black-color);}
.form-item select{font: normal 400 15px/1.5 var(--primary-font);outline: none;color: var(--black-color);border: 1px solid var(--black-color);padding: 7px 5px 7px 5px;margin-right: 5px;}
.halfinput{width: calc(100% - 100px);}
.form-group button{width: 100%;display: inline-block;font: normal 300 18px/1.5 var(--primary-font); border: 2px solid var(--black-color);background: var(--white-color);color: var(--black-color);text-align: center;padding: 8px 100px;letter-spacing: 0.5px;margin: 10px 0px 0px 0px;}
.form-group button:hover{background-color: var(--black-color);color: var(--white-color);}
.lnt_form_error, .lnt_form_msg{color: red;font: normal 300 15px/1.5 var(--primary-font);}
.grecaptcha-badge{visibility: hidden !important;}
#thank-you-campaign{width: 100%;text-align: center;background: var(--white-color);}
.thank-you-campaign-section{width: 100%;position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%) !important;}
.thank-you-campaign-section img{text-align: center;margin-bottom: 20px}
.thank-you-campaign-section h1{font: normal 400 30px/1.5 var(--primary-font);text-align: center;color: var(--black-color);margin-top: 0;font-weight: 500;font-size: 45px;text-transform: uppercase;margin-bottom: 10px;}
.thank-you-campaign-section p{font: normal 400 20px/1.5 var(--primary-font);text-align: center;color: var(--black-color);margin-top: 0;font-weight: 500;font-size: 18px;margin-bottom: 12px;line-height: 1.5;}
.form-item .btn-resend-otp{border: none;background-color: transparent;text-decoration: underline;padding: 0;font-size: 15px;cursor: pointer;color: var(--text-color);}
@media only screen and (max-width: 1024px){#sectionToScrollTo, .page-sections{padding: 100px 0px;}}
@media only screen and (max-width: 992px){.desktop-visible{display: none;} .mobile-visible{display: block;} .bg-img-parallax-img-section{background-image: linear-gradient(to bottom right, hsl(12.86, 21.88%, 87.45%), hsl(30deg 21.36% 59.61%));padding: 100px 0px;}  .main-desktop-visible{display: none;} .main-mobile-visible{display: block;} }
@media only screen and (max-width: 767px){.page-title, .parallax-title{font-size: 40px;}.bg-img-parallax-section{min-height: 500px;}.rera-boxes p{letter-spacing: 0;font-size: 14px;}.rera-boxes img{width: 55%;}.navs-calls a{margin-right: 0px;font-size: 18px;}.bg-img-section{margin-bottom: 20px;} .enquirenowbtn{border-right: none;padding-right: 0px;} .headeractive{background: rgb(82 80 80 / 60%) !important;} .headers-navigaton-menus{display: block;width: 100%;} .logos{margin: 0 auto;width: 100%;text-align: center;border-bottom: 1px solid rgb(255 255 255 / 29%);margin-bottom: 10px;padding-bottom: 10px;} .navs-calls{position: static;justify-content: space-between;width: 100%;} .enquirenowbtn{border-right: none;padding-right: 0;} .navs-calls a:nth-child(2){display: none;} .navs-calls a:last-child{display: block;} .amenities-icons-gallery-box h4{font-size: 14px;} .amenities-icons-gallery-box h4 img{width: 50px;}}
@media only screen and (max-width: 400px){.page-title, .parallax-title{font-size: 30px;}.text-descp-box h4{font-size: 20px;}}



/* Location section specific styles */
#location {
    width: 100%;
    padding: 100px 20px 50px 20px;
}

.loc-light-bg {
    background: var(--white-color);
}

.loc-section-title {
    position: relative;
    color: var(--site-color);
    text-align: center;
    font-family: var(--tertiary-font);
    margin-bottom: 25px;
    text-transform: uppercase;
}

.loc-section-title:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: var(--site-color);
    margin: 0 auto;
    margin-top: 2px;
}

.loc-map {
    width: 100%;
}

.loc-map img {
    width: 100%;
}

.loc-info {
    width: 100%;
}

.loc-category {
    width: 100%;
    display: grid;
    margin-bottom: 10px;
}

.loc-category h5 {
    font-family: var(--primary-font);
    color: var(--black-color);
    position: relative;
    margin-bottom: 10px;
}

.loc-category h5:after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background-color: var(--site-color);
    margin-top: 4px;
    margin-left: 25px;
}

.loc-category ul {
    padding-left: 22px;
    list-style: none;
}

.loc-category ul li {
    font-family: var(--primary-font);
    width: 50%;
    float: left;
    margin-bottom: 5px;
    color: var(--black-color);
    font-size: 16px;
    letter-spacing: 0.4px;
}

.loc-address-center {
    width: 100%;
    display: grid;
    margin-bottom: 10px;
}

.loc-address-center h5 {
    font-family: var(--primary-font);
    color: var(--black-color);
    position: relative;
    margin-bottom: 10px;
}

.loc-address-center h5:after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background-color: var(--site-color);
    margin-top: 4px;
    margin: 0 auto;
}

.loc-address-center ul {
    padding-left: 22px;
    list-style: none;
}

.loc-address-center ul li {
    font-family: var(--secondary-font);
    float: left;
    margin-bottom: 5px;
    color: var(--text-color);
    font-size: 16px;
    letter-spacing: 0.4px;
}

/* Utility class for full width items */
.w-100 {
    width: 100%;
}

/* Media queries for responsive design */
@media only screen and (max-width: 992px) {
    #location {
        padding: 90px 15px 50px 15px;
    }
    
    .loc-map {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .loc-category ul li {
        width: 100%;
        font-size: 15px;
    }
}


/* Price & Size CSS */

.price-sec {
  background-color: #fff;
}

#sizeprice h2.site-title {
    text-align: center;
    margin-bottom: 50px;
}

.table thead {
    background-color: #525050;
    color: #fff;
}
.table tbody{
  border: 1px solid;
}


.overview-section {
  padding: 60px 20px;
  background-color: #ffffff;
}

.overview-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-image {
  flex: 1 1 50%;
  padding: 20px;
}

.overview-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.overview-text {
  flex: 1 1 50%;
  padding: 20px;
  text-align: left;
}

.overview-text h2 {
  font-family: var(--primary-font);
  font-size: 28px;
  color: #333333;
  margin-bottom: 20px;
}

.overview-text p {
  font-family: var(--primary-font);
  font-size: 14px;
  color: #555555;
  line-height: 1.6;
}
.overview-text li {
    font-family: "Jost", sans-serif;
}

@media (max-width: 768px) {
      .overview-container {
        flex-direction: column;
        text-align: center;
      }

      .overview-text h2 {
        font-size: 24px;
      }

      .overview-text p {
        font-size: 15px;
      }
    }