PageSourceSearch

https://www.mylescars.com/contact-us

html mylescars.com collected 2026-10-04 16:06:45 UTC 175,560 bytes, 3,994 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5	<!-- Google Tag Manager -->
6<script>
vendor: 327 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
7new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
9'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
10})(window,document,'script','dataLayer','
10GTM-P3J6XH7
vendor: 3 bytes, line 10
10');
10</script>
10
11<!-- End Google Tag Manager -->
12
13<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 13-14
13
14<script async src="https://www.googletagmanager.com/gtag/js?id=
14UA-64851985-1
vendor: 12 bytes, line 14
14"></script>
15<script>
16  
vendor: 134 bytes, lines 16-20
16window.dataLayer = window.dataLayer || [];
17  function gtag(){dataLayer.push(arguments);}
18  gtag('js', new Date());
19
20  gtag('config', '
20UA-64851985-1
vendor: 4 bytes, line 20
20');
21</script>
21
22
23<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 23-24
23
24<script async src="https://www.googletagmanager.com/gtag/js?id=
24AW-946364546
vendor: 12 bytes, line 24
24"></script>
25<script>
26  
vendor: 134 bytes, lines 26-30
26window.dataLayer = window.dataLayer || [];
27  function gtag(){dataLayer.push(arguments);}
28  gtag('js', new Date());
29
30  gtag('config', '
30AW-946364546
vendor: 4 bytes, line 30
30');
31</script>
31
32
33<script type="application/ld+json">
34{
35"@context": "https://schema.org",
36"@type":"Organization",
37"name": "MYLESCARS",
38"url": "https://www.mylescars.com/",
39"logo": "https://www.mylescars.com/subscription/images/myleshome/myleslogosvg.svg",
40"contactPoint":[{
41 "@type":"ContactPoint",
42 "telephone":"+91-01143083000",
43 "contactType":"Customer Service",
44 "contactOption":"TollFree",
45 "areaServed":["IN"],
46 "availableLanguage":["English"]}]}',
47"sameAs": [
48"https://www.facebook.com/Mylescars",
49"https://twitter.com/mylescars",
50"https://www.instagram.com/mylescars/",
51"https://in.linkedin.com/company/mylescar"
52],
53}
54</script>
54
55
56<script type="application/ld+json">
57{
58  "@context": "http://schema.org/",
59  "@type": "Product",
60  "name": "MYLESCARS",
61  "priceRange": "Rs.2500 - 65000",
62  "aggregateRating": {
63    "@type": "AggregateRating",
64    "ratingValue" : "4.8",
65    "ratingCount": "23645",
66    "reviewCount": "23543"
67  }
68}
69</script>
69
70
71<script type="text/javascript" id="zsiqchat">var $zoho=$zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode: "siq3b4b6061764d01b8ee6324b86329ca0cdc69ccfce0b963f7a417504ba5b33000", values:{},ready:function(){}};var d=document;s=d.createElement("script");s.type="text/javascript";s.id="zsiqscript";s.defer=true;s.src="https://salesiq.zohopublic.in/widget";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);</script>
71
72	<!-- Event snippet for New Website Singup conversion page In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
73	
73<script>
74	function gtag_report_conversion(url) {
75		var callback = function () {
76			if (typeof(url) != 'undefined') {
77				window.location = url;
78			}
79		};
80		gtag('event', 'conversion', {
81				'send_to': 'AW-946364546/jipFCPnK5KgYEILBocMD',
82				'event_callback': callback
83		});
84		return false;
85	}
86	</script>
86
87	<meta charset="UTF-8">
88	<meta http-equiv="X-UA-Compatible" content="IE=edge">
89	<meta name="viewport" content="width=device-width, initial-scale=1.0">
90			<title>Myles : Car Monthly Subscription | Car Subscription Services</title>
91		<meta name="description" content="Myles Monthly Car Subscription offers cars without any hassles of insurance, maintenance and down payment. Get Tax Benefits, Roadside Assistance & flexibility. "/>
92		<meta name="keywords" content="Car Subscription Service, Car Monthly Subscription" />
93		<link rel="canonical" href="https://www.mylescars.com/subscription/cardetail" />
94		
95
96
97	<meta name="robots" content="index, follow">
98
99	<meta name="facebook-domain-verification" content="zfoe2n3zwflfyc3jf63d956msyhvc0"/>
100  <meta name="google-site-verification" content="QEYpUgJd1Guvi0KF5w7n2_RuMKbzjdWwHD6mBQjLXqA"/>
101
102	<link href="/subscription/img/favicon.ico" type="image/x-icon" rel="icon">
103	<link href="/subscription/img/favicon.ico" type="image/x-icon" rel="shortcut-icon">
104	<link href="/subscription/css/normalize.css?v=425" type="text/css" rel="stylesheet" />
105	<link href="/subscription/css/bootstrap.min.css?v=425" type="text/css" rel="stylesheet" />
106	<link href="/subscription/css/myleshome.css?v=425" type="text/css" rel="stylesheet" />
107	<link href="/subscription/css/commanpages.css?v=425" type="text/css" rel="stylesheet" />
108	<link href="/subscription/css/mobilemenu.css?v=425" type="text/css" rel="stylesheet" />
109	<link href="/subscription/css/modelboxdesign.css?v=425" type="text/css" rel="stylesheet" />
110	<link href="/subscription/css/cardetails.css?v=425" type="text/css" rel="stylesheet" />
111	<link href="/subscription/css/aboutus.css?v=425" type="text/css" rel="stylesheet" />
112	<link href="/subscription/css/carbrands.css?v=425" type="text/css" rel="stylesheet" />
113	<link href="/subscription/css/staticpages.css?v=425" type="text/css" rel="stylesheet" />
114	<link href="/subscription/css/details_rangeslider.css?v=425" type="text/css" rel="stylesheet" />
115	<link href="/subscription/css/rangeslider.css?v=425" type="text/css" rel="stylesheet" />
116	<link href="/subscription/css/faq.css?v=425" type="text/css" rel="stylesheet" />
117	<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" />
118	<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
119	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
120	<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap" rel="stylesheet">
121	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
122	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
123	<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700&display=swap" rel="stylesheet">
124	
124<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
124
125	<a id="back-to-top"><img src="/subscription/images/icons/back-to-top-icon.svg" class="backtotopicon"/></a>
126</head>
127
128<body>
129	<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 129-130
129
130<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
130GTM-P3J6XH7
vendor: 83 bytes, lines 130-131
130"
131height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
132<!-- End Google Tag Manager (noscript) -->
133
134<input type='hidden' id="zc_gad" name="zc_gad" value=""/>
135	<div id="main_loader" style="display:none;">
136		<div class="fullviewport">
137			<div class="spinner-border changespinnercolor" style="color:#E04627;width: 3rem; height: 3rem;" role="status">
138				<span class="visually-hidden">Loading...</span>
139			</div>
140		</div>
141	</div>
142		<header class="sticky header-wrapper">
143		<div class="container padding0">
144			<div class="flex-box justify-spacebetween align-center header-inner-wrapper">
145					<div class="mobile_menu_wrapper">
146
147		<div class="hamburger-menu">
148			<div class="bar"></div>
149		</div>
150
151		<nav class="mobile-menu">
152						<ul>
153
154
155							<li class="has-children">
156								<a href="javascript:void(0);" class="centeritembetween"> <span class="menutext">Subscription</span><span class="arrowdown"><img src="/subscription/images/myleshome/arrowdown.png" /></span></a>
157								<ul class="children">
158									<li><a href="https://www.mylescars.com/subscription/new-cars">Browse New Cars</a></li>
159									<li><a href="https://www.mylescars.com/subscription/used-cars">Browse Pre-Owned Cars</a></li>
160									<li><a href="https://www.mylescars.com/about-subscription">About Subscription</a></li>
161									<li><a href="https://www.mylescars.com/about-subscription#eligibility">Eligibility</a></li>
162									<li><a href="https://www.mylescars.com/about-subscription#how-to-get-started">How To Get Started</a></li>
163								</ul>
164							</li>
165
166
167							<li class="has-children"><a href="javascript:void(0);" class="centeritembetween"><span class="menutext"> Self Drive </span><span class="arrowdown"><img src="/subscription/images/myleshome/arrowdown.png" /></span></a>
168							<ul class="children">
169								<li><a href="javascript:void(0);" class="selfdrive_header_link">Browse Cars</a></li>
170								<li><a href="https://www.mylescars.com/about-self-drive">About Self Drive</a></li>
171								<li><a href="https://www.mylescars.com/about-self-drive#eligibility">Eligibility</a></li>
172								<li><a href="https://www.mylescars.com/about-self-drive#how-to-get-started">How To Get Started</a></li>
173							</ul>
174
175						</li>
176
177
178							<li class="has-children"><a href="#" class="centeritembetween"><span class="menutext">Resources </span> <span class="arrowdown"><img src="/subscription/images/myleshome/arrowdown.png" /></span></a>
179							<ul class="children">
180
181								<li><a href="https://blog.mylescars.com/" target="_blank">Blog</a></li>
182								<li><a href="https://www.mylescars.com/faqs">FAQ</a></li>
183								<li><a href="https://www.mylescars.com/#media-coverage">Media</a></li>
184								<li><a href="https://www.mylescars.com/contact-us">Contact Us</a></li>
185								<li><a href="https://www.mylescars.com/#top-subsscrption-brands">Brands</a></li>
186								<li><a href="https://www.mylescars.com/about-us">About Us</a></li>
187							</ul>
188						</li>
189						<li><a href="https://www.carzonrent.com/?utm_source=myles&utm_medium=homepage&utm_campaign=menu" target="_blank">Chauffeur Driven Cars</a></li>
190
191							<li class="has-children"><a href="javascript:void(0);" class="centeritembetween"><span class="menutext">Partner With us</span> <span class="arrowdown"><img src="/subscription/images/myleshome/arrowdown.png" /></span></a>
192							<ul class="children">
193								<li><a href="https://www.mylescars.com/businesspartner">Become A Partner </a></li>
194								<li><a href="https://www.mylescars.com/referandearn">Refer A Friend</a></li>
195
196							</ul>
197
198						</li>
199
200
201
202
203
204						</ul>
205
206						 
207
208
209					</nav>
210
211	</div>
212				<div class="brand-logo">
213					<a href="https://www.mylescars.com/"><img src="/subscription/images/myleshome/myleslogosvg.svg" class="logo-header" alt="Mylescars" /></a>
214				</div>
215				<div class="primary-menu">
216					<ul class="main-menu">
217						<li><a href="javascript:void(0);">Subscription<span class="arrowdown">
218									<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
219										<path d="M1.11927 1.04891L5.88581 6.19727L8.26908 3.62309L10.6523 1.04891" stroke="#3B3B3B" stroke-width="1.66031" stroke-linecap="round" stroke-linejoin="round" />
220									</svg></span></a>
221							<ul class="submenu-items">
222								<li>
222<a href="https://www.mylescars.com/subscription/new-cars">Browse New Cars</a></li>
223								<li><a href="https://www.mylescars.com/subscription/used-cars">Browse Pre-Owned Cars</a></li>
224								<li><a href="https://www.mylescars.com/about-subscription">About Subscription</a></li>
225								<li><a href="https://www.mylescars.com/about-subscription#eligibility">Eligibility</a></li>
226								<li><a href="https://www.mylescars.com/about-subscription#how-to-get-started">How To Get Started</a></li>
227							</ul>
228
229						</li>
230					<li><a href="javascript:void(0);">Self Drive<span class="arrowdown">
231									<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
232										<path d="M1.11927 1.04891L5.88581 6.19727L8.26908 3.62309L10.6523 1.04891" stroke="#3B3B3B" stroke-width="1.66031" stroke-linecap="round" stroke-linejoin="round" />
233									</svg></span></a>
234							<ul class="submenu-items">
235								<li><a href="https://www.mylescars.com/about-self-drive" class="selfdrive_header_link">Browse Cars</a></li>
236								<li><a href="https://www.mylescars.com/about-self-drive">About Self Drive</a></li>
237								<li><a href="https://www.mylescars.com/about-self-drive#eligibility">Eligibility</a></li>
238
239								<li><a href="https://www.mylescars.com/about-self-drive#how-to-get-started">How To Get Started</a></li>
240							</ul>
241
242						</li>
243
244						
245
246
247
248
249						<li><a href="#">Resources<span class="arrowdown">
250									<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
251										<path d="M1.11927 1.04891L5.88581 6.19727L8.26908 3.62309L10.6523 1.04891" stroke="#3B3B3B" stroke-width="1.66031" stroke-linecap="round" stroke-linejoin="round" />
252									</svg></span></a>
253							<ul class="submenu-items">
254
255									<li><a href="https://www.mylescars.com/blog/" target="_blank">Blog</a></li>
256									<li><a href="https://www.mylescars.com/faqs">FAQ</a></li>
257									<li><a href="https://www.mylescars.com/#media-coverage">Media</a></li>
258									<li><a href="https://www.mylescars.com/contact-us">Contact Us</a></li>
259									<li><a href="https://www.mylescars.com/#top-subsscrption-brands">Brands</a></li>
260									<li><a href="https://www.mylescars.com/about-us">About Us</a></li>
261							</ul>
262						</li>
263																		<li><a href="https://www.carzonrent.com/?utm_source=myles&utm_medium=homepage&utm_campaign=menu" target="_blank">Chauffeur Driven Cars</a></li>
264
265						<li><a href="javascript:void(0);">Partner With us<span class="arrowdown">
266									<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
267										<path d="M1.11927 1.04891L5.88581 6.19727L8.26908 3.62309L10.6523 1.04891" stroke="#3B3B3B" stroke-width="1.66031" stroke-linecap="round" stroke-linejoin="round" />
268									</svg></span></a>
269							<ul class="submenu-items">
270								<li><a href="https://www.mylescars.com/businesspartner">Become A Partner </a></li>
271								<li><a href="https://www.mylescars.com/referandearn">Refer A Friend</a></li>
272
273							</ul>
274
275						</li>
276
277
278
279					</ul>
280
281
282					<ul class="main-menu login-menu logged-in-users">
283						
284							<li class="HSign"><a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#Loginsignup"><span class="loginIcon"><img src="/subscription/images/myleshome/usericon.svg" class="usericon" /></span>Login/SignUp</a></li>
285
286
287											</ul>
288
289				</div>
290
291
292
293				<div class="mobile-user-account">
294					<ul class="mobileusermenu">
295						
296							<li><a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#Loginsignup"><span class="loginIcon"><img src="/subscription/images/myleshome/usericon.svg" class="usericon" /></span></a></li>
297											</ul>
298
299				</div>
300			</div>
301		</div>
302	</header>
303	<!-- header end -->
304
305
306	 
307<main class="pagelayout-wrapper">
308
309<section class="page-banner">
310
311    <div class="banner-image-wrapper position-relative">
312        <div class="bannnerimg-wrapper">
313            <img src="/subscription/images/pages/contactus.png" alt="Faq Avataar" class="img-fluid w-100" />
314        </div>
315        <div class="page-banner-title-contact-us">
316            <div class="container">
317                <div class="page-title-contact-us">
318                    <h1>Contact Us</h1>
319                    <p>Any questions or remarks? Just write us a message! </p>
320                </div>
321            </div>
322        </div>
323    </div>
324</section>
325
326<section class="wrapper-content-with-banner padding-top-bottom-65">
327    <div class="container">
328
329        <div class="d-flex justify-content-space-between wrapper-payment-page">
330
331
332            <div class="wrapper-contact-left-block">
333                <div class="wrapper-inner-block">
334                    <div class="block-inner-title padding-bottom-70 p_typograpgy">
335                        <h2>Contact Information</h2>
336
337                    </div>
338                    <div class="wrapper-contact-info">
339                        <div class="icon-contactinfo">
340
341                            <img src="/subscription/images/pages/callus.svg" class="icon-left" alt="contact Us" />
342                            <p class="contactno">+91 888 222 2222 / 011 4308 3000</p>
343                        </div>
344                        <div class="icon-contactinfo">
345
346                            <img src="/subscription/images/pages/whatsapp.svg" class="icon-left" alt="contact Us" />
347                            <p class="contactno">
347<a style="cursor:pointer" href="https://api.whatsapp.com/send?phone=+9101143083000">+91 888 222 2222</a> </p>
348                        </div>
349                        <div class="icon-contactinfo">
350
351                            <img src="/subscription/images/pages/mailus.svg" class="icon-left" alt="contact Us" />
352                            <p class="contactno"><a href="#">[email protected]</a> </p>
353                        </div>
354                        <div class="icon-contactinfo">
355
356                            <img src="/subscription/images/pages/findusonmap.svg" class="icon-left" alt="contact Us" />
357                            <p class="contactaddress">E-5/1, Fifth Floor, Videocon Tower, Jhandewalan Extension, New Delhi, Central Delhi, India 110055</p>
358                        </div>
359
360
361                    </div>
362
363                    <div class="social-media-links">
364                        <ul class="sociallinks  d-flex align-items-center">
365                            <li><a target="_blank" href="https://www.facebook.com/Mylescars/" class="hvr-float-shadow"><img src="/subscription/images/pages/facebook.svg"></a></li>
366                            <li><a target="_blank" href="https://www.instagram.com/mylescars/?hl=hi" class="hvr-float-shadow"><img src="/subscription/images/pages/instagram.svg"></a></li>
367                            <!-- <li><a target="_blank" href="https://wa.me/+918448552635" class="hvr-float-shadow"><img src="/carzonrent/webcor/images/icons/whatsapp.svg" /></a></li> -->
368                            <li><a target="_blank" href="https://twitter.com/mylescars" class="hvr-float-shadow"><img src="/subscription/images/pages/twitter.svg"></a></li>
369                            <li><a target="_blank" href="https://in.linkedin.com/company/mylescar" class="hvr-float-shadow"><img src="/subscription/images/pages/linkedin.svg"></a></li>
370                        </ul>
371                    </div>
372
373
374                </div>
375
376            </div>
377
378            <div class="wrapper-contact-banner">
379
380                <div class="write-to-us-form-inner">
381                <form method="POST" action="#" id="contactus_form" onsubmit="save_contactDetails()">
382                        <div class="form-group-contact  d-flex">
383                            <div class="form-field-group">
384                                <label>First Name</label>
385                                <input type="text" name="FName" class="form-control getinfo" required />
386                            </div>
387                            <div class="form-field-group">
388                                <label>Last Name</label>
389                                <input type="text" name="LName" class="form-control getinfo" required />
390                            </div>
391                        </div>
392                        <div class="form-group-contact  d-flex">
393                            <div class="form-field-group">
394                                <label>Email</label>
395                                <input type="text" name="EmailId" class="form-control getinfo" pattern="[a-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$" required />
396                            </div>
397                            <div class="form-field-group">
398                                <label>Phone Number</label>
399                                <input type="text" name="MobileNo" maxlength="10" size="10" class="form-control getinfo" pattern="[0-9]{10}" required />
400                            </div>
401                        </div>
402                        <div class="form-group-contact">
403
404                            <div class="form-field-group">
405                                <label>Message</label>
406                                <input placeholder="write your message.." type="text" name="Messages" class="form-control getinfo textarea"  required/>
407                            </div>
408                        </div>
409                       <div id="res_msg"></div>
410                        <div class="form-group-button">
411
412                            <div class="form-field-group-btn">
413                                <input type="submit" class="btncontact" name="submit" value="Send Message" />
414                            </div>
415                        </div>
416                    </form>
417                </div>
418            </div>
419        </div>
420    </div>
421</section>
422
423</main>
424<script>
425
426function save_contactDetails() {
427   event.preventDefault();
428
429   var form_data = $('#contactus_form').serialize();
430   $.ajax({
431       type: "POST",
432       url: "/pages/contact_us",
433       data: form_data,
434       headers: {
435           "X-CSRF-Token": ""
436       },
437       beforeSend: function() {
438           $("#main_loader").show();
439       },
440       success: function(res) {
441          var resj = JSON.parse(res);
442          if(resj.status == 1){
443              $('#res_msg').html('<div class="success">Thank you for submitting the details. Our team will get back to you shortly.</div>');
444              setTimeout(function(){
445               location.reload();
446              },4000);
447          }else{
448              $('#res_msg').html('<div class="error">We are facing technical issue, please try after some time.</div>');
449          }
450          $("#main_loader").hide();
451       },
452   });
453
454
455
456}
457
458</script>
458
459
460
461	<footer class="footer-innerpages">
462
463		<div class="container">
464			<div class="header-top cls_bottom_top notopborder">
465				<div class="footerflex">
466					<div class="footer70">
467						<div class="widgetblock">
468							<h4>Quick Links</h4>
469							<ul class="footermenu-ul">
470								<li><a href="https://www.mylescars.com/">Home</a></li>
471								<li><a href="https://www.mylescars.com/about-us">About Us</a></li>
472								<li>
473									<a href="https://www.mylescars.com/blog/" target="_blank" title="Blog">Blog</a>
474								</li>
475								<!--<li>
476									<a href="<?//= $webURL ?>Pages/sitemap">Site Map</a>
477								</li>
478								<li>
479									<a href="<?//= $webURL ?>self-drive-car-rental-delhi">Pickup Locations</a>
480								</li>-->
481								<li>
482									<a href="https://www.mylescars.com/faqs">FAQ’s</a>
483								</li>
484								<li>
485									<a href="https://www.mylescars.com/contact-us">Contact Us</a>
486								</li>
487								<li>
488									<a href="https://www.mylescars.com/term-conditions">Term & Conditions</a>
489								</li>
490								<li>
491									<a href="https://www.mylescars.com/privacy-policies">Privacy Policies</a>
492								</li>
493
494							</ul>
495						</div>
496
497						<div class="widgetblock">
498							<h4>Subscription Brands</h4>
499							<ul class="footermenu-ul">
500																	<li><a href="https://www.mylescars.com/subscription/brand/audi">Audi</a></li>
501																	<li><a href="https://www.mylescars.com/subscription/brand/bmw">BMW</a></li>
502																	<li><a href="https://www.mylescars.com/subscription/brand/honda">Honda</a></li>
503																	<li><a href="https://www.mylescars.com/subscription/brand/hyundai">Hyundai</a></li>
504																	<li><a href="https://www.mylescars.com/subscription/brand/jeep">Jeep</a></li>
505																	<li><a href="https://www.mylescars.com/subscription/brand/kia">KIA</a></li>
506																	<li><a href="https://www.mylescars.com/subscription/brand/mg">MG</a></li>
507																	<li><a href="https://www.mylescars.com/subscription/brand/maruti">Maruti</a></li>
508																	<li><a href="https://www.mylescars.com/subscription/brand/mercedes">Mercedes</a></li>
509																	<li><a href="https://www.mylescars.com/subscription/brand/tata">Tata</a></li>
510																	<li><a href="https://www.mylescars.com/subscription/brand/toyota">Toyota</a></li>
511															</ul>
512						</div>
513						<div class="widgetblock">
514							<h4>Subscription Cities</h4>
515
516							<ul class="footermenu-ul">
517																	<li><a href="https://www.mylescars.com/subscriptioncity/bengaluru">Bengaluru</a></li>
518																	<li><a href="https://www.mylescars.com/subscriptioncity/delhi">Delhi</a></li>
519																	<li><a href="https://www.mylescars.com/subscriptioncity/gurugram">Gurugram</a></li>
520																	<li><a href="https://www.mylescars.com/subscriptioncity/hyderabad">Hyderabad</a></li>
521																	<li><a href="https://www.mylescars.com/subscriptioncity/mumbai">Mumbai</a></li>
522																	<li><a href="https://www.mylescars.com/subscriptioncity/noida">Noida</a></li>
523																	<li><a href="https://www.mylescars.com/subscriptioncity/pune">Pune</a></li>
524															</ul>
525						</div>
526						<div class="widgetblock">
527							<h4>Self-drive cities</h4>
528							<ul class="footermenu-ul">
529								<li>
530									<a href="https://www.mylescars.com/self-drive-car-rental-delhi">Delhi</a>
531								</li>
532								<li>
533									<a href="https://www.mylescars.com/self-drive-car-rental-mumbai">Mumbai</a>
534								</li>
535								<li>
536									<a href="https://www.mylescars.com/self-drive-car-rental-bengaluru">Bengaluru</a>
537								</li>
538								<li>
539									<a href="https://www.mylescars.com/self-drive-car-rental-amritsar">Amritsar</a>
540								</li>
541								<li>
542									<a href="https://www.mylescars.com/self-drive-car-rental-chandigarh">Chandigarh</a>
543								</li>
544								<li>
545									<a href="https://www.mylescars.com/self-drive-car-rental-goa">Goa</a>
546								</li>
547								<li>
548									<a href="https://www.mylescars.com/self-drive-car-rental-vellore">Vellore</a>
549								</li>
550
551							</ul>
552						</div>
553					</div>
554					<div class="footer30">
555
556						<div class="subscription-query widgetblock">
557							<h4>Subscription Query</h4>
558
559
560							<div class="wrappar-formgroup">
561								<div class="input-group">
562
563									<input type="text" id="subscription_query_email" name="subscription_query_email" class="form-control textemaail" placeholder="Email Address" />
564									<span id="query_span" onclick="subscriptionQueryEmail();" class="input-group-text"><svg width="15" height="24" viewBox="0 0 15 24" fill="none" xmlns="http://www.w3.org/2000/svg">
565											<path d="M2.3748 22.011L13.3311 11.8673L7.85293 6.79549L2.3748 1.72363" stroke="#F5F5F5" stroke-width="2.96715" stroke-linecap="round" stroke-linejoin="round" />
566										</svg>
567
568
569									</span>
570									<span id='imgd' style="display:none" ;><img src="/img/loader.gif" alt="Loading" /></span>
571								</div>
572								<div id='msgData' style="color: red;"></div>
573							</div>
574							<div class="footer-rating">
575								<p>4.5</p>
576								<p>rating 4111 clients</p>
577								<img src="/subscription/images/myleshome/starrating.png" class="star-rating-img" />
578							</div>
579							<div class="play-store-rating">
580								<div class="groupicon-text">
581									<a href="https://play.google.com/store/apps/details?id=com.org.cor.myles&hl=en_IN&gl=US" target="_blank" style="text-decoration: none;"><p><img src="/subscription/images/myleshome/playstoreicon.png" class="playstoreicon" /> 4.5 rating on Google Play</p></a>
582								</div>
583							</div>
584							<div class="play-store-rating applestorerating">
585								<div class="groupicon-text">
586									<a href="https://apps.apple.com/in/app/myles-self-drive-car-rental/id1061852579" target="_blank" style="text-decoration: none;"><p><img src="/subscription/images/myleshome/apple_store.svg" class="playstoreicon" /> Available on App Store</p></a>
587								</div>
588							</div>
589						</div>
590					</div>
591
592				</div>
593
594			</div>
595
596			<div class="footer-bottom">
597				<div class="flexbox-footer-bottom">
598					<a href="https://www.mylescars.com/">
599						<div class="footerlogo">
600							<svg width="132" height="28" viewBox="0 0 132 28" fill="none" xmlns="http://www.w3.org/2000/svg">
601								<path d="M2.06522 2.03722C2.28689 2.03722 2.5178 2.09264 2.75795 2.20347C2.9981 2.31431 3.18283 2.47133 3.31214 2.67453L10.3503 13.398L9.1588 13.3426L16.3355 2.67453C16.6311 2.24965 17.0098 2.03722 17.4716 2.03722C17.841 2.03722 18.1643 2.17576 18.4414 2.45286C18.737 2.71148 18.8848 3.04399 18.8848 3.45039V20.0483C18.8848 20.4547 18.7554 20.7964 18.4968 21.0735C18.2382 21.3321 17.8965 21.4614 17.4716 21.4614C17.0282 21.4614 16.668 21.3321 16.3909 21.0735C16.1323 20.7964 16.003 20.4547 16.003 20.0483V5.99964L16.8897 6.19361L10.7936 15.4762C10.6643 15.6425 10.4981 15.7903 10.2949 15.9196C10.0917 16.0304 9.87924 16.0766 9.65756 16.0581C9.45436 16.0766 9.24192 16.0304 9.02025 15.9196C8.81705 15.7903 8.65079 15.6425 8.52148 15.4762L2.64711 6.33216L3.31214 5.22378V20.0483C3.31214 20.4547 3.18283 20.7964 2.92421 21.0735C2.68406 21.3321 2.36078 21.4614 1.95438 21.4614C1.56645 21.4614 1.24318 21.3321 0.984556 21.0735C0.744408 20.7964 0.624335 20.4547 0.624335 20.0483V3.45039C0.624335 3.06246 0.762881 2.72995 1.03997 2.45286C1.33554 2.17576 1.67729 2.03722 2.06522 2.03722ZM33.9383 6.7755C34.3447 6.7755 34.6772 6.91405 34.9358 7.19114C35.1944 7.44976 35.3237 7.78227 35.3237 8.18868V20.1037C35.3237 21.7293 35.0097 23.0501 34.3816 24.0661C33.772 25.0821 32.9407 25.821 31.8878 26.2828C30.8533 26.7631 29.6803 27.0033 28.3687 27.0033C27.7037 27.0033 27.0386 26.9386 26.3736 26.8093C25.7086 26.6985 25.1636 26.5322 24.7388 26.3106C24.2954 26.1073 23.9814 25.858 23.7967 25.5624C23.6119 25.2668 23.5842 24.9436 23.7135 24.5926C23.8428 24.1492 24.0645 23.8444 24.3786 23.6782C24.6926 23.5304 25.0159 23.5211 25.3484 23.6505C25.6624 23.7798 26.0781 23.946 26.5953 24.1492C27.1125 24.3524 27.7037 24.454 28.3687 24.454C29.2739 24.454 30.0405 24.3062 30.6686 24.0107C31.2966 23.7151 31.7677 23.2533 32.0817 22.6252C32.4142 21.9971 32.5805 21.1843 32.5805 20.1868V18.2749L33.0238 18.9399C32.7283 19.5495 32.3404 20.0575 31.8601 20.4639C31.3798 20.8703 30.8071 21.1843 30.1421 21.406C29.4955 21.6277 28.7751 21.7385 27.9808 21.7385C26.9648 21.7385 26.0873 21.5168 25.3484 21.0735C24.6279 20.6117 24.0737 19.9836 23.6858 19.1893C23.2979 18.3765 23.1039 17.4528 23.1039 16.4183V8.18868C23.1039 7.78227 23.2332 7.44976 23.4919 7.19114C23.7505 6.91405 24.083 6.7755 24.4894 6.7755C24.8773 6.7755 25.2006 6.91405 25.4592 7.19114C25.7363 7.44976 25.8749 7.78227 25.8749 8.18868V15.6702C25.8749 16.8894 26.1427 17.7853 26.6784 18.358C27.2141 18.9122 28.0085 19.1893 29.0614 19.1893C29.7634 19.1893 30.373 19.0415 30.8902 18.7459C31.4075 18.4504 31.8139 18.0439 32.1094 17.5267C32.405 16.991 32.5528 16.3722 32.5528 15.6702V8.18868C32.5528 7.78227 32.6821 7.44976 32.9407 7.19114C33.2178 6.91405 33.5503 6.7755 33.9383 6.7755ZM42.1971 20.0483C42.1971 20.4547 42.0586 20.7964 41.7815 21.0735C41.5229 21.3321 41.1996 21.4614 40.8117 21.4614C40.4237 21.4614 40.0912 21.3321 39.8141 21.0735C39.5555 20.7964 39.4262 20.4547 39.4262 20.0483V2.36973C39.4262 1.96333 39.5648 1.63081 39.8418 1.37219C40.1189 1.0951 40.4515 0.956555 40.8394 0.956555C41.2458 0.956555 41.5691 1.0951 41.8092 1.37219C42.0678 1.63081 42.1971 1.96333 42.1971 2.36973V20.0483ZM52.8394 21.7385C51.3062 21.7385 49.9762 21.4245 48.8493 20.7964C47.7225 20.1499 46.845 19.2724 46.2169 18.164C45.6073 17.0372 45.3025 15.7533 45.3025 14.3124C45.3025 12.6868 45.6258 11.3014 46.2723 10.156C46.9374 8.99225 47.7964 8.10555 48.8493 7.49595C49.9023 6.86787 51.0199 6.55383 52.2021 6.55383C53.1073 6.55383 53.9663 6.73856 54.7791 7.10802C55.5919 7.459 56.3123 7.95777 56.9404 8.60432C57.587 9.23239 58.095 9.98055 58.4644 10.8488C58.8339 11.6985 59.0279 12.6314 59.0463 13.6474C59.0279 14.0169 58.8801 14.3217 58.603 14.5618C58.3259 14.802 58.0026 14.922 57.6332 14.922H46.8542L46.1892 12.5667H56.6079L56.0814 13.0655V12.3728C56.0445 11.7262 55.8321 11.1628 55.4441 10.6825C55.0562 10.1837 54.5759 9.80505 54.0032 9.54643C53.4306 9.26934 52.8302 9.13079 52.2021 9.13079C51.6479 9.13079 51.1122 9.22316 50.595 9.40789C50.0962 9.57414 49.6436 9.85124 49.2372 10.2392C48.8493 10.6271 48.5353 11.1443 48.2951 11.7909C48.0735 12.419 47.9626 13.2041 47.9626 14.1462C47.9626 15.1622 48.1751 16.0489 48.5999 16.8063C49.0248 17.5637 49.597
6015 18.1548 50.3179 18.5797C51.0383 18.9861 51.8327 19.1893 52.7009 19.1893C53.3844 19.1893 53.9478 19.1246 54.3912 18.9953C54.8345 18.8475 55.204 18.672 55.4995 18.4688C55.7951 18.2656 56.0537 18.0717 56.2754 17.8869C56.5525 17.7207 56.8296 17.6375 57.1067 17.6375C57.4392 17.6375 57.7163 17.7576 57.938 17.9978C58.1596 18.2194 58.2705 18.4873 58.2705 18.8013C58.2705 19.2077 58.0673 19.5772 57.6609 19.9097C57.1621 20.39 56.4694 20.8149 55.5827 21.1843C54.7144 21.5538 53.8 21.7385 52.8394 21.7385ZM61.3194 19.1893C61.1531 18.9306 61.0792 18.6351 61.0977 18.3026C61.1162 17.9516 61.3101 17.656 61.6796 17.4159C61.9382 17.2496 62.2061 17.185 62.4831 17.2219C62.7787 17.2404 63.0558 17.3789 63.3144 17.6375C63.8317 18.2102 64.4043 18.6628 65.0324 18.9953C65.6789 19.3278 66.4548 19.4941 67.36 19.4941C67.7294 19.4756 68.1081 19.4202 68.4961 19.3278C68.884 19.217 69.2165 19.0322 69.4936 18.7736C69.7707 18.4965 69.9092 18.0994 69.9092 17.5821C69.9092 17.1203 69.7615 16.7508 69.4659 16.4738C69.1703 16.1967 68.7824 15.975 68.3021 15.8087C67.8218 15.624 67.3046 15.4577 66.7504 15.31C66.1592 15.1437 65.5589 14.959 64.9493 14.7558C64.3581 14.5526 63.8224 14.294 63.3421 13.9799C62.8618 13.6474 62.4647 13.2225 62.1506 12.7053C61.8551 12.1881 61.7073 11.5507 61.7073 10.7934C61.7073 9.92513 61.9474 9.17698 62.4277 8.5489C62.9265 7.92082 63.5638 7.43129 64.3397 7.08031C65.134 6.72932 65.993 6.55383 66.9166 6.55383C67.4523 6.55383 68.0158 6.62772 68.6069 6.7755C69.198 6.90482 69.7707 7.11725 70.3249 7.41282C70.8791 7.70838 71.3594 8.09631 71.7658 8.57661C71.9505 8.81676 72.0521 9.10308 72.0706 9.4356C72.1075 9.76811 71.9597 10.0637 71.6272 10.3223C71.4055 10.507 71.1377 10.5901 70.8236 10.5717C70.5096 10.5532 70.251 10.4516 70.0478 10.2669C69.6968 9.82353 69.2442 9.48178 68.69 9.24163C68.1358 8.98301 67.5078 8.8537 66.8058 8.8537C66.4548 8.8537 66.0854 8.90912 65.6974 9.01996C65.328 9.11232 65.0139 9.28781 64.7553 9.54643C64.4967 9.80505 64.3674 10.1837 64.3674 10.6825C64.3674 11.1443 64.5152 11.5138 64.8107 11.7909C65.1248 12.068 65.5312 12.2989 66.0299 12.4836C66.5287 12.6683 67.0737 12.8346 67.6648 12.9824C68.2374 13.1302 68.8009 13.3057 69.355 13.5089C69.9277 13.7121 70.4357 13.9799 70.8791 14.3124C71.3409 14.6265 71.7103 15.0421 71.9874 15.5593C72.283 16.0581 72.4308 16.6954 72.4308 17.4713C72.43
60108 18.3765 72.1629 19.1523 71.6272 19.7989C71.11 20.4269 70.4449 20.9072 69.6321 21.2398C68.8378 21.5723 67.9973 21.7385 67.1106 21.7385C66.0576 21.7385 65.0047 21.5538 63.9517 21.1843C62.9173 20.7964 62.0398 20.1314 61.3194 19.1893ZM89.3516 3.1733C89.758 3.3765 89.9889 3.69054 90.0444 4.11541C90.1182 4.54029 90.0166 4.92822 89.7396 5.2792C89.5364 5.5563 89.2685 5.71332 88.936 5.75026C88.6219 5.78721 88.3079 5.72255 87.9939 5.5563C87.4582 5.2792 86.8947 5.05753 86.3036 4.89127C85.7125 4.72502 85.0844 4.64189 84.4194 4.64189C83.3664 4.64189 82.4151 4.81738 81.5653 5.16837C80.734 5.50088 80.0136 5.99041 79.404 6.63696C78.7944 7.26503 78.3233 8.01319 77.9908 8.88141C77.6768 9.74963 77.5198 10.7102 77.5198 11.7632C77.5198 12.927 77.6952 13.9614 78.0462 14.8666C78.3972 15.7533 78.8775 16.5107 79.4871 17.1388C80.1152 17.7484 80.8449 18.2102 81.6762 18.5242C82.5259 18.8198 83.4403 18.9676 84.4194 18.9676C85.0474 18.9676 85.6571 18.8937 86.2482 18.7459C86.8578 18.5981 87.4304 18.3765 87.9662 18.0809C88.2987 17.9146 88.6219 17.8592 88.936 17.9146C89.2685 17.9516 89.5364 18.1086 89.7396 18.3857C90.0536 18.7736 90.1644 19.1708 90.0721 19.5772C89.9982 19.9651 89.7673 20.2607 89.3793 20.4639C88.9175 20.7225 88.4095 20.9442 87.8553 21.1289C87.3011 21.3136 86.7377 21.4614 86.1651 21.5723C85.5924 21.6831 85.0105 21.7385 84.4194 21.7385C83.0893 21.7385 81.8332 21.5168 80.6509 21.0735C79.4686 20.6301 78.4157 19.9836 77.492 19.1338C76.5684 18.2841 75.8387 17.2404 75.303 16.0027C74.7858 14.765 74.5272 13.3518 74.5272 11.7632C74.5272 10.3408 74.7673 9.02919 75.2476 7.82846C75.7464 6.60925 76.4391 5.56553 77.3258 4.69731C78.231 3.81061 79.2839 3.12712 80.4847 2.64682C81.6854 2.14805 82.997 1.89867 84.4194 1.89867C85.3061 1.89867 86.1651 2.00951 86.9963 2.23118C87.8461 2.45286 88.6312 2.76689 89.3516 3.1733ZM104.834 6.66467C105.24 6.66467 105.573 6.80321 105.832 7.08031C106.09 7.33893 106.219 7.67144 106.219 8.07784V20.0483C106.219 20.4547 106.09 20.7964 105.832 21.0735C105.573 21.3321 105.24 21.4614 104.834 21.4614C104.446 21.4614 104.114 21.3321 103.836 21.0735C103.578 20.7964 103.449 20.4547 103.449 20.0483V18.0532L104.03 18.1363C104.03 18.4688 103.892 18.8383 103.615 19.2447C103.356 19.6511 102.996 20.0483 102.534 20.4362C102.072 20.8056 101.527 21.1197 100.899 21.3783C100.271 21.6184 99.5969 21.7385 98.8765 21.7385C97.6019 21.7385 96.4565 21.4152 95.4405 20.7687C94.4245 20.1037 93.6209 19.1985 93.0298 18.0532C92.4387 16.9079 92.1431 15.6055 92.1431 14.1462C92.1431 12.6499 92.4387 11.3383 93.0298 10.2115C93.6209 9.06614 94.4153 8.17021 95.4128 7.52366C96.4288 6.8771 97.5557 6.55383 98.7933 6.55383C99.5877 6.55383 100.317 6.68314 100.982 6.94176C101.666 7.20038 102.257 7.53289 102.756 7.93929C103.255 8.3457 103.633 8.77981 103.892 9.24163C104.169 9.68498 104.307 10.1099 104.307 10.5163L103.449 10.5994V8.07784C103.449 7.68991 103.578 7.3574 103.836 7.08031C104.114 6.80321 104.446 6.66467 104.834 6.66467ZM99.1813 19.1893C100.05 19.1893 100.816 18.9676 101.481 18.5242C102.146 18.0809 102.663 17.4805 103.033 16.7231C103.402 15.9473 103.587 15.0883 103.587 14.1462C103.587 13.1856 103.402 12.3266 103.033 11.5692C102.663 10.8118 102.146 10.2115 101.481 9.76811C100.816 9.32476 100.05 9.10308 99.1813 9.10308C98.3315 9.10308 97.5741 9.32476 96.9091 9.76811C96.2626 10.2115 95.7453 10.8118 95.3574 11.5692C94.9879 12.3266 94.8032 13.1856 94.8032 14.1462C94.8032 15.0883 94.9879 15.9473 95.3574 16.7231C95.7453 17.4805 96.2626 18.0809 96.9091 18.5242C97.5741 18.9676 98.3315 19.1893 99.1813 19.1893ZM111.487 21.4614C111.08 21.4614 110.748 21.3321 110.489 21.0735C110.231 20.7964 110.101 20.4547 110.101 20.0483V8.29952C110.101 7.89311 110.231 7.5606 110.489 7.30198C110.748 7.02489 111.08 6.88634 111.487 6.88634C111.875 6.88634 112.198 7.02489 112.457 7.30198C112.734 7.5606 112.872 7.89311 112.872 8.29952V11.403L112.595 10.2115C112.743 9.69422 112.965 9.21392 113.26 8.77057C113.574 8.32722 
601113.944 7.93929 114.369 7.60678C114.793 7.27427 115.264 7.01565 115.782 6.83092C116.317 6.64619 116.872 6.55383 117.444 6.55383C117.925 6.55383 118.34 6.68314 118.691 6.94176C119.042 7.20038 119.218 7.52365 119.218 7.91159C119.218 8.41035 119.088 8.77981 118.83 9.01996C118.571 9.24163 118.285 9.35247 117.971 9.35247C117.694 9.35247 117.426 9.29705 117.167 9.18621C116.909 9.0569 116.604 8.99225 116.253 8.99225C115.865 8.99225 115.468 9.09385 115.061 9.29705C114.655 9.50025 114.285 9.80505 113.953 10.2115C113.62 10.5994 113.353 11.0612 113.149 11.5969C112.965 12.1326 112.872 12.733 112.872 13.398V20.0483C112.872 20.4547 112.734 20.7964 112.457 21.0735C112.198 21.3321 111.875 21.4614 111.487 21.4614ZM120.824 19.1893C120.658 18.9306 120.584 18.6351 120.602 18.3026C120.621 17.9516 120.815 17.656 121.184 17.4159C121.443 17.2496 121.711 17.185 121.988 17.2219C122.283 17.2404 122.56 17.3789 122.819 17.6375C123.336 18.2102 123.909 18.6628 124.537 18.9953C125.184 19.3278 125.959 19.4941 126.865 19.4941C127.234 19.4756 127.613 19.4202 128.001 19.3278C128.389 19.217 128.721 19.0322 128.998 18.7736C129.275 18.4965 129.414 18.0994 129.414 17.5821C129.414 17.1203 129.266 16.7508 128.97 16.4738C128.675 16.1967 128.287 15.975 127.807 15.8087C127.326 15.624 126.809 15.4577 126.255 15.31C125.664 15.1437 125.063 14.959 124.454 14.7558C123.863 14.5526 123.327 14.294 122.847 13.9799C122.366 13.6474 121.969 13.2225 121.655 12.7053C121.36 12.1881 121.212 11.5507 121.212 10.7934C121.212 9.92513 121.452 9.17698 121.932 8.5489C122.431 7.92082 123.068 7.43129 123.844 7.08031C124.639 6.72932 125.498 6.55383 126.421 6.55383C126.957 6.55383 127.52 6.62772 128.112 6.7755C128.703 6.90482 129.275 7.11725 129.829 7.41282C130.384 7.70838 130.864 8.09631 131.27 8.57661C131.455 8.81676 131.557 9.10308 131.575 9.4356C131.612 9.76811 131.464 10.0637 131.132 10.3223C130.91 10.507 130.642 10.5901 130.328 10.5717C130.014 10.5532 129.756 10.4516 129.552 10.2669C129.201 9.82353 128.749 9.48178 128.195 9.24163C127.64 8.98301 127.012 8.8537 126.31 8.8537C125.959 8.8537 125.59 8.90912 125.202 9.01996C124.833 9.11232 124.519 9.28781 124.26 9.54643C124.001 9.80505 123.872 10.1837 123.872 10.6825C123.872 11.1443 124.02 11.5138 124.315 11.7909C124.629 12.068 125.036 12.2989 125.535 12.4836C126.033 12.6683 126.578 12.8346 127.169 12.9824C127.742 13.1302 128.305 13.3057 128.86 13.5089C129.432 13.7121 129.94 13.9799 130.384 14.3124C130.845 14.6265 131.215 15.0421 131.492 15.5593C131.788 16.0581 131.935 16.6954 131.935 17.4713C131.935 18.3765 131.668 19.1523 131.132 19.7989C130.615 20.4269 129.95 20.9072 129.137 21.2398C128.342 21.5723 127.502 21.7385 126.615 21.7385C125.562 21.7385 124.509 21.5538 123.456 21.1843C122.422 20.7964 121.544 20.1314 120.824 19.1893Z" fill="#262626" />
602							</svg>
603
604						</div>
605					</a>
606
607					<!--<div class="footerlinks">
608						<ul>
609							<li><a href="#">Reviews</a></li>
610							<li><a href="#">Services</a></li>
611							<li><a href="<?//= $webURL ?>Pages/dealer">Partners</a></li>
612							<li><a href="#" data-bs-toggle="modal" data-bs-target="#leadformopen">Feedbacks</a></li>
613							<li><a href="<?//= $webURL ?>">Booking</a></li>
614						</ul>
615					</div>-->
616
617					<div class="footer-social-media" style="padding-top:0px;">
618						<ul>
619							<li>
620								<a href="https://www.facebook.com/Mylescars/" target="_blank">
621									<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
622										<path fill-rule="evenodd" clip-rule="evenodd" d="M0.552734 16.6733C0.552734 24.851 6.49202 31.6504 14.2588 33.0287V21.1501H10.147V16.5814H14.2588V12.9265C14.2588 8.81464 16.9086 6.5303 20.655 6.5303C21.8428 6.5303 23.1221 6.71305 24.3098 6.89579V11.099H22.2083C20.198 11.099 19.7412 12.1041 19.7412 13.3833V16.5814H24.1271L23.3962 21.1501H19.7412V33.0287C27.508 31.6504 33.4473 24.851 33.4473 16.6733C33.4473 7.57678 26.046 0.134155 17 0.134155C7.954 0.134155 0.552734 7.57678 0.552734 16.6733H0.552734Z" fill="#1877F2" />
623									</svg>
624
625								</a>
626							</li>
627							<li>
628								<a href="https://www.instagram.com/mylescars/?hl=hi" target="_blank">
629									<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg">
630										<path d="M16.9561 32.9406C26.0396 32.9406 33.4033 25.5769 33.4033 16.4933C33.4033 7.40977 26.0396 0.0460815 16.9561 0.0460815C7.87248 0.0460815 0.508789 7.40977 0.508789 16.4933C0.508789 25.5769 7.87248 32.9406 16.9561 32.9406Z" fill="#E4405F" />
631										<path d="M16.9567 8.26929C14.7242 8.26929 14.4447 8.27892 13.5677 8.31747C12.6907 8.35923 12.0965 8.49736 11.5728 8.69974C11.0332 8.90855 10.5738 9.19123 10.1144 9.64739C9.65506 10.1035 9.37559 10.5629 9.16678 11.1058C8.96441 11.6294 8.82627 12.2269 8.78451 13.1007C8.74275 13.9776 8.73633 14.2571 8.73633 16.4897C8.73633 18.7223 8.74597 19.0018 8.78451 19.8787C8.82627 20.7525 8.96441 21.35 9.16678 21.8736C9.37559 22.4133 9.65827 22.8727 10.1144 23.332C10.5706 23.7882 11.0299 24.0709 11.5728 24.2797C12.0965 24.482 12.694 24.6202 13.5677 24.6619C14.4447 24.7037 14.7242 24.7101 16.9567 24.7101C19.1893 24.7101 19.4688 24.7005 20.3458 24.6619C21.2195 24.6202 21.817 24.482 22.3407 24.2797C22.8803 24.0709 23.3397 23.7882 23.7991 23.332C24.2552 22.8759 24.5379 22.4165 24.7467 21.8736C24.9491 21.35 25.0872 20.7525 25.129 19.8787C25.1707 19.0018 25.1772 18.7223 25.1772 16.4897C25.1772 14.2571 25.1675 13.9776 25.129 13.1007C25.0872 12.2269 24.9491 11.6294 24.7467 11.
6311058C24.5379 10.5661 24.2552 10.1068 23.7991 9.64739C23.3429 9.19123 22.8835 8.90855 22.3407 8.69974C21.817 8.49736 21.2195 8.35923 20.3458 8.31747C19.4688 8.27892 19.1893 8.26929 16.9567 8.26929ZM16.9567 9.75018C19.1508 9.75018 19.4142 9.75982 20.2815 9.79837C21.0846 9.83692 21.5183 9.96862 21.8074 10.0843C22.1929 10.232 22.4659 10.4119 22.755 10.6978C23.0409 10.9869 23.2208 11.26 23.3686 11.6455C23.481 11.9346 23.616 12.3683 23.6513 13.1713C23.6898 14.0387 23.6995 14.2989 23.6995 16.4961C23.6995 18.6934 23.6898 18.9536 23.6481 19.8209C23.6063 20.624 23.4714 21.0577 23.359 21.3468C23.2048 21.7323 23.0313 22.0053 22.7422 22.2944C22.4563 22.5803 22.1768 22.7602 21.7978 22.908C21.5087 23.0204 21.0686 23.1553 20.2655 23.1907C19.3917 23.2292 19.1347 23.2389 16.9343 23.2389C14.7338 23.2389 14.4768 23.2292 13.603 23.1875C12.8 23.1457 12.3599 23.0108 12.0708 22.8984C11.6821 22.7442 11.4122 22.5707 11.1263 22.2816C10.8372 21.9957 10.6541 21.7162 10.5095 21.3372C10.3971 21.048 10.2622 20.6079 10.2204 19.8049C10.1883 18.9407 10.1787 18.6741 10.1787 16.4865C10.1787 14.2957 10.1883 14.029 10.2204 13.1553C10.2622 12.3522 10.3939 11.9121 10.5095 11.623C10.6541 11.2311 10.8372 10.9645 11.1263 10.6753C11.4122 10.3894 11.6821 10.2031 12.0708 10.0586C12.3599 9.94614 12.7903 9.81122 13.5934 9.76946C14.4672 9.73733 14.7242 9.7277 16.9246 9.7277L16.9567 9.75018ZM16.9567 12.2687C14.6246 12.2687 12.7325 14.1607 12.7325 16.4929C12.7325 18.8251 14.6246 20.7172 16.9567 20.7172C19.2889 20.7172 21.181 18.8251 21.181 16.4929C21.181 14.1607 19.2889 12.2687 16.9567 12.2687ZM16.9567 19.2331C15.4437 19.2331 14.2166 18.0059 14.2166 16.4929C14.2166 14.9799 15.4437 13.7528 16.9567 13.7528C18.4698 13.7528 19.6969 14.9799 19.6969 16.4929C19.6969 18.0059 18.4698 19.2331 16.9567 19.2331ZM22.3342 12.1048C22.3342 12.6509 21.8909 13.091 21.348 13.091C20.8019 13.091 20.3618 12.6477 20.3618 12.1048C20.3618 11.562 20.8051 11.1186 21.348 11.1186C21.8909 11.1154 22.3342 11.5587 22.3342 12.1048Z" fill="white" />
632									</svg>
633
634
635								</a>
636							</li>
637							<li class="gmailicon">
638								<a href="mailto:[email protected]" target="_blank">
639									<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
640										<path d="M5.17245 16.3552V8.07307L0.431641 4.39862V14.6054C0.431641 15.7719 1.00979 16.3552 2.16608 16.3552" fill="#4285F4" />
641										<path d="M4.94141 8.01354L10.8385 12.5045L16.7356 8.01354V2.29773L10.8385 6.78872L4.94141 2.29773" fill="#EA4335" />
642										<path d="M16.5039 16.3552V8.07307L21.2447 4.39862V14.6054C21.2447 15.7719 20.6666 16.3552 19.5103 16.3552" fill="#34A853" />
643										<path d="M0.431641 4.51414L5.17245 8.18859V2.47277L3.43801 1.13131C1.87701 -0.0935085 0.431641 1.13131 0.431641 2.64775" fill="#C5221F" />
644										<path d="M21.2447 4.51426L16.5039 8.18871V2.4729L18.2383 1.13143C19.7993 -0.0933864 21.2447 1.13143 21.2447 2.64787" fill="#FBBC04" />
645									</svg>
646
647
648
649								</a>
650							</li>
651							<li>
652								<a href="https://wa.me/+918448552635" target="_blank">
653									<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
654										<path d="M0.272461 34.9403L2.69368 26.1061C1.20496 23.5213 0.411517 20.5848 0.419697 17.5828C0.419697 8.17605 8.07597 0.527954 17.4827 0.527954C22.047 0.527954 26.3332 2.30297 29.5479 5.5258C32.7707 8.74863 34.5457 13.0348 34.5376 17.591C34.5376 26.9977 26.8813 34.6458 17.4745 34.6458H17.4664C14.6116 34.6458 11.806 33.926 9.31112 32.5682L0.272461 34.9403ZM9.73647 29.4762L10.2518 29.787C12.4276 31.0794 14.9224 31.7584 17.4664 31.7665H17.4745C25.2862 31.7665 31.6501 25.4108 31.6501 17.591C31.6501 13.8037 30.1777 10.2455 27.503 7.56256C24.8282 4.8796 21.2618 3.40724 17.4745 3.40724C9.65467 3.40724 3.2908 9.76293 3.2908 17.5828C3.2908 20.2576 4.03516 22.8669 5.45844 25.1246L5.79381 25.6644L4.36235 30.8913L9.73647 29.4762Z" fill="black" fill-opacity="0.24" />
655										<path d="M1.0459 34.0285L3.35628 25.6029C1.93451 23.1391 1.18323 20.3359 1.18323 17.4762C1.18323 8.50937 8.48596 1.21472 17.4447 1.21472C21.7989 1.21472 25.8784 2.91115 28.9481 5.98089C32.0179 9.05062 33.7062 13.1382 33.7062 17.4843C33.7062 26.4512 26.4035 33.7458 17.4447 33.7458H17.4367C14.7143 33.7458 12.0404 33.0592 9.66538 31.7666L1.0459 34.0285Z" fill="url(#paint0_linear_32_3089)" />
656										<path d="M0.457031 34.6184L2.84819 25.8939C1.37795 23.3412 0.594361 20.4411 0.60244 17.4764C0.60244 8.1864 8.16367 0.63324 17.4536 0.63324C21.9613 0.63324 26.1943 2.38622 29.3691 5.56904C32.5519 8.75187 34.3049 12.9849 34.2968 17.4844C34.2968 26.7744 26.7355 34.3276 17.4456 34.3276H17.4375C14.6182 34.3276 11.8473 33.6167 9.38349 32.2757L0.457031 34.6184ZM9.80356 29.2221L10.3125 29.5291C12.4613 30.8055 14.9252 31.476 17.4375 31.484H17.4456C25.1603 31.484 31.4452 25.2072 31.4452 17.4844C31.4452 13.7442 29.9911 10.23
65602 27.3495 7.58053C24.7079 4.93086 21.1858 3.47678 17.4456 3.47678C9.72277 3.47678 3.4379 9.75357 3.4379 17.4764C3.4379 20.118 4.17302 22.6949 5.57864 24.9245L5.90984 25.4577L4.49615 30.6197L9.80356 29.2221Z" fill="white" />
657										<path d="M13.2367 10.4246C12.9217 9.72183 12.5905 9.70567 12.2916 9.69759C12.0492 9.68951 11.7665 9.68951 11.4837 9.68951C11.201 9.68951 10.7486 9.79453 10.3609 10.2146C9.97311 10.6347 8.89062 11.6525 8.89062 13.7286C8.89062 15.7967 10.4013 17.8001 10.6113 18.0828C10.8213 18.3655 13.5275 22.752 17.8009 24.4404C21.3554 25.846 22.0824 25.5633 22.8498 25.4906C23.6253 25.4178 25.3379 24.4727 25.6934 23.4872C26.0407 22.5016 26.0407 21.6615 25.9357 21.4837C25.8307 21.306 25.548 21.201 25.1279 20.991C24.7078 20.7809 22.6398 19.7631 22.252 19.6177C21.8643 19.4723 21.5815 19.4076 21.3069 19.8277C21.0241 20.2478 20.2163 21.1929 19.974 21.4757C19.7316 21.7584 19.4812 21.7907 19.0611 21.5807C18.6411 21.3707 17.2839 20.9263 15.6763 19.4884C14.4242 18.3736 13.576 16.9922 13.3337 16.5722C13.0913 16.1521 13.3094 15.9259 13.5195 15.7159C13.7053 15.5301 13.9395 15.2231 14.1496 14.9808C14.3596 14.7384 14.4323 14.5607 14.5696 14.278C14.707 13.9952 14.6423 13.7529 14.5373 13.5428C14.4323 13.3328 13.6083 11.2567 13.2367 10.4246Z" fill="white" />
658										<defs>
659											<linearGradient id="paint0_linear_32_3089" x1="17.3756" y1="34.0262" x2="17.3756" y2="1.21289" gradientUnits="userSpaceOnUse">
660												<stop stop-color="#20B038" />
661												<stop offset="1" stop-color="#60D66A" />
662											</linearGradient>
663										</defs>
664									</svg>
665
666
667								</a>
668							</li>
669							<li>
670								<a href="https://twitter.com/mylescars" target="_blank">
671									<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg">
672										<path d="M17.0459 0.0460815C7.96319 0.0460815 0.598633 7.41064 0.598633 16.4933C0.598633 25.5761 7.96319 32.9406 17.0459 32.9406C26.1286 32.9406 33.4932 25.5761 33.4932 16.4933C33.4932 7.41064 26.1286 0.0460815 17.0459 0.0460815ZM24.9501 12.4439C24.9611 12.6165 24.9611 12.7964 24.9611 12.9726C24.9611 18.362 20.8567 24.5701 13.3563 24.5701C11.0434 24.5701 8.89936 23.8983 7.0931 22.7418C7.42351 22.7786 7.73924 22.7932 8.077 22.7932C9.98606 22.7932 11.7409 22.1471 13.1397 21.0531C11.3481 21.0163 9.84288 19.8415 9.3289 18.2262C9.95669 18.318 10.5221 18.318 11.1682 18.1528C10.2457 17.9653 9.41655 17.4643 8.82159 16.7349C8.22663 16.0054 7.90256 15.0924 7.90445 14.1511V14.0997C8.44412 14.4044 9.07925 14.5916 9.74375 14.6173C9.18514 14.245 8.72703 13.7407 8.41002 13.1489C8.09302 12.5572 7.92693 11.8964 7.92648 11.2251C7.92648 10.4651 8.12472 9.77126 8.48084 9.16917C9.50476 10.4297 10.7825 11.4606 12.2309 12.1949C13.6793 12.9292 15.2661 13.3506 16.888 13.4315C16.3116 10.6597 18.3822 8.41656 20.8714 8.41656C22.0462 8.41656 23.1035 8.90851 23.8487 9.70151C24.7702 9.52896 25.6513 9.18386 26.437 8.72128C26.1323 9.66479 25.4935 10.4615 24.6454 10.9644C25.4678 
67210.8763 26.2608 10.6487 26.995 10.3293C26.4407 11.1443 25.7468 11.8676 24.9501 12.4439Z" fill="#1DA1F2" />
673									</svg>
674
675
676								</a>
677							</li>
678							<li>
679								<a href="https://in.linkedin.com/company/mylescar" target="_blank">
680									<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg">
681										<path d="M17.001 0.0460815C7.91729 0.0460815 0.553711 7.40966 0.553711 16.4933C0.553711 25.577 7.91729 32.9406 17.001 32.9406C26.0847 32.9406 33.4482 25.577 33.4482 16.4933C33.4482 7.40966 26.0847 0.0460815 17.001 0.0460815ZM12.9748 23.3104H9.64425V12.5923H12.9748V23.3104ZM11.289 11.2765C10.237 11.2765 9.55687 10.5312 9.55687 9.60948C9.55687 8.6689 10.2576 7.94591 11.3318 7.94591C12.406 7.94591 13.0639 8.6689 13.0845 9.60948C13.0845 10.5312 12.406 11.2765 11.289 11.2765ZM25.1389 23.3104H21.8084V17.3705C21.8084 15.9879 21.3252 15.0491 20.1208 15.0491C19.2008 15.0491 18.6543 15.6847 18.4127 16.2963C18.3236 16.5139 18.3013 16.8223 18.3013 17.129V23.3087H14.9691V16.0102C14.9691 14.6722 14.9262 13.5534 
68114.8817 12.5905H17.7754L17.9278 14.0794H17.9947C18.4333 13.3804 19.5075 12.349 21.3047 12.349C23.4959 12.349 25.1389 13.8172 25.1389 16.9731V23.3104Z" fill="#0076B2" />
682									</svg>
683
684
685								</a>
686							</li>
687						</ul>
688					</div>
689
690					<div class="footer-contactno">
691					<ul class="cin-info">
692								<li><p><img src="/subscription/images/myleshome/phone_icon.png"/><a href="tel:01143083000">011-4308-3000</a> </p></li>
693								<li><p><img src="/subscription/images/myleshome/mail_icon.png"/> <a href="mailto:[email protected]">[email protected]</a> </p></li>
694								<li><p><img src="/subscription/images/myleshome/cin_icon.png"/> CIN: U74999DL2018P5C339374</p></li>
695							</ul>
696					</div>
697				</div>
698
699
700			</div>
701
702
703						<div class="footer-bottom-content">
704				<div class="content-align-footer">
705					<div class="content-title">
706					<h2>Premium Car Subscription in India</h2>
707				</div>
708				<div class="contentblock">
709					<p>
710					Myles cars subscription is one of the premium car subscription in India that allows people to drive their preferred car without having to purchase it. People who subscribe to a car pay a monthly fee rather than buying one through loan & paying heavy upfront cost. Car Subscribers can use the car as much as they like without making a large down payment or worrying about other hassles. There are no hidden or additional fees. They only need to pay a monthly cost, which includes maintenance, insurance, and roadside support.
711				</p>
712				<p><strong>Myles Smart Subscription: </strong>Smart Subscription plan by Myles is a Fractional Ownership product where new cars can be subscribed for a period of 12-48 Months.</p>
713				<p><strong>Myles Smart Plus Subscription:</strong> Smart Plus Subscription plan by Myles is a Flexible subscription where New/Used cars can be taken for Modular tenure of 3 -48 Months.</p>
714				<p><strong>Myles Self-Drive Rentals:</strong> Myles Self-Drive offers rental cars on hourly, daily, weekly, or monthly basis with zero maintenance, insurance cost along with Roadside assistance.</p>
715				</div>
716				</div>
717
718				<div class="content-align-footer">
719					<div class="content-title">
720					<h2>With Myles, Own a Car without the hassles of Ownership</h2>
721				</div>
722				<div class="contentblock">
723					<ul class="stylebullets">
724						<li><p><strong>Zero Down Payment: </strong> No Upfront Cost - making it easy on pocket</p></li>
725				<li><p><strong>Zero Maintenance Cost: </strong> All-Inclusive Cost including Maintenance & Insurance</p></li>
726				<li><p><strong>Tax Saving Benefits: </strong> Avail tax saving benefits on entire invoice value</p></li>
727				<li><p><strong>Minimal Paperwork: </strong> Digital Process for a hassle-free experience</p></li>
728				<li><p><strong>24*7 Roadside Assistance:</strong> Get free 24*7 Roadside Assistance anytime anywhere</p></li>
729				<li><p><strong>Simplified Exits:</strong> Change your car every year with our easy exit policies </p></li>
730					</ul>
731				</div>
732				</div>
733
734				<div class="content-align-footer">
735					<div class="content-title">
736					<h2>Why Choose Myles?</h2>
737				</div>
738				<div class="contentblock">
739					<div class="whychoosefootercontent">
740					<h4>Flexible Tenure:</h4>
741					<p>Myles car subscription offers a flexible tenure option that allows you to rent a car for as long as you need it. With no long-term commitments or contracts, you can choose a tenure that suits your needs and enjoy the freedom to extend or end your subscription as you like. This feature makes Myles car subscription a perfect choice for people who require a car for a limited period.</p>
742					</div>
743
744					<div class="whychoosefootercontent">
745					<h4>White Plated Cars:</h4>
746					<p>Myles car subscription provides you with a wide range of white-plated cars that signifies that the car is privately registered, ensuring hassle-free rides. This feature ensures that you enjoy the fractional ownership of a subscribed car i.e., registered in your name or Business Partner’s/Myles name as per your Myles Subscription Plan.</p>
747 					</div>
748
749					<div class="whychoosefootercontent">
750					<h4>Immediate Delivery:</h4>
751					<p>Myles car subscription offers immediate delivery of your chosen used car, ensuring that you don’t have to wait much. With a few clicks, you can subscribe to the car of your choice and have it delivered to you at your convenience. This feature of Myles car subscription saves you time and effort and allows you to get on with your plans right away.</p>
752 					</div>
753
754					<div class="whychoosefootercontent">
755					<h4>No Hidden Charges:</h4>
756					<p>Myles car subscription is transparent in its pricing and has no hidden charges. You only pay for what you use, and there are no surprises or additional fees when you return the car. This feature of Myles car subscription ensures that you have complete control over your expenses and can plan your budget accordingly.</p>
757 					</div>
758
759				</div>
760				</div>
761			</div>
762			
763
764
765		</div>
766
767
768		
768<script type="text/javascript" src="/subscription/js/bootstrap.bundle.min.js?v=425"></script>
768
769		
769<script type="text/javascript" src="/subscription/js/slider-design.js?v=425"></script>
769
770				
770<script type="text/javascript" src="/subscription/js/slider.js?v=425"></script>
770
771		
772		
772<script type="text/javascript" src="/subscription/js/frontend.js?v=425"></script>
772
773		
773<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
773
774		
774<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
774
775		
775<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
775
776	</footer>
777	
778
779
780<!--Login Signup -->
781<div class="modal fade" id="Loginsignup" aria-labelledby="creditscorenoteligible_label" aria-hidden="true">
782    <div class="modal-dialog  modal-dialog-centered modal-lg loginsignup-wrapper">
783        <div class="modal-content inner-wrapper-login-model">
784
785            <div class="modal-body no-padding">
786                <div class="d-flex wraapper-outer">
787                    <div class="equalwidth50 left-box-banner">
788                        <img src="/subscription/images/login/loginregsiterbanner.webp" class="loginbanner" />
789
790                    </div>
791                    <div class="equalwidth50 form-wrapper-right-block">
792                        <div class="d-flex justify-content-between form-header">
793                            <div class="form-header-logo">
794                                <img src="/subscription/images/login/modelogo.png" class="brandlogo" />
795
796                            </div>
797                            <ul class="nav nav-tabs" id="myTab" role="tablist">
798
799                            </ul>
800                        </div>
801                        <div class="wrapper-form-group">
802                            <div id="main_loader" style="display:none;">
803                                <div class="fullviewport">
804                                    <div class="spinner-border changespinnercolor" style="color:#E04627;width: 3rem; height: 3rem;" role="status">
805                                        <span class="visually-hidden">Loading...</span>
806                                    </div>
807                                </div>
808                            </div>
809
810                            <div class="tab-content" id="myTabContent">
811                                <div class="flex-form tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
812
813                                    <div class="wrapper-form-innerblock">
814                                        <div class="form-title">
815                                            <h2>Login/SignUp</h2>
816                                            <p>Please enter your contact details to connect.</p>
817                                        </div>
818
819                                        <div class="warpper-inner-form-group">
820                                            <form method="post">
821                                                <!-- <div class="group-field otpmobile paddingbottom-12">
822                                                    <label>Enter Name</label>
823                                                    <input id="login_username" type="text" name="login_username" class="form-control mobilenootp" autocomplete="off">
824                                                    <div id="login_username_error" style="color: red;"></div>
825
826                                                </div> -->
827                                                <div class="group-field otpmobile paddingbottom-12">
828                                                    <label>Enter Mobile Number</label>
829                                                    <input id="mobile" type="text" maxlength="10" size="10" name="mobile" onkeyup="remove_error(this.id);checkChar(this.id);" class="form-control  mobilenootp" autocomplete="off">
830                                                    <div id="mobile_error" style="color: red;"></div>
831                                                </div>
832
833                                                <div class="group-field otpmobile">
834                                                    <label>Enter Captcha Code</label>
835
836                                                    <div class="inlinecaptcha">
837                                                        <input id="captcha_input" type="text" name="captcha_input" class="form-control mobilenootp" autocomplete="off" placeholder="Enter Code" style="width:50%;margin-right: 10px;">
838
839                                                        <div class="captcha-wrapper-outer">
840                                                            <canvas width="83px;" height="30px;" id="captcha" style="border-radius: 10px; padding: 4px; margin-right: 10px;">captcha text</canvas>
841
842                                                            <button type="button" class="btnrefresh" id="refresh_captcha_btn" onclick="return refreshCaptchaCode();"><img src="/subscription/images/icons/refresh.svg" width="18px" /></button>
843                                                        </div>
844
845                                                    </div>
846
847                                                    <!--<input id="captcha_validate_input" type="hidden" name="captcha_validate_input">-->
848
849
850                                                    <div id="captcha_error" style="color: red;"></div>
851
852                                                </div>
853
854
855
856                                                <div class="d-flex checkboxcontent pdtop20">
857                                                    <div class="checkbox-group">
858                                                        <input onclick="referralShowHide();" type="checkbox" name="referralcheck" id="referralcheck">
859                                                    </div>
860
861                                                    <div class="checkbox-text pd5">
862                                                        <p>
862Do You have a Referral Code?</p>
863                                                    </div>
864
865                                                    <input name="ref_verify_status" id="ref_verify_status" type="hidden" class="form-control mobilenootp" value="">
866
867                                                </div>
868
869                                                <div id="referralinput_div" class="group-field otpmobile" style="display:none;">
870                                                    <div class="wrapper-flex-referral">
871                                                        <input onkeyup="remove_error(this.id);" id="referralcode" type="text" name="referralcode" class="form-control  mobilenootp" autocomplete="off" placeholder="Enter Referral Code">
872
873                                                        <button type="button" class="btn-gredient fullwidth btnreferral" id="verify_referral_btn" onclick="return verifyReferral();">Verify</button>
874                                                    </div>
875                                                    <div id="referralcode_error" style="color: red;"></div>
876
877                                                </div>
878
879                                                <!---<div class="d-flex checkboxcontent pdtop20">
880                                                    <div class="checkbox-group">
881                                                        <input type="checkbox" name="iagree">
882                                                    </div>
883                                                    <div class="checkbox-text pd5">
884                                                        <p>Remember Me</p>
885                                                    </div>
886                                                </div>--->
887
888                                                <div class="nav nav-tabs form-btn-wrapper" id="myTab" role="tablist">
889                                                    <button type="button" class="btn-gredient fullwidth btnsubmit" id="contact_auto" onclick="return chkmobile_V1();">Request OTP</button>
890
891                                                    <!--<input id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" role="tab" aria-controls="contact" aria-selected="false" type="submit" name="submit" class="btn-gredient fullwidth btnsubmit" value="Request OTP"/>-->
892                                                </div>
893
894
895                                                <!--<div class="wrapper-text-acsign">
896                                                    <p>Already have an account? <a href="#" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" role="tab" aria-controls="contact" aria-selected="false">Sign in here</a></p>
897                                                </div>-->
898                                            </form>
899                                        </div>
900                                    </div>
901                                </div>
902                                <div class="flex-form tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
903
904                                    <div class="wrapper-form-innerblock">
905                                        <div class="form-title pdbtm70">
906                                            <h2>Enter OTP</h2>
907                                            <p id="IsNewUser"></p>
908                                        </div>
909
910                                        <div class="warpper-inner-form-group">
911                                            <form method="post">
912                                                <div class="group-field changecolorlabel">
913                                                    <label>Enter Mobile Number</label>
914
915                                                    <input name="usermobile" id="usermobile" type="text" class="form-control mobilenootp" maxlength="10" size="10" pattern="[0-9]{10}" value="" readonly="readonly" autocomplete="off" tabindex="0" aria-invalid="false">
916
917                                                    <div id="login_newUser" style="display:none;margin-top:10px">
918                                                        <label>Enter Name</label>
919                                                        <input id="login_username" type="text" name="login_username" class="form-control mobilenootp" autocomplete="off">
920                                                    </div>
921
922                                                    <div class="wrapper-text-acsign wanttochangeno">
923                                                        <p>Want to change your mobile number?
924                                                            <a href="javascript: void(0);" onClick="editMobileActive();" type="button">Click Here</a>
925                                                        </p>
926                                                    </div>
927                                                </div>
928
929                                                <div class="group-field changecolorlabel paddingtop padding-bottom-20">
930                                                    <label>Enter OTP</label>
931                                                    <div id="otp" class="inputs d-flex flex-row justify-content-space-between gap-10 otp_fill">
932                                                        <input class="text-center form-control rounded" type="text" id="first_otp" maxlength="1" autocomplete="off">
933                                                        <input class="text-center form-control rounded" type="text" id="second_otp" maxlength="1" autocomplete="off">
934                                                        <input class="text-center form-control rounded" type="text" id="third_otp" maxlength="1" autocomplete="off">
935                                                        <input class="text-center form-control rounded" type="text" id="fourth_otp" maxlength="1" autocomplete="off">
936                                                    </div>
937                                                    <div id="userpassworderror" class="errorb" style="color: red;"></div>
938                                                </div>
939
940                                                <div class="group-field changecolorlabel paddingbottom-25" id="referraldiv_submit">
941                                                    <input name="referralinput_submit" id="referralinput_submit" type="text" class="form-control mobilenootp" value="" readonly="readonly" autocomplete="off">
942                                                </div>
943
944                                                <!-- <div class="d-flex checkboxcontent pdtop20">
945                                                    <div class="checkbox-group">
946                                                        <input type="checkbox" name="iagree">
947                                                    </div>
948                                                    <div class="checkbox-text pd5">
949                                                        <p>Remember Me</p>
950                                                    </div>
951                                                </div>-->
952
953
954
955                                                <div class="nav nav-tabs form-btn-wrapper" id="myTab" role="tablist">
956                                                    <button id="btnsubmit_login" class="btn-gredient fullwidth btnsubmit" type="submit" onclick="return userlogin_V1();">
957                                                        Sign In
958                                                    </button>
959
960                                                    <!--<input id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" role="tab" aria-controls="contact" aria-selected="false" type="submit" name="submit" class="btn-gredient fullwidth btnsubmit" value="Sign In"/>-->
961                                                </div>
962
963
964
965                                            </form>
966                                        </div>
967                                    </div>
968                                </div>
969                            </div>
970
971                        </div>
972                    </div>
973                </div>
974            </div>
975
976        </div>
977    </div>
978</div>
979<div id="status"></div>
980<div id="gSignIn"></div>
981<!-- 
981<script src="https://apis.google.com/js/api:client.js"></script>
981 -->
982
983<script type="text/javascript">
984    var captchaCode = '6B831E';
985
986
987    function generateCaptchaImg(captchaVal) {
988        let captchaText = document.getElementById('captcha');
989        var ctx = captchaText.getContext("2d");
990        ctx.font = "20px Bell MT";
991        ctx.fillStyle = "#E04627";
992        ctx.clearRect(0, 0, captchaText.width, captchaText.height);
993        ctx.textBaseline = 'middle';
994        ctx.textAlign = "center";
995
996        $("#captcha").css('background-color', '#ECECEC');
997
998        let {
999            actualBoundingBoxAscent,
1000            actualBoundingBoxDescent
1001        } = ctx.measureText(captchaVal);
1002        ctx.fillText(captchaVal, captchaText.width / 2, captchaText.height / 2 + (actualBoundingBoxAscent - actualBoundingBoxDescent) / 2);
1003        //ctx.fillText(captchaVal,captchaText.width/4, captchaText.height/2);
1004        //$('#captcha_validate_input').val(captchaVal);
1005
1006    }
1007
1008    $(document).ready(function() {
1009        generateCaptchaImg(captchaCode);
1010    });
1011
1012
1013    var action_namme = 'contact_us';
1014    $('#login_username').keyup(function() {
1015        $('#login_username_error').html('');
1016    })
1017    document.addEventListener("DOMContentLoaded", function(event) {
1018
1019        function OTPInput() {
1020            const inputs = document.querySelectorAll('.otp_fill > *[id]');
1021            for (let i = 0; i < inputs.length; i++) {
1022                inputs[i].addEventListener('keydown', function(event) {
1023                    if (event.key === "Backspace") {
1024                        inputs[i].value = '';
1025                        if (i !== 0) inputs[i - 1].focus();
1026                    } else {
1027                        if (i === inputs.length - 1 && inputs[i].value !== '') {
1028                            return true;
1029                        } else if (event.keyCode > 47 && event.keyCode < 58) {
1030                            inputs[i].value = event.key;
1031                            if (i !== inputs.length - 1) inputs[i + 1].focus();
1032                            event.preventDefault();
1033                        } else if (event.keyCode > 64 && event.keyCode < 91) {
1034                            // inputs[i].value = String.fromCharCode(event.keyCode);
1035                            // if (i !== inputs.length - 1) inputs[i + 1].focus();
1036                            inputs[i].value = '';
1037                            event.preventDefault();
1038                        }
1039                    }
1040                });
1041            }
1042        }
1043        OTPInput();
1044    });
1045
1046    function gtag_report_conversion(url) {
1047        var callback = function() {
1048            if (typeof(url) != 'undefined') {
1049                window.location = url;
1050            }
1051        };
1052        gtag('event', 'conversion', {
1053            'send_to': 'AW-946364546/jipFCPnK5KgYEILBocMD',
1054            'event_callback': callback
1055        });
1056        return false;
1057    }
1058
1059    function referralShowHide() {
1060        var refCheckBox = document.getElementById('referralcheck');
1061        $('#referralcode').val('');
1062        if (refCheckBox.checked) {
1063            $("#referralinput_div").css("display", "block");
1064            $('#contact_auto').attr('disabled', true);
1065        } else {
1066            $("#referralinput_div").css("display", "none");
1067            $('#contact_auto').attr('disabled', false);
1068        }
1069    }
1070
1071    function refreshCaptchaCode() {
1072        document.getElementById('captcha_error').innerHTML = '';
1073        document.getElementById('captcha_input').value = '';
1074
1075        $.ajax({
1076            type: 'POST',
1077            url: "/Login/getNewCaptchaCode",
1078            data: {},
1079            beforeSend: function() {
1080                //$('#main_loader').show();
1081            },
1082            success: function(response) {
1083                var res = jQuery.parseJSON(response);
1084
1085                //document.getElementById('captcha_validate_input').value = res.captchaCode;
1086                generateCaptchaImg(res.captchaCode);
1087                $('#captcha_input').focus();
1088                //$('#main_loader').hide();
1089            }
1090        });
1091        return false;
1092
1093    }
1094
1095    function verifyReferral() {
1096        var referralinput = document.getElementById('referralcode').value;
1097        var contact = document.getElementById('mobile').value;
1098        var refCheckBox = document.getElementById('referralcheck');
1099        $("#referralcode_error").css("color", "red");
1100        if (!referralinput) {
1101            document.getElementById('referralcode_error').innerHTML = 'Please enter referral code';
1102            $('#referralcode').focus();
1103            return false;
1104        } else if (!contact) {
1105            document.getElementById('mobile_error').innerHTML = 'Please enter mobile no';
1106            $('#mobile').focus();
1107            return false;
1108        } else {
1109            document.getElementById('mobile_error').innerHTML = '';
1110            document.getElementById('referralcode_error').innerHTML = '';
1111            $.ajax({
1112                type: 'POST',
1113                url: "/Login/VerifyReferralCode",
1114                data: {
1115                    contactNo: contact,
1116                    referralcode: referralinput
1117                },
1118                beforeSend: function() {
1119                    $('#verify_referral_btn').html('Verifying...');
1120                    $('#verify_referral_btn').attr('disabled', true);
1121                    $('#contact_auto').attr('disabled', true);
1122                    //$('#main_loader').show();
1123
1124                },
1125                success: function(response) {
1126                    var res = jQuery.parseJSON(response);
1127                    $('#verify_referral_btn').html('Verify');
1128                    $('#verify_referral_btn').attr('disabled', false);
1129
1130                    if (res.Status == 1) {
1131                        document.getElementById('referralcode_error').innerHTML = "Congrats! Referal code applied successfully.";
1132                        document.getElementById('ref_verify_status').value = 1;
1133                        $("#referralcode_error").css("color", "green");
1134                        $('#contact_auto').attr('disabled', false);
1135
1136                    } else if (res.Status == 2) {
1137                        document.getElementById('referralcode_error').innerHTML = "Sorry! You are not eligible for using a referral code.";
1138                        $("#referralcode_error").css("color", "red");
1139                        document.getElementById('ref_verify_status').value = 0;
1140                        $('#contact_auto').attr('disabled', true);
1141
1142                    } else if (res.Status == 3) {
1143                        document.getElementById('referralcode_error').innerHTML = "Sorry! You have entered invali
1143d Referal Code.";
1144                        $("#referralcode_error").css("color", "red");
1145                        document.getElementById('ref_verify_status').value = 0;
1146                        $('#contact_auto').attr('disabled', true);
1147
1148                    } else if (res.Status == 4) {
1149                        document.getElementById('referralcode_error').innerHTML = "Sorry! You have already used a Referal Code.";
1150                        $("#referralcode_error").css("color", "red");
1151                        document.getElementById('ref_verify_status').value = 0;
1152                        $('#contact_auto').attr('disabled', true);
1153
1154                    } else {
1155                        document.getElementById('referralcode_error').innerHTML = "Sorry! You have entered invalid Referal Code.";
1156                        $("#referralcode_error").css("color", "red");
1157                        document.getElementById('ref_verify_status').value = 0;
1158                        $('#contact_auto').attr('disabled', true);
1159                    }
1160                    //$('#main_loader').hide();
1161                }
1162            });
1163            return false;
1164        }
1165    }
1166
1167    function userlogin_V1() {
1168
1169        event.preventDefault();
1170        $('#userpassworderror').html('');
1171
1172        var contact = document.getElementById('usermobile').value;
1173        var login_user = document.getElementById('login_username').value;
1174
1175        if (login_user.length == 0) {
1176            $('#userpassworderror').html('Please enter name');
1177            $('#login_username').focus();
1178            return false;
1179        }
1180        var referralinput_submit = document.getElementById('referralinput_submit').value;
1181        var first_otp = document.getElementById('first_otp').value;
1182        var second_otp = document.getElementById('second_otp').value;
1183        var third_otp = document.getElementById('third_otp').value;
1184        var fourth_otp = document.getElementById('fourth_otp').value;
1185        var verify_otp = first_otp.concat(second_otp, third_otp, fourth_otp);
1186        if (!first_otp || !second_otp || !third_otp || !fourth_otp) {
1187            document.getElementById('userpassworderror').innerHTML = 'Please enter OTP';
1188            $('#first_otp').focus();
1189            return false;
1190        }
1191
1192
1193        $.ajax({
1194            type: 'POST',
1195            url: "/Login/userLogin_V2",
1196            data: {
1197                mobile: contact,
1198                verify_otp: verify_otp,
1199                referralinput_submit: referralinput_submit
1200            },
1201            beforeSend: function() {
1202                $('#btnsubmit_login').html('Please Wait...');
1203                $('#btnsubmit_login').attr('disabled', true);
1204            },
1205            success: function(response) {
1206                var data = JSON.parse(response);
1207                if (data.status == '1') {
1208                    //window.location.reload();
1209                    gtag_report_conversion();
1210                    zoho_api_call(document.getElementById('login_username').value, '');
1211                    //location.reload(true);
1212                } else {
1213                    //document.getElementById('userpassworderror').innerHTML = 'Invalid OTP';
1214                    $('#first_otp').val('');
1215                    $('#second_otp').val('');
1216                    $('#third_otp').val('');
1217                    $('#fourth_otp').val('');
1218                    $('#first_otp').focus();
1219                    $('#userpassworderror').html(data.message);
1220                    $('#btnsubmit_login').html('Sign In');
1221                    $('#btnsubmit_login').attr('disabled', false);
1222                }
1223
1224            }
1225        });
1226        return false;
1227    }
1228
1229    function editMobileActive(id) {
1230        $("#home").addClass("show active");
1231        $("#contact").css("display", "none");
1232        $("#home").css("display", "block");
1233        $('#userpassworderror').html('');
1234        $('#contact_auto').html('Request OTP');
1235        $('#contact_auto').attr('disabled', false);
1236        $('#mobile').focus();
1237        $('#first_otp').val('');
1238        $('#second_otp').val('');
1239        $('#third_otp').val('');
1240        $('#fourth_otp').val('');
1241        $('#referralcode').val('');
1242        $('#ref_verify_status').val('');
1243        refreshCaptchaCode();
1244    }
1245
1246    function remove_error(id) {
1247        $('#' + id).css('background-color', '').css('border-color', '');
1248        $('#' + id + '_error').html('');
1249    }
1250
1251    //required
1252    function checkChar(id) {
1253        var mobile = $('#' + id).val();
1254        if (!/^[0-9]+$/.test(mobile)) {
1255            $('#' + id).val('').attr('placeholder', '');
1256            return false;
1257        }
1258    }
1259
1260    //required
1261    function chkmobile_V1() {
1262        var contact = document.getElementById('mobile').value;
1263        var referralinput = document.getElementById('referralcode').value;
1264        var refCheckBox = document.getElementById('referralcheck');
1265        var ref_verify_status = document.getElementById('ref_verify_status');
1266        var captcha_input = document.getElementById('captcha_input').value;
1267        //var captcha_validate_input = document.getElementById('captcha_validate_input').value;
1268
1269        if (contact.length != 10) {
1270            document.getElementById('mobile_error').innerHTML = 'Please enter correct mobile no';
1271            $('#mobile').focus();
1272            return false;
1273        } else if (captcha_input == "") {
1274            document.getElementById('captcha_error').innerHTML = 'Please enter code';
1275            $('#captcha_input').focus();
1276            return false;
1277        }
1278        /*else if (captcha_validate_input != captcha_input) {
1279                    document.getElementById('captcha_error').innerHTML = 'Invalid Captcha Code!';
1280                    $('#captcha_input').focus();
1281                    return false;
1282                }*/
1283        else {
1284
1285            if (refCheckBox.checked && referralinput == '') {
1286                $("#referralcode_error").css("color", "red");
1287                document.getElementById('referralcode_error').innerHTML = 'Please enter referral code';
1288                $('#referralcode').focus();
1289                return false;
1290            }
1291
1292            document.getElementById('mobile_error').innerHTML = '';
1293            document.getElementById('referralcode_error').innerHTML = '';
1294            document.getElementById('captcha_error').innerHTML = '';
1295            $.ajax({
1296                type: 'POST',
1297                url: "/Login/request_otp_V3",
1298                data: {
1299                    contactNo: contact,
1300                    referralcode: referralinput,
1301                    captcha_input: captcha_input
1302                },
1303                beforeSend: function(xhr) {
1304                    xhr.setRequestHeader('X-Custom-Header', '6b831e063a510ed968a1595c56bffa6b');
1305                    $('#contact_auto').html('Please Wait...');
1306                    $('#contact_auto').attr('disabled', true);
1307
1308
1309                },
1310                success: function(res) {
1311                    var response = JSON.parse(res);
1312                    if (response.status == 1) {
1313
1314                        $("#home").css("display", "none");
1315                        $("#contact").addClass("show active");
1316                        $("#contact").css("display", "block");
1317                        $('#userpassworderror').html('');
1318                        $('#IsNewUser').html(response.msg);
1319                        var fname = response.name;
1320                        if (fname.trim()) {
1321                            $('#login_newUser').hide();
1322                        } else {
1323                            $('#login_newUser').show();
1324                        }
1325                        $('#login_username').val(response.name);
1326
1327
1328                        document.getElementById('usermobile').value = contact;
1329                        if (refCheckBox.checked) {
1330                            $("#referraldiv_submit").css("display", "block");
1331                            document.getElementById('referralinput_submit').value = referralinput;
1332                        } else {
1333                            $("#referraldiv_submit").css("display", "none");
1334                            document.getElementById('referralinput_submit').value = '';
1335                        }
1336
1337                        $('#first_otp').focus();
1338                    } else {
1339                        $('#contact_auto').html('Request OTP');
1340                        $('#contact_auto').attr('disabled', false);
1341                        if (response.status == 2) {
1342                            $("#referralcode_error").css("color", "red");
1343                            document.getElementById('referralcode_error').innerHTML = "You are already registered. You can not use the Referral Code!";
1344                        } else if (response.status == 3) {
1345                            $("#referralcode_error").css("color", "red");
1346                            document.getElementById('referralcode_error').innerHTML = "Invalid Referral Code!";
1347                        } else if (response.status == 7) {
1348                            document.getElementById('mobile_error').innerHTML = "Your OTP request exceeds the limit, please try later.";
1349                        } else if (response.status == 8) {
1350                            refreshCaptchaCode();
1351                            document.getElementById('captcha_error').innerHTML = "Invalid Code!";
1352                        } else {
1353                            document.getElementById('mobile_error').innerHTML = "Invalid Credentials!";
1354                        }
1355
1356                    }
1357                }
1358            });
1359            return false;
1360        }
1361    }
1362
1363    ////////////google login //////////
1364    // var googleUser = {};
1365    // var startApp = function() {
1366    //     gapi.load('auth2', function() {
1367    //         // Retrieve the singleton for the GoogleAuth library and set up the client.
1368    //         auth2 = gapi.auth2.init({
1369    //             client_id: '687695184591-dtbfnobniksf92m902cq5tkajaa7v1ib.apps.googleusercontent.com',
1370    //             cookiepolicy: 'single_host_origin',
1371    //             // Request scopes in addition to 'profile' and 'email'
1372    //             //scope: 'additional_scope'
1373    //             'scope': 'profile email',
1374    //         });
1375
1376    //     });
1377    // };
1378    // startApp();
1379
1380    // function attachSignin(element) {
1381    //     elementname = element.getAttribute('id');
1382    //     auth2.attachClickHandler(element, {},
1383    //         function(googleUser) {
1384
1385    //             var fbid = googleUser.getBasicProfile().getId();
1386    //             var fullname = googleUser.getBasicProfile().getName();
1387    //             var firstname = googleUser.getBasicProfile().getGivenName();
1388    //             var lastName = googleUser.getBasicProfile().getFamilyName();
1389
1390    //             var fbemail = googleUser.getBasicProfile().getEmail();
1391    //             //alert(googleUser.getBasicProfile().stringify);
1392    //             //console.log(googleUser.getBasicProfile());
1393
1394    //             var fbmobile = '';
1395    //             var socialType = 'GP';
1396    //             var popuptype = 'signup';
1397
1398    //             if (fbemail == '') {
1399    //                 $('#userpassworderror').html("We are not getting your account from google.");
1400    //             } else {
1401    //                 $.ajax({
1402    //                     type: 'POST',
1403    //                     url: '/Login/login_google',
1404    //                     //data: {fbemail:fbemail,fbid:fbid,socialType:socialType,popuptype:popuptype},
1405    //                     data: {
1406    //                         fbemail: fbemail
1407    //                     },
1408    //                     success: function(data) {
1409
1410    //                         if (data == "correct") {
1411    //                             zoho_api_call(fullname, fbemail);
1412    //                             //location.reload();
1413    //                         } else {
1414    //                             var detail = data.split('#####');
1415    //                             $('#userpassworderror').html(detail[0]);
1416    //                         }
1417    //                     }
1418    //                 });
1419    //             }
1420    //         },
1421    //         function(error) {
1422    //             //alert(JSON.stringify(error, undefined, 2));
1423    //         });
1424
1425    // }
1426
1427
1428    function zoho_api_call(name, email) {
1429        $.ajax({
1430            type: 'POST',
1431            url: '/Login/zoho_api_call',
1432            data: {
1433                name: name,
1434                phone: $('#mobile').val(),
1435                email: email
1436            },
1437            success: function(data) {
1438                if (action_namme == 'search') {
1439                    $('#SearchForm').submit();
1440                } else {
1441                    location.reload();
1442                }
1443
1444
1445            }
1446        });
1447    }
1448</script>
1448
1449
1450<style>
1451    .group-field.changecolorlabel.paddingbottom-25 {
1452        padding-bottom: 25px;
1453    }
1454
1455    input#referralinput_submit {
1456        background-color: #efefef;
1457        border-radius: 0px;
1458        height: 35px;
1459    }
1460
1461    .group-field.otpmobile.paddingbottom-12 {
1462        padding-bottom: 14px;
1463    }
1464
1465    button#contact_auto {
1466        cursor: pointer;
1467    }
1468
1469    button#verify_referral_btn:hover {
1470        background: #f36144;
1471        border-color: #f36144;
1472    }
1473
1474    .modal-dialog.modal-dialog-centered.modal-lg.loginsignup-wrapper {
1475        margin: 0px auto;
1476        height: 100%;
1477        align-items: center;
1478        display: flex;
1479        overflow: hidden;
1480    }
1481
1482    button#verify_referral_btn {
1483        background-color: #e04627;
1484        border: 1px solid #e04627;
1485        color: #ffffff;
1486        height: 45px;
1487        border-radius: 10px;
1488        border-top-left-radius: 0px;
1489        border-bottom-left-radius: 0px;
1490        padding: 10px 20px;
1491        text-transform: uppercase;
1492        font-weight: 500;
1493        font-size: 14px;
1494        letter-spacing: .5px;
1495    }
1496
1497    .wrapper-flex-referral {
1498        display: flex;
1499        align-items: center;
1500    }
1501
1502    .wrapper-flex-referral input#referralcode {
1503        border-top-right-radius: 0px;
1504        border-bottom-right-radius: 0px;
1505        border-right: 0px;
1506        font-size: 14px;
1507        font-family: 'Quicksand';
1508    }
1509
1510    div#referralinput_div {
1511        padding-bottom: 20px;
1512    }
1513
1514    .d-flex.checkboxcontent.pdtop20 input[type="checkbox"]::after {
1515        border: unset;
1516        border-radius: unset;
1517    }
1518
1519    .group-field.otpmobile label {
1520        padding-bottom: 8px;
1521        font-family: 'Raleway';
1522        font-style: normal;
1523        font-weight: 600;
1524        font-size: 15.0647px;
1525        line-height: 150%;
1526        color: #2B2B2B;
1527    }
1528
1529    .mobilenootp {
1530        border: 0.836928px solid #DDDDDD;
1531        filter: drop-shadow(0px 2.51078px 5.02157px rgba(0, 0, 0, 0.06));
1532        border-radius: 10.8801px;
1533        height: 45px;
1534    }
1535
1536    .mobilenootp:focus {
1537        border-color: #DDDDDD;
1538        box-shadow: unset;
1539    }
1540
1541    .inputfiellogin {
1542        border: 0.836928px solid #DDDDDD;
1543        filter: drop-shadow(0px 2.51078px 5.02157px rgba(0, 0, 0, 0.06));
1544        border-radius: 10.8801px;
1545        height: 54px;
1546        font-family: 'Quicksand';
1547        font-style: normal;
1548        font-weight: 600;
1549        font-size: 16.8856px;
1550        line-height: 150%;
1551        letter-spacing: 0.06em;
1552        color: #2A2A2A;
1553    }
1554
1555    .wrapper-text-acsign.wanttochangeno {
1556        padding-top: 5px;
1557
1558    }
1559
1560    .wrapper-text-acsign.wanttochangeno p {
1561        font-size: 12px;
1562        text-align: left;
1563    }
1564
1565    .gap-10 input {
1566        height: 48px;
1567        width: 48px;
1568        border: 0.84428px solid #DDDDDD;
1569        filter: drop-shadow(0px 2.53284px 5.06568px rgba(0, 0, 0, 0.06));
1570        border-radius: 10.9756px !important;
1571    }
1572
1573    .pdbtm70 {
1574        padding-bottom: 70px;
1575    }
1576
1577    .gap-10 {
1578        gap: 18px;
1579        width: 82%;
1580    }
1581
1582    .gap-10 input:focus {
1583        outline: none;
1584        box-shadow: unset;
1585        border-color: #e04627;
1586    }
1587
1588    input.btn-gredient.fullwidth.btnsubmit {
1589        background: linear-gradient(92.01deg, #E04627 25.45%, rgba(235, 70, 37, 0.6) 111.41%);
1590        box-shadow: 0px 1.93009px 1.93009px rgb(0 0 0 / 25%);
1591        border-radius: 13px;
1592        border: 0px;
1593        font-family: 'Raleway';
1594        font-style: normal;
1595        font-weight: 600;
1596        font-size: 18px;
1597        line-height: 150%;
1598        color: #FFFFFF;
1599        width: 100%;
1600        height: 64px;
1601    }
1602
1603    .form-title {
1604        padding-bottom: 33px;
1605    }
1606
1607    .orlogin {
1608        padding-top: 10px;
1609    }
1610
1611    button.btn-gredient.fullwidth.btnsubmit {
1612        background: linear-gradient(92.01deg, #E04627 25.45%, rgba(235, 70, 37, 0.6) 111.41%);
1613        box-shadow: 0px 1.93009px 1.93009px rgb(0 0 0 / 25%);
1614        border-radius: 10px;
1615        border: 0px;
1616        font-family: 'Raleway';
1617        font-style: normal;
1618        font-weight: 600;
1619        font-size: 15px;
1620        line-height: 150%;
1621        color: #FFFFFF;
1622        width: 100%;
1623        height: 50px;
1624    }
1625
1626    .inputfield-64:focus {
1627        outline: none;
1628        box-shadow: unset;
1629        border-color: red;
1630    }
1631
1632    .d-flex.justify-content-between.form-header {
1633        padding-bottom: 46px;
1634    }
1635
1636    .wrapper-text-acsign {
1637        padding-top: 46px;
1638    }
1639
1640    .wrapper-text-acsign p>a {
1641        color: #E54727;
1642        text-decoration: none;
1643        font-weight: 600;
1644    }
1645
1646    .wrapper-text-acsign p {
1647
1648        margin: 0px;
1649        font-family: 'Raleway';
1650        font-style: normal;
1651        font-weight: 400;
1652        font-size: 16px;
1653        line-height: 150%;
1654        text-align: center;
1655        color: #2B2B2B;
1656    }
1657
1658    .d-flex.checkboxcontent.pdtop20 {
1659        padding-bottom: 23px;
1660    }
1661
1662    .checkbox-text.pd5 p {
1663        font-family: 'Raleway';
1664        font-style: normal;
1665        font-weight: 500;
1666        font-size: 14px;
1667        margin: 0px;
1668        line-height: 150%;
1669        text-align: center;
1670        color: #2B2B2B;
1671    }
1672
1673    .group-field.changecolorlabel label {
1674        font-family: 'Raleway';
1675        font-style: normal;
1676        font-weight: 500;
1677        font-size: 15px;
1678        line-height: 150%;
1679        color: #959595;
1680    }
1681
1682    .group-field.changecolorlabel.paddingtop {
1683        padding-top: 21px;
1684    }
1685
1686    .checkbox-text.pd5 {
1687        padding-left: 5px;
1688    }
1689
1690    .d-flex.checkboxcontent.pdtop20 {
1691        padding-top: 23px;
1692    }
1693
1694    .form-title h2 {
1695        font-family: 'Quicksand';
1696        font-style: normal;
1697        font-weight: 600;
1698        font-size: 31px;
1699        line-height: 40px;
1700        color: #3C3C3C;
1701        margin: 0px;
1702    }
1703
1704    .form-title p {
1705        font-family: 'Raleway';
1706        font-style: normal;
1707        font-weight: 500;
1708        padding-top: 2px;
1709        font-size: 15px;
1710        line-height: 150%;
1711        color: rgba(43, 43, 43, 0.5);
1712        margin: 0px;
1713    }
1714
1715    .group-field label {
1716        font-family: 'Raleway';
1717        font-style: normal;
1718        font-weight: 600;
1719        font-size: 15px;
1720        line-height: 150%;
1721        color: #2B2B2B;
1722        padding-bottom: 8px;
1723    }
1724
1725    .inputfield-64 {
1726        border: 1px solid #DDDDDD;
1727        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.06));
1728        border-radius: 13px;
1729        height: 64px;
1730    }
1731
1732    .wrapper-form-innerblock {
1733        width: 350px;
1734        margin: 0 auto;
1735    }
1736
1737    .d-flex.wraapper-outer {
1738        gap: 15px;
1739        padding: 10px;
1740    }
1741
1742    img.signinicon {
1743        padding-right: 10px;
1744    }
1745
1746    .signinlink {
1747        background: #FFF8F8;
1748        border-radius: 14px;
1749        text-decoration: none;
1750        font-family: 'Quicksand';
1751        font-style: normal;
1752        font-weight: 700;
1753        font-size: 16px;
1754        line-height: 20px;
1755
1756        color: #E54727;
1757        width: 132px;
1758        height: 48px;
1759        display: inline-flex;
1760        align-items: center;
1761        justify-content: center;
1762    }
1763
1764    .wrapper-form-group {
1765        height: 100%;
1766    }
1767
1768    div#myTabContent {
1769        height: 100%;
1770    }
1771
1772    .d-flex.justify-content-between.form-header .nav-tabs {
1773        border-top-left-radius: unset;
1774        border-top-right-radius: unset;
1775        display: flex;
1776        border-bottom: 0px !important;
1777        border-bottom: unset;
1778        background-color: transparent;
1779        align-items: center;
1780        border: 0px;
1781        justify-content: space-between;
1782    }
1783
1784    .equalwidth50 {
1785        flex-basis: 50%;
1786    }
1787
1788    .loginsignup-wrapper {
1789        max-width: 900px;
1790    }
1791
1792    img.loginbanner {
1793        width: 100%;
1794    }
1795
1796
1797    @media only screen and (max-width:1400px) {
1798        .loginsignup-wrapper {
1799            max-width: 850px;
1800        }
1801
1802        .modal-content {
1803
1804            border-radius: 8px;
1805        }
1806
1807        .d-flex.wraapper-outer {
1808
1809            padding: 8px;
1810        }
1811
1812        .mobilenootp {
1813
1814            height: 45px;
1815        }
1816
1817        .group-field.otpmobile label {
1818            padding-bottom: 5px;
1819
1820            font-weight: 500;
1821            font-size: 14px;
1822            line-height: normal;
1823
1824        }
1825
1826        .wrapper-form-group {
1827            width: 80%;
1828            margin: 0 auto;
1829        }
1830
1831        .wrapper-form-innerblock {
1832            width: 100%;
1833            margin: 0 auto;
1834        }
1835
1836        img.brandlogo {
1837            width: 90%;
1838        }
1839
1840        .d-flex.justify-content-between.form-header {
1841            padding-bottom: 30px;
1842        }
1843
1844        .form-title h2 {
1845
1846            font-size: 30px;
1847            line-height: 30px;
1848
1849        }
1850
1851        .loginwithgoogle {
1852
1853            padding: 12px;
1854
1855        }
1856
1857        .orlogin {
1858
1859            padding-bottom: 30px;
1860        }
1861
1862        .loginwithgoogle a {
1863            font-size: 15px;
1864        }
1865
1866        .form-title p {
1867            font-size: 14px;
1868        }
1869
1870        .group-field label {
1871
1872            font-size: 14px;
1873
1874            padding-bottom: 5px;
1875        }
1876
1877        .checkbox-group input {
1878            width: 18px;
1879
1880            height: 18px;
1881
1882        }
1883
1884        .group-field.changecolorlabel label {
1885
1886            font-size: 14px;
1887
1888        }
1889
1890        .gap-10 input {
1891            height: 45px;
1892            width: 45px;
1893
1894            border-radius: 8px !important;
1895        }
1896
1897        .gap-10 {
1898            gap: 15px;
1899            width: 100%;
1900        }
1901
1902        .wrapper-text-acsign p {
1903            font-size: 12px;
1904        }
1905
1906        div#mobile_error {
1907            font-size: 12px;
1908            font-family: 'Quicksand';
1909            font-weight: 600;
1910            padding-top: 5px;
1911        }
1912
1913        div#referralcode_error {
1914            font-size: 12px;
1915            font-family: 'Quicksand';
1916            font-weight: 600;
1917            padding-top: 5px;
1918        }
1919
1920        .inputfield-64 {
1921
1922            height: 50px;
1923        }
1924
1925        .d-flex.checkboxcontent.pdtop20 {
1926            padding-top: 25px;
1927        }
1928
1929        .d-flex.checkboxcontent.pdtop20 {
1930            padding-bottom: 30px;
1931        }
1932
1933        .wrapper-text-acsign {
1934            padding-top: 30px;
1935        }
1936
1937        .wrapper-text-acsign p {
1938
1939            font-size: 14px;
1940
1941        }
1942
1943        button.btn-gredient.fullwidth.btnsubmit {
1944
1945            font-size: 16px;
1946
1947            height: 50px;
1948        }
1949
1950        .checkbox-text.pd5 p {
1951
1952            font-size: 13px;
1953
1954        }
1955
1956        .checkbox-text.pd5 {
1957            padding-left: 5px;
1958        }
1959    }
1960
1961    @media only screen and (max-width: 1300px) {
1962        .wrapper-form-innerblock {
1963            width: 300px;
1964            margin: 0 auto;
1965        }
1966
1967        .loginsignup-wrapper {
1968            max-width: 750px;
1969        }
1970
1971        img.brandlogo {
1972            width: 80%;
1973        }
1974
1975        .d-flex.justify-content-between.form-header {
1976            padding-bottom: 20px;
1977        }
1978
1979        .form-title p {
1980            font-size: 14px;
1981        }
1982
1983        .form-title {
1984            padding-bottom: 25px;
1985        }
1986
1987        .loginwithgoogle a {
1988            font-size: 14px;
1989        }
1990
1991        .orlogin {
1992
1993            padding-bottom: 20px;
1994        }
1995
1996        .inputfield-64 {
1997            height: 45px;
1998        }
1999    }
2000
2001    @media only screen and (max-width: 1020px) {
2002        .equalwidth50.left-box-banner {
2003            display: none;
2004        }
2005
2006        .equalwidth50 {
2007            flex-basis: 100%;
2008            width: 100%;
2009        }
2010
2011        .wrapper-form-innerblock {
2012            width: 70%;
2013            margin: 0 auto;
2014        }
2015    }
2016
2017    @media only screen and (max-width: 767px) {
2018        .loginsignup-wrapper {
2019            max-width: 100%;
2020        }
2021
2022        .wrapper-form-innerblock {
2023            width: 80%;
2024        }
2025    }
2026
2027
2028
2029    @media only screen and (max-width: 600px) {
2030        .wrapper-form-innerblock {
2031            width: 100%;
2032        }
2033
2034        .wrapper-form-group {
2035            width: 80%;
2036            margin: 0 auto;
2037        }
2038
2039        .form-title h2 {
2040            font-size: 25px;
2041            line-height: 25px;
2042        }
2043
2044        .group-field label {
2045            font-size: 14px;
2046            padding-bottom: 5px;
2047        }
2048
2049        .orlogin {
2050            padding-bottom: 15px;
2051        }
2052
2053        .wrapper-text-acsign {
2054            padding-top: 25px;
2055        }
2056
2057        .equalwidth50 {
2058            padding: 20px 0px;
2059        }
2060
2061        .d-flex.checkboxcontent.pdtop20 {
2062            padding-bottom: 15px;
2063            padding-top: 15px;
2064        }
2065
2066        .form-title {
2067            padding-bottom: 20px;
2068            text-align: center;
2069        }
2070
2071        .d-flex.wraapper-outer {
2072            gap: 0px;
2073            padding: 0px;
2074        }
2075    }
2076
2077    @media only screen and (max-width: 350px) {
2078        .wrapper-form-group {
2079            width: 80%;
2080            margin: 0 auto;
2081        }
2082    }
2083</style>
2084	
2084<script type="text/javascript">
2085
2086
2087	$(function(){
2088   $(".readmoreabout").click(function () {
2089      $(this).text(function(i, text){
2090          return text === "Read Less" ? "Read More" : "Read Less";
2091      })
2092   });
2093})
2094	$('#happycustomers').slick({
2095					infinite: true,
2096					slidesToShow: 1,
2097					fade:true,
2098					autoplay: true,
2099					speed: 1000,
2100					slidesToScroll: 1,
2101					dots: false,
2102					prevArrow: "<div class='arrowlgt nohovercolor'><svg width='13' height='21' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.88958 13.0349L0.994995 7.14031L6.88958 1.24573' stroke='#4C5567' stroke-width='1.00926' stroke-linecap='round' stroke-linejoin='round'/></svg></ddiv>",
2103					nextArrow: " <div class='arrowrgt nohovercolor'><svg width='13' height='21' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.989746 1.4844L4.52214 5.0168L0.989746 8.54919' stroke='#4C5567' stroke-width='1.00926' stroke-linecap='round' stroke-linejoin='round'/></svg></div>"
2104				});
2105
2106		$(window).scroll(function() {
2107			var sticky = $('.sticky'),
2108				scroll = $(window).scrollTop();
2109
2110			if (scroll >=5) sticky.addClass('fixed');
2111			else sticky.removeClass('fixed');
2112		});
2113		jQuery('.sliderdetails.slider-single.full-view-slider-initilize').slick({
2114			slidesToShow: 1,
2115			slidesToScroll: 1,
2116			infinite: false,
2117			arrows: true,
2118			loop: false,
2119			fade: false,
2120			speed: 2000,
2121			asNavFor: '.sliderdetails.slider-nav.slider-thumbnail-car-items',
2122			nextArrow: " <div class='prevarrow slickarrowblog'><svg width='13' height='21' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.88958 13.0349L0.994995 7.14031L6.88958 1.24573' stroke='#4C5567' stroke-width='1.00926' stroke-linecap='round' stroke-linejoin='round'/></svg></div>",
2123			prevArrow: "<div class='nextarrowhide nextarrow slickarrowblog '><svg width='13' height='21' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.989746 1.4844L4.52214 5.0168L0.989746 8.54919' stroke='#4C5567' stroke-width='1.00926' stroke-linecap='round' stroke-linejoin='round'/></svg></div>"
2124		});
2125		jQuery('.sliderdetails.slider-nav.slider-thumbnail-car-items').slick({
2126			slidesToShow: 3,
2127			arrows: false,
2128
2129			slidesToScroll: 1,
2130			asNavFor: '.sliderdetails.slider-single.full-view-slider-initilize',
2131			dots: false
2132
2133		});
2134
2135		jQuery('.youmayalsolike').slick({
2136			infinite: false,
2137			slidesToShow: 3,
2138			autoplay: true,
2139			//centerMode: true,
2140			speed: 2000,
2141			slidesToScroll: 1,
2142			nextArrow: " <div class='prevarrow slickarrowblog'><svg width='13' height='21' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.88958 13.0349L0.994995 7.14031L6.88958 1.24573' stroke='#4C5567' stroke-width='1.00926' stroke-linecap='round' stroke-linejoin='round'/></svg></div>",
2143			prevArrow: "<div class='nextarrowhide nextarrow slickarrowblog '><svg width='13' height='21' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.989746 1.4844L4.52214 5.0168L0.989746 8.54919' stroke='#4C5567' stroke-width='1.00926' stroke-linecap='round' stroke-linejoin='round'/></svg></div>",
2144			responsive: [{
2145					breakpoint: 1024,
2146					settings: {
2147						slidesToShow: 3,
2148						slidesToScroll: 3,
2149					}
2150				},
2151				{
2152					breakpoint: 800,
2153					settings: {
2154						slidesToShow: 2,
2155						slidesToScroll: 2
2156					}
2157				},
2158				{
2159					breakpoint: 480,
2160					settings: {
2161						slidesToShow: 1,
2162						slidesToScroll: 1
2163					}
2164				}
2165
2166			]
2167
2168		});
2169	</script>
2169
2170
2171
2172	
2172<script type="text/javascript">
2173		$(document).ready(function() {
2174			$('.onhoverlink').hover(function() {
2175				$('.hoverblock').show();
2176			}, function() {
2177				$('.hoverblock').hide();
2178			});
2179
2180
2181			$('.onhoverlink-smartplus').hover(function() {
2182				$('.hoverblock-smartplus').show();
2183			}, function() {
2184				$('.hoverblock-smartplus').hide();
2185			});
2186		});
2187
2188
2189		function subscriptionQueryEmail() {
2190			var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
2191			regexpch = /^[a-zA-Z-,]+(\s{0,1}[a-zA-Z-, ])*$/;
2192			var email = $("#subscription_query_email").val().trim();
2193
2194			if (email == "") {
2195				$("#msgData").html('Please  enter a Email Id.');
2196				$("#msgData").css("color", "red");
2197				$("#subscription_query_email").focus();
2198				return false;
2199			}
2200
2201			if (!email.match(filter)) {
2202				$("#msgData").html('Please  enter a valid Email Id.');
2203				$("#msgData").css("color", "red");
2204				$("#subscription_query_email").focus();
2205				return false;
2206			}
2207
2208			var dataString = 'email=' + email;
2209			$.ajax({
2210				type: "POST",
2211				url: '/LTemployee/subscriptionQueryAdded',
2212				data: dataString,
2213				beforeSend: function() {
2214					$("#imgd").show();
2215					$("#btn").attr('disabled', true);
2216				},
2217				success: function(response) {
2218					if (response > 0) {
2219						$("#subscription_query_email").val('');
2220						$("#msgData").html('Your query has been sent successfully.');
2221						$("#msgData").css("color", "green");
2222					}
2223					$("#msgData").fadeIn('slow').delay(5000).fadeOut('slow');
2224					$("#imgd").hide();
2225				}
2226			});
2227
2228		}
2229
2230
2231		$("li.nav-item.cardetaitls-item").hover(function() {
2232			$("#opecityall").toggleClass("opecityonhover");
2233		});
2234
2235
2236
2237
2238 $('.becomeapartnercarousal').slick({
2239      infinite: true,
2240      slidesToShow: 3,
2241      //centerMode: true,
2242      autoplay: false,
2243      speed: 100,
2244      slidesToScroll: 3,
2245      nextArrow: " <div class='prevarrow slickarrowblog'><svg width='13' height='21' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.88958 13.0349L0.994995 7.14031L6.88958 1.24573' stroke='#4C5567' stroke-width='1.00926' stroke-linecap='round' stroke-linejoin='round'/></svg></div>",
2246      prevArrow: "<div class='nextarrowhide nextarrow slickarrowblog '><svg width='13' height='21' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.989746 1.4844L4.52214 5.0168L0.989746 8.54919' stroke='#4C5567' stroke-width='1.00926' stroke-linecap='round' stroke-linejoin='round'/></svg></ddiv>",
2247      responsive: [{
2248          breakpoint: 1024,
2249          settings: {
2250            slidesToShow: 3,
2251            slidesToScroll: 3,
2252          }
2253        },
2254        {
2255          breakpoint: 800,
2256          settings: {
2257            slidesToShow: 1,
2258            slidesToScroll: 1
2259          }
2260        },
2261        {
2262          breakpoint: 480,
2263          settings: {
2264            slidesToShow: 1,
2265            slidesToScroll: 1
2266          }
2267        }
2268
2269      ]
2270
2271    });
2272	</script>
2272
2273
2274
2275	
2276
2277
2278<!--Experian  Score not found -->
2279<div class="modal fade" id="experianscorenotfound" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="experianscorenotfound_label" aria-hidden="true">
2280	<div class="modal-dialog  modal-dialog-centered modal-lg innercibilscore">
2281		<div class="modal-content wrappermodelpopup">
2282			<div class="modal-header modelhead">
2283
2284
2285				<img src="/subscription/images/myleshome/arrowrightmodel.svg" class="modelclose" data-bs-dismiss="modal" aria-label="Close" alt="car features" />
2286				<h5 class="popuptitle center" id="experianscorenotfound_label">Credit Score Not Found!</h5>
2287				<img style="visibility:hidden;" src="/subscription/images/myleshome/arrowrightmodel.svg" class="modelclose" data-bs-dismiss="modal" aria-label="Close" alt="car features" />
2288
2289			</div>
2290			<div class="modal-body no-padding">
2291				<div class="wraapper-cibil-score-form">
2292					<div class="experianscorenot-found">
2293						<p>Unfortunately, we cannot access your Experian/CIBIL score at this time. To re-validate it, kindly provide the mobile number linked to your <b>Credit Account</b> </p>
2294					</div>
2295					<form onsubmit="revalidate_mobileOtp()">
2296						<div class="form-wrapper-pan-no">
2297
2298							<div class="text-fields">
2299								<label>Enter Mobile Number</label>
2300								<div class="position-relative">
2301									<div class="circle-icon">
2302										<img src="/subscription/images/checkout/circleiconform.svg">
2303									</div>
2304									<input type="text" id="revalidate_mobile_otp" class="form-control panno" placeholder="Please enter your Mobile Number" autocomplete="off" title="Enter 10 digit mobile number" pattern="[0-9]{10}" required>
2305								</div>
2306							</div>
2307
2308						</div>
2309						<div class="notice-text pt-21">
2310							<!-- <p><strong>Note: </strong> Filling up your Pan details increases the chance of finding out your Experian/CIBIL Score.</p>  -->
2311						</div>
2312						<div class="btn-wrapper pansubmit-btn">
2313							<input type="submit" name="submitpan" class="btn-gredient" value="Re-Validate Experian/CIBIL" />
2314						</div>
2315					</form>
2316
2317
2318				</div>
2319			</div>
2320
2321		</div>
2322	</div>
2323</div>
2324<!-- Experian  Score not found end -->
2325
2326<!--Experian Credit Score status -->
2327<div class="modal fade" id="creditscoreshow" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="creditscoreshow_label" aria-hidden="true">
2328	<div class="modal-dialog  modal-dialog-centered modal-lg innercibilscore">
2329		<div class="modal-content wrappermodelpopup">
2330			<div class="modal-header modelhead">
2331
2332
2333				<img src="/subscription/images/myleshome/arrowrightmodel.svg" class="modelclose" data-bs-dismiss="modal" aria-label="Close" alt="car features" />
2334				<h5 class="popuptitle center" id="score_head">Experian Credit Score</h5>
2335				<img style="visibility:hidden;" src="/subscription/images/myleshome/arrowrightmodel.svg" class="modelclose" data-bs-dismiss="modal" aria-label="Close" alt="car features" />
2336
2337			</div>
2338			<div class="modal-body no-padding">
2339				<div class="wraapper-cibil-score-form">
2340					<div class="text-center col experianscore">
2341						<p class="text-center" id="score_body">Your Experian Credit Score is <strong id="cibil_score_value">___</strong> . Please move ahead with your Subscription Journey.</p>
2342					</div>
2343					<div class="poweredby experianscore text-center mt-43">
2344						<p>Credit Score Powered By <img src="/subscription/images/myleshome/experian-logo.png" class="poweredby-img" /></p>
2345					</div>
2346
2347					<div class="btn-proceed text-center pt62" id="score_btn">
2348						<a href="javascript:void(0)" onclick="proceed_security_payment();" class="aligncenteritem equalwidthbtn carsuggetions-btn">Car Suggestions for you</a>
2349					</div>
2350
2351				</div>
2352			</div>
2353
2354		</div>
2355	</div>
2356</div>
2357<!-- Experian Credit Score status -->
2358<!-- Cibil Score Form -->
2359<div class="modal fade" id="checkcibilscoreform" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="checkcibilscoreform_label" aria-hidden="true">
2360	<div class="modal-dialog  modal-dialog-centered modal-lg innercibilscore">
2361		<div class="modal-content wrappermodelpopup">
2362			<div class="modal-header modelhead">
2363
2364
2365				<img src="/subscription/images/myleshome/arrowrightmodel.svg" class="modelclose" data-bs-dismiss="modal" aria-label="Close" alt="car features" />
2366				<h5 class="popuptitle center" id="checkcibilscoreform_label">Credit Score Verification</h5>
2367				<img style="visibility:hidden;" src="/subscription/images/myleshome/arrowrightmodel.svg" class="modelclose" data-bs-dismiss="modal" aria-label="Close" alt="car features" />
2368
2369			</div>
2370			<div class="modal-body no-padding">
2371				<div class="wraapper-cibil-score-form">
2372					<form method="post">
2373						<div class="d-flex justify-content-between flexfields">
2374							<div class="field-group-form">
2375								<label>Do you have a Cibil/Experion Score ?</label>
2376								<div class="wrapperform-group">
2377									<div class="circle-imgcenter">
2378										<img src="/subscription/images/myleshome/selectfieldcircle.svg" />
2379									</div>
2380									<select class="form-control inputfieldcibil" id="cibilscore_dropdown" onchange="show_hide_cibilscorefield()">
2381
2382										<option value="Y">Yes</option>
2383										<option value="N">No</option>
2384									</select>
2385								</div>
2386							</div>
2387							<div class="field-group-form">
2388
2389								<label>Occupation</label>
2390								<div class="wrapperform-group">
2391									<div class="circle-imgcenter">
2392										<img src="/subscription/images/myleshome/selectfieldcircle.svg" />
2393									</div>
2394									<select class="form-control inputfieldcibil">
2395
2396										<option value="Professional">Professional</option>
2397										<option value="Businessman">Businessman</option>
2398									</select>
2399								</div>
2400							</div>
2401
2402						</div>
2403
2404						<div class="d-flex justify-content-between flexfields padding-top30">
2405							<div id="cibil_scoreshow_hide" class="field-group-form paddingtop">
2406
2407								<div class="wrapperform-group">
2408									<div class="circle-imgcenter">
2409										<img src="/subscription/images/myleshome/selectfieldcircle.svg" />
2410									</div>
2411									<input type="text" name="cibilno" placeholder="Please enter your Cibil/Experian Score" class="form-control inputfieldcibil">
2412
2413								</div>
2414
2415							</div>
2416							<div class="field-group-form" style="visibility:hidden; height:0px;">
2417
2418								<div class="wrapperform-group">
2419									<div class="circle-imgcenter">
2420										<img src="/subscription/images/myleshome/selectfieldcircle.svg" />
2421									</div>
2422									<input type="text" name="cibilno" placeholder="Please enter your Cibil/Experian Score" class="form-control inputfieldcibil">
2423
2424								</div>
2425
2426							</div>
2427						</div>
2428						<div class="proceed-btn-wrapper">
2429
2430							<a href="#" style='display:none;' id='business' class="btn-redius-gredient">Proceed KYC Form</a>
2431
2432							<input id="cibil_score_submit" type="submit" value="Proceed" name="proceed" class="btn-redius-gredient" />
2433						</div>
2434					</form>
2435				</div>
2436			</div>
2437
2438		</div>
2439	</div>
2440</div>
2441<!--Credit Score Not Eligible! -->
2442<div class="modal fade" id="creditscorenoteligible" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="creditscorenoteligible_label" aria-hidden="true">
2443	<div class="modal-dialog  modal-dialog-centered modal-lg innercibilscore">
2444		<div class="modal-content wrappermodelpopup">
2445			<div class="modal-header modelhead">
2446
2447
2448				<img src="/subscription/images/myleshome/arrowrightmodel.svg" class="modelclose" data-bs-dismiss="modal" aria-label="Close" alt="car features" />
2449				<h5 class="popuptitle center" id="creditscorenoteligible_label">Credit Score Not Eligible!</h5>
2450				<img style="visibility:hidden;" src="/subscription/images/myleshome/arrowrightmodel.svg" class="modelclose" data-bs-dismiss="modal" aria-label="Close" alt="car features" />
2451
2452			</div>
2453			<div class="modal-body no-padding">
2454				<div class="wraapper-cibil-score-form">
2455					<div class="notfoundmsg">
2456						<p>This score is below our benchmark for your car choice. However we are happy to put together a few car options for your requirement.
2457
2458						</p>
2459						<p class="linksnewtab"> Check out our <a href="#" style="color:#E14728;">Car suggestions </a> or <a href="#" style="color:#12719A;">Revalidate your Cibil/Experian</a> with us!</p>
2460					</div>
2461					<div class="btn-wrapper-car-suggetion d-flex justify-content-between">
2462						<div class="car-suggestions-btn-wrapper">
2463							<a href="#" class="equalwidthbtn carsuggetions-btn">Car Suggestions for you</a>
2464						</div>
2465						<div class="car-suggestions-btn-wrapper">
2466							<a href="#" class="equalwidthbtn checkcibilexperian">Check Cibil/Experian</a>
2467						</div>
2468
2469					</div>
2470				</div>
2471			</div>
2472
2473		</div>
2474	</div>
2475</div>
2476
2477<!-- Oops! So Sorry -->
2478
2479<div class="modal fade" id="oopssosorry" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="oopssosorry_label" aria-hidden="true">
2480	<div class="modal-dialog  modal-dialog-centered modal-lg innercibilscore">
2481		<div class="modal-content wrappermodelpopup">
2482			<div class="modal-header modelhead">
2483
2484
2485				<img src="/subscription/images/myleshome/arrowrightmodel.svg" class="modelclose" data-bs-dismiss="modal" aria-label="Close" alt="car features" />
2486				<h5 class="popuptitle center" id="oopssosorry_label">Oops! So Sorry :(</h5>
2487				<img style="visibility:hidden;" src="/subscription/images/myleshome/arrowrightmodel.svg" class="modelclose" data-bs-dismiss="modal" aria-label="Close" alt="car features" />
2488
2489			</div>
2490			<div class="modal-body no-padding">
2491				<div class="wraapper-cibil-score-form">
2492					<div class="notfoundmsg">
2493						<p>Smart (700 to 750)</p>
2494						<p>We are unable to process your request under Smart Subscription. Please click on the below link to continue your journey under our Smart + Subscription plan
2495							(CTA - Smart+) (CTA - Revalidate Cibil / Experian)</p>
2496						<p>Smart (600 to 700)</p>
2497						<p>his score is below our benchmark for your car choice. However we are happy to put together a few car options for your requirement (600 - 700)
2498						</p>
2499						<p>Check out our <a href="#" style="color:#E14728;">Car suggestions </a> or <a href="#" style="color:#12719A;">Revalidate your Cibil/Experian </a> with us!</p>
2500
2501
2502						<p class="paddingtop40">Smart+ (600 to 700)</p>
2503						<p>This score is below our benchmark for your car choice. However we are happy to put together a few car options for your requirement
2504						</p>
2505						<p>Check out our <a href="#" style="color:#E14728;">Car suggestions </a> or <a href="#" style="color:#12719A;"> Revalidate your Cibil/Experian </a> with us!</p>
2506						<p>Smart & Smart+ (600)</p>
2507						<p>We are unable to process your request due to your current experian / cibil score
2508							<a href="#" style="color:#12719A;">Revalidate your Cibil/Experian </a> with us!
2509						</p>
2510
2511
2512
2513
2514					</div>
2515					<div class="btn-wrapper-car-suggetion d-flex justify-content-between">
2516						<div class="car-suggestions-btn-wrapper">
2517							<a href="#" class="equalwidthbtn carsuggetions-btn">Car Suggestions for you</a>
2518						</div>
2519						<div class="car-suggestions-btn-wrapper">
2520							<a href="#" class="equalwidthbtn checkcibilexperian">Check Cibil/Experian</a>
2521						</div>
2522
2523					</div>
2524				</div>
2525			</div>
2526
2527		</div>
2528	</div>
2529</div>
2530
2531
2532
2533
2534
2535
2536<!--Terms & Conditions -->
2537<div class="modal fade" id="termsconditions" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="termsconditions_label" aria-hidden="true">
2538	<div class="modal-dialog  modal-dialog-centered modal-lg innercibilscore">
2539		<div class="modal-content wrappermodelpopup">
2540			<div class="modal-header justify-content-start termstitle">
2541
2542
2543				<img src="/subscription/images/myleshome/arrowrightmodel.svg" onclick="cibil_terms_popup()" alt="car features" />
2544				<h5 class="popuptitle" id="termsconditions_label">Terms & Conditions </h5>
2545
2546			</div>
2547			<div class="modal-body no-padding">
2548				<div class="terms-condition-outer">
2549
2550					<div class="termsconditions-contents">
2551
2552						<p class="delcaration_content"> You hereby consent to MYLES being appointed as your authorised representative to receive your Credit Information from Experian on an ongoing basis until the purpose of credit evaluation, marketing analytics, and pre-approval programs pursuant to the Individual Consumer Consent is satisfied or expiry of 6 months from date the consent is collected; whichever is earlier.</p>
2553
2554						<p class="execution_agreement  text-uppercase"> BY EXECUTING THIS AGREEMENT / CONSENT FORM, YOU ARE EXPRESSLY AGREEING TO ACCESS THE EXPERIAN CREDIT INFORMATION REPORT AND CREDIT SCORE, AGGREGATE SCORES, INFERENCES, REFERENCES AND DETAILS (AS DEFINED BELOW)(TOGETHER REFERRED AS “CREDIT INFORMATION”). YOU HEREBY ALSO IRREVOCABLY AND UNCONDITIONALLY CONSENT TO SUCH CREDIT INFORMATION BEING PROVIDED BY EXPERIAN TO YOU AND MYLES BY USING EXPERIAN TOOLS, ALGORITHMS AND DEVICES AND YOU HEREBY AGREE, ACKNOWLEDGE AND ACCEPT THE TERMS AND CONDITIONS SET FORTH HEREIN.</p>
2555
2556						<p class="delcaration_content"> <strong class="subtitle">Terms and Conditions:</strong>
2557							Information Collection, Use, Confidentiality, No-Disclosure and Data Purging
2558							MYLES shall access your Credit Information as your authorized representative and MYLES shall use the Credit Information for limited End Use Purpose consisting of and in relation to the services proposed to be availed by you from MYLES. We shall not aggregate, retain, store, copy, reproduce, republish, upload, post, transmit, sell or rent the Credit Information to any other person and the same cannot be copied or reproduced other than as agreed herein and in furtherance to CICRA.
2559							The Parties agree to protect and keep confidential the Credit Information both online and offline.
2560							The Credit Information shared by you, or received on by us on your behalf shall be destroyed, purged, erased promptly within 1 (one) Business Day of upon the completion of the transaction/ End Use Purpose for which the Credit Information report was procured.
2561						</p>
2562						<p class="delcaration_content"> <strong class="subtitle">Governing Law and Jurisdiction</strong>
2563							The relationship between you and MYLES shall be governed by laws of India and all claims or disputes arising there from shall be subject to the exclusive jurisdiction of the courts of Mumbai.
2564						</p>
2565						<p class="delcaration_content"> <strong class="subtitle">Definitions:</strong>
2566							Capitalised terms used herein but not defined above shall have the following meanings:</p>
2567
2568						<p class="delcaration_content">
2569
2570							“Business Day” means a day (other than a public holiday) on which banks are open for general business in Mumbai.
2571							“Credit Information Report” means the credit information / scores/ aggregates / variables / inferences or reports which shall be generated by Experian;
2572							“Credit Score” means the score which shall be mentioned on the Credit Information Report which shall be computed by Experian.
2573							“CICRA” shall mean the Credit Information Companies (Regulation) Act, 2005 read with the Credit Information Companies Rules, 2006 and the Credit Information Companies Regulations, 2006, and shall include any other rules and regulations prescribed thereunder.
2574							PLEASE READ THE ABOVEMENTIONED TERMS AND CONDITIONS AND CLICK ON “ACCEPT” FOLLOWED BY THE LINK BELOW TO COMPLETE THE AUTHORISATION PROCESS/ FOR SHARING OF YOUR CREDIT INFORMATION BY EXPERIAN WITH MYLES IN ITS CAPACITY AS YOUR AUTHORISED REPRESENTATIVE.
2575							BY CLICKING “ACCEPT” YOU AGREE AND ACCEPT THE DISCLAIMERS AND TERMS AND CONDITIONS SET OUT HEREIN.
2576							** This document is an electronic record in terms of the Information Technology Act, 2000 and Rules made there under, and the amended provisions pertaining to electronic records.
2577
2578
2579						</p>
2580
2581					</div>
2582				</div>
2583			</div>
2584
2585		</div>
2586	</div>
2587</div>
2588
2589
2590<script>
2591	
2592	var PhoneNumber = '';
2593	var EmailId = '';
2594
2595	function proceed_cibilescore(subStatus, carType, subType, score) {
2596		if(!score){
2597			return true;   
2598		}
2599
2600		if (score >= '700' && score < '750') {
2601			if (subType.toLowerCase() == 'smart') {
2602
2603				$('#score_head').html('Credit Score Not Eligible!');
2604				$('#score_body').html('Your Experian Credit Score is <b>' + score + '</b>. We are unable to process your request under Smart Subscription. Please click on the below link to continue your journey under our Smart + Subscription plan');
2605				$('#score_btn').html('<a href="javascript:void(0)" onclick="search_smartplus();" class="btn-redius-gredient">Choose car under Smart plus</a>');
2606
2607				$('#creditscoreshow').modal('show');
2608				return false;
2609
2610			}
2611
2612		} else if (score >= '600' && score < '700') {
2613
2614			if (carType.toLowerCase() == 'new') {
2615
2616				$('#score_head').html('Credit Score Not Eligible!');
2617				$('#score_body').html('Your Experian Credit Score is <b>' + score + '</b>. This score is below our benchmark for your car choice. However, we are happy to put together a few car options for your Requirements. Check out our Car suggestions');
2618				$('#score_btn').html('<a href="javascript:void(0)" onclick="search_usedsmartplus();" class="btn-redius-gredient">Car Suggestion for you</a>');
2619
2620				$('#creditscoreshow').modal('show');
2621				return false;
2622
2623			}
2624
2625		} else if (score < '600') {
2626
2627			$('#score_head').html('Credit Score Not Eligible!');
2628			$('#score_body').html('Your Experian Credit Score is <b>' + score + '</b>. Unfortunately, We are unable to process your request due to your current CIBIL/Experian score!');
2629			$('#score_btn').html('<a href="javascript:void(0)" onclick="homepage_redirection();" class="btn-redius-gredient">Got It</a>');
2630
2631			$('#creditscoreshow').modal('show');
2632			return false;
2633
2634		} else if (subStatus == '1') {
2635
2636			$('#score_head').html('Experian Credit Score');
2637			$('#score_body').html('Your Experian Credit Score is <b>' + score + '</b>. Please move ahead with your Subscription Journey.');
2638			$('#score_btn').html('<a href="javascript:void(0)" onclick="proceed_security_payment();" class="btn-redius-gredient">Proceed</a>');
2639
2640			$('#creditscoreshow').modal('show');
2641			return false;
2642
2643		}
2644
2645		return true;
2646
2647	}
2648
2649	function proceed_security_payment(){
2650		$.ajax({
2651			url: '/Subscription/kyc_update',
2652			success: function(response) {
2653				var res = JSON.parse(response);
2654				//var PhoneNumber = response.phonenumber;
2655				window.location = '/Subscription/ordersummary/'+res.BookingId64;		
2656			}
2657		});
2658	}
2659
2660	function proceed_to_dashboard() {       
2661		$.ajax({
2662			url: '/Subscription/kyc_update',
2663			success: function(response) {
2664				var res = JSON.parse(response);
2665				//var PhoneNumber = response.phonenumber;
2666				window.location = 'https://mylesb2c.mylescars.com/subscription?phone=' + res.PhoneNumber + '&email=' + res.EmailId;		
2667			}
2668		});		
2669	}
2670
2671	function search_smartplus() {
2672		window.location = '/subscription/search?subtype=flexi';
2673	}
2674
2675	function search_usedsmartplus() {
2676		window.location = '/subscription/search?subtype=flexi&cartype=Old';
2677	}
2678
2679	function homepage_redirection() {
2680		window.location = '/';
2681	}
2682
2683</script>
2683	
2684
2685
2686<!--Login Signup -->
2687<div class="modal fade" id="Loginsignup" aria-labelledby="creditscorenoteligible_label" aria-hidden="true">
2688    <div class="modal-dialog  modal-dialog-centered modal-lg loginsignup-wrapper">
2689        <div class="modal-content inner-wrapper-login-model">
2690
2691            <div class="modal-body no-padding">
2692                <div class="d-flex wraapper-outer">
2693                    <div class="equalwidth50 left-box-banner">
2694                        <img src="/subscription/images/login/loginregsiterbanner.webp" class="loginbanner" />
2695
2696                    </div>
2697                    <div class="equalwidth50 form-wrapper-right-block">
2698                        <div class="d-flex justify-content-between form-header">
2699                            <div class="form-header-logo">
2700                                <img src="/subscription/images/login/modelogo.png" class="brandlogo" />
2701
2702                            </div>
2703                            <ul class="nav nav-tabs" id="myTab" role="tablist">
2704
2705                            </ul>
2706                        </div>
2707                        <div class="wrapper-form-group">
2708                            <div id="main_loader" style="display:none;">
2709                                <div class="fullviewport">
2710                                    <div class="spinner-border changespinnercolor" style="color:#E04627;width: 3rem; height: 3rem;" role="status">
2711                                        <span class="visually-hidden">Loading...</span>
2712                                    </div>
2713                                </div>
2714                            </div>
2715
2716                            <div class="tab-content" id="myTabContent">
2717                                <div class="flex-form tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
2718
2719                                    <div class="wrapper-form-innerblock">
2720                                        <div class="form-title">
2721                                            <h2>Login/SignUp</h2>
2722                                            <p>Please enter your contact details to connect.</p>
2723                                        </div>
2724
2725                                        <div class="warpper-inner-form-group">
2726                                            <form method="post">
2727                                                <!-- <div class="group-field otpmobile paddingbottom-12">
2728                                                    <label>Enter Name</label>
2729                                                    <input id="login_username" type="text" name="login_username" class="form-control mobilenootp" autocomplete="off">
2730                                                    <div id="login_username_error" style="color: red;"></div>
2731
2732                                                </div> -->
2733                                                <div class="group-field otpmobile paddingbottom-12">
2734                                                    <label>Enter Mobile Number</label>
2735                                                    <input id="mobile" type="text" maxlength="10" size="10" name="mobile" onkeyup="remove_error(this.id);checkChar(this.id);" class="form-control  mobilenootp" autocomplete="off">
2736                                                    <div id="mobile_error" style="color: red;"></div>
2737                                                </div>
2738
2739                                                <div class="group-field otpmobile">
2740                                                    <label>Enter Captcha Code</label>
2741
2742                                                    <div class="inlinecaptcha">
2743                                                        <input id="captcha_input" type="text" name="captcha_input" class="form-control mobilenootp" autocomplete="off" placeholder="Enter Code" style="width:50%;margin-right: 10px;">
2744
2745                                                        <div class="captcha-wrapper-outer">
2746                                                            <canvas width="83px;" height="30px;" id="captcha" style="border-radius: 10px; padding: 4px; margin-right: 10px;">captcha text</canvas>
2747
2748                                                            <button type="button" class="btnrefresh" id="refresh_captcha_btn" onclick="return refreshCaptchaCode();"><img src="/subscription/images/icons/refresh.svg" width="18px" /></button>
2749                                                        </div>
2750
2751                                                    </div>
2752
2753                                                    <!--<input id="captcha_validate_input" type="hidden" name="captcha_validate_input">-->
2754
2755
2756                                                    <div id="captcha_error" style="color: red;"></div>
2757
2758                                                </div>
2759
2760
2761
2762                                                <div class="d-flex checkboxcontent pdtop20">
2763                                                    <div class="checkbox-group">
2764                                                        <input onclick="referralShowHide();" type="checkbox" name="referralcheck" id="referralcheck">
2765                                                    </div>
2766
2767                                                    <div class="checkbox-text pd5">
2768                                                        <p>
2768Do You have a Referral Code?</p>
2769                                                    </div>
2770
2771                                                    <input name="ref_verify_status" id="ref_verify_status" type="hidden" class="form-control mobilenootp" value="">
2772
2773                                                </div>
2774
2775                                                <div id="referralinput_div" class="group-field otpmobile" style="display:none;">
2776                                                    <div class="wrapper-flex-referral">
2777                                                        <input onkeyup="remove_error(this.id);" id="referralcode" type="text" name="referralcode" class="form-control  mobilenootp" autocomplete="off" placeholder="Enter Referral Code">
2778
2779                                                        <button type="button" class="btn-gredient fullwidth btnreferral" id="verify_referral_btn" onclick="return verifyReferral();">Verify</button>
2780                                                    </div>
2781                                                    <div id="referralcode_error" style="color: red;"></div>
2782
2783                                                </div>
2784
2785                                                <!---<div class="d-flex checkboxcontent pdtop20">
2786                                                    <div class="checkbox-group">
2787                                                        <input type="checkbox" name="iagree">
2788                                                    </div>
2789                                                    <div class="checkbox-text pd5">
2790                                                        <p>Remember Me</p>
2791                                                    </div>
2792                                                </div>--->
2793
2794                                                <div class="nav nav-tabs form-btn-wrapper" id="myTab" role="tablist">
2795                                                    <button type="button" class="btn-gredient fullwidth btnsubmit" id="contact_auto" onclick="return chkmobile_V1();">Request OTP</button>
2796
2797                                                    <!--<input id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" role="tab" aria-controls="contact" aria-selected="false" type="submit" name="submit" class="btn-gredient fullwidth btnsubmit" value="Request OTP"/>-->
2798                                                </div>
2799
2800
2801                                                <!--<div class="wrapper-text-acsign">
2802                                                    <p>Already have an account? <a href="#" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" role="tab" aria-controls="contact" aria-selected="false">Sign in here</a></p>
2803                                                </div>-->
2804                                            </form>
2805                                        </div>
2806                                    </div>
2807                                </div>
2808                                <div class="flex-form tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
2809
2810                                    <div class="wrapper-form-innerblock">
2811                                        <div class="form-title pdbtm70">
2812                                            <h2>Enter OTP</h2>
2813                                            <p id="IsNewUser"></p>
2814                                        </div>
2815
2816                                        <div class="warpper-inner-form-group">
2817                                            <form method="post">
2818                                                <div class="group-field changecolorlabel">
2819                                                    <label>Enter Mobile Number</label>
2820
2821                                                    <input name="usermobile" id="usermobile" type="text" class="form-control mobilenootp" maxlength="10" size="10" pattern="[0-9]{10}" value="" readonly="readonly" autocomplete="off" tabindex="0" aria-invalid="false">
2822
2823                                                    <div id="login_newUser" style="display:none;margin-top:10px">
2824                                                        <label>Enter Name</label>
2825                                                        <input id="login_username" type="text" name="login_username" class="form-control mobilenootp" autocomplete="off">
2826                                                    </div>
2827
2828                                                    <div class="wrapper-text-acsign wanttochangeno">
2829                                                        <p>Want to change your mobile number?
2830                                                            <a href="javascript: void(0);" onClick="editMobileActive();" type="button">Click Here</a>
2831                                                        </p>
2832                                                    </div>
2833                                                </div>
2834
2835                                                <div class="group-field changecolorlabel paddingtop padding-bottom-20">
2836                                                    <label>Enter OTP</label>
2837                                                    <div id="otp" class="inputs d-flex flex-row justify-content-space-between gap-10 otp_fill">
2838                                                        <input class="text-center form-control rounded" type="text" id="first_otp" maxlength="1" autocomplete="off">
2839                                                        <input class="text-center form-control rounded" type="text" id="second_otp" maxlength="1" autocomplete="off">
2840                                                        <input class="text-center form-control rounded" type="text" id="third_otp" maxlength="1" autocomplete="off">
2841                                                        <input class="text-center form-control rounded" type="text" id="fourth_otp" maxlength="1" autocomplete="off">
2842                                                    </div>
2843                                                    <div id="userpassworderror" class="errorb" style="color: red;"></div>
2844                                                </div>
2845
2846                                                <div class="group-field changecolorlabel paddingbottom-25" id="referraldiv_submit">
2847                                                    <input name="referralinput_submit" id="referralinput_submit" type="text" class="form-control mobilenootp" value="" readonly="readonly" autocomplete="off">
2848                                                </div>
2849
2850                                                <!-- <div class="d-flex checkboxcontent pdtop20">
2851                                                    <div class="checkbox-group">
2852                                                        <input type="checkbox" name="iagree">
2853                                                    </div>
2854                                                    <div class="checkbox-text pd5">
2855                                                        <p>Remember Me</p>
2856                                                    </div>
2857                                                </div>-->
2858
2859
2860
2861                                                <div class="nav nav-tabs form-btn-wrapper" id="myTab" role="tablist">
2862                                                    <button id="btnsubmit_login" class="btn-gredient fullwidth btnsubmit" type="submit" onclick="return userlogin_V1();">
2863                                                        Sign In
2864                                                    </button>
2865
2866                                                    <!--<input id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" role="tab" aria-controls="contact" aria-selected="false" type="submit" name="submit" class="btn-gredient fullwidth btnsubmit" value="Sign In"/>-->
2867                                                </div>
2868
2869
2870
2871                                            </form>
2872                                        </div>
2873                                    </div>
2874                                </div>
2875                            </div>
2876
2877                        </div>
2878                    </div>
2879                </div>
2880            </div>
2881
2882        </div>
2883    </div>
2884</div>
2885<div id="status"></div>
2886<div id="gSignIn"></div>
2887<!-- 
2887<script src="https://apis.google.com/js/api:client.js"></script>
2887 -->
2888
2889<script type="text/javascript">
2890    var captchaCode = '6B831E';
2891
2892
2893    function generateCaptchaImg(captchaVal) {
2894        let captchaText = document.getElementById('captcha');
2895        var ctx = captchaText.getContext("2d");
2896        ctx.font = "20px Bell MT";
2897        ctx.fillStyle = "#E04627";
2898        ctx.clearRect(0, 0, captchaText.width, captchaText.height);
2899        ctx.textBaseline = 'middle';
2900        ctx.textAlign = "center";
2901
2902        $("#captcha").css('background-color', '#ECECEC');
2903
2904        let {
2905            actualBoundingBoxAscent,
2906            actualBoundingBoxDescent
2907        } = ctx.measureText(captchaVal);
2908        ctx.fillText(captchaVal, captchaText.width / 2, captchaText.height / 2 + (actualBoundingBoxAscent - actualBoundingBoxDescent) / 2);
2909        //ctx.fillText(captchaVal,captchaText.width/4, captchaText.height/2);
2910        //$('#captcha_validate_input').val(captchaVal);
2911
2912    }
2913
2914    $(document).ready(function() {
2915        generateCaptchaImg(captchaCode);
2916    });
2917
2918
2919    var action_namme = 'contact_us';
2920    $('#login_username').keyup(function() {
2921        $('#login_username_error').html('');
2922    })
2923    document.addEventListener("DOMContentLoaded", function(event) {
2924
2925        function OTPInput() {
2926            const inputs = document.querySelectorAll('.otp_fill > *[id]');
2927            for (let i = 0; i < inputs.length; i++) {
2928                inputs[i].addEventListener('keydown', function(event) {
2929                    if (event.key === "Backspace") {
2930                        inputs[i].value = '';
2931                        if (i !== 0) inputs[i - 1].focus();
2932                    } else {
2933                        if (i === inputs.length - 1 && inputs[i].value !== '') {
2934                            return true;
2935                        } else if (event.keyCode > 47 && event.keyCode < 58) {
2936                            inputs[i].value = event.key;
2937                            if (i !== inputs.length - 1) inputs[i + 1].focus();
2938                            event.preventDefault();
2939                        } else if (event.keyCode > 64 && event.keyCode < 91) {
2940                            // inputs[i].value = String.fromCharCode(event.keyCode);
2941                            // if (i !== inputs.length - 1) inputs[i + 1].focus();
2942                            inputs[i].value = '';
2943                            event.preventDefault();
2944                        }
2945                    }
2946                });
2947            }
2948        }
2949        OTPInput();
2950    });
2951
2952    function gtag_report_conversion(url) {
2953        var callback = function() {
2954            if (typeof(url) != 'undefined') {
2955                window.location = url;
2956            }
2957        };
2958        gtag('event', 'conversion', {
2959            'send_to': 'AW-946364546/jipFCPnK5KgYEILBocMD',
2960            'event_callback': callback
2961        });
2962        return false;
2963    }
2964
2965    function referralShowHide() {
2966        var refCheckBox = document.getElementById('referralcheck');
2967        $('#referralcode').val('');
2968        if (refCheckBox.checked) {
2969            $("#referralinput_div").css("display", "block");
2970            $('#contact_auto').attr('disabled', true);
2971        } else {
2972            $("#referralinput_div").css("display", "none");
2973            $('#contact_auto').attr('disabled', false);
2974        }
2975    }
2976
2977    function refreshCaptchaCode() {
2978        document.getElementById('captcha_error').innerHTML = '';
2979        document.getElementById('captcha_input').value = '';
2980
2981        $.ajax({
2982            type: 'POST',
2983            url: "/Login/getNewCaptchaCode",
2984            data: {},
2985            beforeSend: function() {
2986                //$('#main_loader').show();
2987            },
2988            success: function(response) {
2989                var res = jQuery.parseJSON(response);
2990
2991                //document.getElementById('captcha_validate_input').value = res.captchaCode;
2992                generateCaptchaImg(res.captchaCode);
2993                $('#captcha_input').focus();
2994                //$('#main_loader').hide();
2995            }
2996        });
2997        return false;
2998
2999    }
3000
3001    function verifyReferral() {
3002        var referralinput = document.getElementById('referralcode').value;
3003        var contact = document.getElementById('mobile').value;
3004        var refCheckBox = document.getElementById('referralcheck');
3005        $("#referralcode_error").css("color", "red");
3006        if (!referralinput) {
3007            document.getElementById('referralcode_error').innerHTML = 'Please enter referral code';
3008            $('#referralcode').focus();
3009            return false;
3010        } else if (!contact) {
3011            document.getElementById('mobile_error').innerHTML = 'Please enter mobile no';
3012            $('#mobile').focus();
3013            return false;
3014        } else {
3015            document.getElementById('mobile_error').innerHTML = '';
3016            document.getElementById('referralcode_error').innerHTML = '';
3017            $.ajax({
3018                type: 'POST',
3019                url: "/Login/VerifyReferralCode",
3020                data: {
3021                    contactNo: contact,
3022                    referralcode: referralinput
3023                },
3024                beforeSend: function() {
3025                    $('#verify_referral_btn').html('Verifying...');
3026                    $('#verify_referral_btn').attr('disabled', true);
3027                    $('#contact_auto').attr('disabled', true);
3028                    //$('#main_loader').show();
3029
3030                },
3031                success: function(response) {
3032                    var res = jQuery.parseJSON(response);
3033                    $('#verify_referral_btn').html('Verify');
3034                    $('#verify_referral_btn').attr('disabled', false);
3035
3036                    if (res.Status == 1) {
3037                        document.getElementById('referralcode_error').innerHTML = "Congrats! Referal code applied successfully.";
3038                        document.getElementById('ref_verify_status').value = 1;
3039                        $("#referralcode_error").css("color", "green");
3040                        $('#contact_auto').attr('disabled', false);
3041
3042                    } else if (res.Status == 2) {
3043                        document.getElementById('referralcode_error').innerHTML = "Sorry! You are not eligible for using a referral code.";
3044                        $("#referralcode_error").css("color", "red");
3045                        document.getElementById('ref_verify_status').value = 0;
3046                        $('#contact_auto').attr('disabled', true);
3047
3048                    } else if (res.Status == 3) {
3049                        document.getElementById('referralcode_error').innerHTML = "Sorry! You have entered invali
3049d Referal Code.";
3050                        $("#referralcode_error").css("color", "red");
3051                        document.getElementById('ref_verify_status').value = 0;
3052                        $('#contact_auto').attr('disabled', true);
3053
3054                    } else if (res.Status == 4) {
3055                        document.getElementById('referralcode_error').innerHTML = "Sorry! You have already used a Referal Code.";
3056                        $("#referralcode_error").css("color", "red");
3057                        document.getElementById('ref_verify_status').value = 0;
3058                        $('#contact_auto').attr('disabled', true);
3059
3060                    } else {
3061                        document.getElementById('referralcode_error').innerHTML = "Sorry! You have entered invalid Referal Code.";
3062                        $("#referralcode_error").css("color", "red");
3063                        document.getElementById('ref_verify_status').value = 0;
3064                        $('#contact_auto').attr('disabled', true);
3065                    }
3066                    //$('#main_loader').hide();
3067                }
3068            });
3069            return false;
3070        }
3071    }
3072
3073    function userlogin_V1() {
3074
3075        event.preventDefault();
3076        $('#userpassworderror').html('');
3077
3078        var contact = document.getElementById('usermobile').value;
3079        var login_user = document.getElementById('login_username').value;
3080
3081        if (login_user.length == 0) {
3082            $('#userpassworderror').html('Please enter name');
3083            $('#login_username').focus();
3084            return false;
3085        }
3086        var referralinput_submit = document.getElementById('referralinput_submit').value;
3087        var first_otp = document.getElementById('first_otp').value;
3088        var second_otp = document.getElementById('second_otp').value;
3089        var third_otp = document.getElementById('third_otp').value;
3090        var fourth_otp = document.getElementById('fourth_otp').value;
3091        var verify_otp = first_otp.concat(second_otp, third_otp, fourth_otp);
3092        if (!first_otp || !second_otp || !third_otp || !fourth_otp) {
3093            document.getElementById('userpassworderror').innerHTML = 'Please enter OTP';
3094            $('#first_otp').focus();
3095            return false;
3096        }
3097
3098
3099        $.ajax({
3100            type: 'POST',
3101            url: "/Login/userLogin_V2",
3102            data: {
3103                mobile: contact,
3104                verify_otp: verify_otp,
3105                referralinput_submit: referralinput_submit
3106            },
3107            beforeSend: function() {
3108                $('#btnsubmit_login').html('Please Wait...');
3109                $('#btnsubmit_login').attr('disabled', true);
3110            },
3111            success: function(response) {
3112                var data = JSON.parse(response);
3113                if (data.status == '1') {
3114                    //window.location.reload();
3115                    gtag_report_conversion();
3116                    zoho_api_call(document.getElementById('login_username').value, '');
3117                    //location.reload(true);
3118                } else {
3119                    //document.getElementById('userpassworderror').innerHTML = 'Invalid OTP';
3120                    $('#first_otp').val('');
3121                    $('#second_otp').val('');
3122                    $('#third_otp').val('');
3123                    $('#fourth_otp').val('');
3124                    $('#first_otp').focus();
3125                    $('#userpassworderror').html(data.message);
3126                    $('#btnsubmit_login').html('Sign In');
3127                    $('#btnsubmit_login').attr('disabled', false);
3128                }
3129
3130            }
3131        });
3132        return false;
3133    }
3134
3135    function editMobileActive(id) {
3136        $("#home").addClass("show active");
3137        $("#contact").css("display", "none");
3138        $("#home").css("display", "block");
3139        $('#userpassworderror').html('');
3140        $('#contact_auto').html('Request OTP');
3141        $('#contact_auto').attr('disabled', false);
3142        $('#mobile').focus();
3143        $('#first_otp').val('');
3144        $('#second_otp').val('');
3145        $('#third_otp').val('');
3146        $('#fourth_otp').val('');
3147        $('#referralcode').val('');
3148        $('#ref_verify_status').val('');
3149        refreshCaptchaCode();
3150    }
3151
3152    function remove_error(id) {
3153        $('#' + id).css('background-color', '').css('border-color', '');
3154        $('#' + id + '_error').html('');
3155    }
3156
3157    //required
3158    function checkChar(id) {
3159        var mobile = $('#' + id).val();
3160        if (!/^[0-9]+$/.test(mobile)) {
3161            $('#' + id).val('').attr('placeholder', '');
3162            return false;
3163        }
3164    }
3165
3166    //required
3167    function chkmobile_V1() {
3168        var contact = document.getElementById('mobile').value;
3169        var referralinput = document.getElementById('referralcode').value;
3170        var refCheckBox = document.getElementById('referralcheck');
3171        var ref_verify_status = document.getElementById('ref_verify_status');
3172        var captcha_input = document.getElementById('captcha_input').value;
3173        //var captcha_validate_input = document.getElementById('captcha_validate_input').value;
3174
3175        if (contact.length != 10) {
3176            document.getElementById('mobile_error').innerHTML = 'Please enter correct mobile no';
3177            $('#mobile').focus();
3178            return false;
3179        } else if (captcha_input == "") {
3180            document.getElementById('captcha_error').innerHTML = 'Please enter code';
3181            $('#captcha_input').focus();
3182            return false;
3183        }
3184        /*else if (captcha_validate_input != captcha_input) {
3185                    document.getElementById('captcha_error').innerHTML = 'Invalid Captcha Code!';
3186                    $('#captcha_input').focus();
3187                    return false;
3188                }*/
3189        else {
3190
3191            if (refCheckBox.checked && referralinput == '') {
3192                $("#referralcode_error").css("color", "red");
3193                document.getElementById('referralcode_error').innerHTML = 'Please enter referral code';
3194                $('#referralcode').focus();
3195                return false;
3196            }
3197
3198            document.getElementById('mobile_error').innerHTML = '';
3199            document.getElementById('referralcode_error').innerHTML = '';
3200            document.getElementById('captcha_error').innerHTML = '';
3201            $.ajax({
3202                type: 'POST',
3203                url: "/Login/request_otp_V3",
3204                data: {
3205                    contactNo: contact,
3206                    referralcode: referralinput,
3207                    captcha_input: captcha_input
3208                },
3209                beforeSend: function(xhr) {
3210                    xhr.setRequestHeader('X-Custom-Header', '6b831e063a510ed968a1595c56bffa6b');
3211                    $('#contact_auto').html('Please Wait...');
3212                    $('#contact_auto').attr('disabled', true);
3213
3214
3215                },
3216                success: function(res) {
3217                    var response = JSON.parse(res);
3218                    if (response.status == 1) {
3219
3220                        $("#home").css("display", "none");
3221                        $("#contact").addClass("show active");
3222                        $("#contact").css("display", "block");
3223                        $('#userpassworderror').html('');
3224                        $('#IsNewUser').html(response.msg);
3225                        var fname = response.name;
3226                        if (fname.trim()) {
3227                            $('#login_newUser').hide();
3228                        } else {
3229                            $('#login_newUser').show();
3230                        }
3231                        $('#login_username').val(response.name);
3232
3233
3234                        document.getElementById('usermobile').value = contact;
3235                        if (refCheckBox.checked) {
3236                            $("#referraldiv_submit").css("display", "block");
3237                            document.getElementById('referralinput_submit').value = referralinput;
3238                        } else {
3239                            $("#referraldiv_submit").css("display", "none");
3240                            document.getElementById('referralinput_submit').value = '';
3241                        }
3242
3243                        $('#first_otp').focus();
3244                    } else {
3245                        $('#contact_auto').html('Request OTP');
3246                        $('#contact_auto').attr('disabled', false);
3247                        if (response.status == 2) {
3248                            $("#referralcode_error").css("color", "red");
3249                            document.getElementById('referralcode_error').innerHTML = "You are already registered. You can not use the Referral Code!";
3250                        } else if (response.status == 3) {
3251                            $("#referralcode_error").css("color", "red");
3252                            document.getElementById('referralcode_error').innerHTML = "Invalid Referral Code!";
3253                        } else if (response.status == 7) {
3254                            document.getElementById('mobile_error').innerHTML = "Your OTP request exceeds the limit, please try later.";
3255                        } else if (response.status == 8) {
3256                            refreshCaptchaCode();
3257                            document.getElementById('captcha_error').innerHTML = "Invalid Code!";
3258                        } else {
3259                            document.getElementById('mobile_error').innerHTML = "Invalid Credentials!";
3260                        }
3261
3262                    }
3263                }
3264            });
3265            return false;
3266        }
3267    }
3268
3269    ////////////google login //////////
3270    // var googleUser = {};
3271    // var startApp = function() {
3272    //     gapi.load('auth2', function() {
3273    //         // Retrieve the singleton for the GoogleAuth library and set up the client.
3274    //         auth2 = gapi.auth2.init({
3275    //             client_id: '687695184591-dtbfnobniksf92m902cq5tkajaa7v1ib.apps.googleusercontent.com',
3276    //             cookiepolicy: 'single_host_origin',
3277    //             // Request scopes in addition to 'profile' and 'email'
3278    //             //scope: 'additional_scope'
3279    //             'scope': 'profile email',
3280    //         });
3281
3282    //     });
3283    // };
3284    // startApp();
3285
3286    // function attachSignin(element) {
3287    //     elementname = element.getAttribute('id');
3288    //     auth2.attachClickHandler(element, {},
3289    //         function(googleUser) {
3290
3291    //             var fbid = googleUser.getBasicProfile().getId();
3292    //             var fullname = googleUser.getBasicProfile().getName();
3293    //             var firstname = googleUser.getBasicProfile().getGivenName();
3294    //             var lastName = googleUser.getBasicProfile().getFamilyName();
3295
3296    //             var fbemail = googleUser.getBasicProfile().getEmail();
3297    //             //alert(googleUser.getBasicProfile().stringify);
3298    //             //console.log(googleUser.getBasicProfile());
3299
3300    //             var fbmobile = '';
3301    //             var socialType = 'GP';
3302    //             var popuptype = 'signup';
3303
3304    //             if (fbemail == '') {
3305    //                 $('#userpassworderror').html("We are not getting your account from google.");
3306    //             } else {
3307    //                 $.ajax({
3308    //                     type: 'POST',
3309    //                     url: '/Login/login_google',
3310    //                     //data: {fbemail:fbemail,fbid:fbid,socialType:socialType,popuptype:popuptype},
3311    //                     data: {
3312    //                         fbemail: fbemail
3313    //                     },
3314    //                     success: function(data) {
3315
3316    //                         if (data == "correct") {
3317    //                             zoho_api_call(fullname, fbemail);
3318    //                             //location.reload();
3319    //                         } else {
3320    //                             var detail = data.split('#####');
3321    //                             $('#userpassworderror').html(detail[0]);
3322    //                         }
3323    //                     }
3324    //                 });
3325    //             }
3326    //         },
3327    //         function(error) {
3328    //             //alert(JSON.stringify(error, undefined, 2));
3329    //         });
3330
3331    // }
3332
3333
3334    function zoho_api_call(name, email) {
3335        $.ajax({
3336            type: 'POST',
3337            url: '/Login/zoho_api_call',
3338            data: {
3339                name: name,
3340                phone: $('#mobile').val(),
3341                email: email
3342            },
3343            success: function(data) {
3344                if (action_namme == 'search') {
3345                    $('#SearchForm').submit();
3346                } else {
3347                    location.reload();
3348                }
3349
3350
3351            }
3352        });
3353    }
3354</script>
3354
3355
3356<style>
3357    .group-field.changecolorlabel.paddingbottom-25 {
3358        padding-bottom: 25px;
3359    }
3360
3361    input#referralinput_submit {
3362        background-color: #efefef;
3363        border-radius: 0px;
3364        height: 35px;
3365    }
3366
3367    .group-field.otpmobile.paddingbottom-12 {
3368        padding-bottom: 14px;
3369    }
3370
3371    button#contact_auto {
3372        cursor: pointer;
3373    }
3374
3375    button#verify_referral_btn:hover {
3376        background: #f36144;
3377        border-color: #f36144;
3378    }
3379
3380    .modal-dialog.modal-dialog-centered.modal-lg.loginsignup-wrapper {
3381        margin: 0px auto;
3382        height: 100%;
3383        align-items: center;
3384        display: flex;
3385        overflow: hidden;
3386    }
3387
3388    button#verify_referral_btn {
3389        background-color: #e04627;
3390        border: 1px solid #e04627;
3391        color: #ffffff;
3392        height: 45px;
3393        border-radius: 10px;
3394        border-top-left-radius: 0px;
3395        border-bottom-left-radius: 0px;
3396        padding: 10px 20px;
3397        text-transform: uppercase;
3398        font-weight: 500;
3399        font-size: 14px;
3400        letter-spacing: .5px;
3401    }
3402
3403    .wrapper-flex-referral {
3404        display: flex;
3405        align-items: center;
3406    }
3407
3408    .wrapper-flex-referral input#referralcode {
3409        border-top-right-radius: 0px;
3410        border-bottom-right-radius: 0px;
3411        border-right: 0px;
3412        font-size: 14px;
3413        font-family: 'Quicksand';
3414    }
3415
3416    div#referralinput_div {
3417        padding-bottom: 20px;
3418    }
3419
3420    .d-flex.checkboxcontent.pdtop20 input[type="checkbox"]::after {
3421        border: unset;
3422        border-radius: unset;
3423    }
3424
3425    .group-field.otpmobile label {
3426        padding-bottom: 8px;
3427        font-family: 'Raleway';
3428        font-style: normal;
3429        font-weight: 600;
3430        font-size: 15.0647px;
3431        line-height: 150%;
3432        color: #2B2B2B;
3433    }
3434
3435    .mobilenootp {
3436        border: 0.836928px solid #DDDDDD;
3437        filter: drop-shadow(0px 2.51078px 5.02157px rgba(0, 0, 0, 0.06));
3438        border-radius: 10.8801px;
3439        height: 45px;
3440    }
3441
3442    .mobilenootp:focus {
3443        border-color: #DDDDDD;
3444        box-shadow: unset;
3445    }
3446
3447    .inputfiellogin {
3448        border: 0.836928px solid #DDDDDD;
3449        filter: drop-shadow(0px 2.51078px 5.02157px rgba(0, 0, 0, 0.06));
3450        border-radius: 10.8801px;
3451        height: 54px;
3452        font-family: 'Quicksand';
3453        font-style: normal;
3454        font-weight: 600;
3455        font-size: 16.8856px;
3456        line-height: 150%;
3457        letter-spacing: 0.06em;
3458        color: #2A2A2A;
3459    }
3460
3461    .wrapper-text-acsign.wanttochangeno {
3462        padding-top: 5px;
3463
3464    }
3465
3466    .wrapper-text-acsign.wanttochangeno p {
3467        font-size: 12px;
3468        text-align: left;
3469    }
3470
3471    .gap-10 input {
3472        height: 48px;
3473        width: 48px;
3474        border: 0.84428px solid #DDDDDD;
3475        filter: drop-shadow(0px 2.53284px 5.06568px rgba(0, 0, 0, 0.06));
3476        border-radius: 10.9756px !important;
3477    }
3478
3479    .pdbtm70 {
3480        padding-bottom: 70px;
3481    }
3482
3483    .gap-10 {
3484        gap: 18px;
3485        width: 82%;
3486    }
3487
3488    .gap-10 input:focus {
3489        outline: none;
3490        box-shadow: unset;
3491        border-color: #e04627;
3492    }
3493
3494    input.btn-gredient.fullwidth.btnsubmit {
3495        background: linear-gradient(92.01deg, #E04627 25.45%, rgba(235, 70, 37, 0.6) 111.41%);
3496        box-shadow: 0px 1.93009px 1.93009px rgb(0 0 0 / 25%);
3497        border-radius: 13px;
3498        border: 0px;
3499        font-family: 'Raleway';
3500        font-style: normal;
3501        font-weight: 600;
3502        font-size: 18px;
3503        line-height: 150%;
3504        color: #FFFFFF;
3505        width: 100%;
3506        height: 64px;
3507    }
3508
3509    .form-title {
3510        padding-bottom: 33px;
3511    }
3512
3513    .orlogin {
3514        padding-top: 10px;
3515    }
3516
3517    button.btn-gredient.fullwidth.btnsubmit {
3518        background: linear-gradient(92.01deg, #E04627 25.45%, rgba(235, 70, 37, 0.6) 111.41%);
3519        box-shadow: 0px 1.93009px 1.93009px rgb(0 0 0 / 25%);
3520        border-radius: 10px;
3521        border: 0px;
3522        font-family: 'Raleway';
3523        font-style: normal;
3524        font-weight: 600;
3525        font-size: 15px;
3526        line-height: 150%;
3527        color: #FFFFFF;
3528        width: 100%;
3529        height: 50px;
3530    }
3531
3532    .inputfield-64:focus {
3533        outline: none;
3534        box-shadow: unset;
3535        border-color: red;
3536    }
3537
3538    .d-flex.justify-content-between.form-header {
3539        padding-bottom: 46px;
3540    }
3541
3542    .wrapper-text-acsign {
3543        padding-top: 46px;
3544    }
3545
3546    .wrapper-text-acsign p>a {
3547        color: #E54727;
3548        text-decoration: none;
3549        font-weight: 600;
3550    }
3551
3552    .wrapper-text-acsign p {
3553
3554        margin: 0px;
3555        font-family: 'Raleway';
3556        font-style: normal;
3557        font-weight: 400;
3558        font-size: 16px;
3559        line-height: 150%;
3560        text-align: center;
3561        color: #2B2B2B;
3562    }
3563
3564    .d-flex.checkboxcontent.pdtop20 {
3565        padding-bottom: 23px;
3566    }
3567
3568    .checkbox-text.pd5 p {
3569        font-family: 'Raleway';
3570        font-style: normal;
3571        font-weight: 500;
3572        font-size: 14px;
3573        margin: 0px;
3574        line-height: 150%;
3575        text-align: center;
3576        color: #2B2B2B;
3577    }
3578
3579    .group-field.changecolorlabel label {
3580        font-family: 'Raleway';
3581        font-style: normal;
3582        font-weight: 500;
3583        font-size: 15px;
3584        line-height: 150%;
3585        color: #959595;
3586    }
3587
3588    .group-field.changecolorlabel.paddingtop {
3589        padding-top: 21px;
3590    }
3591
3592    .checkbox-text.pd5 {
3593        padding-left: 5px;
3594    }
3595
3596    .d-flex.checkboxcontent.pdtop20 {
3597        padding-top: 23px;
3598    }
3599
3600    .form-title h2 {
3601        font-family: 'Quicksand';
3602        font-style: normal;
3603        font-weight: 600;
3604        font-size: 31px;
3605        line-height: 40px;
3606        color: #3C3C3C;
3607        margin: 0px;
3608    }
3609
3610    .form-title p {
3611        font-family: 'Raleway';
3612        font-style: normal;
3613        font-weight: 500;
3614        padding-top: 2px;
3615        font-size: 15px;
3616        line-height: 150%;
3617        color: rgba(43, 43, 43, 0.5);
3618        margin: 0px;
3619    }
3620
3621    .group-field label {
3622        font-family: 'Raleway';
3623        font-style: normal;
3624        font-weight: 600;
3625        font-size: 15px;
3626        line-height: 150%;
3627        color: #2B2B2B;
3628        padding-bottom: 8px;
3629    }
3630
3631    .inputfield-64 {
3632        border: 1px solid #DDDDDD;
3633        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.06));
3634        border-radius: 13px;
3635        height: 64px;
3636    }
3637
3638    .wrapper-form-innerblock {
3639        width: 350px;
3640        margin: 0 auto;
3641    }
3642
3643    .d-flex.wraapper-outer {
3644        gap: 15px;
3645        padding: 10px;
3646    }
3647
3648    img.signinicon {
3649        padding-right: 10px;
3650    }
3651
3652    .signinlink {
3653        background: #FFF8F8;
3654        border-radius: 14px;
3655        text-decoration: none;
3656        font-family: 'Quicksand';
3657        font-style: normal;
3658        font-weight: 700;
3659        font-size: 16px;
3660        line-height: 20px;
3661
3662        color: #E54727;
3663        width: 132px;
3664        height: 48px;
3665        display: inline-flex;
3666        align-items: center;
3667        justify-content: center;
3668    }
3669
3670    .wrapper-form-group {
3671        height: 100%;
3672    }
3673
3674    div#myTabContent {
3675        height: 100%;
3676    }
3677
3678    .d-flex.justify-content-between.form-header .nav-tabs {
3679        border-top-left-radius: unset;
3680        border-top-right-radius: unset;
3681        display: flex;
3682        border-bottom: 0px !important;
3683        border-bottom: unset;
3684        background-color: transparent;
3685        align-items: center;
3686        border: 0px;
3687        justify-content: space-between;
3688    }
3689
3690    .equalwidth50 {
3691        flex-basis: 50%;
3692    }
3693
3694    .loginsignup-wrapper {
3695        max-width: 900px;
3696    }
3697
3698    img.loginbanner {
3699        width: 100%;
3700    }
3701
3702
3703    @media only screen and (max-width:1400px) {
3704        .loginsignup-wrapper {
3705            max-width: 850px;
3706        }
3707
3708        .modal-content {
3709
3710            border-radius: 8px;
3711        }
3712
3713        .d-flex.wraapper-outer {
3714
3715            padding: 8px;
3716        }
3717
3718        .mobilenootp {
3719
3720            height: 45px;
3721        }
3722
3723        .group-field.otpmobile label {
3724            padding-bottom: 5px;
3725
3726            font-weight: 500;
3727            font-size: 14px;
3728            line-height: normal;
3729
3730        }
3731
3732        .wrapper-form-group {
3733            width: 80%;
3734            margin: 0 auto;
3735        }
3736
3737        .wrapper-form-innerblock {
3738            width: 100%;
3739            margin: 0 auto;
3740        }
3741
3742        img.brandlogo {
3743            width: 90%;
3744        }
3745
3746        .d-flex.justify-content-between.form-header {
3747            padding-bottom: 30px;
3748        }
3749
3750        .form-title h2 {
3751
3752            font-size: 30px;
3753            line-height: 30px;
3754
3755        }
3756
3757        .loginwithgoogle {
3758
3759            padding: 12px;
3760
3761        }
3762
3763        .orlogin {
3764
3765            padding-bottom: 30px;
3766        }
3767
3768        .loginwithgoogle a {
3769            font-size: 15px;
3770        }
3771
3772        .form-title p {
3773            font-size: 14px;
3774        }
3775
3776        .group-field label {
3777
3778            font-size: 14px;
3779
3780            padding-bottom: 5px;
3781        }
3782
3783        .checkbox-group input {
3784            width: 18px;
3785
3786            height: 18px;
3787
3788        }
3789
3790        .group-field.changecolorlabel label {
3791
3792            font-size: 14px;
3793
3794        }
3795
3796        .gap-10 input {
3797            height: 45px;
3798            width: 45px;
3799
3800            border-radius: 8px !important;
3801        }
3802
3803        .gap-10 {
3804            gap: 15px;
3805            width: 100%;
3806        }
3807
3808        .wrapper-text-acsign p {
3809            font-size: 12px;
3810        }
3811
3812        div#mobile_error {
3813            font-size: 12px;
3814            font-family: 'Quicksand';
3815            font-weight: 600;
3816            padding-top: 5px;
3817        }
3818
3819        div#referralcode_error {
3820            font-size: 12px;
3821            font-family: 'Quicksand';
3822            font-weight: 600;
3823            padding-top: 5px;
3824        }
3825
3826        .inputfield-64 {
3827
3828            height: 50px;
3829        }
3830
3831        .d-flex.checkboxcontent.pdtop20 {
3832            padding-top: 25px;
3833        }
3834
3835        .d-flex.checkboxcontent.pdtop20 {
3836            padding-bottom: 30px;
3837        }
3838
3839        .wrapper-text-acsign {
3840            padding-top: 30px;
3841        }
3842
3843        .wrapper-text-acsign p {
3844
3845            font-size: 14px;
3846
3847        }
3848
3849        button.btn-gredient.fullwidth.btnsubmit {
3850
3851            font-size: 16px;
3852
3853            height: 50px;
3854        }
3855
3856        .checkbox-text.pd5 p {
3857
3858            font-size: 13px;
3859
3860        }
3861
3862        .checkbox-text.pd5 {
3863            padding-left: 5px;
3864        }
3865    }
3866
3867    @media only screen and (max-width: 1300px) {
3868        .wrapper-form-innerblock {
3869            width: 300px;
3870            margin: 0 auto;
3871        }
3872
3873        .loginsignup-wrapper {
3874            max-width: 750px;
3875        }
3876
3877        img.brandlogo {
3878            width: 80%;
3879        }
3880
3881        .d-flex.justify-content-between.form-header {
3882            padding-bottom: 20px;
3883        }
3884
3885        .form-title p {
3886            font-size: 14px;
3887        }
3888
3889        .form-title {
3890            padding-bottom: 25px;
3891        }
3892
3893        .loginwithgoogle a {
3894            font-size: 14px;
3895        }
3896
3897        .orlogin {
3898
3899            padding-bottom: 20px;
3900        }
3901
3902        .inputfield-64 {
3903            height: 45px;
3904        }
3905    }
3906
3907    @media only screen and (max-width: 1020px) {
3908        .equalwidth50.left-box-banner {
3909            display: none;
3910        }
3911
3912        .equalwidth50 {
3913            flex-basis: 100%;
3914            width: 100%;
3915        }
3916
3917        .wrapper-form-innerblock {
3918            width: 70%;
3919            margin: 0 auto;
3920        }
3921    }
3922
3923    @media only screen and (max-width: 767px) {
3924        .loginsignup-wrapper {
3925            max-width: 100%;
3926        }
3927
3928        .wrapper-form-innerblock {
3929            width: 80%;
3930        }
3931    }
3932
3933
3934
3935    @media only screen and (max-width: 600px) {
3936        .wrapper-form-innerblock {
3937            width: 100%;
3938        }
3939
3940        .wrapper-form-group {
3941            width: 80%;
3942            margin: 0 auto;
3943        }
3944
3945        .form-title h2 {
3946            font-size: 25px;
3947            line-height: 25px;
3948        }
3949
3950        .group-field label {
3951            font-size: 14px;
3952            padding-bottom: 5px;
3953        }
3954
3955        .orlogin {
3956            padding-bottom: 15px;
3957        }
3958
3959        .wrapper-text-acsign {
3960            padding-top: 25px;
3961        }
3962
3963        .equalwidth50 {
3964            padding: 20px 0px;
3965        }
3966
3967        .d-flex.checkboxcontent.pdtop20 {
3968            padding-bottom: 15px;
3969            padding-top: 15px;
3970        }
3971
3972        .form-title {
3973            padding-bottom: 20px;
3974            text-align: center;
3975        }
3976
3977        .d-flex.wraapper-outer {
3978            gap: 0px;
3979            padding: 0px;
3980        }
3981    }
3982
3983    @media only screen and (max-width: 350px) {
3984        .wrapper-form-group {
3985            width: 80%;
3986            margin: 0 auto;
3987        }
3988    }
3989</style>
3990	
3990<script type="text/javascript" src="/js/zoho_lead/zoho_utm_tracking.js?v=425"></script>
3990
3991</body>
3992
3993</html>
3994<script type="text/javascript" src='https://crm.zoho.in/crm/javascript/zcga.js'> </script>
vendor: 1 bytes, line 3994
3994

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.