

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
	<meta name="robots" content="noindex, nofollow">
	
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="google-site-verification" content="GRMgJMNA3MAKvUV7BLTGkvpXa9tVc4WrJAN29TOdeOU" />
	<meta name="theme-color" content="#856d47"/>
	<title>Prestige Ocean Towers | 4 BHK Villaments for Sale in Mumbai</title>
	<meta name="description" content="Buy 4 BHK Luxurious Villament in Marine Lines, South Mumbai with majestic decks and unstinted view of the Arabian Sea. Experience urban living at its finest in prime location. Book Now!">

	<!-- SOCIAL MEDIA META -->
	<meta property="og:description" content="Buy 4 BHK Luxurious Villament in Marine Lines, South Mumbai with majestic decks and unstinted view of the Arabian Sea. Experience urban living at its finest in prime location. Book Now!">
	<meta property="og:image" content="https://www.prestigeconstructions.com/resources/micrositeassets/images/logo.png">
	<meta property="og:site_name" content="Prestige Ocean Towers - Marine Lines, Mumbai">
	<meta property="og:title" content="Prestige Ocean Towers | 4 BHK Villaments for Sale in Mumbai">
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/Prestige-Ocean-Towers-Creative.jpg">

	<!-- TWITTER META -->
	<meta name="twitter:card" content="summary">
	<meta name="twitter:site" content="Prestige Ocean Towers - Marine Lines, Mumbai">
	<meta name="twitter:title" content="Prestige Ocean Towers | 4 BHK Villaments for Sale in Mumbai">
	<meta name="twitter:description" content="Buy 4 BHK Luxurious Villament in Marine Lines, South Mumbai with majestic decks and unstinted view of the Arabian Sea. Experience urban living at its finest in prime location. Book Now!">
	<meta name="twitter:image" content="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/Prestige-Ocean-Towers-Creative.jpg">

	
    <!-- Google Fonts -->
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;1,300;1,400;1,500&amp;display=swap"/>
    <!-- Template Vendor's Stylesheet -->
    <link rel="stylesheet" type="text/css" href="https://www.prestigeconstructions.com/prestige-ocean-towers/css/vendor.css"/>
    <link rel="stylesheet" type="text/css" href="https://www.prestigeconstructions.com/prestige-ocean-towers/css/main.css?ver=933477080"/>
	<link rel="stylesheet" type="text/css" href="https://www.prestigeconstructions.com/resources/micrositeassets/revolution/fonts/font-awesome/css/font-awesome.css">
	<link rel="stylesheet" href="https://www.prestigeconstructions.com/prestige-ocean-towers/css/style.css?ver=933477080">
	<link rel="stylesheet" href="https://www.prestigeconstructions.com/prestige-ocean-towers/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://www.prestigeconstructions.com/prestige-ocean-towers/css/intlTelInput.css"/>
	 <script type='text/javascript'>
		  window._tfa = window._tfa || [];
		  window._tfa.push({notify: 'event', name: 'page_view', id: 1208525});
		  !function (t, f, a, x) {
				 if (!document.getElementById(x)) {
					t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f);
				 }
		  }(document.createElement('script'),
		  document.getElementsByTagName('script')[0],
		  '//cdn.taboola.com/libtrc/unip/1208525/tfa.js',
		  'tb_tfa_script');
		</script>
	<script data-obct type="text/javascript">
			/** DO NOT MODIFY THIS CODE**/
			!function(_window, _document) {
				var OB_ADV_ID='008a7d6ae13072904ded23bdd77c240e31';
				if (_window.obApi) {var toArray = function(object) {return Object.prototype.toString.call(object) === '[object Array]' ? object : [object];};_window.obApi.marketerId = toArray(_window.obApi.marketerId).concat(toArray(OB_ADV_ID));return;}
				var api = _window.obApi = function() {api.dispatch ? api.dispatch.apply(api, arguments) : api.queue.push(arguments);};api.version = '1.1';api.loaded = true;api.marketerId = OB_ADV_ID;api.queue = [];var tag = _document.createElement('script');tag.async = true;tag.src = '//amplify.outbrain.com/cp/obtp.js';tag.type = 'text/javascript';var script = _document.getElementsByTagName('script')[0];script.parentNode.insertBefore(tag, script);}(window, document);
			obApi('track', 'PAGE_VIEW');
		</script>
	<script async src="https://www.youtube.com/iframe_api"></script>
    <meta name="theme-color" content="#ffffff"/>
	<link href="https://legacy.prestigeconstructions.com/icon/favicon.png" rel="shortcut icon"> 
	
	<style>
		a {
		  text-decoration: none;
		}
		.row{
			padding-right:5%;
		}
		.align-items-center{
			padding-left: 5%;
			padding-right: 5%;
		}
		.fullscreen-bg {
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  overflow: hidden;
		  z-index: -100;
		  position: absolute;
			height: 100vh;
		}
		.fullscreen-bg__video {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		}
		.fullscreen-bg::before {
		  content: "";
		  position: absolute;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  background: rgba(0, 0, 0, 0.2);
		  z-index: 1;
		}
		.ocean-tower-rera-common{
		  width:100%;
		  height:auto;
		  display:inline-block;
		  position:absolute;
		  bottom:0;
		  right:0;
		  margin-bottom:25px;
		  padding-left:3%;
		  padding-right:3%;
		}
		.ocean-tower-rera-common-mob{
			display:none;
		}
		.ocean-tower-rera-main{
		  width:auto;
		  height:auto;
		  float:left;
		  display:inline-block;
		}
		.ocean-tower-rera{
		  width:auto;
		  height:auto;
		  display:inline-block;
		  font-weight:600;
		  font-size:1.1em;
		}
		.ocean-tower-rera-qrcode{
		  width:40px;
		  height:40px;
		  display:inline-block;
		  vertical-align:top;
		  margin-bottom:10px;
		}
		.ocean-tower-rera-qrcode > img{
		  width:100%;
		  height:100%;
		  object-fit:cover;
		}
		.vid-content {
		  width: 100%;
		  position: absolute;
		  left: 50%;
		  top: 50%;
		  z-index: 999;
		  text-align: center;
		  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
		  -o-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
		}
		.content__title {
		  font-size: 48px;
		  color: white;
		  padding: 0 10px;
		  text-shadow: 2px 2px 0px #000;
		  margin: auto;
		}
		.content__text {
		  font: 300 18px "Roboto", sans-serif;
		  color: white;
		  display: block;
		}

		@media (min-aspect-ratio: 16/9) {
		  .fullscreen-bg__video {
			height: 300%;
			top: -100%;
		  }
		}
		@media (max-aspect-ratio: 16/9) {
		  .fullscreen-bg__video {
			width: 300%;
			left: -100%;
		  }
		}
		
		.logo {
			opacity: 0;
		}
		
		.header_sticky .logo,
		.header_sticky .menu {
			opacity: 1;
		}
		
		@media (max-width: 992px) {
		  .section-slider-projects-fullscreen .ss-align{
			margin-bottom: 50px; 
		  }
		  .logo, .menu {
			opacity: 0;
			
		  }
		  
		  #page-header .menu > li a > span { display: none !important; }
		  
		  #page-header .menu > li.bordered a i {
			margin-right: 0px;
			font-size: 18px;
			width: 24px;
			height: 24px;
			line-height: 24px;
			text-align: center;
		  }
		
		 #page-header .menu {
			margin: 0 1em 0 0 !important;
	 	 }

		  .header_sticky .logo,
		  .header_sticky .menu {
			opacity: 1;
		  }
			
		  .fullscreen-bg {
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		  }
		  .fullscreen-bg__video {
			/* display: none; */
		  }
		  
		  .section-slider-projects-fullscreen .ss-align {
			align-items: center !important;
		  }
		  
		  .slider-projects-fullscreen__content {
			top: -10vh;
			position: relative;
		  }
		  
		  .section { text-align: center; }
		  .subtext { justify-content: center; }
		  .section-palette { margin: 15px 0px 0px; }
		  .ocean-tower-rera-common{
			 display:none;
			}
			.ocean-tower-rera-common-mob{
				 width:100%;
				  height:auto;
				  display:inline-block;
				  position:absolute;
				  bottom:0;
				  right:0;
				  margin-bottom:25px;
				  padding-left:3%;
				  padding-right:3%;
			}
		  
		}
		
		.section-slider-projects-fullscreen {
			height: 100vh;
			align-items: end;
			justify-content: center;
			text-align: center;
		}
		
		.section-slider-projects-fullscreen .ss-align {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		
		.bg-light-1.header_sticky .menu > li > a { color: #000 !important; }
		.modal-popup-container{
			width:100%;
			height:100%;
			display:none;
			position:fixed;
			top:0;
			right:0;
		}
		.preloader{
			z-index: 999;
		}.has-text-centered {
			text-align: center;
		}
		.full-screen-cookie-block li{
			list-style-type: none;
		}.btn.background-theme {
			border: 1px dashed;
			border-radius: 0;
		}.full-screen-cookie-block-items .section-title h4 {
			font-size: 28px;
		}
		.full-screen-cookie-block {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			background-color: #fff !important;
			z-index: 888;
			padding: 30px 60px;
			border-top: 1px solid #000;
		}

		.full-screen-cookie-block ul {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 30px;
			margin: 0;
			padding: 0;
		}
		.full-screen-cookie-block ul li:first-child {
			width: calc(100% - 330px);
			flex: 0 0 calc(100% - 330px);
		}

		.full-screen-cookie-block ul li:last-child {
			width: 300px;
			flex: 0 0 300px;
			text-align: left !important;
		}
		.cookie-block-items-desc {
			max-width: 1000px;
		}
		.checkbox-desc a {
			color: #856d47 !important;
			font-weight: 600;
		}
		.checkbox-container {
			display: flex;
			align-items: center
		}

.custom-checkbox {
    position: relative;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-color: transparent;
    border: 1px solid #856d47;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 10px
}

.custom-checkbox input[type=checkbox] {
    appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    padding: 0;
    border: 0;
    transform: unset;
}

.custom-checkbox input[type=checkbox]:checked::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    z-index: 9
}

.checkbox-text {
    font-size: 12px
}

.custom-checkbox .error-msg {
    width: 100px
}

.custom-checkbox label.error {
    bottom: -20px
}

.checkbox-item-update .checkbox-desc {
    font-size: 12px!important;
    line-height: 16px;
    letter-spacing: 0;
    display: block;
    margin-top: 10px
}

.custom-checkbox input[type=checkbox]:checked::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #856d47
}
		@media screen and (max-width: 1024px) {
			
		.full-screen-cookie-block ul li:first-child {
			width: 100%;
			flex: 0 0 100%;
		}

		.full-screen-cookie-block ul li:last-child {
			width: 100%;
			flex: 0 0 100%;
		}
		.full-screen-cookie-block{
			padding: 20px;
		}
		.full-screen-cookie-block ul{
			gap: 10px;
		}
		}
		@media screen and (max-width: 575px) {
			.full-screen-cookie-block-items .section-title h4 {
				font-size: 20px;
			}
			.modal-content{
				padding: 40px 10px 20px;
			}
			.cookie-block-items-desc p {
				font-size: 14px;
				line-height: 1.4;
			}

			.btn.background-theme {
				font-size: 14px;
			}
		}

	</style>
  
  </head>
  <body>

  <div class="full-screen-cookie-block" data-cookie-visible="true">
    <ul>
        <li>
            <div class="full-screen-cookie-block-items">
                <div class="section-title mb-0 pt-0">
                    <h4>We use cookies to improve your experience</h4>
                </div>
                <div class="cookie-block-items-desc">
                    <p class="mb-0"> By clicking “Accept All Cookies”, you agree to the storing of cookies on your
                        device to enhance site navigation, analyse site usage, and assist in our marketing efforts.</p>
                </div>
            </div>
        </li>
        <li class="has-text-centered">
            <a href="#" class="btn background-theme p-relative cookie-accept-btn"><span>Accept All Cookies</span></a>
        </li>
    </ul>
