<?php
$check= true; 
$formArr = array(
   'project_id' => '353',
                    'referral_url'    => $_SERVER['HTTP_REFERER'],
                   'url_params'     =>  http_build_query($_GET),
   'website_url' => 'https://mallofnoidasector98.com'
);
if (isset($_REQUEST['source']) && !empty($_REQUEST['source'])) {
   $formArr['campaign_source'] = $_REQUEST['source'];
} 

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, 'https://leads.realtyassistant.in/api/getForm');
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($formArr));
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/x-www-form-urlencoded'));

$response = curl_exec($ch);
curl_close($ch);

$responseData = json_decode($response, true);

if ($responseData && $responseData['status'] == true) {
   $check = false;
} else {
   $check = true;
}

$common_form = '';
$common_header = '';
$common_body = '';
$common_footer = '';
if ($check) {
   $common_form = '<form method="POST" action="send.php" class="common_form_main class_name_for_selenium">' .
      '<input type="hidden" name="submit_form" value="1">' .
      '<input type="hidden" name="project_id" value="353">' .
      '<input type="hidden" name="referral_url" value="">' .
      '<input type="hidden" name="tracker_id" value="1714998897">' .
      '<input type="hidden" name="website_url" value="https://mallofnoidasector98.com/">' .
      '<div class="form-group">' .
      '<input type="text" name="name" class="form-control name_for_selenium" placeholder="Your Name*" required>' .
      '</div>' .
      '<div class="form-group">' .
      '<input class="required quantity form-control phonevaidation phone_for_selenium" name="phone" type="tel" placeholder="Mobile No.*" minlength="10" maxlength="10" style="width:100%; float:left;" required>' .
      '</div>' .
      '<div class="form-group">' .
      '<input class="form-control validateEmail email_for_selenium" name="email" type="email" placeholder="Email Id" style="width:100%; float:left;">' .
      '</div>' .
      '<div class="form-group" style="text-align: center;">' .
      '<button type="submit" class="btn btn-primary btncss submitContactBtn submit_for_selenium" name="submit_form">Enquiry Now </button>' .
      '</div>' .
      '</form>';
} else {
   $common_form = $responseData['data']['formInput'];
   $common_header = $responseData['data']['formHeader'];
   $common_body = $responseData['data']['formBody'];
   $common_footer = $responseData['data']['footerScript'];
}

// Use $formData as needed
?>

