@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;
}
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;}}

.bannersection button{border: none;padding: 0;width: 100%;}
.customNavigationBanner{width: 100%;position: relative;bottom: 50%;} .customNavigationBanner a{cursor: pointer;color: var(--white-color);font-size: 20px;background: var(--site-color);padding: 5px 6px;} .customNavigationBanner a:hover{color: var(--title-color);} .customNavigationBanner .prev{position: absolute;left: 0;} .customNavigationBanner .next{position: absolute;right: 0;}
.desktop-masterhead{display: block;} .mobile-masterhead{display: none;}
.bannersection{width: 100%;height: 100%;position: relative;}.bannersection img{width: 100%;}.mobile-masterhead{display: none;} .bannersection video{width: 100%;height: 100%;position: relative;}
.bannersection button::after {content: ""; bottom: 6px; left: 0; width: 100%; height: 100%; background-image: linear-gradient(2deg, rgb(0 0 0 / 7%), #00000000); opacity: .9; position: absolute; }
.bannersection button span{ position: absolute; bottom: 30px; left: 20px;display: none; font: normal normal 300 8px var(--secondary-font); color: var(--white-color); padding: 5px;}

@media only screen and (max-width: 1024px){.bannersection iframe{height: 580px;} } @media only screen and (max-width: 992px){section, .aboutboxessection{padding: 90px 15px 50px 15px;} .about-box, .about-ltr-box{margin-bottom: 20px;} .bannersection iframe{} .callnowbtn{color: var(--title-color);} .callnowbtn span{display: none;} .logo-box{width: 140px;} .desktop-nav{display: none;} .header-navigaton-menu{display: block;} .callnowbtn{font-size: 23px;margin: -12px 35px 0px 0px;} .modal-contents{width: 80%;} .locationmap{margin-bottom: 20px;} .mobo-rev{flex-direction: column-reverse;} .lifestyle-gallery-box{margin-bottom: 20px;} .galleryplanone a, .galleryplantwo a, .galleryplanthree a, .galleryplanfour a, .galleryplanfive a, .galleryplansix a {width: 50%;}  } 
@media only screen and (max-width: 800px){.modal-contents{width: 94%;} .unboxpadleft{padding-left: 0px;} .calldesk{display: none;} .callmobile{display: block;} .customNavigationGallery{display: none;} .masthead-section-texts{bottom: 50%;} .masthead-section-texts h1{font-size: 40px;padding-left: 0px;}.masthead-section-texts h3{font-size: 30px;position: static;padding-left: 0;color: var(--white-color);} .bannersection button span{color: var(--white-color);} .sidebar-widgets{width: 100%;right: 0;bottom: 0;} .sidebar-widgets ul{display: flex;align-items: center;height: 48px;} .sidebar-widgets ul li{width: 50%;}  .sidebar-widgets ul li button, .sidebar-widgets ul li a {padding: 1px 0px 1px 0px;display: flex;justify-content: center;margin: 0 auto;align-items: center;text-decoration: none;} .sidebar-widgets ul li:last-child{border-left: 1px solid var(--white-color);} .sidebar-widgets ul li a span, .sidebar-widgets ul li button span{display: block;margin-left: 5px;font-size: 18px;} .customNavigationBanner{position: static;text-align: center;} .customNavigationBanner .prev, .customNavigationBanner .next{position: static;} } @media only screen and (max-width: 767px){.about-box h5{font-size: 20px;} .about-box h6, .about-ltr-box p{font-size: 15px;} .textdescp{font-size: 16px;} .bannersection iframe{height: 430px;} .locationlists ul li{width: 100%;font-size: 15px;}.navtoggles{top: 10px;} .desktop-masterhead{display: none;} .mobile-masterhead{display: block;} .sidebar-widgets ul li:first-child{display: block;} .sidebar-widgets ul li:nth-child(2){display: none;}.luxury-box-description ul{padding-left: 10px;} .luxury-box-description ul li{font-size: 15px;} .whatsappwidgets{display: block;} #sf-chatbot-container{display: none;}}  
@media only screen and (max-width: 450px){.galleryplanone a, .galleryplantwo a, .galleryplanthree a, .galleryplanfour a, .galleryplanfive a, .galleryplansix a{width: 100%;}}
@media only screen and (max-width: 375px){.about-box{min-height: 140px;} .bannersection iframe{height: 210px;} .textdescp{font-size: 15px;} .about-ltr-box{min-height: 160px;} .about-ltr-box h4{font-size: 28px;} .luxury-box-description ul{padding-left: 5px;} .luxury-box-description ul li{font-size: 13px;} } @media only screen and (max-width: 350px){.about-box{min-height: 130px;} }