</div>
	
    <div data-barba="wrapper">
	
      <!-- PAGE PRELOADER -->
      <div class="preloader preloader_header-menu-hidden mask-reveal" id="js-preloader" data-arts-theme-text="light" data-arts-preloader-logo="secondary">
        <div class="mask-reveal__layer mask-reveal__layer-1 bg-dark-1">
          <div class="mask-reveal__layer mask-reveal__layer-2">
            <div class="preloader__wrapper">
              <div class="preloader__counter preloader__counter_started me-auto mt-auto underline js-preloader__counter">00%</div>
              <div class="preloader__content ms-auto mt-auto js-preloader__content">
                <div class="h6">Loading</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- - PAGE PRELOADER -->
	  
      <!-- PAGE HEADER -->
	<header class="header header_fixed container-fluid js-header-sticky header_menu-right" id="page-header" data-arts-theme-text="light" data-arts-header-sticky-theme="bg-light-1" data-arts-header-logo="secondary" data-arts-header-sticky-logo="primary" data-arts-header-sticky-theme-text="light" data-arts-header-overlay-theme-text="light">
        <!-- top bar -->
        <div class="header__container header__controls">
          <div class="row justify-content-between align-items-center">
            <!-- logo -->
            <div class="col-auto header__col header__col-left">
				<a class="logo" href="javaxript:void(0);">
                <div class="logo__wrapper-img">
                  <!-- primary logo version (for light backgrounds)--><img class="logo__img-primary" src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/general/logo/pot-dark.png" alt="Prestige Ocean Towers"/>
                  <!-- secondary logo version (for dark backgrounds)--><img class="logo__img-secondary" src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/general/logo/pot-light.png" alt="Prestige Ocean Tower"/>
                </div></a>
            </div>
            <!-- - logo -->
            <!-- desktop menu-->
            <div class="col-auto header__col d-block d-lg-block">
              <ul class="menu js-menu">
                <li class="d-none d-lg-inline-block"><a href="#overview">Overview</a></li>
                <li class="d-none d-lg-inline-block"><a href="#partners">Design Partners</a></li>
                <li class="bordered"><a href="javascript:void()" data-toggle="modal" data-target="#exampleModalCenter" id="1000"><i class="material-icons"></i> <span>Request A Callback</span></a></li>
              </ul>
            </div>
            <!-- - desktop menu -->
            <!-- "back" button for submenu nav -->
            <div class="header__overlay-menu-back" id="js-submenu-back" data-arts-cursor="data-arts-cursor" data-arts-cursor-scale="1.7" data-arts-cursor-magnetic="data-arts-cursor-magnetic" data-arts-cursor-hide-native="true"><i class="material-icons">arrow_back</i>
              <div class="header__label header__label_status">
                <div class="js-header-label-submenu"></div>
              </div>
              <div class="header__label header__label_opened-back">Back</div>
            </div>
            <!-- - "back" button for submenu nav -->
          </div>
        </div>
        <!-- - top bar -->
      </header>
      <!-- - PAGE HEADER -->
      <!-- PAGE MAIN CONTAINER -->
      <div class="js-smooth-scroll" id="page-wrapper" data-barba="container">
        <!-- PAGE CONTENT -->
        <main class="page-wrapper__content">
		
          <!-- section SLIDER PROJECTS FULLSCREEN -->
          <section id="home" class="section section-fullheight section-slider-projects-fullscreen data-arts-os-animation="true" data-arts-theme-text="light">
		  
			
                <!-- slider CONTENT -->
                <div class="container">
                  <div class="row justify-content-center align-items-end">
                    <div class="col-md-12">
                      <div class="slider-projects-fullscreen__content swiper-container js-slider-projects-fullscreen__content pointer-events-none" data-auto-height="true" data-transition="text" data-transition-direction="horizontal">
                        <div class="swiper-wrapper">
                          <!-- thumb -->
                          <div class="swiper-slide pt-medium pb-medium ss-align">
                            <div class="d-inline-block slider__subheading pointer-events-auto mb-3">
                              <ul class="post-meta post-meta_mini"><li><a href="javascript:void(0);">PRESENTING</a></li>
                              </ul>
                            </div>
                            <div class="w-100"></div>
                            <h2 class="h1 slider__heading my-0">PRIDE OF THE QUEEN'S NECKLACE</h2>
                            <div class="w-100"></div>
							
							<!-- <div class="section-content__subline h6">Coming soon at Marine Lines, Mumbai.</div> -->
							
                            <!-- <div class="w-100"></div>
                            <div class="d-inline-block slider__wrapper-button mt-4 pointer-events-auto"><a class="button button_icon button_solid bg-light-1" href="javascript:void(0);" data-arts-hover="trigger"><span class="button__label button__label-normal"><span class="button__title">More Info</span><span class="button__icon button__icon_after knz-arrow-right"></span></span><span class="button__label button__label-hover"><span class="button__title">More Info</span><span class="button__icon button__icon_after knz-arrow-right"></span></span></a>
                            </div> -->
							
                          </div>
                        </div>
                      </div>
					  
                    </div>
					<div class="ocean-tower-rera-common">
						<div class="ocean-tower-rera-main" align="center">
							<div class="ocean-tower-rera">RERA NO : P51900053993</div><br>
							<div class="ocean-tower-rera">RERA NO : P51900066470</div>
						</div>
					  </div>
                  </div>
                </div>
		  
				<div class="fullscreen-bg">
					<video autoplay="" muted="" loop="" playsinline="" id="vid" preload="auto" class="fullscreen-bg__video"> 
					
						 
						<source src="https://www.prestigeconstructions.com/prestige-ocean-towers/video/prestige-ocean-towers-marine-lines.mp4" poster="thumb-without-logo.png" type="video/mp4"> 
											
					</video>
					<div class="ocean-tower-rera-common-mob">
						<div class="ocean-tower-rera-main" align="center">
							<div class="ocean-tower-rera">RERA NO : P51900053993</div><br>
							<div class="ocean-tower-rera">RERA NO : P51900066470</div>
						</div>
					  </div>
				</div>
				
          </section>
          <!-- - section SLIDER PROJECTS FULLSCREEN -->
		  
		  <!-- section COLOR PALETTE -->
          <section id="overview" class="section pt-medium pb-medium">
            <div class="container-fluid">
              <div class="row align-items-center justify-content-between g-4" style="padding-right:0px">
                <div class="col-lg-5">
                  <section class="section section-content">
                    <div class="section-content__content content js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
					
					 <h1 class="h3 mb-lg-0 mb-0">PRESTIGE OCEAN TOWERS<br><span class="subtext mb-3">MADE BY THE BEST FOR THE FINEST<span></h1> 
					  
					 <p>Redefining the Mumbai skyline is Prestige Ocean Towers, hosting two magnificent edifices that will be the defining stars of Mumbai's Queen's Necklace.</p> 
					 
					 <p>Offering exclusive 4BHK Villaments with majestic decks and unstinted views of the Arabian Sea to all its residents, Ocean Towers hosts a multi-level podium with an infinity pool and a clubhouse offering a host of unrivalled curated experiences. </p>
					 
					 <p>An unparalleled life in South Mumbai’s uncomparable address - Marine Lines.</p>
					 
                    </div>
                  </section>
                </div>
                <div class="col-lg-6">
                  <section class="section section-palette section-content text-center">
                    <div class="row g-4">
                      <div class="col-md-4 col-6">
                        <div class="swatch">
                          <div class="swatch__figure swatch__figure_img"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/icons/building.png"></div>
                          <div class="swatch__header js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                            <div class="swatch__subheading small">Two magnificient edifices on a 2.3 acre land parcel</div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-4 col-6">
                        <div class="swatch">
                          <div class="swatch__figure swatch__figure_img"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/icons/views.png"></div>
                          <div class="swatch__header js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                            <div class="swatch__subheading small">Unstinted views of the queen's necklance and arabian sea</div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-4 col-6">
                        <div class="swatch">
                          <div class="swatch__figure swatch__figure_img"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/icons/partners.png"></div>
                          <div class="swatch__header js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                            <div class="swatch__subheading small">An architectural marvel by foster - partners</div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-4 col-6">
                        <div class="swatch">
                          <div class="swatch__figure swatch__figure_img"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/icons/villaments.png"></div>
                          <div class="swatch__header js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                            <div class="swatch__subheading small">4 BHK villaments with majestic decks</div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-4 col-6">
                        <div class="swatch">
                          <div class="swatch__figure swatch__figure_img"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/icons/swimming-pool.png"></div>
                          <div class="swatch__header js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                            <div class="swatch__subheading small">A multi-level lifestyle podium with infinity pool & curated indulgences</div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-4 col-6">
                        <div class="swatch">
                          <div class="swatch__figure swatch__figure_img"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/icons/architect.png"></div>
                          <div class="swatch__header js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                            <div class="swatch__subheading small">Homes designed by architect hafeez contractor</div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </section>
                </div>
              </div>
            </div>
          </section>
          <!-- - section COLOR PALETTE -->
		  
          <div class="section">
            <div class="section section-offset offset_bottom">
              <div class="section-offset__content">
                <section class="section section-image section-content">
                  <div class="mask-reveal js-arts-parallax overflow w-100 h-100" data-arts-parallax-factor-y="0.05" data-arts-os-animation="true" data-arts-os-animation-name="animateMask" data-arts-os-animation-params="{direction: 'right'}">
                    <div class="mask-reveal__layer mask-reveal__layer-1">
                      <div class="mask-reveal__layer mask-reveal__layer-2">
                        <div class="js-arts-parallax__scrub w-100"><img class="of-cover lazy-bg" src="#" data-src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/Prestige-Ocean-Towers-Creative.jpg" width="1920" height="1280" alt=""/>
                        </div>
                      </div>
                    </div>
                  </div>
                </section>
              </div>
            </div>
          </div>
          <!-- - section CONTENT & IMAGE -->
		  
		   <!-- section CREDITS -->
          <section id="partners" class="section py-medium dpartners">
            <div class="container-fluid">
              <div class="row row-wide align-items-center justify-content-between">
                <div class="col-lg-6 col-wide">
                  <section class="section section-content pb-xsmall">
                    <div class="section-content__content content js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                      <h2 class="h2 mb-lg-0 mb-3">DESIGN PARTNERS</h2>
                    </div>
                  </section>
                </div>
                <div class="col-lg-6 col-wide">
                  <section class="section section-properties section-list section-content">
                    <div class="section-list__item">
                      <div class="section-list__content content js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                        <div class="h6">PRINCIPAL ARCHITECTURAL CONSULTANT </div>
                        <p class="mt-0"><a href="javascript:void(0);"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/partners/foster.jpg" alt="foster"></a></p>
                      </div>
                    </div>
                    <div class="section-list__item">
                      <div class="section-list__content content js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                        <div class="h6">INTERIOR CONSULTANT</div>
                        <p class="mt-0"><a href="javascript:void(0);"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/partners/hba.jpg" alt="hba"></a></p>
                      </div>
                    </div>
                    <div class="section-list__item">
                      <div class="section-list__content content js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                        <div class="h6">LANDSCAPE CONSULTANT</div>
                        <p class="mt-0"><a href="javascript:void(0);"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/partners/dlc.jpg" alt="dlc"></a></p>
                      </div>
                    </div>
                    <div class="section-list__item">
                      <div class="section-list__content content js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                        <div class="h6">FACADE CONSULTANT</div>
                        <p class="mt-0"><a href="javascript:void(0);"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/partners/menhardt.jpg" alt="menhardt"></a></p>
                      </div>
                    </div>
                    <div class="section-list__item">
                      <div class="section-list__content content js-arts-split-text arts-split-text" data-arts-os-animation="true" data-arts-os-animation-name="animateText" data-arts-split-text="lines" data-arts-split-text-set="lines" data-arts-split-text-overflow-wrap="lines">
                        <div class="h6">ARCHITECTURAL CONSULTANT</div>
                        <p class="mt-0"><a href="javascript:void(0);"><img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/partners/hafeez.jpg" alt="hafeez"></a></p>
                      </div>
                    </div>
                  </section>
                </div>
              </div>
            </div>
          </section>
          <!-- - section CREDITS -->
		  
        </main>
        <!-- - PAGE CONTENT -->
        <!-- PAGE FOOTER -->
        <footer class="footer bg-dark-1" id="page-footer" data-arts-theme-text="light">
          <div class="footer__inner" style="width:100%;">
            <div class="container">
				<section class="widget widget_text" align="center">
					<div class="ocean-tower-rera-qrcode">
						<img src="https://www.prestigeconstructions.com/prestige-ocean-towers/img/assets/prestige-ocean-towers-qr-code.PNG" alt="Prestige Ocean Towers QR Code">
					</div>
                    <div class="textwidget" style="margin-top:10px; padding-left:10px; display:inline-block; vertical-align:block;"><p><small><b>Prestige Ocean Towers - North, MahaRERA registration number: P51900053993 | Available on website https://maharera.mahaonline.gov.in</b></small></p></div>
                </section>
              <div class="row justify-content-between align-items-center position-relative pt-4">
				
                <div class="footer__divider"></div>
                <div class="col-lg-12 text-center">
                  <section class="widget widget_text">
                    <div class="textwidget"><p><small>© 2023 Official Website of Prestige Estates Projects Ltd. All rights reserved.</small></p></div>
                  </section>
                </div>
              </div>
              <!-- - widget area #3 [2 columns] -->
            </div>
          </div>
        </footer>
        <!-- - PAGE FOOTER -->
      </div>
      <!-- - PAGE MAIN CONTAINER -->
    </div>
    <canvas id="js-webgl"></canvas>
    <!-- Cursor Follower -->
    <div class="arts-cursor" id="js-arts-cursor">
      <div class="arts-cursor__wrapper">
        <!-- circles-->
        <div class="arts-cursor__follower js-arts-cursor__follower">
                  </div>
        <!-- arrows-->
        <div class="arts-cursor__arrows">
          <div class="arts-cursor__arrow arts-cursor__arrow_up material-icons keyboard_arrow_up js-arts-cursor__arrow-up"></div>
          <div class="arts-cursor__arrow arts-cursor__arrow_right material-icons keyboard_arrow_right js-arts-cursor__arrow-right"></div>
          <div class="arts-cursor__arrow arts-cursor__arrow_down material-icons keyboard_arrow_down js-arts-cursor__arrow-down"></div>
          <div class="arts-cursor__arrow arts-cursor__arrow_left material-icons keyboard_arrow_left js-arts-cursor__arrow-left"></div>
        </div>
        <!-- label holder-->
        <div class="arts-cursor__wrapper-label">
          <div class="arts-cursor__label js-arts-cursor__label"></div>
        </div>
        <!-- icon holder-->
        <div class="arts-cursor__wrapper-icon">
          <div class="arts-cursor__icon js-arts-cursor__icon"></div>
        </div>
      </div>
    </div>
    <!-- - Cursor Follower -->
    <!-- Mobile Loading Spinner -->
    <svg class="spinner d-lg-none" id="js-spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
      <circle class="spinner__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
    </svg>
    <!-- - Mobile Loading Spinner -->
    <!-- Curtain AJAX Transition -->
    <div class="transition-curtain" id="js-page-transition-curtain"></div>
    <!-- - Curtain AJAX Transition -->
    <!-- PhotoSwipe Lightbox Container -->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" data-arts-theme-text="light">
      <!-- background -->
      <div class="pswp__bg"></div>
      <!-- - background -->
      <!-- slider wrapper -->
      <div class="pswp__scroll-wrap">
        <!-- slides holder (don't modify)-->
        <div class="pswp__container">
          <div class="pswp__item">
            <div class="pswp__img pswp__img--placeholder"></div>
          </div>
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
        </div>
        <!-- - slides holder (don't modify)-->
        <!-- UI -->
        <div class="pswp__ui pswp__ui--hidden">
          <!-- top bar -->
          <div class="pswp__top-bar">
            <div class="pswp__counter"></div>
            <button class="pswp__button pswp__button--close" title="Close (Esc)" data-arts-cursor="data-arts-cursor" data-arts-cursor-scale="1.4" data-arts-cursor-magnetic="data-arts-cursor-magnetic" data-arts-cursor-hide-native="true"></button>
            <button class="pswp__button pswp__button--fs" title="Toggle fullscreen" data-arts-cursor="data-arts-cursor" data-arts-cursor-scale="1.4" data-arts-cursor-magnetic="data-arts-cursor-magnetic" data-arts-cursor-hide-native="true"></button>
            <div class="pswp__preloader">
              <div class="pswp__preloader__icn">
                <div class="pswp__preloader__cut">
                  <div class="pswp__preloader__donut"></div>
                </div>
              </div>
            </div>
          </div>
          <!-- - top bar -->
          <!-- left arrow -->
          <div class="pswp__button pswp__button--arrow--left material-icons" data-arts-cursor="data-arts-cursor" data-arts-cursor-scale="1.7" data-arts-cursor-magnetic="data-arts-cursor-magnetic" data-arts-cursor-hide-native="true">keyboard_arrow_left</div>
          <!-- - left arrow -->
          <!-- right arrow -->
          <div class="pswp__button pswp__button--arrow--right material-icons" data-arts-cursor="data-arts-cursor" data-arts-cursor-scale="1.7" data-arts-cursor-magnetic="data-arts-cursor-magnetic" data-arts-cursor-hide-native="true">keyboard_arrow_right</div>
          <!-- - right arrow -->
          <!-- slide caption holder (don't modify) -->
          <div class="pswp__caption">
            <div class="pswp__caption__center text-center"></div>
          </div>
          <!-- - slide caption holder (don't modify) -->
        </div>
        <!-- - UI -->
      </div>
      <!-- slider wrapper -->
    </div>
    <!-- - PhotoSwipe Lightbox Container -->
    <!-- VENDOR SCRIPTS -->
    <script src="https://www.prestigeconstructions.com/prestige-ocean-towers/js/vendor.js"></script>
    <!-- - VENDOR SCRIPTS -->
    <!-- COMPONENTS -->
    <script src="https://www.prestigeconstructions.com/prestige-ocean-towers/js/components.js"></script>
	<div class="modal fade bd-example-modal" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<div class="modal-body">
					

<div id="eformdiv">

	<div class="loader-sd">
		<img src="https://www.prestigeconstructions.com/resources/micrositeassets/loader-with-text.gif" alt="loader" style="max-width: 80px;">
		<p style="padding: 5px 0px; margin: 5px 0px;">Loading! Please wait!!</p>
	</div>

	<form id="eform" name="eform" method="post">

		<div class="form-group position-relative">
			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user fea icon-sm icons">
				<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
				<circle cx="12" cy="7" r="4"></circle>
			</svg>
			<input type="text" name="aname" id="aname" class="form-control pl-5" pattern="[a-zA-Z\s]+" minlength="3" placeholder="Your name *" required>
		</div>

		<div class="form-group position-relative">
			<div class="iti iti--allow-dropdown">
				<div class="iti__flag-container">
					<div class="iti__selected-flag" role="combobox" aria-owns="country-listbox" tabindex="0" title="India (भारत): +91">
						<div class="iti__flag iti__in"></div>
						<div class="iti__arrow"></div>
					</div>
				</div><input type="tel" name="amobile" id="amobile" class="form-control pl-5" placeholder="Your mobile *" required>
			</div>


			<input type="hidden" name="aisocode" id="aisocode" value="">
			<input type="hidden" name="adialcode" id="adialcode" value="">
			<input type="hidden" name="acountrycode" id="acountrycode" value="">
			<input type="hidden" name="autm_campaign" id="autm_campaign" value="">
			<input type="hidden" name="autm_source" id="autm_source" value="">
			<input type="hidden" name="autm_medium" id="autm_medium" value="">
			<input type="hidden" name="autm_gclid" id="autm_gclid" value="">
			<input type="hidden" name="apage" id="apage" value="/prestige-ocean-towers">

			<input type="hidden" name="aowner" id="aowner" value="">

			<input type="hidden" name="apcode" id="apcode" value="2213">
		</div>

		<div class="form-group position-relative">
			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail fea icon-sm icons">
				<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
				<polyline points="22,6 12,13 2,6"></polyline>
			</svg>
			<input name="aemail" id="aemail" type="email" class="form-control pl-5" placeholder="Your email *" required>
		</div>
		
		<div class="form-group position-relative">
			<div class="checkbox-item-update">
				<div class="checkbox-container">
					<label class="custom-checkbox">
						<input type="checkbox" name="agree_to_be_contacted" checked="" required>
					</label>
					<span class="checkbox-text">Yes, I want to stay informed and receive newsletter and marketing updates.</span>
				</div>
				<span class="checkbox-desc">By submitting this form you agree to the <a
						href="https://www.prestigeconstructions.com/terms-and-conditions" target="_blank" class="golden-text">Terms
						and Conditions</a> and <a href="https://www.prestigeconstructions.com/privacy-policy" target="_blank"
						class="golden-text">Privacy Policy</a></span>
			</div>
		</div>

		<div class="button-container">
			<!-- <input type="submit" name="sendotp" id="sendotp" class="button btn btn-info" value="Send OTP"> -->
			<input type="submit" name="sendotp" id="sendotp" class="" value="Send OTP">
		</div>

	</form>


	<div class="vform">
		<form id="validateform" name="validateform" method="post">

			<p>Name : <span id="gname"></span></p>
			<p>Mobile : <span id="gphone"></span></p>
			<p>Email ID : <span id="gemail"></span></p>
			<p style="display: none;">Country Code : <span id="gccode"></span></p>

			<div class="form-group otpfield">
				<input type="hidden" name="name" id="name" value="">
				<input type="hidden" name="phone" id="phone" value="">
				<input type="hidden" name="fphone" id="fphone" value="">

				<input type="hidden" name="icode" id="icode" value="">
				<input type="hidden" name="dcode" id="dcode" value="">
				<input type="hidden" name="ccode" id="ccode" value="">

				<input type="hidden" name="owner" id="owner" value="">

				<input type="hidden" name="utmcampaign" id="utmcampaign" value="">
				<input type="hidden" name="utmsource" id="utmsource" value="">
				<input type="hidden" name="utmmedium" id="utmmedium" value="">
				<input type="hidden" name="utmgclid" id="utmgclid" value="">
				<input type="hidden" name="click_id" id="click_id" value="">
				<input type="hidden" name="page" id="page" value="">

				<input type="hidden" name="email" id="email" value="">
				<input type="hidden" name="source" id="source" value="">
				<input type="hidden" name="sitevisit" id="sitevisit" value="">
				<input type="hidden" name="pcode" id="pcode" value="2213">
				<input type="hidden" name="otp" id="otp" value="">
				<input type="hidden" name="resp" id="resp" value="">
				<input type="hidden" name="leadid" id="leadid" value="">


				<input type="hidden" name="prospectid" id="prospectid" value="">
								<!-- <input type="hidden" name="campaignid" id="campaignid" value="152"> -->
								<input type="hidden" name="campaignid" id="campaignid" value="">
							</div>

			<div class="form-group position-relative">
				<label>OTP</label>
				<i data-feather="message-circle" class="fea icon-sm icons"></i>
				<input type="text" name="aotp" id="aotp" class="form-control pl-5" required="">
			</div>
			<div class="button-container">
				<input type="submit" name="validateotp" id="validateotp" class="" value="Enquire">
				<button name="cancelotp" id="cancelotp" class="" style="margin-left: 10px;">Cancel</button>
			</div>
		</form>
	</div>

</div>				</div>
			</div>
		</div>
	</div>
	<script src="https://www.prestigeconstructions.com/resources/micrositeassets/js/bootstrap.min.js"></script> 
	<script src="https://www.prestigeconstructions.com/resources/micrositeassets/js/intlTelInput.js"></script>
	<script src="https://www.prestigeconstructions.com/resources/micrositeassets/js/utils.js"></script>

  
	<script>
		
			document.getElementById("contactno").addEventListener("click", callCPFunction);
			
			document.getElementById("peplemail").addEventListener("click", callPEPLEFunction);
			document.getElementById("pepltollfree").addEventListener("click", callPEPLTFunction);
			document.getElementById("peplphone").addEventListener("click", callPEPLPFunction);
			
			document.getElementById("sendotp").addEventListener("click", callOTPLeadFunction);
			document.getElementById("sendcotp").addEventListener("click", callBOTPLeadFunction);
			
			document.getElementById("validateotp").addEventListener("click", callLeadFunction);
			document.getElementById("validatecotp").addEventListener("click", callBLeadFunction);
			
			$(".verloop-button").on('click', function(e){
				obApi('track', 'Chat');
				_tfa.push({notify: 'event', name: 'chat', id: 1208525});
			});
			
			//qp('track', 'GenerateLead');
			
			//document.getElementsByClassName("message-bar").addEventListener("click", callCPFunction);
			
			function callPEPLEFunction() {
				_tfa.push({notify: 'event', name: 'emailus', id: 1208525});
			}
			
			function callPEPLTFunction() {
				_tfa.push({notify: 'event', name: 'calls', id: 1208525});
			}
			
			function callPEPLPFunction() {
				_tfa.push({notify: 'event', name: 'calls', id: 1208525});
			}
			
			function callOTPLeadFunction() {
				_tfa.push({notify: 'event', name: 'lead', id: 1208525});
								
				!function(px){function e(t,e,c){var n="",r="";try{""!=(n=function(t,e){try{var c={};e.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(t,e,n){c[e]=n});return c.hasOwnProperty(t)?c[t]:""}catch(t){return""}}(t,c))?function(t,e,c){try{var n,r;c?((n=new Date).setTime(n.getTime()+864e5),r="; expires="+n.toGMTString()):r="",document.cookie=t+"="+e+r+";Path=/"}catch(t){}}(e,n,1):n=function(t){try{var e=document.cookie.match(new RegExp("(^| )"+t+"=([^;]+)"));if(e)return e[2]}catch(t){}return null}(e),r=""!=n&&null!=n?"&"+t+"="+n:"&"+t+"="}catch(t){}return r}var c="",n="",r="";try{n=e("ad","acf",c=window.location.href),r=e("col_ci","col_ci",c)}catch(t){console.log(t)}var a="https://ade.clmbtech.com/cde/eventTracking.htm?pixelId="+px+"&_w=1&_t=2"+n+r+"&rd="+(new Date).getTime();(new Image).src=a}('16591');
				
			}
			
			function callBOTPLeadFunction() {
				_tfa.push({notify: 'event', name: 'lead', id: 1208525});
								
				!function(px){function e(t,e,c){var n="",r="";try{""!=(n=function(t,e){try{var c={};e.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(t,e,n){c[e]=n});return c.hasOwnProperty(t)?c[t]:""}catch(t){return""}}(t,c))?function(t,e,c){try{var n,r;c?((n=new Date).setTime(n.getTime()+864e5),r="; expires="+n.toGMTString()):r="",document.cookie=t+"="+e+r+";Path=/"}catch(t){}}(e,n,1):n=function(t){try{var e=document.cookie.match(new RegExp("(^| )"+t+"=([^;]+)"));if(e)return e[2]}catch(t){}return null}(e),r=""!=n&&null!=n?"&"+t+"="+n:"&"+t+"="}catch(t){}return r}var c="",n="",r="";try{n=e("ad","acf",c=window.location.href),r=e("col_ci","col_ci",c)}catch(t){console.log(t)}var a="https://ade.clmbtech.com/cde/eventTracking.htm?pixelId="+px+"&_w=1&_t=2"+n+r+"&rd="+(new Date).getTime();(new Image).src=a}('16591');
				
			}
			
			function callCPFunction() {
				_tfa.push({notify: 'event', name: 'calls', id: 1208525});
				
				obApi('track', 'Call');
			}
			
			function callLeadFunction() {
				
				!function(px){function e(t,e,c){var n="",r="";try{""!=(n=function(t,e){try{var c={};e.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(t,e,n){c[e]=n});return c.hasOwnProperty(t)?c[t]:""}catch(t){return""}}(t,c))?function(t,e,c){try{var n,r;c?((n=new Date).setTime(n.getTime()+864e5),r="; expires="+n.toGMTString()):r="",document.cookie=t+"="+e+r+";Path=/"}catch(t){}}(e,n,1):n=function(t){try{var e=document.cookie.match(new RegExp("(^| )"+t+"=([^;]+)"));if(e)return e[2]}catch(t){}return null}(e),r=""!=n&&null!=n?"&"+t+"="+n:"&"+t+"="}catch(t){}return r}var c="",n="",r="";try{n=e("ad","acf",c=window.location.href),r=e("col_ci","col_ci",c)}catch(t){console.log(t)}var a="https://ade.clmbtech.com/cde/eventTracking.htm?pixelId="+px+"&_w=1&_t=2"+n+r+"&rd="+(new Date).getTime();(new Image).src=a}('328');
				
				_tfa.push({notify: 'event', name: 'verifiedlead', id: 1208525});
				
				obApi('track', 'Enquire');
				
				//window.lintrk('track', { conversion_id: 10708676 });
			}
			
			function callBLeadFunction() {
				
				!function(px){function e(t,e,c){var n="",r="";try{""!=(n=function(t,e){try{var c={};e.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(t,e,n){c[e]=n});return c.hasOwnProperty(t)?c[t]:""}catch(t){return""}}(t,c))?function(t,e,c){try{var n,r;c?((n=new Date).setTime(n.getTime()+864e5),r="; expires="+n.toGMTString()):r="",document.cookie=t+"="+e+r+";Path=/"}catch(t){}}(e,n,1):n=function(t){try{var e=document.cookie.match(new RegExp("(^| )"+t+"=([^;]+)"));if(e)return e[2]}catch(t){}return null}(e),r=""!=n&&null!=n?"&"+t+"="+n:"&"+t+"="}catch(t){}return r}var c="",n="",r="";try{n=e("ad","acf",c=window.location.href),r=e("col_ci","col_ci",c)}catch(t){console.log(t)}var a="https://ade.clmbtech.com/cde/eventTracking.htm?pixelId="+px+"&_w=1&_t=2"+n+r+"&rd="+(new Date).getTime();(new Image).src=a}('328');
				
				_tfa.push({notify: 'event', name: 'verifiedlead', id: 1208525});
				
				obApi('track', 'DBForm');
				
				window.lintrk('track', { conversion_id: 10708676 });
				
			}
			
		</script>
		
		<script>

			function getParam(p) {
				var match = RegExp('[?&]' + p + '=([^&]*)').exec(window.location.search);
				return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
			}

			function getExpiryRecord(value) {
				var expiryPeriod = 90 * 24 * 60 * 60 * 1000; // 90 day expiry in milliseconds

				var expiryDate = new Date().getTime() + expiryPeriod;
				return {
					value: value,
					expiryDate: expiryDate
				};
			}

			function addGclid() {
				var gclidParam = getParam('gclid');
				var gclidFormFields = ['autm_gclid']; // all possible gclid form field ids here
				var gclidRecord = null;
				var currGclidFormField;

				var gclsrcParam = getParam('gclsrc');
				var isGclsrcValid = !gclsrcParam || gclsrcParam.indexOf('aw') !== -1;

				gclidFormFields.forEach(function (field) {
					if (document.getElementById(field)) {
						currGclidFormField = document.getElementById(field);
					}
				});

				if (gclidParam && isGclsrcValid) {
					gclidRecord = getExpiryRecord(gclidParam);
					localStorage.setItem('gclid', JSON.stringify(gclidRecord));
				}

				var gclid = gclidRecord || JSON.parse(localStorage.getItem('gclid'));
				var isGclidValid = gclid && new Date().getTime() < gclid.expiryDate;

				if (currGclidFormField && isGclidValid) {
					currGclidFormField.value = gclid.value;
				}
			}

			window.addEventListener('load', addGclid);
			

		</script>
		
		<script>
			
			var otp = document.getElementById("otp")
		  , aotp = document.getElementById("aotp");
 
			function validateOTP(){
			  if(otp.value != aotp.value) {
				aotp.setCustomValidity("OTP Validation failed");
			  } else {
				aotp.setCustomValidity('');
			  }
			}

			otp.onchange = validateOTP;
			aotp.onkeyup = validateOTP;
		
		</script>
		
		<script>
			
			var cotp = document.getElementById("ccotp")
		  , ccotp = document.getElementById("cccotp");
 
			function validateCOTP(){
			  if(cotp.value != ccotp.value) {
				ccotp.setCustomValidity("OTP Validation failed");
			  } else {
				ccotp.setCustomValidity('');
			  }
			}

			cotp.onchange = validateCOTP;
			ccotp.onkeyup = validateCOTP;
		
		</script>
		
		<script>
			
			var scotp = document.getElementById("scotp")
		  , sccotp = document.getElementById("sccotp");
 
			function validateSCOTP(){
			  if(scotp.value != sccotp.value) {
				sccotp.setCustomValidity("OTP Validation failed");
			  } else {
				sccotp.setCustomValidity('');
			  }
			}

			scotp.onchange = validateSCOTP;
			sccotp.onkeyup = validateSCOTP;
		
		</script>
		
		<script>
				 var amob = document.querySelector("#amobile"),
					 gmmob = document.querySelector("#cmobile"),
					 sgmmob = document.querySelector("#scmobile"),
					 errorMsg = document.querySelector("#error-msg"),
					 validMsg = document.querySelector("#valid-msg");

				// Error messages based on the code returned from getValidationError
				var errorMap = [ "Invalid number", "Invalid country code", "Too short", "Too long", "Invalid number"];

				// Initialise plugin
				var intl = window.intlTelInput(amob, {
					preferredCountries: ['in']
				});

				var reset = function() {
					amob.classList.remove("error");
					errorMsg.innerHTML = "";
					errorMsg.classList.add("hide");
					validMsg.classList.add("hide");
				};

				// Validate on blur event
				amob.addEventListener('blur', function() {
					reset();
					if(amob.value.trim()){
						if(intl.isValidNumber()){
							validMsg.classList.remove("hide");
						}else{
							amob.classList.add("error");
							var errorCode = intl.getValidationError();
							errorMsg.innerHTML = errorMap[errorCode];
							errorMsg.classList.remove("hide");
						}
					}
				});

				// Reset on keyup/change event
				amob.addEventListener('change', reset);
				amob.addEventListener('keyup', reset);
				
				$("#amobile").on("blur keyup change countrychange", function() {
					var getName = intl.selectedCountryData["name"];
					var getCode = intl.selectedCountryData["dialCode"];
					var getIso = intl.selectedCountryData["iso2"];
					$("#acountrycode").val(getName);//You will get only phone number without country code
					// $("#adialcode").val(getCode);//You will get country code only
          var formattedCode = getCode.startsWith('+') ? getCode : '+' + getCode;
          $("#adialcode").val(formattedCode);  // Prepend + to dialCode
					$("#aisocode").val(getIso);//You will get country code only

					if($("#aisocode").val() != 'in' ) {
						$("#aowner").val('870001');
						$("#sendotp").val('Enquire');
						$("#eform").removeClass("eform");
						$("#eform").addClass("efform");
					} else if($("#aisocode").val() == 'in') {
						$("#aowner").val('');
						$("#sendotp").val('Send OTP');
						$("#eform").removeClass("efform");
						$("#eform").addClass("eform");
						
						/* $("#amobile").attr("minlength","10");
						$("#amobile").attr("maxlength","10"); */
						
					}
					
					//if($("#aisocode").val() != 'in' ) {
						//alert("Not India");
						//$("#eform").attr('id', 'dform');
						//$("#sendotp").val('Enquire');
					//} else if($("#aisocode").val() == 'in' ) { 
						//alert("India");
						//$("#dform").attr('id', 'eform');
						//$("#sendotp").val('Send OTP');
					//} 
					
				});
				
				
				var intlgm = window.intlTelInput(gmmob, {
					preferredCountries: ['in']
				});
				
				var reset = function() {
					gmmob.classList.remove("error");
					errorMsg.innerHTML = "";
					errorMsg.classList.add("hide");
					validMsg.classList.add("hide");
				};

				// Validate on blur event
				gmmob.addEventListener('blur', function() {
					reset();
					if(gmmob.value.trim()){
						if(intlgm.isValidNumber()){
							validMsg.classList.remove("hide");
						}else{
							gmmob.classList.add("error");
							var errorCode = intlgm.getValidationError();
							errorMsg.innerHTML = errorMap[errorCode];
							errorMsg.classList.remove("hide");
						}
					}
				});

				// Reset on keyup/change event
				gmmob.addEventListener('change', reset);
				gmmob.addEventListener('keyup', reset);
				
				$("#cmobile").on("blur keyup change countrychange", function() {
					var getgmName = intlgm.selectedCountryData["name"];
					var getgmCode = intlgm.selectedCountryData["dialCode"];
					var getgmIso = intlgm.selectedCountryData["iso2"];
					$("#ccountrycode").val(getgmName);//You will get only phone number without country code
					// $("#cdialcode").val(getgmCode);//You will get country code only
          var formattedCode = getgmCode.startsWith('+') ? getgmCode : '+' + getgmCode;
          $("#cdialcode").val(formattedCode);
					$("#cisocode").val(getgmIso);//You will get country code only

					if($("#cisocode").val() != 'in' ) {
						$("#cowner").val('870001');
						$("#sendcotp").val('Enquire');
						$("#ecform").removeClass("ecform");
						$("#ecform").addClass("ecfform");
					} else if($("#cisocode").val() == 'in') {
						$("#cowner").val('');
						$("#sendcotp").val('Send OTP');
						$("#ecform").removeClass("ecfform");
						$("#ecform").addClass("ecform");
						
						/* $("#cmobile").attr("minlength","10");
						$("#cmobile").attr("maxlength","10"); */
						
					}
				});
				
				
				var intlsgm = window.intlTelInput(sgmmob, {
					preferredCountries: ['in']
				});
				
				var reset = function() {
					sgmmob.classList.remove("error");
					errorMsg.innerHTML = "";
					errorMsg.classList.add("hide");
					validMsg.classList.add("hide");
				};

				// Validate on blur event
				sgmmob.addEventListener('blur', function() {
					reset();
					if(sgmmob.value.trim()){
						if(intlsgm.isValidNumber()){
							validMsg.classList.remove("hide");
						}else{
							gmmob.classList.add("error");
							var errorCode = intlsgm.getValidationError();
							errorMsg.innerHTML = errorMap[errorCode];
							errorMsg.classList.remove("hide");
						}
					}
				});

				// Reset on keyup/change event
				sgmmob.addEventListener('change', reset);
				sgmmob.addEventListener('keyup', reset);
				
				$("#scmobile").on("blur keyup change countrychange", function() {
					var getsgmName = intlsgm.selectedCountryData["name"];
					var getsgmCode = intlsgm.selectedCountryData["dialCode"];
					var getsgmIso = intlsgm.selectedCountryData["iso2"];
					$("#sccountrycode").val(getsgmName);//You will get only phone number without country code
					// $("#scdialcode").val(getsgmCode);//You will get country code only
          var formattedCode = getsgmCode.startsWith('+') ? getsgmCode : '+' + getsgmCode;
          $("#scdialcode").val(formattedCode);
					$("#scisocode").val(getsgmIso);//You will get country code only

					if($("#scisocode").val() != 'in' ) {
						$("#scowner").val('870001');
						$("#sendscotp").val('Enquire');
						$("#secform").removeClass("ecform");
						$("#secform").addClass("ecfform");
					} else if($("#scisocode").val() == 'in') {
						$("#scowner").val('');
						$("#sendscotp").val('Send OTP');
						$("#secform").removeClass("ecfform");
						$("#secform").addClass("ecfform");
					}
				});
				
				
		 </script>
		 
		 <script>
			$(document).ready(function(e){
				
				$(".vform").hide(); 
				
				$("#eform").on('submit', function(e){
					e.preventDefault();
            // Fetch user input from the correct fields inside #eform
         var userEmail = document.getElementById('aemail').value.trim();
        var userPhone = document.getElementById('amobile').value.trim();
        var userName = document.getElementById('aname').value.trim();
        var countrycode = document.getElementById("adialcode").value.trim();
        var mobiledata = countrycode + userPhone; // Concatenate country code and phone number

        // Log data to console
        // console.log("Form Submission Data:");
        // console.log("Email:", userEmail);
        // console.log("Phone:", mobiledata);
        // console.log("Name:", userName);

        // Push data to dataLayer for tracking
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
            'event': 'inqury_submit',
            'user_data': {
                "email": userEmail,
                "phone": mobiledata,
                "name": userName,
            }
        });
					$.ajax({
						type: 'POST',
						url: 'https://www.prestigeconstructions.com/prestige-ocean-towers/sendotp.php',
						data: new FormData(this),
						dataType: 'json',
						contentType: false,
						cache: false,
						processData:false,
						beforeSend: function(){
							callOTPLeadFunction();
						},
						success: function(response){ //console.log(response);
							if(response.status == 1){
								//$('#sendotp').css('pointer-events','none'); 
								//$('#sendotp').css('opacity','0.5'); 
								$('#validateform').show();
								$("#ccode").val(response.ccode);
								$("#gccode").html(response.ccode);
								
								$("#dcode").val(response.dcode);
								$("#icode").val(response.icode);
								
								$("#owner").val(response.ocode);
								
								$("#name").val(response.name);
								$("#gname").html(response.name);
								$("#phone").val(response.mobile);
								$("#fphone").val(response.fmobile);
								$("#gphone").html(response.mobile);
								$("#email").val(response.email);
								$("#gemail").html(response.email);
								$("#source").val(response.source);
								$("#gsource").html(response.source);
								$("#sitevisit").val(response.sitevisit);
								$("#gsitevisit").html(response.sitevisit);
								
								$("#utmsource").val(response.utmsource);
								$("#utmcampaign").val(response.utmcampaign);
								$("#utmmedium").val(response.utmmedium);
								$("#utmgclid").val(response.utmgclid);
								
								$("#otp").val(response.otp);
								
								$("#eform").hide();
								$("#gmform").hide();
								$(".vform").show();
								
							}else if(response.status == 2){
								$("#eform").hide();
								$('#validateform').show();
								
								$(".vform").show();
								$(".loader-sd").addClass("active");
								
								$("#ccode").val(response.ccode);
								$("#gccode").html(response.ccode);
								
								$("#dcode").val(response.dcode);
								$("#icode").val(response.icode);
								
								$("#owner").val(response.ocode);
								
								$("#name").val(response.name);
								$("#gname").html(response.name);
								$("#phone").val(response.mobile);
								$("#fphone").val(response.fmobile);
								$("#gphone").html(response.mobile);
								$("#email").val(response.email);
								$("#gemail").html(response.email);
								$("#source").val(response.source);
								$("#gsource").html(response.source);
								$("#sitevisit").val(response.sitevisit);
								$("#gsitevisit").html(response.sitevisit);
								$("#otp").html(response.otp);
								
								$("#utmsource").val(response.utmsource);
								$("#utmcampaign").val(response.utmcampaign);
								$("#utmmedium").val(response.utmmedium);
								$("#utmgclid").val(response.utmgclid);
								
								//$("#otp").val(response.otp);
								$('#validateform').attr('validated',true);
								$('#validateform').submit();
								
							}else{
								//$('.statusMsg').html('<p class="alert alert-danger">'+response.message+'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button></p>');
							}
						}
					});
				});
				
				$("#cancelotp").on('click', function(e){
					$(".vform").hide();
					$("#eform").show();
				});
				
				$("#validateform").on('submit', function(e){
					e.preventDefault();
					$('#validateotp').attr('disabled','disabled');
					$(".loader-sd").addClass("active");
					$.ajax({
						type: 'POST',
						url: 'https://www.prestigeconstructions.com/prestige-ocean-towers/validateotp.php',
						data: new FormData(this),
						dataType: 'json',
						contentType: false,
						cache: false,
						processData:false,
						beforeSend: function(){
							callLeadFunction();
						},
						success: function(response){ //console.log(response);
							if(response.status == 1){
								// alert(response.message);
								$('#eform')[0].reset();
								$('#validateform')[0].reset();
								$('.vform').hide();
								$("#eform").show();
								$('#validateotp').removeAttr('disabled');
								$(".loader-sd").removeClass("active");
								$("#leadid").val(response.leadid);
								$("#resp").val(response.status);
								
							}else{
								alert(response.message);
								$('#eform')[0].reset();
								$('#validateform')[0].reset();
								$('.vform').hide();
								$("#eform").show();
								$('#validateotp').removeAttr('disabled');
								$(".loader-sd").removeClass("active");
								$("#resp").val(response.status);
							}
						},
						complete:function(response){
							var resp = $('#resp').val();
							if(resp == 1){
								var sleadid  = $('#leadid').val();	
								var sprospectid  = $('#prospectid').val();	
								var sname	 = $('#name').val();
								var semail	 = $('#email').val();
								var sphone	 = $('#phone').val();
								
								var sccode	 = $('#ccode').val();
								var sdcode	 = $('#dcode').val();
								var sicode	 = $('#icode').val();
								
								var ssource	 = $("#source").val();
								var ssitevisit = $("#sitevisit").val();
								
								var spcode	 = $("#pcode").val();
									
								var sutmsource	 = $("#utmsource").val();
								var sutmcampaign = $("#utmcampaign").val();
								var sutmmedium	 = $("#utmmedium").val();
								var sgclid	 = $("#utmmgclid").val();
								
								var sowner	 = $("#owner").val();

                var token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6IkNvcnBvcmF0ZVdlYnNpdGUiLCJwYXNzd29yZCI6IkJ1SGxGUmE9cm9zNTFkTGsmZl9PIiwiaWF0IjoxNzUyODEyODE1LCJleHAiOjE3NTI4OTkyMTV9.p0Q7bxmgLXhihbmGobCnDdz_4w9eWeCq2VN_kYicgmc";
                function getQueryParams() {
									var params = {};
									window.location.search.substr(1).split("&").forEach(function(item) {
										var param = item.split("=");
										params[param[0]] = decodeURIComponent(param[1]);
									});
									return params;
								}
                function serializeHiddenFields() {
									var hiddenFields = {};
									$('input[type="hidden"]').each(function() {
										var name = $(this).attr('name');
										var value = $(this).val();
										hiddenFields[name] = value;
									});
									return hiddenFields;
								}
                function getAllQueryStringParams() {
                const queryString = window.location.search;
                const params = {};
                if (queryString) {
                  const paramPairs = queryString.substring(1).split('&'); // Remove leading '?'
                  for (const pair of paramPairs) {
                    const [key, value] = pair.split('=');
                    params[key] = decodeURIComponent(value); // Decode URI-encoded values
                  }
                }
                return params;
              }

                var formdata = {};
								var queryParams = getQueryParams();
                formdata["customer_id"] = '';
								formdata["project_id"] = spcode;
								formdata["project_name"] = 'Prestige Ocean Towers';
								formdata["project_type"] = "residentialproject";
                formdata["type"] = "requestcallback";
								formdata["mobile_no"] = sphone;
                formdata["requestfrom"] = "web";
								formdata["shortsummary"] = '';
								// formdata["calltiming"] = '';
                // formdata["calldate"] = '';
								formdata["name"] = sname;
								formdata["countrycode"] = sdcode;
								formdata["country"] = sicode;
								formdata["email"] = semail;
                formdata["page_url"] = window.location.href;
								formdata["project_type"] = "residentialprojects";
                $.extend(formdata, serializeHiddenFields());
                $.extend(formdata, getAllQueryStringParams());
                if (queryParams.gcid_kut) {
									formdata["gcid_kut"] = queryParams.gcid_kut;
								}
								if (queryParams.tracker_code) {
									formdata["tracker_code"] = queryParams.tracker_code;
								}
                $.ajax({
                  method: "POST",
									url: "https://dashboard.preoss.in/managecontent/v1/requestcallback/create",
                  dataType: "json",
									data: JSON.stringify(formdata),
                  contentType: "application/json",
                  headers: {
										'Authorization': 'Bearer ' + token
									},
                  success: function(response) {
										alert('Data saved successfully');
										// console.log('Response:', response);
									},
                  error: function(xhr, status, error) {
                    alert('An error occurred');
										console.error('Error Status:', status);
										console.error('Error Details:', error);
										console.error('Response Text:', xhr.responseText);
										console.error('XHR Object:', xhr);
									},
                  complete: function(xhr, status) {
                    console.log('Request complete');
										// console.log('Complete Status:', status);
										// console.log('XHR Object in complete:', xhr);
                  }
                });

							} else {
							}
						}
					});
				});
				
			});


       // Function to get a cookie by name
        function getCookie(name) {
            const value = `; ${document.cookie}`;
            const parts = value.split(`; ${name}=`);
            if (parts.length === 2) return parts.pop().split(';').shift();
            return null;
        }

        // Function to set a cookie
        function setCookie(name, value, days) {
            const date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            const expires = `expires=${date.toUTCString()}`;
            document.cookie = `${name}=${value}; ${expires}; path=/`;
        }

        // Select the cookie block element
        const cookieBlock = document.querySelector('.full-screen-cookie-block');

        // Check if the cookie block is visible
        if (cookieBlock.getAttribute('data-cookie-visible') === "true") {
            if (!getCookie('cookiesAccepted')) {
                // Show the cookie block if not previously accepted
                cookieBlock.style.display = 'block'; // Ensure the block is visible
            } else {
                // Hide the cookie block if previously accepted
                cookieBlock.style.display = 'none'; // Ensure it's hidden
            }
        }

        // Handle the click event on the accept button
        const acceptButton = document.querySelector('.cookie-accept-btn');
        if (acceptButton) {
            acceptButton.addEventListener('click', function(e) {
                e.preventDefault();

                // Hide the cookie block
                cookieBlock.style.display = 'none';

                // Store the user's acceptance in a cookie
                setCookie('cookiesAccepted', 'true', 365); // Cookie expires in 1 year
            });
        }
		</script>