<!DOCTYPE html><html lang="zxx"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>mall of noida sector98 </title>
<meta name="description" content="">
<meta name="keywords" content="">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/boxicons.min.css">
  <link rel="stylesheet" href="css/magnific-popup.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/responsive.css">
  <link rel="shortcut icon" href="images/logo-black.png" type="image/x-icon">
  <style>
    button {
    /* width: 100%; */
    /* height: 80px; */
    position: relative;
    background: rgba(255, 255, 255, .27);
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    letter-spacing: 1px;
    border: none;
    font-size: 15px;
    outline: none;
    cursor: pointer;
    border-radius: 0px !important;
}
  @media only screen and (max-width:1024px) {
         @media only screen and (max-width:1024px) {
  .navbar-expand-md .navbar-nav {
        flex-direction: column;
       
    }
        body.mobile-open .mean-menu{
             align-items: start;
        }
        .navbar-expand-md .mean-menu {
        justify-content: center;
    }
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
	.sticky-patch {
		position: absolute;
		z-index: 9999;
		width: 22%;
		left: 68%;
		top: 81%;
	}
	.section-title p {
		font-size: 16px;
		/* text-align: justify; */
	}
	.amenities-img {
		width: 55%;
	}

	li.nav-item.has_submenu.submenu-open {
		padding-bottom: 0;
	}
	.main-nav nav .navbar-nav .nav-item .dropdown-menu {
		position: relative;
    opacity: 100;
    visibility: visible;
    transform: none;
    background-color: inherit;
    border: none;
    padding: 0;
	}
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
		border: none;
	}
	
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
		border: none;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a{
		font-size: 16px;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
	}
	.top_footer{
		padding-bottom: 0;
	}
	.footer-widget .footer-logo img {
		max-width: 160px;
		margin-bottom: 0;
	}
	.footer-area .address {
		padding-bottom: 0px;
	}
	.section-title span {
		font-size: 12px
	}

	.section-title h2 {
		font-size: 26px;
		text-align: center;
		font-weight: 600;
	}

	.mobile-nav .logo .logo-two {
		display: none
	}

	.nav-btn-area {
		display: none
	}

	.banner-area {
		background-color: #fef9eb
	}

	.banner-content {
		margin-left: auto;
		margin-right: auto;
		padding-top: 130px
	}

	.banner-content h1 {
		font-size: 35px;
		margin-bottom: 15px
	}

	.banner-content p {
		font-size: 16px;
		margin-bottom: 20px
	}

	.banner-content .banner-btn .buy-btn {
		padding: 8px 30px
	}

	.banner-content .banner-btn .rent-btn {
		padding: 8px 26px
	}


	.banner-content {
		margin-left: auto;
		margin-right: auto;
		padding-top: 130px;
		padding-bottom: 75px
	}

	.banner-content h1 {
		font-size: 35px;
		margin-bottom: 15px
	}

	.banner-content p {
		font-size: 16px;
		margin-bottom: 20px
	}

	.banner-content .banner-btn .buy-btn {
		padding: 8px 30px
	}

	.banner-content .banner-btn .rent-btn {
		padding: 8px 26px
	}

	.inner-banner .inner-title {
		padding-top: 200px;
		padding-bottom: 160px;
		text-align: center
	}

	.inner-banner .inner-title h3 {
		font-size: 38px
	}

	.inner-banner .inner-title ul li {
		font-size: 16px
	}

	.inner-banner .inner-title ul li::before {
		top: 10px
	}

	.about-content {
		margin-left: 0;
		margin-top: 30px;
	}

	.about-content .about-btn {
		margin-top: 5px
	}

	.property-features-img .shape {
		display: none
	}

	.highlight-content {
		margin-left: 0
	}


	.highlight-content h2 {
		font-size: 26px;
		text-align: left;
	}

	.highlight-content .list-content {
		margin-top: 0px;
		margin-bottom: 25px
	}

	.highlight-content .list-content li {
		font-size: 15px;
		margin-bottom: 0;
	}

	.highlight-content .list-content li b {
		font-size: 17px
	}

	.innovation-img {
		margin-top: 0;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto
	}

	.innovation-shape {
		display: none
	}

	.testimonials-item {
		padding: 30px 20px
	}

	.footer-widget h3 {
		margin-top: 0;
		font-size: 22px;
		color: #000;
		margin-bottom: 20px
	}

	.slider-content {
		max-width: 75%;
	}

	.banner-content .banner-btn-two .rent-btn {
		margin-left: 0;
		margin-top: 20px;
	}



	.about-section {
		padding-bottom: 50px;
	}

	.mobile_form {
		display: block;
		margin-top: 40px;
	}

	.home_slider .form-box.col-lg-5 {
		display: none;
	}

	.mobile_form .form-box.col-lg-5 {
		position: relative;
		left: 0;
		padding: 20px 15px;
		width: 89%;
		bottom: 0;
		outline-offset: initial;
		margin: 0 auto;
	}

	.slider-content {
		max-width: 100%;
		left: 0;
	}

	.banner-content ul li {
		letter-spacing: 1px;
	}

	.banner-content .ivr-number {
		font-size: 20px;
		margin-bottom: 24px;
		padding: 10px;
	}



	button.carousel-control-next {
		left: 14%;
	}

	.banner-content p {
		margin-bottom: 10px;
	}

	.about-section.margin_tb {
		padding: 50px 0;
	}

	.mean-container .mean-bar {
		background: #aa9277;
	}

	.mobile-nav .logo img {
		max-width: 150px;
		width: 100%;

	}

	.mobile-nav {
		display: flex;
		background: #aa9277;
		justify-content: space-between;
	}

	.mobile-trigger {
		cursor: pointer;
		display: inline-block !important;
		height: auto;
		line-height: normal;
		padding: 0;
		position: relative;
		right: 15px;
		/* top: 5px; */
		width: auto;
		z-index: 99999;

	}

	.mobile-trigger i,
	.mobile-trigger i:after,
	.mobile-trigger i:before {
		background-color: #283b5c;
		border-radius: 1px;
		display: inline-block;
		height: 3px;
		width: 24px;
		position: relative;
		top: 0;
	}

	.mobile-trigger i,
	.mobile-trigger i:after,
	.mobile-trigger i:before {
		background-color: #000;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		display: inline-block;
		height: 3px;
		width: 24px;
	}

	.mobile-trigger i:after,
	.mobile-trigger i:before {
		content: "";
		position: absolute;

	}

	.mobile-trigger i:before {
		top: -6px;
	}

	.mobile-trigger i:after {
		top: 6px;
	}



	.main-nav {
		background: #fef9eb;
	}

	.slider-content {
		left: 0;
	}

	.mean-menu {
		background: #caa172;
		display: block;
		height: 100vh;
		left: -100%;
		opacity: 0;
		position: fixed;
		text-align: center;
		top: 0;
		transition: .4s ease-in;
		width: 300px;
		z-index: 99999;
		top: 8%;
	}

	body.mobile-open .mean-menu {
		left: 0;
		opacity: 1;
	}

	.main-nav nav .navbar-nav .nav-item {
		padding: 10px 15px;
		border-top: 1px solid rgba(255, 255, 255, .075);
		list-style: none;
		margin-bottom: 0;
		position: relative;
		text-align: left;
	}

	.mobile-open .mobile-trigger i:before {
		background-color: #000;
		bottom: 0;
		top: 0;
		transform: rotate(-45deg);
		transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
	}

	.mobile-open .mobile-trigger i:after {
		background-color: #000;
		top: 0;
		transform: rotate(45deg);
		transition: top .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
	}

	.mobile-open .mobile-trigger i {
		background-color: transparent;
	}

	.mobile-open .mobile_overlay {
		background-color: #000000a1;
		opacity: 1;
		pointer-events: all;
	}

	.mobile_overlay {
		background-color: rgba(0, 0, 0, .5);
		height: 100%;
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		top: 0;
		transition: .5s ease-in-out;
		width: 100%;
		z-index: 9999;
	}

	.navbar {
		padding: 0;
	}

	.main-nav nav .navbar-nav .nav-item a {
		color: #000;
	}

	.slider-content {
		top: 14%;
	}

	.carousel-control-prev {
		left: 2%;
	}

	button.carousel-control-next {
		left: 15%;
	}

	.form-box.col-lg-5 {
		right: 0%;
	}

	.about-section {
		padding: 30px 0;
	}


	.section-title span {
		font-size: 20px;
	}

	.price_list .col-md-4 {
		margin-bottom: 30px;
	}

	.price_list .col-md-4 {
		margin-bottom: 30px;
	}

	.floor_plan .col-lg-4 {
		margin-bottom: 30px;
	}

	.price_list .col-md-4 {
		margin-bottom: 30px;
	}

	.floor_plan .col-lg-4 {
		margin-bottom: 40px;
	}

	.pricingTable10 .price-value {
		font-size: 30px;
	}

	a.main_button.btn {
		padding: 8px 30px;

	}

	.pricingTable10 .pricing-content ul li {
		font-size: 18px;
		font-weight: 700;
		color: #000;
		padding: 10px 0;
		border-bottom: 1px solid #d9d9d8;
	}

	.amenities-item {
		padding: 15px 30px 15px;
		margin-bottom: 15px;
	}

	.amenities-item h3 {
		font-size: 14px;
	}

	.home_page .contact-area .contact-form .form-box.col-lg-5 {
		width: 100%;
		padding: 35px 20px;
	}

	.home_page .contact-area .contact-form {
		max-width: 100%;
		padding: 0;
	}

	.pricingTable10 .pricing-content {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.home_page .contact-area .about_developer {
		padding-right: 0px;
    padding-bottom: 20px;
	}

	.carousel-item img {
		min-height: 600px;
		object-fit: cover;
	}

	.banner-content {
		margin: 0;
	}

	.form_btn .submit_button {
		width: auto;
	}

	.mean-menu {
		top: 53px;
	}
	/* .main_page .mean-menu {
		top:60px;
	} */
	.navbar-brand img {
		filter: none;
	}

	.fixed-header .main-nav {
		background: #fef9eb;
	}

	.modal .modal-body {
		flex-direction: column;
	}

	.modal .left_col,
	.modal .right_col {
		max-width: 100%;
	}

	.mobile-section {
		display: flex;
		z-index: 99;
	}

	.slider-content {
		padding-right: 20px;
	}

	.banner-content p.mini {
		padding: 5px 0;
		font-size: 16px;
	}
	.main_page .banner-content p.mini {
		letter-spacing: 1.5px;
	}
	.banner-content h1 {
		font-size: 19px;
		margin-bottom: -1px;
	}
	.main_page .banner-content h1 {
		font-size: 36px;
	}
	.banner-content h3 {
		font-size: 20px;
		letter-spacing: normal;
	}

	.banner-content ul li {
		padding-bottom: 0px;
		font-size: 17px;
	}

	.banner-content .price {
		font-size: 21px;
	}

	.banner-content h3.ivr-number {
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
	}

	.banner-content h3.ivr-number a {
		font-size: 20px;

	}

	.banner-content h3.ivr-number img {
		width: 30px;
	}

	.carousel-control-prev {
		left: 10%;
		bottom: 3%;
	}

	button.carousel-control-next {
		bottom: 3%;
		left: 23%;
	}

	p.side-location {
		top: 55%;
		left: -9%;
		font-size: 16px;
	}

	p.side-location::before,
	p.side-location::after {
		top: 14px;
	}

	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		height: 31px;
		width: 31px;
	}

	button.carousel-control-next {
		left: auto;
		bottom: 3%;
		right: 0;
	}

	.carousel-control-prev {
		left: auto;
		bottom: 3%;
		right: 11%;
	}

	.banner-content {
		padding: 0;
	}

	.highlight .row.align-items-center {
		flex-direction: column-reverse;
	}

	.ptb-70 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.floor_plan .section-title.text-center {
		margin-bottom: 30px;
	}

	.home_page .contact-area .section-title.text-center {
		margin-bottom: 30px;
	}

	.footer-area .address {
		flex-direction: column;
	}

	.footer-area .address .col-lg-4 {
		padding-bottom: 15px;
	}

	.footer-area {
		text-align: center;
	}

	.copy-right-area {
		padding-bottom: 80px;
	}

	p.side-location {
		left: auto;
		right: -38px;
		transform: rotate(90deg);
		top: 44%;
	}
	.project_section button.slick-next.slick-arrow {
		right: 38%;
		top: auto;
		bottom: -7%;
	}

	.project_section button.slick-prev.slick-arrow {
		right: 50%;
		top: auto;
		bottom: -7%;
	}

	button.slick-prev.slick-arrow:before,
	button.slick-next.slick-arrow:before {
		font-size: 20px;
		width: 35px;
		height: 35px;
	}
	.project_section .inner_content .col-lg-4 {
		padding: 0;
	}
	.testimonials-area button.slick-next.slick-arrow {
		left: 54%;
	}
.testimonials-area button.slick-prev.slick-arrow {
    left: 40%;
  
}
	.testimonials-area{
		margin-bottom: 0;
	}
	.contact-area {
		background-position: center;
	}
	.main_page .copy-right-area.main_footer {
		padding-bottom: 45px;
	}
	.main_page .slider-content {
		top: 30%;
	}


	.main_page .banner-content p{
		max-width: 100%;
	}
	.main_page .slider-content {
		padding-right: 12px;
	}

	.main-nav nav .navbar-nav .nav-item a i {
		position: absolute;
		font-size: 18px;
		right: 19px;
		top: 25px;
	}
	.carousel-item img {
		height: auto;
	}
	.modal .left_col, .modal .right_col {
		padding: 15px;
	}
	.modal .left_col img {
	
		max-width: 170px;
	}
	.modal .modal-body .main_button {
		margin-top: 0;
		font-size: 17px;
		padding: 10px 30px;
	}

	p.about-developer {
		font-size: 16px;
		text-align: justify;
	}
	
	.home_page .contact-area .about_developer h4 {
		font-size: 25px;
		
	}
	.project_section .inner_content {
		padding-top: 30px;
	}
	.about-content .section-title h2 {
		text-align: left;
	}

	.about-content p {
		text-align: justify;
	}
	.m-view {
        display: block;
    }
	.banner-content p {
        margin-bottom: 20px;
		font-size: 16px;
    }
	.banner-content h3 {
        font-size: 18px;
        letter-spacing: normal;
    }
	.banner-content ul li {
        padding-bottom: 0px;
        font-size: 15px;
        display: flex;
        color: white;
        align-items: flex-start;
    }
	.side-location.d-view{
		display: none;
	  }
	  .banner-content .price {
        padding: 10px 10px;
		font-size: 16px;
    }
	.banner-content h3.ivr-number a {
        font-size: 16px;
        padding: 10px 10px;
    }
	.inner .form-row {
		margin-bottom: 8px;
	}
	.modal .modal-body .form-group {
		margin-bottom: 10px;
		position: relative;
	}
	.about-content {
		margin-bottom: 0px;
		margin-left: 0px;
	}
}
  .contact-area {
    background-image: url(../images/bg-map-footer.png);
    height: 584px;
}
  .main-nav nav .navbar-nav .nav-item a {
    text-transform: capitalize;
    color: #fff!important;
    font-weight: 600;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 18px;
    padding: 0;
}
.nav-btn-area .nav-btn-color:hover {
    background-color: #6987c4;
    color: #fff;
}
.banner-content .price {
    background: linear-gradient(-45deg, #c3996c, #cea87a, #c69c6c, #cfa579, #c39f7b);
    background-size: 400% 400%;
    animation: Gradient 3sease infinite, rocking 3sease infinite;
    animation-delay: 2s;
    padding: 10px 20px;
    color: #fff !important;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 29px;
    display: inline-block;
    font-size: 21px;
}
.banner-content h3.ivr-number a {
  background: linear-gradient(-45deg, #c3996c, #cea87a, #c69c6c, #cfa579, #c39f7b);
    background-size: 400% 400%;
    animation: Gradient 3sease infinite, rocking 3sease infinite;
    animation-delay: 2s;
    padding: 10px 20px;
    color: #fff !important;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 29px;
    display: inline-block;
    display: block;
    font-size: 22px;
}
.modal .left_col .price {
    font-size: 20px;
    background-color: #caa172;
    padding: 7px 15px;
    width: 100%;
    display: inline-block;
    font-weight: 600;
    color: #ffffff;
}
.form-box.col-lg-5 {
    width: 330px;
    padding: 19px;
    background: #b09677e3;
    outline: 1px solid rgb(0 0 0 / 30%);
    outline-offset: -10px;
    border-radius: 15px;
    background: linear-gradient(-45deg, #c3996c, #cea87a, #c69c6c, #cfa579, #c39f7b);
    /*position: relative;*/
    /*right: 44px;*/
}
.price_list {
    background: #caa172;
}
.main_button {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3sease-in-out;
    cursor: pointer;
    background: linear-gradient(-45deg, #c3996c, #cea87a, #c69c6c, #cfa579, #c39f7b);
    background-size: 400% 400%;
    animation: Gradient 3sease infinite, rocking 3sease infinite;
    animation-delay: 2s;
    padding: 12px 20px;
    color: #000 !important;
    letter-spacing: 1px;
    border-radius: 29px;
    display: inline-block;
}

.section-title span {
    line-height: 0;
    text-transform: capitalize;
    padding-bottom: 5px;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #caa172;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out, box-shadow .15sease-in-out;
    border-radius: 100px;
}
.pricingTable10 .heading {
    font-size: 20px;
    color: #caa172;
    letter-spacing: 1px;
    margin-top: 0;
}
.pricingTable10 .price-value {
    display: inline-block;
    position: relative;
    font-size: 44px;
    font-weight: 600;
    color: #caa172;
    transition: all .3sease 0s;
}
.pricingTable10 .pricingTable-header {
    padding: 30px 0;
    background: #b2b2b2;
    position: relative;
    transition: all .3sease 0s;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.pricingTable10:hover .pricingTable-header {
    background: #caa172;
}
.phone_element a span {
    font-size: 22px;
    font-weight: 600;
    color: #caa172;
    padding-left: 12px;
}
.floor_plan .image_section {
    text-align: center;
    padding: 18px 18px;
    margin-bottom: 10px;
    background-color: #caa172;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.amenities-item h3 {
    margin-bottom: 10px;
    color: #caa172;
    font-size: 24px;
    font-weight: 700;
}
.amenities-item {
    background-color: #2582c417;
    padding: 20px 30px 30px;
    margin-bottom: 30px;
    border-radius: 15px;
    /* min-height: 315px; */
    text-align: center;
}
.floor_plan .wrap h3 {
    color: #FFF;
    margin: 0;
    width: 100%;
    padding: 15PX 20px;
    font-size: 18px;
    background: #caa172;
    font-weight: 600;
    text-align: center;
}
.pricingTable10 .Onwards {
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 0;
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #caa172;
    font-weight: 400;
    margin-top: 5px;
}
.contact-form .form-group .form-control {
    height: 39px;
    color: #000000;
    border: 1px solid #ebebeb;
    background-color: #f8f9fb;
    font-size: 14px;
    padding: 11px 20px;
    width: 100%;
}
.form-box input {
    max-width: 100%;
    margin-bottom: 10px;
    padding: 4px 0;
    height: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0 0 1px;
    border-style: solid;
    display: block;
    width: 100%;
    line-height: 1.8em;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    background-image: none;
    border-bottom: 1px solid #000;
    border-color: ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    word-wrap: break-word;
    margin-right: 5px;
}
.modal .btn-close {
    position: absolute;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    font-size: 40px;
    top: 1px;
    right: 7px;
    z-index: 10;
    padding: 0;
    background-color: transparent;
}
div#gallery {
    background-color: #ebf4fa;
}
  .main-nav {
  top: 0;
  left: 0;
  padding: 0;
  height: auto;
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #caa172 !important;
  border-bottom: 1px solid #FFFFFF17;
}
.navbar-brand img {
  /* filter: invert(1) brightness(10.5); */
  max-width: 81px!important;
}
.btn {
    background-color: #50906d !important;
    border-radius: 0px !important;
}

    @media only screen and (max-width: 1440px) {
    .home_slider input {
        padding: 0px 0 !important;
    }
}
@media only screen and (max-width: 767px) {
    .form-box.col-lg-5 {
        right: 0%;
        width: 322px!important;
    }
}
@media only screen and (max-width: 767px) {
    .mean-menu {
        background: #caa172;
        display: block;
        height: 100vh;
        left: -100%;
        opacity: 0;
        position: fixed;
        text-align: center;
        top: 0;
        transition: .4sease-in;
        width: 300px;
        z-index: 99999;
                top: 58px !important;
    }
}
@media only screen and (min-width: 1350px) and (max-width: 1699px) {
    p.side-location::before {
        content: "";
        position: absolute;
        top: 20px;
        right: -64%;
        width: 53%;
        height: 1px;
        background-color: #529470;
    }
 
}
@media only screen and (max-width: 744px), (max-width: 1133px) {
  .main-nav nav .navbar-nav .nav-item a {
    text-transform: capitalize;
    color: #fff !important;
    font-weight: 600;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 19px;
    padding: 0;
}
.form-box.col-lg-5 {
    width: auto;
    padding: 19px;
    background: #b09677e3;
    outline: 1px solid rgb(0 0 0 / 30%);
    outline-offset: -10px;
    border-radius: 15px;
    background: linear-gradient(-45deg, #c3996c, #cea87a, #c69c6c, #cfa579, #c39f7b);
    position: relative;
    right: 0px;
}
    p.side-location {
        top: 42%;
        left: -6%;
        font-size: 14px;
    }
}
}
@media only screen and (min-width: 1350px) and (max-width: 1699px) {
    p.side-location::after {
        content: "";
        position: absolute;
        top: 20px;
        left: -65%;
        width: 59%;
        height: 1px;
        background-color: #529470;
    }
}

@media only screen and (max-width: 767px) {
    .mobile_form .form-box.col-lg-5 {
        position: relative;
        padding: 20px 15px;
        width: 89%;
        bottom: 0;
        outline-offset: initial;
        margin: 0 auto;
        position: relative!important;
        right: 7px!important;
    }

  </style>

</head>

<body>


<?php //echo $common_body; ?>
  <div class="home_page" id="home">
 
 <div class="navbar-area">
      <div class="main-nav">
        <div class="container">
          <nav class="navbar navbar-expand-md">
            <a class="navbar-brand" href="index.php">
              <img src="images/logo-black.png" class="logo-one" alt="Logo">
            </a>
            <div class="mobile-trigger">
              <i></i>
            </div>

            <div class=" navbar-collapse mean-menu">
              <ul class="navbar-nav">
                <li class="nav-item">
                  <a href="#" class="nav-link"> Home </a>
                </li>
                <li class="nav-item">
                  <a href="#overview" class="nav-link"> Overview </a>
                </li>
                <li class="nav-item">
                  <a href="#highlight" class="nav-link"> Highlight</a>
                </li>
                <li class="nav-item">
                  <a href="#pricelist" class="nav-link"> Price List</a>
                </li>
                <li class="nav-item">
                  <a href="#floorplan" class="nav-link"> Floor Plan</a>
                </li>
                <li class="nav-item">
                  <a href="#amenities" class="nav-link"> Amenities</a>
                </li>
                <li class="nav-item">
                  <a href="#location" class="nav-link"> Location</a>
                </li>
                <li class="nav-item">
                  <a href="#gallery" class="nav-link">Gallery</a>
                </li>
                <li class="nav-item">
                  <a href="#contactus" class="nav-link"> Contact Us</a>
                </li>
                <li class="nav-item">
                  <a href="/neww/blog" class="nav-link"> Blog</a>
                </li>
                <li>
    <a href="tel:9220646888" class="nav-btn nav-btn-color" style="    border: 1px solid #be8e61;
    background: #be8e61;
    padding: 0 5px 0 5px;
    color: #000;
    margin-top: 11px;">
        +91 9220646888
    </a>
</li>
              </ul>
             
            </div>
          </nav>
        </div>
      </div>
    </div>


    <div id="carouselExampleFade" class="carousel slide carousel-fade home_slider">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="images/Banner-Mall-of-Noida.jpg" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
          <img src="images/Banner-Mall-of-Noida.jpg" class="d-block w-100" alt="...">
        </div>
        <!-- <div class="carousel-item">
          <img src="images/banner7.png" class="d-block w-100" alt="...">
        </div> -->
      </div>

      <div class="slider-content col-lg-7 ">
        <div class="banner-content ">
          <!--<p class="mini">BUSINESS & BEYOND </p>-->
            <h1 class="title">Noida’s Ultimate Luxury Destination</h1>
        <p class="" style="font-size: 24px;">Retail | Office Spaces | Food Court</p>
        <p class=""></p>
            <h3 class="typo"> Mall Of Noida</h3>
            <!-- <ul>  
              <li><img src="images/check-icon.png" class="img-fluid"> Fully Furnished – A First on Dwarka Expressway</li>
          
            </ul> -->
  
            
            <!-- mypriceclick -->
            <h2 class="price "> Retail Shops Starting at ₹38.90 Lakh*</h2>
            <h2 class="price ">50:50 Payment Plan | 24% Assured Returns*</h2>
            <h3 class="ivr-number"> <a href="tel:+9220646888"><img src="images/call-light.png">+91 92-2064-6888</a></h3>          
  
          </div>

        <!-- <div class="sticky-patch">
          <img src="images/gg.png" alt="" class="">
        </div> -->

        <div class="form-box col-lg-5   ">
          <div class="inner">
            <h2>HAVE A QUESTION !</h2>
            <div class="form-row">
              <div class="form-holder">
              <?= $common_form; ?>
              <div class="checkbox-section" style="display: flex; justify-content: space-between; align-items: baseline;">
              <input type="checkbox" name="" value="" checked="">
              <p style="font-size: 10px; color: #000;padding: 10px; margin: 0;line-height: unset; padding-bottom: 0;">I authorise company representatives to Call, SMS, Email, or WhatsApp me about its products and offers. This consent overrides any registration for DNC/NDNC.</p>
            </div>
              </div>
            </div>

          </div>
        </div>
      </div>
      <p class="side-location d-view">Sector 98 Noida Expressway </p>
   
    </div>

    <div class="mobile_form">
      <div class="form-box col-lg-5">
        <div class="inner">
          <h2>HAVE A QUESTION</h2>
          <div class="form-row">
            <div class="form-holder">
            <?= $common_form; ?>
            </div>
          </div>

          
          
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="about-section ptb-70 " id="overview">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-5 ">
            <div class="about-img-2">
              <div class="big-image">
                <img src="images/the-downtown-about.jpeg" alt="the-downtown-about">
              </div>
            </div>
          </div>
          <div class="col-lg-7 ">
            <div class="about-content">
              <div class="section-title ">
                <span>About Mall of Noida </span>
                </div>
           
<p id="about-text">
  Sikka Group comes with new commercial property, i.e., Sikka The Downtown, in the posh area where they can attract many customers towards their business.The project is situated at sector 98 on Noida Expressway, which helps connect the area with different parts and resolves the connectivity issue. In the project, you can find affordable office space, a food court area, and a retail shop for sale. 
  <span id="dots">...</span>
  <span id="more" style="display: none;">
    People are keen to invest in the project because of the prime location and affordable price, which gives a better option to the investors for higher returns. The place is perfect to open your business because of the well-established connectivity, open spaces, and infrastructure development.
    Regarding infrastructure development, near the location, you can find many infrastructure developments, including upcoming commercial projects, highways, expressways, and many more. The possession date started in June 2023 and launched in August 2014.
                 
  </span>
</p>
<button onclick="toggleReadMore()" id="readMoreBtn" class="main_button btn">Read More</button>

   
                </div>
              <!--<div class="about-btn">-->
              <!--  <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" class="main_button btn">Know More</a>-->
              <!--</div>-->
            </div>
          </div>
        </div>
      </div>
    </div>

<script>
  function toggleReadMore() {
    var dots = document.getElementById("dots");
    var moreText = document.getElementById("more");
    var btnText = document.getElementById("readMoreBtn");

    if (dots.style.display === "none") {
      dots.style.display = "inline";
      btnText.innerHTML = "Read More";
      moreText.style.display = "none";
    } else {
      dots.style.display = "none";
      btnText.innerHTML = "Read Less";
      moreText.style.display = "inline";
    }
  }
</script>
<section class="mt-3">
   <div class="container-fluid">
      <div class="row mt-lg-5 mt-2">
         <div class="col-md-12">
            <table id="customers">
               <thead>
                  <tr>
                     <th class="red">Project Name</th>
                     <th class="red">Sikka The Downtown</th>
                  </tr>
               </thead>
               <tbody>
                  <tr>
                     <td>Development Status</td>
                     <td>Under Construction</td>
                  </tr>
                  <tr>
                     <td>RERA approved</td>
                     <td>Yes</td>
                  </tr>
                  <tr>
                     <td>RERA Number</td>
                     <td>UPRERAPRJ5805</td>
                  </tr>
                  <tr>
                     <td>Price per Sq Ft</td>
                     <td>Contact us</td>
                  </tr>
                  <tr>
                     <td>Proposed Completion Date</td>
                     <td>Dec, 2026</td>
                  </tr>
                  <tr>
                     <td>Floors</td>
                     <td>36</td>
                  </tr>
                  <tr>
                     <td>Total Towers</td>
                     <td>1</td>
                  </tr>
                  <tr>
                     <td>Project Type</td>
                     <td>Commercial</td>
                  </tr>
                  <tr>
                     <td>Property Type</td>
                     <td>Retail and Office Space</td>
                  </tr>
                  <tr>
                     <td>Area (In SQMT)</td>
                     <td>11068</td>
                  </tr>
                  <tr>
                     <td>Full Address</td>
                     <td><span>Sector 98, Noida</span></td>
                  </tr>
                  <tr>
                     <td>City</td>
                     <td><span>Noida</span></td>
                  </tr>
                  <tr>
                     <td>District</td>
                     <td><span>Gautam Buddha Nagar</span></td>
                  </tr>
                  <tr>
                     <td>State</td>
                     <td><span>Uttar Pradesh</span></td>
                  </tr>
                  <tr>
                     <td>Pincode</td>
                     <td><span>201303</span></td>
                  </tr>
               </tbody>
            </table>
         </div>
      </div>
   </div>
</section>
   <style>
      #customers {
    width: 80%;                     
    margin: 0 auto;                
    border-collapse: collapse;
    border: 1px solid #ddd;
}

#customers th, #customers td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.red {
    background-color: #bd9143;
    color: white;
}
   </style>
   
   <section class="why-mall">
  
  <div class="section-title ">
                <span>Why Mall Of Noida?</span>
                </div>
  <div class="features-grid mt-3">
    <div class="feature-box">
      <img src="images/insurance.png" alt="Safe Investment" />
      <p>Safe Investment</p>
    </div>
    <div class="feature-box">
      <img src="images/location.png" alt="Prime Location" />
      <p>Prime Location On Noida Expressway – 5 Min Drive From DND</p>
    </div>
    <div class="feature-box">
      <img src="images/office-building.png" alt="Premium Retail" />
      <p>Premium Retail, Office & Multiplex Under One Roof</p>
    </div>
    <div class="feature-box">
      <img src="images/investment-insurance.png" alt="Safe Investment Again" />
      <p>Safe Investment</p>
    </div>
    <div class="feature-box">
      <img src="images/lobby.png" alt="Luxury Lobby" />
      <p>Well Appointed Entrance Lobby With Luxury Ambience</p>
    </div>
    <div class="feature-box">
      <img src="images/radar.png" alt="Footfall" />
      <p>Best Catchment Area With Highest Footfall</p>
    </div>
    <div class="feature-box">
      <img src="images/online-shopping.png" alt="Smart Shopping" />
      <p>Smart shopping experience</p>
    </div>
    <div class="feature-box">
      <img src="images/price-list.png" alt="Best Price" />
      <p>Best Price Guaranteed</p>
    </div>
  </div>
</section>
<style>
.why-mall {
  text-align: center;
  padding: 40px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.why-mall h2 {
  font-size: 24px;
  margin-bottom: 30px;
}

.why-mall h2 span {
  font-weight: bold;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

.feature-box {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.feature-box img {
  width: 40px;
  margin-bottom: 15px;
}

.feature-box p {
  font-size: 14px;
  color: #333;
}

   </style>
   
              
    <!-- Highlight Section -->
    <div class="highlight ptb-70" id="highlight">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6">
            <div class="innovation-img">
             <img src="images/the-downtown-about.jpeg" alt="the-downtown-about">
              <div class="innovation-shape">
                <div class="shape1">
                  <img src="images/shape3.png" alt="Images">
                </div>
                <div class="shape2">
                  <img src="images/shape3.png" alt="Images">
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="highlight-content section-title">
              <span>Project Highlights</span>
              
              <ul class="list-content">
                <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>Located in the prime area of Noida, i.e., Sector 98.</p>
                </li>
                <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>Close to the Noida expressway.</p>
                </li>
                <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>Offers great connectivity to other areas through expressway and other routes. </p>
                </li>
                <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>Best to open a commercial business.</p>
                </li>
                <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>World-class amenities include a swimming pool, jogging and cycling track, security, car parking, and many more. </p>
                </li>
                <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>Spread in around 25000 sq. mt. of space. </p>
                </li>
                <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>Close to prime locations like Kalindikunj, DND Flyover, and Golf Course Sector 34. </p>
                </li>
                <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>Sizes vary from 130 sq. ft. to 161 sq. ft. </p>
                </li>
                <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>Reach the airport in 50 minutes and close to the Atta Market.</p>
                </li>
                <!--<li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">-->
                <!--  <p>Offer commercial spaces for offices, retail shops, and food courts</p>-->
                <!--</li>-->
                <!--<li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">-->
                <!--  <p>Best to open the business because of well-established connectivity and prime location</p>-->
                <!--</li>-->
                <!--<li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">-->
                <!--  <p>Developed by one of the trusted and established builders, i.e., Sikka Group. </p>-->
                <!--</li>-->
                <!-- <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">-->
                <!--  <p>Spacious properties to open the office, retail shops, or food courts.  </p>-->
                <!--</li>-->
                <!-- <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">-->
                <!--  <p>A perfect investment opportunity in the Noida region at a prime location.  </p>-->
                <!--</li>-->
                <!-- <li><img src="images/check-mark.png" style="filter: grayscale(1);" class="img-fluid">-->
                <!--  <p>Makes travel easier for the customer through Noida Expressway and attracts more people to the property.  </p>-->
                <!--</li>-->
             
                
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Price list -->
    <div class="price_list ptb-70" id="pricelist">
      <div class="container">
        <div class="section-title text-center">
          <span>Size & Pricing  </span>
        
        </div>
        <div class="row">
          <div class="col-md-6 col-sm-6">
            <div class="pricingTable10">
              <div class="pricingTable-header">
                <h3 class="heading">Price</h3>
                <span class="price-value">₹ On Request</span>
                <!-- <span class="price-value">On Request</span> -->

                <h6 class="Onwards">Onwards</h6>
              </div>
              <div class="pricing-content">
                <ul>
                  <li>Carpet Area: Enquire Now</li>
                  <li>Typology: Retail | Office Spaces | Food Court</li>
                </ul>

                <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" class="main_button btn">Interested</a>
              </div>
            </div>
          </div>


        </div>
      </div>
    </div>


    <!-- floor plan -->
    <div class="floor_plan ptb-70" id="floorplan">
      <div class="container">
        <div class="section-title text-center">
          <span>Master & Floor Plan</span>
          <h2>Retail,Office Spaces & Food Court In Noida</h2>
        </div>
        <div class="row">
         
          <div class="col-lg-6">
            <div class="wrap">
              <div class="image_section floor-div">
                <!-- <a href="img/floor-plan/floor-plan-3bhk.jpg" class="with-caption image-link" title="Floor Plan"> -->
                  <img src="images/g/loc1.png" style="filter: blur(7px);">
                <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" class="main_button btn floor-btn">Know More</a>
                <!-- </a> -->
              </div>
              <h3>Retails Space</h3>
            </div>
          </div>

          <div class="col-lg-6">
            <div class="wrap">
              <div class="image_section floor-div">
                <!-- <a href="img/floor-plan/floor-plan-3bhk.jpg" class="with-caption image-link" title="Floor Plan"> -->
                  <img src="images/g/loc3.png" style="filter: blur(7px);">
                <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" class="main_button btn floor-btn">Know More</a>
                <!-- </a> -->
              </div>
              <h3>Office Space</h3>
            </div>
          </div>

         
     
          
          <!--<div class="col-lg-4">
            <div class="wrap">
              <div class="image_section floor-div">
                <!~~ <a href="img/floor-plan/floor-plan-2bhk.jpg" class="with-caption image-link" title="Floor Plan"> ~~>
                  <img src="img/floor-plan/floor-plan-2bhk.jpg" style="filter: blur(2px);">
                <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" class="main_button btn floor-btn">Know More</a>
                <!~~ </a> ~~>
              </div>
              <h3>7 BHK Apartment</h3>
            </div>
          </div>-->
        </div>
      </div>
    </div>

    <!-- Amenities Section-->
    <div class="amenities ptb-70" id="amenities">
      <div class="container">
        <div class="section-title text-center">
          <span>Amenities</span>
          <h2>Top-Notch Amenities To Upgrade Your Lifestyle
          </h2>
        </div>
        <div class="row pt-45">
          <div class="col-6 col-lg-4 col-sm-6">
            <div class="amenities-item">
              <img class="amenities-img" src="images/elevator.png" style="width: 86px;">
              <h3>Lift</h3>
            </div>
          </div>
          <div class="col-6 col-lg-4 col-sm-6">
            <div class="amenities-item ">
              <img class="amenities-img" src="images/electric-generator.png" style="width: 86px;">
              <h3>24 x 7 Power Backup </h3>
            </div>
          </div>
          <div class="col-6 col-lg-4 col-sm-6">
            <div class="amenities-item ">
              <img class="amenities-img" src="images/restauran.png" style="width: 86px;">
              <h3>Cafeteria/Food Court</h3>
            </div>
          </div>
          <div class="col-6 col-lg-4 col-sm-6">
            <div class="amenities-item ">
              <img class="amenities-img" src="images/restaurant.png" style="width: 86px;">
              <h3>Coffee Lounge & Restaurants</h3>
            </div>
          </div>
          

          <div class="col-6 col-lg-4 col-sm-6">
            <div class="amenities-item ">
              <img class="amenities-img" src="images/cyber-security.png" style="width: 86px;">
              <h3>24/7 security</h3>
              <p></p>
            </div>
          </div>
          <div class="col-6 col-lg-4 col-sm-6">
            <div class="amenities-item ">
              <img class="amenities-img" src="images/parking.png" style="width: 86px;">
              <h3>Reserved Parking</h3>
            </div>
          </div>
         
         
        </div>
      </div>
    </div>
    
    
      <section class="investment-section mb-4">
    <div class="container" style="margin-top: -96px;">
      <h1> Why should you consider Sikka The Downtown (Mall of Noida)?</h1>
      <p>Commercial property is a good investment option because of higher returns and less capital investment. Therefore, investing in the Sikka The Downtown (Mall of Noida) is a beneficial investment option because of the following reasons:</p>

      <div class="investment-option">
        <h3>1.Established connectivity with other areas</h3>
        <p>The property is located at sector 98, near the Noida expressway. It helps the investors travel to different parts of NCR in less time and connects the areas of Delhi. Apart from the Noida-Greater Noida expressway, there are established metro routes, and the closest metro station is Sector 101.
         The Sector 101 metro station falls on the Aqua line, which connects other parts of Noida, and you can change the metro line easily for Delhi and Gurgaon.</p>
      </div>

      <div class="investment-option">
        <h3>2.Top-class amenities and facilities </h3>
        <p>The property offers the best amenities and facilities, which helps justify your decision and helps you run your business. Amenities like security, car parking, food court, children's play area and service lifts help you to establish your business and attract customers.
                        Also, these facilities and services play a vital role when resale because everyone wants to invest in a place where they can find the best amenities and facilities.</p>
      </div>

      <div class="investment-option">
        <h3>3.Different options for investment purposes</h3>
        <p>Sikka The Downtown (Mall of Noida) offers different investment options to investors in the form of office space, retail space, and food courts. It's beneficial for investors as they can find different options under one project.</p>
      </div>
    </div>
  </section>
    
  <section class="investment-section" style="margin-bottom: -47px;">
    <div class="container" style="margin-top: -119px;">
      <h1>Investment Options in Sikka The Downtown</h1>

      <div class="investment-option">
        <h3>• Office</h3>
        <p>The office space is 100 sq. ft. to 2000 sq. ft, depending on the investors' requirements. If you want to open a small office, we have the perfect option for you and the big office space area at the best price.</p>
      </div>

      <div class="investment-option">
        <h3>• Retail and food court</h3>
        <p>You can also get the units in different sizes and prices in the retail and food court section. All the prices are the best in the market compared to other properties with the best amenities. The sizes of the retail and food court section start at 200 sq. ft. and end at 2000 sq. ft.</p>
      </div>

      <div class="investment-option">
        <h3>• Current Construction Update</h3>
        <p>The current construction status of the project is under construction. As the possession date started in June 2023, people started investing in the property for future benefits. There are high chances that it gives better returns to the investors because of the establishment in a prime location and infrastructure development near the project. The project will take time to become 100% functional, and after that, it results in getting a good ROI by enhancing your business completely.</p>
      </div>
    </div>
  </section>
  <style>

.investment-section {
  width: 100%;
  padding: 60px 20px;
}


h1 {
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
  color:#bd8d61!important;
}

.investment-option {
  margin-bottom: 30px;
}

.investment-option h3 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.investment-option p {
  line-height: 1.6;
  font-size: 16px;
}

  </style>
    
    
  
    
    
    
    

    <div class="location-section ptb-70" id="location">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6">
            <div class="highlight-content section-title">
              <span>Location Advantage </span>
              <h2>An Ideal Location For Your Business </h2>
              <ul class="list-content">
                <li><img src="images/location-icon.png"style="filter: grayscale(1);" class="img-fluid">
                  <p> Sikka The Downtown (Mall Of Noida) is located at sector 98 Noida near the Noida-Greater Noida expressway. </p>
                </li>
                <li><img src="images/location-icon.png"style="filter: grayscale(1);" class="img-fluid">
                  <p>It is close to many established commercial properties like hospitals, schools, colleges, etc. </p>
                </li>
                <li><img src="images/location-icon.png"style="filter: grayscale(1);" class="img-fluid">
                  <p>The Noida expressway is 1.5 km away.</p>
                </li>
                <li><img src="images/location-icon.png"style="filter: grayscale(1);" class="img-fluid">
                  <p>while the SkymarkOne Business Park is the nearest commercial property, i.e., 400 meters away. </p>
                </li>
                <li><img src="images/location-icon.png"style="filter: grayscale(1);" class="img-fluid">
                  <p>There's also residential property near the Sikka Downtown, which is Jaypee Greens Apartments. </p>
                </li>
                <li><img src="images/location-icon.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>Hospitals and schools close to the commercial property are Pathways Schools Noida, </p>
                </li>
                 <li><img src="images/location-icon.png" style="filter: grayscale(1);" class="img-fluid">
                  <p> Amity University and Yatharth Super Specialty Hospital</p>
                </li>
                 <li><img src="images/location-icon.png" style="filter: grayscale(1);" class="img-fluid">
                  <p>Direct access to the Indira Gandhi International Airport and Hazarat Nizamuddin Railway Station exists. </p>
                </li>
                 <li><img src="images/location-icon.png" style="filter: grayscale(1);" class="img-fluid">
                  <p> Thus, the location is beneficial for attracting the customer and is best for your business. </p>
                </li>
               
              </ul>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="about-img">
              <a href="images/loc.jpg" class="with-caption image-link" title="">
                <img src="images/loc.jpg" alt="Images">
              </a>
            </div>
          </div>

        </div>
      </div>
    </div>

    <div class="gallery-section ptb-70" id="gallery">
      <div class="container-fluid">
        <div class="gallery-view">
          <div class="section-title text-center">
            <span>A 360-Degree Glimpse Of mallofnoidasector98</span>
            <!--<h2>Envision The Experience </h2>-->
          </div>
          <div class="row">
            <div class="col-lg-3 col-sm-6">
              <div class="single-gallery">
                <a href="images/gg1.jpg" class="with-caption image-link"title="gallery1">
                  <img src="images/gg1.jpg" alt="Images">
                </a>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6">
              <div class="single-gallery">
                <a href="images/gg2.jpg" class="with-caption image-link" title="gallery2">
                  <img src="images/gg2.jpg" alt="Images">
                </a>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6">
              <div class="single-gallery">
                <a href="images/gg3.jpg" class="with-caption image-link" title="gallery3">
                  <img src="images/gg3.jpg" alt="Images">
                </a>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6">
              <div class="single-gallery">
                <a href="images/gg4.jpg" class="with-caption image-link" title="gallery4">
                  <img src="images/gg4.jpg" alt="Images">
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>


    <div class="contact-area ptb-70" id="contactus" style="height: 574px;">
      <div class="container">
        <div class="section-title text-center">
          <span>Contact Us</span>
          
        </div>
        <div class="row">
          <div class="col-lg-8">
            <div class="about_developer">
              <div class="title">
                <h4>About Sikka Group</h4>
              </div>
              <p class="about-developer" style="text-align: justify;">
                  Sikka Group is one of the established and trusted real estate development companies focusing on providing the best commercial and residential property for investment purposes at a good location. Currently, the company has projects in 15 locations, and the trending one is Sikka The Downtown in Noida, Sector 98.
                     In the NCR, you will find many projects by the Sikka Groups at the best price in the market. Thus, investing in Sikka Group is a beneficial option for you, especially if you are looking for good returns in the future and a stable rental income.
                     Whether it's commercial or residential property, Sikka Groups brings out their best at a reasonable price. The group's vision is to be known for its transparency and integral real-estate members.
                     What is the location of the Mall of Noida( Sikka The Downtown )?
                     The Mall of Noida( Sikka The Downtown ) project is located at Sector 98, Noida-Greater Noida Expressway.
                  
                  </p>
              <div class="phone_element no_borders">
                <h6>Contact Us</h6>
                <a href="tel:+919220646888">
                  <img src="images/phone-call.png" style="filter: grayscale(1);">
                  <span>
                    <em></em>+91-922-064-6888</span>
                </a>
                
              </div>
            </div>
          </div>
          <div class="col-lg-4">
            <div class="contact-form">
              <div class="form-box col-lg-5">
                <div class="inner">
                  <h2>Send A Message!</h2>
                  <div class="form-row">
                    <div class="form-holder">
                    <?= $common_form; ?>
                    </div>
                  </div>

                
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
<!--Faq-->
<section class="faq-section">
    <h1>FAQ</h1>

    <div class="faq-item">
      <button class="question">What is the total area of Sikka The Downtown?</button>
      <div class="answer">Sikka The Downtown spans 11,068 Sq. mt.</div>
    </div>

    <div class="faq-item">
      <button class="question">What is the possession status of the Mall of Noida or Sikka The Downtown?</button>
      <div class="answer">The project is under construction</div>
    </div>

    <div class="faq-item">
      <button class="question">Which type of property options are available in the Mall of Noida( Sikka The Downtown)</button>
      <div class="answer">Commercial</div>
    </div>

    <div class="faq-item">
      <button class="question">Is the Mall of Noida( Sikka The Downtown ) project RERA approved project?</button>
      <div class="answer">Yes, the Mall of Noida( Sikka The Downtown ) project is RERA approved.</div>
    </div>

    <div class="faq-item">
      <button class="question">What is the RERA number of Mall of Noida( Sikka The Downtown )?</button>
      <div class="answer">The RERA number of Mall of Noida( Sikka The Downtown ) Phase 1 is UPRERAPRJ5805.</div>
    </div>

    <div class="faq-item">
      <button class="question">How can I check the RERA approval of the Mall of Noida( Sikka The Downtown )?</button>
      <div class="answer">It can be checked on the RERA official website of the State.</div>
    </div>

    <div class="faq-item">
      <button class="question">Where can I download the brochure PDF of The Downtown from?</button>
      <div class="answer">  Contact us we will provide the brochure. A brochure provides all details of a Project be it the amenities, facilities, nearby area, and more, helping a user make a wise choice.</div>
    </div>
  </section>
  
  <style>


.faq-section {
  max-width: 100%;
  margin: auto;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

h1 {
  text-align: center;
  color: #222;
}

.faq-item {
  margin-bottom: 15px;
}

.question {
  width: 100%;
  text-align: left;
  background: #787878;
  color: #fff;
  padding: 15px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.answer {
  padding: 10px 15px;
  margin-top: 5px;
  display: none;
  background: #f0f0f0;
  border-radius: 5px;
  color: #333;
}

.answer.active {
  display: block;
}

  </style>
   <script>
    const questions = document.querySelectorAll(".question");

    questions.forEach(button => {
      button.addEventListener("click", () => {
        const answer = button.nextElementSibling;
        answer.classList.toggle("active");
      });
    });
  </script>

<!--faq   -->
    <div class="copy-right-area main_footer">
      <div class="container">
        <div class="copy-right-text text-center">
          <!-- <p><img src="img/qr-towerb.png" style="width: 120px; padding-bottom: 10px;"></p> -->
          <div class="d-flex justify-content-center">
          <!-- <p><img src="img/qrs/qr1.png" style="width: 120px; padding-bottom: 10px;">
          <img src="img/qrs/qr.png" style="width: 120px; padding-bottom: 10px;"></p> -->
            
          </div>
          <p>The Downtown | UPRERAPRJ5805 | https://up-rera.in/projects</p>
          <!--<p>Realty Assistant Pvt. Ltd. RERA: UPRERAAGT18286</p>-->
          <p class="btm-foot">
              © 2022 Disclaimer This is not the official website of the developer, it belongs to authorised channel partner, and is used for information & marketing purposes only. All rights for logo & images are reserved by the developer. By using or accessing this website you agree with the disclaimer without any qualification or limitation. By accessing this website, the viewer confirms that the information including brochures and marketing collaterals on this website are solely for informational purposes only and the viewer has not relied on this information for making any booking/purchase in any project of the company.
          </p>
          
          </div>
          
          <!--<p style="text-align: center;"><a target="_blank" href="privacy_policy.html" style="    color: #fff;">Disclaimer & Privacy Policy</a>-->
           
            </a>
          </p>
        </div>
      </div>
    </div>


    <div class="mobile-section">
      <!--<a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn" title="Enquire Now">-->
      <!--  Enquire Now</a>-->
      
      <a href="tel:+91-9220646888" class="btn">Tap To Call</a>
       <a href="https://api.whatsapp.com/send?phone=+919220646888 &text=Hello, " class="btn"> WhatsApp</a> 
    </div>


<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel">
  
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        <div class="left_col">
          <div class="background-overlay"></div>
          <div class="content">
            <!--<img src="images/logo-black.png" alt="project logo" class="img-fluid">-->
            <h3 class="project_name text-white">Sikka The Downtown</h3>
            <h4 class="typo"> Sector 98, Noida</h4>
            <h4 class="typo"> Retail and Office Space</h4>
            <h4 class="price">Starting at ₹38.90 Lakh*</h4>
          </div>
        </div>
        <div class="right_col">
          <div class="animated_form">
            <div class="form-head">
              <!-- <h4 class="form_heading">Send Us A Message!</h4> -->
            </div>
            <div class="form-group">
            <?= $common_form; ?>
            </div>
           

          </div>
        </div>
      </div>
    </div>
  </div>
</div>
   <!--mob-whatsp-icon-->
<a class="whats-app" href="https://api.whatsapp.com/send/?phone=919220646888" target="_blank">
    <img src="images/wh.png" 
         alt="WhatsApp" style="width: 50px; height: 50px;">
</a>
<style>


    .whats-app {
    position: fixed;
    width: 50px;
    height: 45px;
    bottom: 14px;
    right: 0px;
    /*background-color: #25d366;*/
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
   
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}
@media (max-width: 767px) {
    .whats-app {
    position: fixed;
    width: 50px;
    height: 45px!important;
            bottom: 53px !important;
        right: 5px !important;
    /*background-color: #25d366;*/
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}

@media only screen and (max-width: 991px) {
       .whats-app {
    position: fixed;
    width: 50px;
    height: 45px!important;
              bottom: 59px;
    right: 7px;
    /*background-color: #25d366;*/
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}
}


</style>
<!--whatsp-icon-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">

  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.bundle.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/custom.js"></script>

  <script type="text/javascript" language="javascript">
    var versionUpdate = (new Date()).getTime();
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "https://api2.gtftech.com/scripts/queryform.min.ssl.js?v=" + versionUpdate;
    document.body.appendChild(script);
  </script>

 
  <script>
    $('.without-caption').magnificPopup({
      type: 'image',
      closeOnContentClick: true,
      closeBtnInside: false,
      mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
      image: {
        verticalFit: true
      },
      zoom: {
        enabled: true,
        duration: 300 // don't foget to change the duration also in CSS
      }
    });

    $('.with-caption').magnificPopup({
      type: 'image',
      closeOnContentClick: true,
      closeBtnInside: false,
      mainClass: 'mfp-with-zoom mfp-img-mobile',
      image: {
        verticalFit: true,
        titleSrc: function (item) {
          return item.el.attr('title') + ' · <a class="image-source-link" href="' + item.el.attr('data-source') + '" target="_blank"></a>';
        }
      },
      zoom: {
        enabled: true
      }
    });
  </script>
  <!--------------------- End Here Images Zooming Plugin  ----------------->
  <script>
    $(".moreless-button").click(function () {
      $(".moretext").slideToggle(10);
      if ($(".moreless-button").text() == "Read more") {
        $(this).text("Read less");
      } else {
        $(this).text("Read more");
      }
    });

    $(".nav-link").click(function(){
      $("body").removeClass("mobile-open")
    });
 
    $(document).ready(function(){
      setTimeout(function(){
        $('#exampleModal').modal('show')
      },5000)
    })
  </script>
    <script>
      $(document).ready(function() {
         $(".btn-close").click(function() {
            $(".leadFormServer").each(function() {
               this.reset();
            });
            $(".common_form_main").each(function() {
               this.reset();
            });
         })
         $('.phonevaidation').on('input', function(e) {
            var nameValidationCheck = $(this).val();
            console.log(nameValidationCheck);

            if (nameValidationCheck && nameValidationCheck.length === 10) {
                            $(this).css('border', ''); // Apply red border for invalid input
            } else {
  $(this).css('border', '2px solid red'); // Apply green border for valid input

            }
         });
         $('.backupForm').on('submit', function(e) {
            e.preventDefault();
            elemObj = this;
            checkFalse = false;
            var nameValidationCheck = $(this).closest('form').find('.namevaidation').val();
            var phoneValidationCheck = $(this).closest('form').find('.phonevaidation').val();
            var emailValidationCheck = $(this).closest('form').find('.emailVaidation').val();

            // var checkPhoneLength = $(this).closest('form').find('.phonevaidation').val().length;
            //   alert(checkPhoneLength.length);

            if (!nameValidationCheck) {
               checkFalse = true;
               $(this).closest('form').find('.namevaidation').attr({
                  'style': "border:red solid 1px!important"
               });
            }
            if (!phoneValidationCheck) {
               checkFalse = true;
               $(this).closest('form').find('.phonevaidation').attr({
                  'style': "border:red solid 1px!important"
               });
            }
            if (phoneValidationCheck.length != 10) {
               checkFalse = true;
               $(this).closest('form').find('.phonevaidation').attr({
                  'style': "border:red solid 1px!important"
               });
            }

            if (emailValidationCheck) {
               var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

               if (emailReg.test(emailValidationCheck) == true || emailReg.test(emailValidationCheck) == 1) {
                  retVal = 1
               } else {
                  checkFalse = true;
                  $(this).closest('form').find('.emailVaidation').attr({
                     'style': "border:red solid 1px!important"
                  });
               }

            }
            if (!checkFalse) {

               $.ajax({
                  url: 'send.php',
                  type: 'POST',
                  data: $(this).serialize(),
                  success: function(response) {
                     console.log(response); // Handle the response data
                     $('.backupForm').each(function() {
                        this.reset();
                     }); // Reset the form
                     // Display success message
                     
                     window.location.href = 'https://mallofnoidasector98.com/thank-you.php/'
                  },
                  error: function(xhr, status, error) {
                     console.error('Error:', error);
                     alert('There was an error submitting the form.'); // Display error message
                  }
               });
            }
         });
      });
   </script>
  </div><script type="text/javascript" src="js/queryform.min.ssl.js"></script>
  
  <?= $common_footer; ?> 
</body>
</html>