PageSourceSearch

https://www.growithsatori.com/

html growithsatori.com collected 2026-10-04 11:20:42 UTC 293,714 bytes, 5,350 lines download raw bytes

1
2
3
4
5
6
7
8<!DOCTYPE html>
9<html lang="en">
10<head>
11<title>Grow with Satori - Fostering Growth through Personalized Learning Journeys and Impactful Coaching</title>
12
13	
14		<meta name="keywords" content="Coaching, Training, Consulting, Learning and Development, personalized learning journeys, expert coaching, diverse modalities, transformative interventions, growth, success, tailored programs, unlock potential, empowher, empower, true potential, personalized growth experiences, professional development, leadership development, self-leadership, holistic well-being, empower learners, empower individuals, holistic approach, transformative journey, educational experience, leadership, leadership development, Coaching Services Training Programs Consulting Solutions Learning and Development Initiatives Personalized Learning Journeys Expert Coaching Services Diverse Modalities of Learning Transformative Interventions Growth and Success Strategies Tailored Development Programs Unlocking Potential EmpowHER (Empowering Women) Empowerment Initiatives Realizing True Potential Personalized Growth Experiences Professional Development Programs Leadership Development Services Self-Leadership Training Holistic Well-being Solutions Empowering Learners Empowering Individuals Holistic Approach to Learning Transformative Learning Journeys Educational Experiences Leadership Training Development for Success, Best-in-Class Coaching Top-notch Training Solutions Premier Consulting Services Exceptional Learning and Development Elite Personalized Learning Journeys Unparalleled Expert Coaching Cutting-edge Modalities of Learning Pinnacle Transformative Interventions Unrivaled Growth and Success Strategies Premium Tailored Development Programs Maximizing Potential EmpowHER Excellence Empowerment at its Finest Unmatched Personalized Growth Experiences Professional Development Excellence Leadership Development Mastery Self-Leadership Mastery Holistic Well-being Mastery Empowering Learners Excellently Individual Empowerment Excellence Holistic Excellence in Learning Transformative Journey Excellence Educational Excellence Leadership Training Par Excellence Developmental Success Excellence"/>
15		<meta name="description" content="Unlock your potential and achieve remarkable growth with Grow with Satori. Our personalized learning journeys combine expert coaching, diverse modalities, and transformative interventions. Experience the power of tailored programs designed to empower your success. Join us on the path to growth and unleash your true potential."/>
16		<meta name="google-site-verification" content="GT-TNL39KBJ" />
17		
18		<meta property="og:url" content="https://www.growithsatori.com" />
19		<meta property="og:type" content="website" />
20		<meta property="og:title" content="Grow with Satori - Fostering Growth through Personalized Learning Journeys and Impactful Coaching" />
21		<meta property="og:description" content="Unlock your potential and achieve remarkable growth with Grow with Satori. Our personalized learning journeys combine expert coaching, diverse modalities, and transformative interventions. Experience the power of tailored programs designed to empower your success. Join us on the path to growth and unleash your true potential." />
22		<meta property="og:image" content="https://www.growithsatori.com/logo.png?v=5" />
23	
24
25	
26	
27	
28		
29		
30		<link href="https://d502jbuhuh9wk.cloudfront.net/resources/pagebuilder2/box/box.css" rel="stylesheet" type="text/css" />
31   		<link href="https://d502jbuhuh9wk.cloudfront.net/resources/pagebuilder2/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
32   		<link href="https://d502jbuhuh9wk.cloudfront.net/resources/pagebuilder2/assets/scripts/animate/animate.css" rel="stylesheet" type="text/css" />
33   		
34   		
35
36
37
38
39 
40
41 
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59		
60		
61			
62		
63
64
65
66
67
68
69	
70	
71
72
73	
74		
75	
76	
77
78
79	
80	
81		
82	
83
84
85
86 
87 
88 	
89 	
90		<meta name="viewport" content="width=device-width, initial-scale=1.0">
91 	
92 	
93  
94    
95   		
96   		
97   		
98   		
99   		
100   		
101   		
102    
103    <meta name="google" content="notranslate">
104    
105    	
106        	<link rel="canonical" href="https://www.growithsatori.com/" />
107  
108
109
110<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
111<link rel="icon" href="/favicon.ico" type="image/x-icon">
112
113
114
115
116
117
118	
119		
119<script>var orgCountry = "IN";</script>
119
120	
121	
122
123
124<link id="theme" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre.min.css" rel="stylesheet">
125
126<link rel="preconnect" href="https://fonts.googleapis.com"> 
127<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
128
129<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" as="style" onload="this.onload=null;this.rel='stylesheet'">
130<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" ></noscript>
131
132<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'">
133<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" ></noscript>
134
135<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
136<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" ></noscript>
137
138<link id="theme-exp" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre-exp.min.css" rel="stylesheet">
139
140
141
142	
143	<link href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstyles_0f8f8346b730ed7f9d44d25335e652c6.css" rel="stylesheet">
144	<link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstore_052a28d8fc16dab749345a09dfcd63bf.css"/>
145	
146	<link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/stylesheets/gtheme3.css?v=7"/>
147	
148	<style type="text/css">
149		#loginLoader{
150			position: absolute;
151	    	left: 0;
152	    	right: 0;
153	    	margin-left: auto;
154	    	margin-right: auto;
155	    	width: 100px;
156	    	top: 50%;
157		}
158	    .customSocialBtn {
159	      	display: flex; 
160	    	white-space: nowrap;
161	    	justify-content: center;
162	    	align-items: center;
163	    	padding: 11px 67px;
164	    	position: static;
165	    	left: 0px;
166	    	top: 40px;
167	    	cursor: pointer;
168	    	margin: auto;
169	    	border: none;
170	    	gap: 10px;
171	    	/*width: 364px;
172	    	height: 48px;
173	      	 background: #000000; */
174	    	/*For New Button Remove Bellow Codes and Uncomment upper Code  */
175	    	background: white;
176	      	border-radius: 4px;
177	      	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
178	      	width: 245px;
179	      	height: 40px;
180	    }
181	  
182	    .customSocialBtn img.icon {     
183	    	height: 20px;
184	    	width: 20px;
185	    }
186	    .customSocialBtn span.buttonText {
187	    	font-style: normal;
188	    	font-weight: 900;
189	    	font-size: 16px;
190	    	line-height: 120%;
191			opacity: 0.9;
192	    	font-family: 'Roboto', sans-serif;
193	    	/* color: #F7F7F7; */
194	    	/*For New Button Remove Bellow Codes and Uncomment upper Code  */
195	    	color: #808080;
196	    }
197	</style>
198	
199	
200		
201		
202		
203	
204	
205		
206		
207			<style type="text/css">
208				footer a, footer+div a {
209					color: var(--footerTextColor) !important;
210				}
211				footer .socialIcons {text-align: right;}
212				@media (max-width: 600px) {
213					footer .linksCont a { display: block !important; }
214					footer .socialIcons {text-align: center;margin-top: 20px;}
215				}
216			</style>
217		
218	
219
220
221
222
223
224<style type="text/css">
225	:root {
226	 	--themeColor: #5755d9;
227	 	--themeBGColor: #fff;
228		--headerHeight: 80px;
229		--headerTextColor: #0A0959;
230		--headerBGColor: #FDFBFB;
231		
232	}
233
234
235	:root {
236	 	--themeColor: #317AE7;
237	 	--themeBGColor: #EFF5FE;
238	 	--themeCornerRadius: 25px;
239	 	--themeGrayColor: #F5F5F5;
240	 }
241
242</style>
243
244<style type="text/css">
245	.yogya-footer span{
246     text-decoration: underline;
247}
248
249.whatsapp-widget-container {
250    left: 40px;
251}
252    
253
254</style>
255
256
257
258	<!-- Facebook Pixel Code -->
259	
259<script>
vendor: 426 bytes, lines 259-268
259
260	  !function(f,b,e,v,n,t,s)
261	  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
262	  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
263	  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
264	  n.queue=[];t=b.createElement(e);t.async=!0;
265	  t.src=v;s=b.getElementsByTagName(e)[0];
266	  s.parentNode.insertBefore(t,s)}(window, document,'script',
267	  'https://connect.facebook.net/en_US/fbevents.js');
268	  fbq('init', '
268277173298457148
vendor: 34 bytes, lines 268-270
268');
269	  fbq('track', 'PageView');
270	
270</script>
270
271	<noscript><img height="1" width="1" style="display:none"
272	  src="https://www.facebook.com/tr?id=277173298457148&ev=PageView&noscript=1"
273	/></noscript>
274	<!-- End Facebook Pixel Code -->
275
276
277<script type="text/javascript">
278	window.onload = function(event) {
279	   document.querySelectorAll('header .avatar img').forEach(function(img){
280		   	if(img.naturalWidth == 0) {
281		   		img.style.display='none';
282		   	}
283	   })
284	};
285	var RESCDN = "https://d502jbuhuh9wk.cloudfront.net";
286	
287	function showCourseDefaultCover(img, cid) {
288		var rndm = ((parseInt(cid.replace(/[a-z]/g, '')) % 10) % 6) + 1;
289		rndm = isNaN(rndm) ? 1 : rndm;
290		if(img === null) {
291			return RESCDN + "/resources/images/cc"+rndm+".jpg";
292		}
293		
294		img.src = RESCDN + "/resources/images/cc"+rndm+".jpg";
295	}
296</script>
296
297
298
299
300	
301	
302
303
304
305
306
307
308
309<script type="text/javascript">var learnerConsentMsg = `We've updated our <a href='/termsofuse' target='_blank' style='text-decoration:underline'>terms and conditions</a> and <a href='/privacy-policy' target='_blank' style='text-decoration:underline'>privacy policy</a>.<br>By proceeding, you agree to our new terms.`;</script>
309
310
311<script type="text/javascript">var creatorConsentMsg = `We've updated our <a href='https://graphy.com/legal/terms' target='_blank' style='text-decoration:underline'>terms and conditions</a> and <a href='https://graphy.com/legal/privacy' target='_blank' style='text-decoration:underline'>privacy policy</a>.<br>By proceeding, you agree to our new terms.`;</script>
311
312
313<script type="text/javascript">var cookieMsg = `We use cookies to personalise your experience and to analyse our website traffic. By continuing to use our website, you consent to our cookies.`;</script>
313
314
315
316
317
318
319
320<script type="text/template" id="consentPromptTemplate">
321<div class="spectre">
322	<div class="modal active" id="consentPrompt">
323		    <a href="javascript:void(0);" class="modal-overlay" aria-label="Close"></a>
324		    <div class="modal-container" style="max-width:325px">
325		      <div class="modal-header" style="padding:0.8rem 0.8rem 0px 0.8rem;">
326		        <div class="modal-title h5 text-center">Updated Terms</div>
327		      </div>
328		      <div class="modal-body">
329		        
330				<form id="consentForm" style="text-align:center; font-size:13px">
331					<div class="content"></div><br>
332					<div class="text-center">
333						<button id="consentBtn" type="button" class="btn close btn-primary">I Agree</button>
334					</div>
335				</form>
336
337		    </div>
338		  </div>
339</div>
340</script>
340
341
342
343<script>
344	var hideCookiePopup = false;
345	var cookieConsentEnabled = false;
346	if(!cookieConsentEnabled){
347		hideCookiePopup = true;
348	}
349	var SPORG = {subscriptionPlan: "launch", checkout_version: "2", customer_type: "r"};
350</script>
vendor: 1 bytes, line 350
350
351<script type="text/template" id="cookiePopupTemplate">
352<div class="spectre" style="position: fixed; bottom: 0; width: 100%; opacity:1; z-index: 9999;">
353		<div class="modal-container p-0" id="cookiePopup">        
354			<form id="cookiePopupForm">
355				<div class="columns" style="align-items: center;">
356					<div class="column col-sm-12 content text-center"></div>
357					<div class="column col-sm-12 text-center">
358						<a href="/privacy-policy" class="btn" target="_blank" id="viewPrivacyPolicyBtn" style="margin-right:15px;">View privacy policy</a>
359						<button id="acceptCookiesBtn" type="button" class="btn close btn-primary">Accept cookies</button>
360					</div>
361				</div>
362			</form>
363		</div>
364</div>
365</script>
365
366
367
368
369	
370		
371		
372			
373		
374	
375
376
377
378
379
380<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 380-381
380
381<script async src="https://www.googletagmanager.com/gtag/js?id=
381G-15VH4M6FW2
vendor: 12 bytes, line 381
381"></script>
382<script>
383 
vendor: 131 bytes, lines 383-387
383window.dataLayer = window.dataLayer || [];
384 function gtag(){dataLayer.push(arguments);}
385 gtag('js', new Date());
386
387 gtag('config', '
387G-15VH4M6FW2
vendor: 4 bytes, line 387
387');
388</script>
388
389
390
391
392
393
394
395
396	
397
398
399<!-- Google Tag Manager -->
400<script>
vendor: 327 bytes, lines 400-404
400(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
401new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
402j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
403'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
404})(window,document,'script','dataLayer','
404GTM-KW7N9P2
vendor: 4 bytes, line 404
404');
405</script>
405
406<!-- End Google Tag Manager -->
407 
408 	
408<script defer type="text/javascript" src="https://api.pirsch.io/pirsch-extended.js" 
409    id="pirschextendedjs" 
410    data-code="r3SzSviPwh42EmlHOV21vGN1uRVD7Opl"></script>
410
411 
412	
413	
414	
415
416	
417	
418	
419</head>
420
421<body class="">
422
423
424	
425		
426			<style type='text/css'>.custom-header { display: flex; align-items: flex-end; padding: 15px 40px; background-color: #ffffff; box-shadow: -7px -3px 4px 1px; position: sticky; top: 0; z-index: 99; flex-direction: column; justify-content: space-between; gap: 15px; margin-bottom: -80px; margin-top: -20px; } .custom-logo { height: 48px; padding: 0px; } .custom-nav { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; } .custom-nav a { text-decoration: none; color: #170548; font-weight: 500 !important; position: relative; font-size: 14px; text-transform: capitalize; text-align: center; border: 1px solid transparent; padding: 0.5rem 0.6rem; } .custom-dropdown { position: relative; z-index: 5; } .custom-dropdown-content { display: none; position: absolute; top: 100%; left: 0; background: white; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); border-radius: 8px; min-width: 180px; } .custom-dropdown-content a { display: block; padding: 10px 16px; color: #333; text-align: left; } .custom-dropdown-content a:hover { background-color: #f5f5f5; } .custom-dropdown:hover .custom-dropdown-content { display: block; } .form-input.input-lg.searchTxtBox { width: 300px; margin: 0 0; } #i8d1j { width: 100%; background: transparent; } #i89ko { width: 100%; } .header-head { flex-direction: row; justify-content: space-between; display: flex; align-items: center; width: 100%; } .navbar-section.hide-md { text-align: left; justify-content: center; flex-direction: row; align-items: flex-start; display: block; border-radius: 0 0 0 0; } #ilki8e { width: 46vw; } .search-btn { all: unset; display: inline-block; background: none; border: none; padding: 0; font: inherit; cursor: pointer; padding-top: 6px; padding-right: 5px; } @media (max-width : 720px) { .custom-header { padding: 10px; } .custom-nav { gap: 10px; justify-content: center; } .custom-nav a { padding: 5px; } }</style><html>
427 <head></head>
428 <body>
429  <header class="custom-header"> 
430   <div class="header-head">
431    <a href="/" id="illlk"><img alt="Logo" class="custom-logo lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/logos/634f9aabe4b0eb6d7ee6d009.png?v=5"></a> 
432    <section id="ilki8e" class="navbar-section hide-md"> 
433     <form action="/s/store/courses" method="GET" id="i8d1j" class="input-group p-0 relative"> 
434      <div bis_skin_checked="1" id="i89ko" class="input-group">
435       <input type="text" name="query" value="" placeholder="Search" class="form-input input-lg searchTxtBox">
436       <button type="submit" id="ikdfrl" class="btn btn-link search-btn"><i class="fa-regular fa-magnifying-glass"> </i></button>
437      </div> 
438     </form> 
439    </section> 
440   </div> 
441   <nav class="custom-nav">
442    <a href="/s/store">Courses</a>
443    <a href="/products">Digital Products</a>
444    <a href="/s/pages/homepage">Home</a>
445    <a href="/s/pages/about-us-gws">About Us</a> 
446    <div class="custom-dropdown">
447     <a href="#">Offerings ▼</a> 
448     <div class="custom-dropdown-content">
449      <a href="/s/pages/assessment">Assessment</a>
450      <a href="/s /pages/coaching">Coaching</a>
451      <a href="/s/pages/consulting">Consulting</a> 
452      <a href="/s/pages/spagesempowherprogram">EmpowHER</a>
453      <a href="/s/pages/mentor-coaching">Mentor Coaching</a>
454      <a href="/s/pages/the-dig-of-discovery-board-game">The Dig of Discovery Board Game</a>
455     </div> 
456    </div>
457    <a href="/s/pages/clients">Clients and Testimonials</a>
458    <a href="/s/pages/page%20links">Links Page</a>
459    <a href="/blog">Blog</a>
460    <a href="javascript:void(0);" class="btn btn-link loginBtn"><i class="material-icons">lock_open </i><span class="icon-text">Login</span></a> 
461   </nav> 
462   
462<script> window.$zoho = window.$zoho || {}; $zoho.salesiq = $zoho.salesiq || { ready: function() {} } </script>
462 
463   
463<script src="https://cdn-in.pagesense.io/js/growwithsatorillp/02f85916ac2d41c294ebce4153fade88.js"></script>
463 
464   
464<script id="zsiqscript" src="https://salesiq.zohopublic.in/widget?wc=siqe06ea90aac7ceb2ff46eb3b722709a03ef9237ee539a810b2618e924e243bde0" defer></script>
464 
465  </header>
466 </body>
467</html>
468		
469		
470	
471
472
473
474
475
476
477
478<script>const customDomain = "www.growithsatori.com";</script>
478
479
480   
481  
482
483<script>
484var disabledLocleVar='Disabled';
485var enabledLocaleVar='Enabled';
486var smsLocaleVar='SMS';
487var webpushLocaleVar='Web Push';
488var mobilepushLocaleVar='Mobile Push';
489var invoicenumberLocaleVar='Invoice Number';
490var productLocaleVar='Product';
491var dateLocaleVar='Date';
492var amountLocaleVar='Amount';
493var detailsLocaleVar='Details';
494var subscriptionPlanLocaleVar='Subscription Plan';
495var addonsLocaleVar='Add Ons';
496var showLocalVar='Show';
497var hideLocaleVar='Hide';
498</script>
498 
499<div class="spectre">
500
501	
502	
503		
504		
505		
506			
507				
507<script>
508					var isPopupLogin = true;
509					var login = '';
510					var message = '';
511					function closeLoginPopup() {
512						$("#loginFormHtml").removeClass("active");
513						$("body").removeClass("overflowYDisable");
514					}
515				</script>
515
516				
517				
518				
519					
520				
521
522				<div class="modal" id="loginFormHtml">
523					<iframe id="microfe-popup-login" src="/t/public/login" loading="lazy"
524						style="width: calc(100% + 10px); height: 100vh; border: none;"
525						onload="$(this).parent().removeClass('loading');"></iframe>
526				</div>
527			
528		
529	 
530	
531
532	<div class="modal" id="cartHtml">
533		<a href="javascript:void(0);" class="modal-overlay close"
534			aria-label="Close"></a>
535		<div class="modal-container" style="max-width: 800px;">
536			<div class="modal-header">
537				<a href="javascript:void(0);"
538					class="close btn btn-clear float-right" aria-label="Close"></a>
539				<div class="modal-title h5">
540					<i class="fa-regular fa-shopping-cart"></i>
541					Cart
542					(<span class="cartCount">0</span>
543					Items
544					)
545				</div>
546			</div>
547			<div class="modal-body" style="max-height: 70vh;">
548				<div class="content">
549
550					<div class="text-center msg loading"></div>
551					<div class="text-center msg noItems" style="display: none;">
552						There are no items in your cart<br/>
553						<a class="btn btn-primary" href="/s/store"
554							style="margin: 20px auto;">
555							Add More
556						</a>
557					</div>
558					<div class="items msg" style="display: none;">
559						<div class="m-0 cartDiv">
560							<table class="table cartTable">
561								<thead>
562									<tr>
563										<th colspan="2">Item Details</th>
564										<th class="text-right">Price</th>
565										<th style="width: 50px;"></th>
566									</tr>
567								</thead>
568								<tbody></tbody>
569							</table>
570						</div>
571						<div class="suggestCart mt-2 bg-gray p-2" style="display: none;">
572							<h6>You may also be interested in</h6>
573							<div class="columns loading" id="cartRelatedCont"></div>
574						</div>
575					</div>
576				</div>
577			</div>
578			<div class="modal-footer">
579				<div class="msg items clearfix">
580					
581						
582						
583							<div class="float-left text-gray">
584								Note: Promo Codes can be applied after checkout
585							</div>
586						
587						
588					
589					<div class="float-right">
590						Total Amount
591						<span class="text-primary curr">₹<span
592							class="totalAmount">0</span></span>
593					</div>
594				</div>
595				<div class="msg items clearfix mt-2">
596					<a class="btn float-left" href="/s/store" amplitude-event="add_more_course_checkout">
597						Add More
598					</a>
599					
600					
601						
602							
603						
604						
605					
606					<a class="btn btn-primary float-right" href="/s/checkout" amplitude-event="checkout_tapped_course_checkout" amplitude-payload='{"currency": "INR" }'>Checkout</a>
607				</div>
608			</div>
609		</div>
610	</div>
611	<div class="modal" id="newCheckoutHtml" style="padding: 0; z-index: 10000;">
612	<div id="newCheckoutLoader" class="loading loading-lg" style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 1000;display:none;"></div>
613		<!-- <a href="javascript:void(0);" class="modal-overlay close"
614			aria-label="Close"></a>
615		<div class="modal-container" style=""> -->
616		
617
618			<iframe onload="hideCheckoutLoader()" id="newCheckoutIframe" sandbox="allow-top-navigation allow-modals allow-popups allow-presentation allow-orientation-lock allow-pointer-lock allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation allow-scripts allow-same-origin allow-forms" style = "width: calc(100% + 10px); height: 100%; border: none;"  src=""></iframe>
619				
620		<!-- </div> -->
621	</div>
622</div>
623
624<script type="text/template" id="cartItemTemplate">
625		<tr data-id="<@- item.id @>" data-type="<@- item.type @>" data-title="<@- item.title @>" data-price="<@- item.price @>" data-coursecategory="<@- item.courseCategory @>">
626			<@ var itemType = item.type; @>
627			<td style="width:150px;">	
628				<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item.id +"/"+ item.id +"_scaled_cover.jpg?v=" + coverVersion; if(isNaN(coverVersion)) { curl = showCourseDefaultCover(null, item.id)   } @>
629				<img alt="<@- item.title @> cover" style="width:100%;max-height:100px;" class="img-fit-contain lazy"  onerror="showCourseDefaultCover(this, '<@- item.id @>')" 
630						data-src='<@- curl @>' />
631			</td>
632			<td class="itemTitle"><@- item.title @><@ if(item.description !== undefined) { @><div class='text-gray variantDescription'><@ print(item.description) @></div><@ } @></td>
633			<td class="text-right curr"><@ if(item.priceWithoutTax !== undefined && 'GST' != '') { @><@ print(getDisplayAmount(item.priceWithoutTax)) @><br><small><@ print(getDisplayAmount(item.price)) @> incl. <@- item.gstRate @>% GST</small><@ } else { @><@ print(getDisplayAmount(item.price)) @> <@ if(item.gstRate > 0 && 'GST' != '') { print("<br><small>incl. " +item.gstRate+"% GST</small>") } @><@ } @> 				
634			<@ if(item.pgChargesLearnerPercent !==undefined && getDisplayAmount(item.pgChargesLearnerPercent).includes('₹')) {@> <br><small>Internet handling fees: <@print(getDisplayAmount(item.pgChargesLearnerPercent/100*item.price))@></small> <@} @>
635			</td>
636			<td>
636<button class="btn btn-sm btn-error btn-action circle removeItemBtn" data-url="/s/cart/remove/<@- item.id @>"><i class="material-icons">clear</i></button></td>
637		</tr>
638	</script>
vendor: 1 bytes, line 638
638
639<script type="text/template" id="cartcoursecard-template">
640		<div class="column col-2 col-md-4 scourse <@- item['spayee:resource']['spayee:courseType'] @>" title="<@- item["spayee:resource"]["spayee:title"] @>">
641			  <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
642				<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item["spayee:resource"]["spayee:coverVersion"]; if(isNaN(item["spayee:resource"]["spayee:coverVersion"])) { curl = showCourseDefaultCover(null, item._id)   } @>
643		              <img style="width: 100%;" alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl  @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
644					  <div class="card-footer" style="padding: 0.2rem;"><span class="ctitle text-ellipsis d-block" style="color:#2f4f4f;font-size:small;"><@- item["spayee:resource"]["spayee:title"] @></span></div>
645		      </a>
646		</div>
647	</script>
vendor: 1 bytes, line 647
647
648<script type="text/template" id="coursecard-template">
649		<div class="column scourse <@- item['spayee:resource']['spayee:courseType'] @> hidePackageRibbon<@- item['spayee:resource']['spayee:hidePackageRibbon'] @>">
650					
651					
652					
653					<@ var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @>
654
655					<a class="card courseDiscId" style="height:100%" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" data-id="<@- item._id@>" data-dcid="<@-item._id@>"
656						amplitude-event="course_card_tapped_checkout"
657						amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', '', item, '18.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"false","category":"<@- itemCategory @>"}'
658					>
659					
660						
661					
662		              <div class="card-image relative <@ print(item["spayee:resource"]["spayee:availableForMembership"] ? 'includedInMembership' : '') @>">
663						<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id + "/" + item._id +"_scaled_cover.jpg?v=" + item["spayee:resource"]["spayee:coverVersion"]; if(isNaN(item["spayee:resource"]["spayee:coverVersion"])) { curl = showCourseDefaultCover(null, item._id);   } @>
664						<div class="blurbg lazy" data-bg="<@- curl @>"></div>
665		                <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
666		              </div>
667		              <div class="card-body text-ellipsis">
668							<span class="ctitle" style="color:#2f4f4f;text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;"><@- item["spayee:resource"]["spayee:title"] @></span><br>
669
670							<@ if(item.rating !== undefined) { @>
671								<span class="text-gray ratingIcons icon-text">
672								<@ for(var i=1;i<6;i++) { @>
673									<@ if(item.rating.avgRating >= i) { @><i class="material-icons text-primary">star</i><@ }else if(item.rating.avgRating > i-1 && item.rating.avgRating < i) { @><i class="material-icons text-primary">star_half</i><@ }else { @>
674									<i class="material-icons">star_border</i>								
675								<@ } } @></span><small class="d-inline-block pl-1 text-dark"><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</small>
676							<@ }else { @> <span class="text-gray ratingIcons icon-text">&nbsp;</span> <@ } @>
677							<br>
678							<span class="text-gray">
679								<@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @>
680									<@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses
681								<@ }else { @>
682									<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:publisher"]):"&nbsp;") @>
683								<@ } @>
684							</span>
685					  </div>
686		              <div class="card-footer">
687						<@ print(getCourseDisplayPrice('₹', '', item, '18.0', '', true)) @>
688						<span class="text-gray" style="font-size:small">
689							<@ if(item['spayee:resource']['spayee:instalmentPlanId']!=null && item['spayee:resource']['spayee:instalmentPlanId'] !== "") { @>
690								<@ print(getCourseInstalmentDisplayPrice('', item))@>
691								<@ }else { @>
692								<@ "&nbsp;" @>
693							<@ } @>
694						</span>
695		              </div>
696					<div style="padding: 0 0.8rem 0.8rem 0.8rem;">
697						<span class="text-gray" style="font-size:small">
698							<@ if(getMultiplePlanLabel('', item)>1) {@>
699							<i class="material-icons text-primary" style="font-size:small">discount</i>
700							<@ print(' Flexible pricing plans') } @>
701						</span>
702					</div>
703		            </a>
704		</div>
705	</script>
705
706
707<script type="text/template" id="blogcard-template">
708		<div class="column col-3 col-md-6 col-sm-6 col-xs-12 scourse" style="margin-bottom: 20px;">
709					<a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="/blog/<@- item['spayee:resource']['spayee:url'] @>">
710		              <div class="card-image relative">
711						<@ if(item['spayee:resource']['spayee:cover'] !== undefined && item['spayee:resource']['spayee:cover']) { @>
712							<div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/articles/<@- item._id @>/cover.jpg<@ print(item["spayee:resource"]["spayee:coverVersion"] !== undefined?"?v="+item["spayee:resource"]["spayee:coverVersion"]:"") @>"></div>
713							<img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="img-responsive centered relative lazy" style="max-height: 100%;" data-src="https://d502jbuhuh9wk.cloudfront.net/articles/<@- item._id @>/cover.jpg?v=<@- item['spayee:resource']['spayee:coverVersion'] @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
714						<@ }else { @>
715							<div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png"></div>
716							<img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="img-responsive centered relative lazy" style="max-height: 100%;" data-src='https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png'>
717						<@ } @>
718		              </div>
719		              <div class="card-body text-ellipsis"><span style="color:#2f4f4f;"><@- item["spayee:resource"]["spayee:title"] @></span></div>
720		              <div class="card-footer" style="padding: 0.4rem;">
721						<span class="text-gray float-left text-ellipsis" style="max-width: calc(100% - 110px);"><@ print(item["spayee:resource"]["spayee:author"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:author"]):"") @></span>
722						<@ var pdate = item.createdDate.$date; if(item['spayee:resource']['spayee:publishDate'] !== undefined && item['spayee:resource']['spayee:publishDate'] !== '') { pdate = item['spayee:resource']['spayee:publishDate']; } @>
723						<time class="float-right text-warning"><@ print(formatDate(new Date(pdate))) @></time>
724		              </div>
725		            </a>
726		</div>
727	</script>
727
728	
729	
729<script type="text/javascript">
730	  var uuid = function (a) {
731		  // https://github.com/amplitude/Amplitude-Javascript/blob/master/src/uuid.js
732		  return a // if the placeholder was passed, return
733		    ? // a random number from 0 to 15
734		      (
735		        a ^ // unless b is 8,
736		        ((Math.random() * // in which case
737		          16) >> // a random number from
738		          (a / 4))
739		      ) // 8 to 11
740		        .toString(16) // in hexadecimal
741		    : // or otherwise a concatenated string:
742		      (
743		        [1e7] + // 10000000 +
744		        -1e3 + // -1000 +
745		        -4e3 + // -4000 +
746		        -8e3 + // -80000000 +
747		        -1e11
748		      ) // -100000000000,
749		        .replace(
750		          // replacing
751		          /[018]/g, // zeroes, ones, and eights with
752		          uuid, // random hex digits
753		        );
754	  };
755		
756	  (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
757	  ;r.type="text/javascript"
758	  ;r.integrity="sha384-tzcaaCH5+KXD4sGaDozev6oElQhsVfbJvdi3//c2YvbY02LrNlbpGdt3Wq4rWonS"
759	  ;r.crossOrigin="anonymous";r.async=true
760	  ;r.src="https://cdn.amplitude.com/libs/amplitude-8.5.0-min.gz.js"
761	  ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
762	  console.log("[Amplitude] Error: could not load SDK")}}
763	  ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
764	  ;function s(e,t){e.prototype[t]=function(){
765	  this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
766	  var o=function(){this._q=[];return this}
767	  ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
768	  ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
769	  ;return this}
770	  ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
771	  ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
772	  ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
773	  ;function v(e){function t(t){e[t]=function(){
774	  e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
775	  for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
776	  e=(!e||e.length===0?"$default_instance":e).toLowerCase()
777	  ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
778	  }return n._iq[e]};e.amplitude=n})(window,document);
779	
780	  amplitude.getInstance().init('e56929a4c3888c23e97a7e70e34ccf6c');
781	  amplitude.getInstance().setUserId(null);
782	  //amplitude.getInstance().regenerateDeviceId();
783
784    var userProperties = {
785			custom_domain: "www.growithsatori.com",
786			org_id: "634f9aabe4b0eb6d7ee6d009",
787			default_google_login_enabled: 'true' == 'true',
788			personalized_google_login_enabled: '' != '' && 'true' == 'false' ? true : false,
789			facebook_login_enabled: 'false' == 'true' ? true : false
790	  };
791	  amplitude.getInstance().setUserProperties(userProperties);
792    
793/*     var deviceId = uuid();
794	  amplitude.getInstance().setDeviceId(deviceId);
795	  sessionStorage.setItem('amplitudeDeviceId', deviceId); */
796	</script>
796
797	
798	
798<script type="text/javascript">
799		window.signupParams = {source: "store", platform: "web", sourceId: null};
800		var showGraphyFomoFlag = '';
801		
802			showGraphyFomoFlag = '634f9aabe4b0eb6d7ee6d009';
803		
804	</script>
804
805
806	
806<script type="text/javascript">
807		function hideCheckoutLoader() {
808			if(typeof window.hideLoader =="function") {
809				window.hideLoader();
810			}
811		}
812		var checkoutRedirectGuestUsers = 'signup';
813	</script>
813
814
815
816
817
818
819
820<script type="text/template" id="spcoursecard-2-template">
821		<div class="column third">
822			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
823			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
824			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
825			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
826			<h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4>
827			<p class="size-16"><@ if(item.rating !== undefined) { @>
828								<span class="text-gray ratingIcons icon-text">
829								<@ for(var i=1;i<6;i++) { @>
830									<@ if(item.rating.avgRating >= i) { @><i class="material-icons text-primary">star</i><@ }else if(item.rating.avgRating > i-1 && item.rating.avgRating < i) { @><i class="material-icons text-primary">star_half</i><@ }else { @>
831									<i class="material-icons">star_border</i>								
832								<@ } } @></span><span><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</span>
833			<@ }else { @> <span class="text-gray ratingIcons icon-text">&nbsp;</span> <@ } @></p>
834			<p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
835				<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
836			
837			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', true)) @></span><br></p>
838			<div style="margin:1em 0"></div>
839			</a>
840		</div>
841	</script>
vendor: 1 bytes, line 841
841
842<script type="text/template" id="spcoursecard-1-template">
843		<div class="column third">
844			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
845			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
846			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
847			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
848			<h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4>
849			<div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
850
851			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', true)) @></span><br></p>
852			<div style="margin:1em 0"></div>
853			</a>
854		</div>
855	</script>
vendor: 1 bytes, line 855
855
856<script type="text/template" id="spcoursecard-3-template">
857		<div class="column third">
858			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
859			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
860			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
861			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
862			<h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4>
863			<div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
864			<p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
865				<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
866			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', true)) @></span><br></p>
867			<div style="margin:1em 0"></div>
868			</a>
869		</div>
870	</script>
870
871	
872<script type="text/template" id="spcoursecard-4-template">
873		<div class="column third text-center" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;">
874			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
875			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
876			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
877			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
878			</a>
879			<h3 class="size-18 text-center" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><b class="text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h3>
880			<div class="discription"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
881			<p class="size-18 price text-primary"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', true)) @></p>
882			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>Buy now<br></a>
883		</div>
884	</script>
884	
885<script type="text/template" id="spcoursecard-5-template">
886		<div class="column third" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;">
887			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
888			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>			
889			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
890			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
891			</a>
892			<h3 class="sub-heading"><b class="size-18 text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h4>
893			<p class="size-16 description text-primary"> <@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
894				Instructor : <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
895			<@if(item.rating){@>
896				<p class="size-16 description text-primary">Rating: &nbsp;
897 					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
898						<@if(item.rating){@> 
899							<@if(item.rating.avgRating){@> 
900								<@ if(item.rating.avgRating >= ratingsSize) {@> 
901									<i class="icon ion-android-star text-primary"></i>&nbsp; 
902								<@ } else if(item.rating.avgRating > ratingsSize-1 && item.rating.avgRating < ratingsSize) { @> 
903									<i class="icon ion-android-star-half text-primary"></i>&nbsp; 
904								<@ } @>
905							<@}@>		
906		  				<@}@>
907					<@}@>
908				</p>
909			<@}@>
910		
911			<p class="size-18 price text-primary">Price : <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', true)) @></p>
912			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>Buy now</a>
913		</div>
914	</script>
914
915	
916<script type="text/template" id="spcoursecard-6-template">
917		<div class="column third">
918			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
919			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
920				
921				
922				<@  var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:''@>
923				
924				<@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) { @> 
925				   <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="course_card_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'>
926				<@ } else { @>
927 				   <a title="<@- item['spayee:resource']['spayee:title'] @>" amplitude-event="course_card_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'>  
928                <@ } @>
929			
930			
931			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')" style="border-radius: 20px; margin-bottom: 0px; width: 100%; height: 190px;object-fit:cover;">
932			</a>
933			<div style="font-weight: 800; line-height: 1.1; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;" class="text-ellipsis"><@- item['spayee:resource']['spayee:title'] @></div>
934			<p class="size-16 description text-primary"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> Courses<@ } @></p>
935			<p class="size-18 price text-primary"><@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) @> <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @></p>
936			<@ if (item.isMembershipPage != undefined && !item.isMembershipPage) { @>
937            
938				
939					<@ var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @>
940					<@ if(isMultiplePlansAvailable(sessionCountry, item) === false) { @>
941						<a title="<@- item['spayee:resource']['spayee:title'] @>" href="/single-checkout/<@- item['_id'] @>?pid=<@ print(getCoursePid(sessionCountry, item)) @>" class="buy-btn btn btn-primary" amplitude-event="course_buy_now_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}' style="border: none;padding: 16px 61px; font-size: 16px; letter-spacing: 0.08px; line-height: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center;">
942							Buy now
943						</a>
944					<@ } else { @>
945
946						<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="course_buy_now_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}' style="border: none;padding: 16px 61px; font-size: 16px; letter-spacing: 0.08px; line-height: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center;">
947							Buy now
948						</a>
949					<@ } @>
950				
951				
952			
953			<@ } @>
954		</div>
955	</script>
955			
956	
957	
958<script type="text/template" id="spcoursecard-7-template">
959		<div class="column third course-mob-block">
960			<div class="inner-course-block">
961			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
962			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>			
963			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
964			<img class="lazy" data-style="width: 100%; height: auto;" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')" >
965			</a>
966			<div class="course-price-block">
967			<p class="text-ellipsis" title="<@- item['spayee:resource']['spayee:title'] @>" style="font-size: 18px; font-weight: 700; line-height: 1.3rem; width: 100%; margin-top: 0px; margin-bottom: 0px; min-height: 47px; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;">
968				<@- item['spayee:resource']['spayee:title'] @>
969			</p>
970			<p class="text-primary" style="word-break: break-all; font-size: 14px; font-weight: 500; line-height: 1.5; margin-top: 16px; margin-bottom: 0px;">
971					<@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
972			</p>
973			</div>
974			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border: none; cursor: pointer; border-radius: 4px; padding: 13px 28px; line-height: 1.5; font-weight: 600; font-size: 14px; letter-spacing: 0.15px; margin-top: 28px;">
975				Enroll now
976			</a>
977			</div>
978		</div>
979</script>
979		
980	
981<script type="text/template" id="spcoursecard-8-template">
982	 <div class="row clearfix" style="margin-bottom: 24px; margin-top: 14px;">
983			<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
984			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
985                    <div class="column third center" style="padding-left: 0px; padding-right: 0px;">
986                        <img
987                            class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')"
988                            style="margin-top: 0px; margin-bottom: 0px;"
989                        />
990                    </div>
991                    <div class="column two-third course-block-mob" style="display: flex; flex-direction: column; justify-content: center;">
992                        <div class="course-price-block">	
993							<h3 style="color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.1; margin-bottom: 0px; margin-top: 0px; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;">
994								<@- item['spayee:resource']['spayee:title'] @>
995							</h3>
996                        	<div class="sortDescription8">
997                            	<@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @>
998                        	</div>
999						</div>
1000
1001                        <a class="buy-btn btn btn-primary" title="<@- item['spayee:resource']['spayee:title'] @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" style="width: fit-content; text-align: left; display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; cursor: pointer; background-color: rgb(231, 215, 73); color: rgb(0, 0, 0);border-radius: 0px;padding: 16px 48px;line-height: 16px;font-weight: 700;font-size: 16px;letter-spacing: 0.08px;border-image: initial;">
1002                            Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1003                        </a>
1004					</div>
1005        </div>
1006	</script>
1006	
1007
1008
1009	<!-- vegas TEMPLATE 9 NEW-->
1010	
1010<script type="text/template" id="spcoursecard-9-template" >
1011    <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1012        <div style="border:1px solid #D7D7D7; border-radius:24px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1013            <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1014            <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1015            
1016            <a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>
1017                <img style="height:200px; width:100%; object-fit:fill; margin:0px 0px; border-top-left-radius:24px; border-top-right-radius:24px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
1018            </a>
1019            
1020			<div style="padding:10px 20px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1021				<h3 
1022					class="size-18 text-left" 
1023					title="<@- item['spayee:resource']['spayee:title'] @>" 
1024					style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1025				>
1026					<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1027				</h3>
1028			
1029				<div 
1030					class="size-16 text-ellipsis course-card-text" 
1031					title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1032					style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1033				>
1034				<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1035				</div>
1036			</div>
1037			
1038                <div style="margin-top: auto; margin-left:10px;">
1039                    <a style="background-color:#FB5607 !important; border:0px !important; border-radius:62px !important; padding:10px 16px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 
1040                       class="buy-btn btn btn-primary" 
1041                       title="<@- item['spayee:resource']['spayee:title'] @>" 
1042                       amplitude-event="buy_now_tapped_course_checkout" 
1043                       amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1044                       href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1045                        Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1046                    </a>
1047                </div>
1048            </div>
1049        </div>
1050    </div>
1051</script>
1051
1052
1053			<!--Blaze Course nEW tEMPLATE 10-->
1054			
1054<script type="text/template" id="spcoursecard-10-template">
1055							<div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 10px;margin-top:10px; text-align:left;">
1056								<div style="height: 100%; display: flex; flex-direction: column;">
1057									<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1058									<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1059									
1060									<a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none; color:black; font-size:24px;">
1061										<img style="height:320px;  object-fit:cover; margin:0px 0px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
1062									</a>
1063									
1064									<div style=" flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1065										<h3 
1066			    class="size-18 text-left" 
1067			    style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: white;"
1068			>
1069			    <b title="<@= item['spayee:resource']['spayee:title'] @>" style="color:white;">
1070			        <@- item['spayee:resource']['spayee:title'] @>
1071			    </b>
1072			</h3>
1073										
1074										<div title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" class="size-16 text-ellipsis course-card-text" style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;color:white;">
1075											<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1076										</div>
1077										
1078										<div style="margin-top: auto;">
1079											<a style="width:100% !important;font-weight:600 !important; letter-spacing:0px; color:black !important; background-color:#D8FD46 !important; border:0px !important; border-radius:0px !important; padding:20px 36px !important; width: fit-content; display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; cursor: pointer; padding: 16px 28px; line-height: 16px; font-weight: 700; font-size: 16px; letter-spacing: 0px; border-image: initial;" 
1080											class="buy-btn btn btn-primary" 
1081											title="<@- item['spayee:resource']['spayee:title'] @>" 
1082											amplitude-event="buy_now_tapped_course_checkout" 
1083											amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1084											href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1085											 Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1086										 </a>
1087			
1088										</div>
1089									</div>
1090								</div>
1091							</div>
1092						</script>
1092
1093			
1094			<!--Olive Course 11-->
1095			
1095<script type="text/template" id="spcoursecard-11-template" >
1096				<@ 
1097				// Calculate colors based on index
1098				var colorIndex = (typeof window.courseCardColorIndex === 'undefined') ? 0 : window.courseCardColorIndex;
1099				var colors = [
1100					{ bg: '#FFA46B', btnBg: '#361500' },  // Orange card → Dark brown button
1101					{ bg: '#87A1F6', btnBg: '#001A71' },  // Blue card → Dark blue button
1102					{ bg: '#B073DC', btnBg: '#34005A' }  // Purple card → Dark brown button (default)
1103				];
1104				var currentColor = colors[colorIndex % 3];
1105				window.courseCardColorIndex = colorIndex + 1;
1106				@>
1107				
1108				<div class="column third text-center course-card course-card-fixed-height" style="padding: 0 15px; margin-bottom: 30px;">
1109					<div class="course-card-wrapper" style="background-color: <@- currentColor.bg @>; height: 100%; border-radius: 32px; overflow: hidden;">
1110						<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; 
1111						if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1112						
1113						<a class="course-image-link" style="display: block; padding: 16px;padding-bottom:0px" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1114							<img style="height:320px; width:100%; object-fit:cover; border-radius: 32px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
1115						</a>
1116						
1117						<div style="padding: 20px;" class="course-card-content">
1118							<h3 style="font-size:24px; text-transform:uppercase; color: black; margin: 0 0 15px 0; text-align: left;white-space:nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%;display:block;">
1119								<b title="<@= item['spayee:resource']['spayee:title'] @>"><@- item['spayee:resource']['spayee:title'] @></b>
1120							</h3>
1121							<div title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" class="size-16 text-ellipsis course-card-text" style="max-height: 3rem; min-height: 3rem; color:black; margin-bottom: 12px;text-align: left;">
1122								<@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"&nbsp;") @>
1123							</div>
1124							<a class="enroll-button" 
1125							   style="display: block; 
1126									  background-color: <@- currentColor.btnBg @>; 
1127									  color: white !important; 
1128									  padding: 12px; 
1129									  text-align: center; 
1130									  font-weight: 600; 
1131									  text-decoration: none;
1132									  border-radius: 32px;"
1133							   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1134								Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1135							</a>
1136						</div>
1137					</div>
1138				</div>
1139				
1140			</script>
1140
1141			
1142
1143			<!-- Nebula Course 12-->
1144			
1144<script type="text/template" id="spcoursecard-12-template" >
1145				<div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1146					<div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1147						<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1148						<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1149						
1150						<a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>
1151							<img style="height:240px; width:100%; object-fit:fill; margin:0px 0px; border-radius:16px; " class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
1152						</a>
1153						
1154						<div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1155							<h3 
1156								class="size-18 text-left" 
1157								title="<@- item['spayee:resource']['spayee:title'] @>" 
1158								style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1159							>
1160								<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1161							</h3>
1162						
1163							<div 
1164								class="size-16 text-ellipsis course-card-text" 
1165								title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1166								style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1167							>
1168							<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1169							</div>
1170						</div>
1171							
1172							<div style="margin-top: auto; margin-left:0px;">
1173								<a style="background-color:#6715FF !important;  border-radius:12px !important; padding:10px 16px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 
1174								   class="buy-btn btn btn-primary" 
1175								   title="<@- item['spayee:resource']['spayee:title'] @>" 
1176								   amplitude-event="buy_now_tapped_course_checkout" 
1177								   amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1178								   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1179									Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1180								</a>
1181							</div>
1182						</div>
1183					</div>
1184				</div>
1185			</script>
1185
1186
1187
1188
1189		<!--Dusk Course-13-->
1190		
1190<script type="text/template" id="spcoursecard-13-template" >
1191			<div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1192				<div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1193					<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1194					<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1195					
1196					<a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>
1197						<img style="height:240px; width:100%; object-fit:fill; margin:0px 0px; border-radius:16px; " class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
1198					</a>
1199					
1200					<div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1201						<h3 
1202							class="size-18 text-left" 
1203							title="<@- item['spayee:resource']['spayee:title'] @>" 
1204							style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1205						>
1206							<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1207						</h3>
1208					
1209						<div 
1210							class="size-16 text-ellipsis course-card-text" 
1211							title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1212							style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1213						>
1214						<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1215						</div>
1216					</div>
1217					
1218				   
1219						
1220						<div style="margin-top: auto; margin-left:0px;">
1221							<a style="background-color:#282400 !important;border:0px ;  border-radius:41px !important; padding:10px 24px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 
1222							   class="buy-btn btn btn-primary" 
1223							   title="<@- item['spayee:resource']['spayee:title'] @>" 
1224							   amplitude-event="buy_now_tapped_course_checkout" 
1225							   amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1226							   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1227								Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1228							</a>
1229						</div>
1230					</div>
1231				</div>
1232			</div>
1233		</script>
1233
1234			
1235			
1236
1237
1238
1239
1240
1241
1242
1243<!-- Curriculum 1st Template -->
1244<script type="text/template" id="coursecurr-1-template">
1245       <table class="table courseContents">
1246        <thead>
1247            <tr>
1248                <td style="width: 50px;"></td>
1249                <td style="width: 50px;"></td>
1250                <td></td>
1251            </tr>
1252        </thead>
1253        <tbody>
1254            <@ $.each(item, function(index, value) { @>
1255            <tr>
1256                <td><i class="material-icons courseItemIcon" data-type="<@- value.type @>"></i></td>
1257                <td colspan="2">
1258                    <@- value.title @> 
1259					<@ if(value.type == 'aiheading') { @>
1260						<small>(coming soon)</small><@ } @>
1261					<@ if(assetInfo && value.type == 'video' && value.duration !== undefined && value.duration > 0) { @>
1262						<small>(<@ print(Math.floor(value.duration)) @>:00)</small><@ } @>
1263					<@ if(assetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @>
1264						<small>(<@- value.pages @> pages)</small>
1265					<@ } @>
1266                </td>
1267            </tr>
1268            <@ if(value.items != undefined) { @> <@ $.each(value['items'], function(index1, value1) { @>
1269            <tr>
1270                <td></td>
1271                <td><i class="material-icons courseItemIcon" data-type="<@- value1.type @>"></i></td>
1272                <td>
1273                    <@- value1.title @>
1274					<@ if(assetInfo && value.type == 'video' && value1.duration !== undefined && value1.duration > 0) { @><small>(<@ print(Math.floor(value1.duration)) @>:00)</small><@ } @>
1275					<@ if(assetInfo && value1.type =='pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1276					<@ if(value1.type =='aiheading') { @><small>(coming soon)</small><@ } @>
1277                </td>
1278            </tr>
1279            <@ }); @> <@ } @> <@ }); @>
1280        </tbody>
1281    </table>
1282</script>
1282
1283
1284
1285<!-- Curriculum 2nd Template -->
1286<script type="text/template" id="coursecurr-2-template">
1287    <div class="column full curriculum2"  spellcheck="false">
1288      <div class="course-content1" >
1289    	<p style="font-size: 15px; font-weight: 400; margin-top: 0px;">
1290    		<@if(summary.modules && summary.modules>0){@>
1291    			<@print(summary.modules)@> Modules &nbsp;<i class="icon ion-android-folder-open"></i>&nbsp; &nbsp; <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>|<@}@>&nbsp; &nbsp;
1292    		<@}@>
1293    		<@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>
1294    			<@print(summary.sessions)@> Sessions <i class="icon ion-android-laptop"></i>&nbsp; &nbsp; <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>|<@}@>&nbsp; &nbsp;
1295    		<@}@>
1296    		<@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1297    			<@print(millisecondsToHHMMSSStr(summary.durations))@> Total Time&nbsp;&nbsp;<i class="icon ion-ios-clock-outline"></i>
1298    		<@}@>
1299    	</p>
1300      </div>
1301
1302
1303    	<@ $.each(item, function(index, value) { @>
1304    	<div class="course-course-content-box" >
1305    		<div class="course-content-blue-title <@if(value && value.contents){@> bg-primary <@}else if($('#'+id).closest('div.is-section').hasClass("is-bg-grey")){@>bg-white<@}else{@>is-bg-grey<@}@>" >
1306              <span class="title-icon">
1307    			<span class="material-icons <@if(value && !value.contents){@> text-primary <@}@>"><@ print(getCourseAssetIcon(value.type))@></span>
1308    		  </span>
1309    			<div class="titl5b" >
1310    				<h3 class="<@if(value && !value.contents){@> text-primary <@}@>">
1311    					<@print(value.title)@> <@ if(curriculumAssetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @><small>(<@- value.pages @> pages)</small><@ } @>
1312    					<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
1313    							<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value.id)@>" class="previewBtn"><span class="<@if(value && !value.contents){@> text-primary <@}@>">Preview</span></a>
1314    					<@}@>
1315    				</h3>
1316    		  		<p class="<@if(value && !value.contents){@> text-primary <@}@>"><@if(value && value.contents && curriculumAssetInfo){@>
1317    						Sessions: <@print(value.contents)@>
1318    					<@}@>
1319    					<@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@>|<@}@>
1320    						Time: <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1321    					<@}@>
1322    				<@if(value && value.contents>0){@><span class="material-icons">expand_more</span><@}@>  </p>
1323    			</div>
1324    		</div>
1325    <@if(value && value.items){@>
1326    	<@ $.each(value['items'], function(index1, value1) { @>
1327    		<div class="course-content-body <@if(index==0){@>showing<@ }@>" >
1328    				<div class="desc1 " >
1329    				<div class="is-box-9" >
1330    					<div class="boxa1" >
1331    						<span class="material-icons text-primary"><@ print(getCourseAssetIcon(value1.type))@></span>
1332    						<p> <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1333							<@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1334							</p>
1335		
1336    					</div>
1337    				</div>
1338    				<div class="is-box-1" >
1339    					<div class="boxa2" >
1340    						<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1341    								<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>#<@print(value1.id)@>">
1342										<@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1343									</a>
1344    						<@}@>
1345    					</div>
1346    				</div>
1347    				<div class="is-box-2" >
1348    					<div class="boxa2" >
1349    						<p class="duration"><@if(value1.duration && curriculumAssetInfo){@><@print(millisecondsToHHMMSSStr(value1.duration))@><@}@></p>
1350    					</div>
1351    				</div>
1352    				</div>
1353    		</div>
1354    	<@ }); @>
1355    <@}@>
1356    	</div>
1357      <@ }); @>
1358
1359    </div>
1360</script>
1360
1361
1362
1363
1364
1365
1366<!-- Curriculum 3rd Template -->
1367<script type="text/template" id="coursecurr-3-template">
1368     <div class="column full" spellcheck="false" data-gramm="false">
1369        <div class="accordion-syllabus" >
1370			<@ $.each(item, function(index, value) { @>
1371            <div class="accordion-syllabus-item">
1372                <header class="accordion-syllabus-header">
1373                    <h4 class="accordion-syllabus-header__title">
1374                        <span class="text-primary">
1375							<@if(index<9){@>
1376									0<@print(index+1)@>
1377								<@ } else {@> 
1378									<@print(index+1)@> 
1379							<@ } @>
1380						</span>
1381                        <p><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
1382							<@if(value && value.items){@>
1383								<@ print(value.items.length) @> attachment(s) 
1384							<@}@>
1385						<@if(value.moduleDurations && curriculumAssetInfo){@>
1386							<@if(value && value.contents){@> • <@}@>
1387    						<@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1388    					<@}@>
1389						</span></p>
1390						
1391                    </h4>
1392                    <div class="accordion-syllabus-header__info">
1393                        <p class="text-primary hide-sm">
1394							<@if(value && value.items){@>
1395								<@ print(value.items.length) @> attachment(s) 
1396							<@}@>
1397						<@if(value.moduleDurations && curriculumAssetInfo){@>
1398							<@if(value && value.contents){@> • <@}@>
1399    						<@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1400    					<@}@>
1401						</p>
1402						<@if(value && value.items){@>
1403                        <div class="accordion-syllabus-header__icon text-primary">
1404                            <i class="fa fa-angle-left" aria-hidden="true"></i>
1405                        </div>
1406						<@}@>
1407                    </div>
1408                </header>
1409				<@if(value && value.items){@>
1410                <div class="accordion-content" style="">
1411                    <div class="accordian-content-block">
1412                        <ul class="accordian-list">
1413							<@ $.each(value['items'], function(index1, value1) { @>
1414                            <li class="accordian-list__item">
1415                                <div class="accordian-content-card">
1416                                    <div class="accordian-content-card__info">
1417                                        <div class="accordian-content-card__ico">
1418											<@ if(value1.type == 'code'){ @>
1419												<img src="/resources/images/CodeIcon.svg">
1420											<@ } else { @>
1421												<span class="material-icons text-primary">
1422													<@ print(getCourseAssetIcon(value1.type))@>
1423												</span>
1424											<@ } @>
1425										</div>
1426                                        <div class="accordian-content-card__title">
1427											<@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1428											<@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1429										</div>
1430                                    </div>
1431                                    <div class="accordian-content-card__link">
1432										<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1433    										<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn">
1434												<span class="text-primary">
1435													<@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @><span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span>
1436												</span>
1437											</a>
1438    									<@}@>
1439                                    </div>
1440                                </div>
1441                            </li>
1442                    		<@ }); @>
1443                        </ul>
1444                    </div>
1445                </div>
1446			<@ } @>
1447            </div>
1448           <@ }); @>   
1449        </div>
1450    </div>
1451</script>
1451
1452
1453
1454
1455<!-- Curriculum 4th Template -->
1456<script type="text/template" id="coursecurr-4-template">
1457   <div class="column full coursecurr4">
1458	 <@ $.each(item, function(index, value) { @>
1459	 <div class="accordion-syllabus-item">
1460	 <header class="accordion-syllabus-header" >
1461		 <h4 class="accordion-syllabus-header__title">
1462			 <span>
1463				 <@if(index<9){@>0<@print(index+1)@><@ } else {@> <@print(index+1)@> <@ } @>
1464			 </span>
1465			 <div class="accordion-syllabus-header__title-block" > 
1466				 <p style="font-size: 20px; font-weight: 700;">
1467					 <@print(value.title)@>
1468				 </p>
1469				 <p class="text-primary" style="font-weight: 500; font-size: 14px; line-height: 150%; margin-top: 10px; ">
1470					 <@if(value && value.type == 'aiheading'){@>
1471						 (coming soon)
1472					 <@}@>
1473					 <@if(value && value.items){@>
1474						 <@ print(value.items.length) @> attachment(s) 
1475					 <@}@>
1476					 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@> • <@}@>
1477						 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1478					 <@}@>
1479				 </p>
1480			 </div>
1481		 </h4>
1482		 <@if(value && value.items){@>
1483		 <div class="accordion-syllabus-header__info" >
1484			 <div class="accordion-syllabus-header__icon" >
1485				 <i class="fa fa-angle-left" aria-hidden="true"></i>
1486			 </div>
1487		 </div>
1488		 <@ } @>
1489	 </header>
1490	 <@if(value && value.items){@>
1491	 <div class="accordion-content"  style="">
1492		 <div class="accordian-content-block" >
1493			 <ul class="accordian-list">
1494				 <@ $.each(value['items'], function(index1, value1) { @>
1495				 <li class="accordian-list__item">
1496					 <div class="accordian-content-card" >
1497						 <div class="accordian-content-card__info" >
1498							 <div class="accordian-content-card__ico" >
1499								 <@ if(value1.type == 'code'){ @>
1500									 <img src="/resources/images/CodeIcon.svg">
1501								 <@ } else { @>
1502									 <span class="material-icons text-primary">
1503										 <@ print(getCourseAssetIcon(value1.type))@>262
1504									 </span>
1505								 <@ } @>
1506							 </div>
1507							 <div class="accordian-content-card__title" >
1508								 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1509								 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1510							 </div>
1511						 </div>
1512						 <div class="accordian-content-card__link" >
1513							 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1514							 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn">
1515								 <span class="text-primary">
1516									 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span>
1517								 </span>
1518							 </a>
1519							 <@ } @>
1520						 </div>
1521					 </div>
1522				 </li>
1523				 <@ }); @>
1524			 </ul>
1525		 </div>
1526	 </div>
1527	 <@ } @>
1528   </div>
1529  <@ }); @>  
1530 </div>
1531 </script>
1531
1532
1533 <!-- vegas curriculum-5-->
1534 
1534<script>
1535	// Simple responsive positioning
1536	function updatePosition() {
1537		const element = document.getElementById('totalTimeElement');
1538		if(element){
1539		if (window.innerWidth > 768) {
1540			element.style.position = 'absolute';
1541			element.style.top = "5px";
1542			element.style.right = '122px';
1543		} else {
1544			element.style.position = 'static';
1545			element.style.margin = '0 0';
1546		}
1547		}
1548	}
1549	
1550	// Run on load and resize
1551	window.addEventListener('load', updatePosition);
1552	window.addEventListener('resize', updatePosition);
1553	</script>
1553
1554 
1554<script type="text/template" id="coursecurr-5-template">
1555	<div class="total-time" id="totalTimeElement" style="
1556    font-size: 18px;
1557    font-weight: 600;
1558    color: #FB5607;
1559    padding: 8px 12px;
1560    border-radius: 4px;
1561    white-space: nowrap;">
1562     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1563        <@print(millisecondsToHHMMSSStr(summary.durations))@>
1564    <@}@>
1565</div>
1566
1567<div class="accordion-syllabus" style="max-width:1000px !important">
1568    <@ $.each(item, function(index, value) { @>
1569    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
1570        <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:0px;box-shadow:none;padding:0.5rem !important">
1571            <h4 class="accordion-syllabus-header__title">
1572                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
1573                    <@if(index < 9) {@>  
1574                        Week <@print(index + 1)@>:  
1575                    <@ } else {@>  
1576                        Week <@print(index + 1)@>:
1577                    <@ } @>  
1578                </span>
1579                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
1580                    <@if(value && value.items){@>
1581                        <@ print(value.items.length) @> attachment(s) 
1582                    <@} else {@>
1583                        1 attachment(s)
1584                    <@}@>
1585                    <@if(value.moduleDurations && curriculumAssetInfo){@>
1586						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1587					<@}@>
1588                </span></p>
1589            </h4>
1590			
1591            <div class="accordion-syllabus-header__info">
1592                <p class="text-primary hide-sm" style="color:#FB5607 !important;">
1593                    <@if(value && value.items){@>
1594                        <@ print(value.items.length) @> attachment(s) 
1595                    <@} else {@>
1596                        1 attachment(s)
1597                    <@}@>
1598                    <@if(value.moduleDurations && curriculumAssetInfo){@>
1599						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1600					<@}@>
1601                </p>
1602                <div class="accordion-syllabus-header__icon text-primary">
1603                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#FB5607;"></i>
1604                </div>
1605            </div>
1606        </header>
1607        <div class="accordion-content" style="filter:none;">
1608            <div class="accordian-content-block" style="background:#F5F5F5 !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
1609                <ul class="accordian-list">
1610                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
1611                    <@ if(value['items'] && value['items'].length > 0) { @>
1612                        <@ $.each(value['items'], function(index1, value1) { @>
1613                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
1614							<style>
1615								@media (max-width: 768px) {
1616								  .accordian-content-card {
1617									flex-direction: column !important;
1618									align-items: stretch !important;
1619								  }
1620							  
1621								  .accordian-content-card__top {
1622									flex-direction: row !important;
1623									justify-content: space-between !important;
1624									align-items: center !important;
1625									width: 100% !important;
1626								  }
1627							  
1628								  .accordian-content-card__title {
1629									flex: 1 !important;
1630									margin: 0 10px !important;
1631									white-space: nowrap;
1632									overflow: hidden;
1633									text-overflow: ellipsis;
1634								  }
1635							  
1636								  .accordian-content-card__bottom {
1637									flex-direction: row !important;
1638									justify-content: space-between !important;
1639									align-items: center !important;
1640									width: 100% !important;
1641									margin-top: 6px !important;
1642								  }
1643							  
1644								  .accordian-content-card__link {
1645									flex: 1 !important;
1646									min-width: 0 !important;
1647									text-align: left !important;
1648								  }
1649							  
1650								  .accordian-content-card__time {
1651									flex-shrink: 0 !important;
1652									text-align: right !important;
1653								  }
1654								}
1655							  </style>
1656							  
1657							  <div class="accordian-content-card"
1658     style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
1659
1660							  
1661								<!-- Row 1: Icon + Title + Collapse Icon -->
1662								<div class="accordian-content-card__top"
1663									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1664							  
1665								  <!-- Icon -->
1666								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1667									<@ if(value1.type == 'code'){ @>
1668									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
1669									<@ } else { @>
1670									  <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;">
1671										<@ print(getCourseAssetIcon(value1.type))@>
1672									  </span>
1673									<@ } @>
1674								  </div>
1675							  
1676								  <!-- Title -->
1677								  <div class="accordian-content-card__title"
1678									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1679									<@print(value1.title)@>
1680								  </div>
1681							  
1682								  <!-- Collapse Icon (optional) -->
1683								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1684									<!-- Example placeholder, add real icon if needed -->
1685									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
1686								  </div>
1687								</div>
1688							  
1689								<!-- Row 2: Preview Button and Time -->
1690								<div class="accordian-content-card__bottom"
1691									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
1692							  
1693								  <!-- Preview Button -->
1694								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
1695									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1696									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
1697										 class="previewBtn"
1698										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1699										<span class="text-primary" style="color:#FB5607;">
1700										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1701										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span>
1702										</span>
1703									  </a>
1704									<@}@>
1705								  </div>
1706							  
1707								  <!-- Time -->
1708								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
1709									<p class="text-primary course-asset-time"
1710									   style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;">
1711									  <@ if(value1.duration && value1.duration > 0) { @>
1712										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
1713									  <@ } else { @>
1714										--
1715									  <@ } @>
1716									</p>
1717								  </div>
1718							  
1719								</div>
1720							  </div>
1721							  
1722							
1723                        </li>
1724                        <@ }); @>
1725                    <@ } else { @>
1726                        <li class="accordian-list__item" style="padding:0px 0px !important;">
1727							<div class="accordian-content-card"
1728							style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
1729					   
1730						   <!-- Row 1: Icon + Title + Collapse Icon -->
1731						   <div class="accordian-content-card__top"
1732								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1733						 
1734							   <!-- Icon -->
1735							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1736								   <@ if(value.type == 'code'){ @>
1737									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
1738								   <@ } else { @>
1739									   <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;">
1740										   <@ print(getCourseAssetIcon(value.type))@>
1741									   </span>
1742								   <@ } @>
1743							   </div>
1744						 
1745							   <!-- Title -->
1746							   <div class="accordian-content-card__title"
1747									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1748								   <@print(value.title)@>
1749							   </div>
1750						 
1751							   <!-- Collapse Icon (optional) -->
1752							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1753								   <!-- Example placeholder, add real icon if needed -->
1754								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
1755							   </div>
1756						   </div>
1757						 
1758						   <!-- Row 2: Preview Button and Time -->
1759						   <div class="accordian-content-card__bottom"
1760								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
1761						 
1762							   <!-- Preview Button -->
1763							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
1764								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
1765									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
1766										  class="previewBtn"
1767										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1768										   <span class="text-primary" style="color:#FB5607;">
1769											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1770											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span>
1771										   </span>
1772									   </a>
1773								   <@}@>
1774							   </div>
1775						 
1776							   <!-- Time -->
1777							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
1778								   <p class="text-primary course-asset-time"
1779									  style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;">
1780									   <@ if(value.duration && value.duration > 0) { @>
1781										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
1782									   <@ } else { @>
1783										   --
1784									   <@ } @>
1785								   </p>
1786							   </div>
1787						   </div>
1788					   </div>
1789                        </li>
1790                    <@ } @>
1791                </ul>
1792            
1793                <@ if(itemsCount > 5) { @>
1794                    <div style="text-align: center; margin-top: 10px;">
1795						<button style="background-color: #FB5607; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
1796						onclick="
1797							var parentAccordion = this.closest('.accordion-content');
1798							parentAccordion.style.maxHeight = 'none';
1799							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
1800							this.style.display = 'none';
1801						">
1802                            View All
1803                        </button>
1804                    </div>
1805                <@ } @>
1806            </div>
1807        </div>
1808    </div>
1809    <@ }); @>
1810    <@ if(item.length > 5) { @>
1811        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
1812            <button style="background-color: #FB5607; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
1813                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
1814                View All Sessions
1815            </button>
1816        </div>
1817    <@ } @>
1818</div>
1819	</div>
1820</script>
1820
1821
1822
1823<!--Blaze-Curriculum-6-->
1824<script type="text/template" id="coursecurr-6-template">
1825    <div class="column full" spellcheck="false" data-gramm="false">
1826        <div class="total-time" id="totalTimeElement" style="
1827            font-size: 18px;
1828            font-weight: 600;
1829            color: #D8FD46;
1830            padding: 8px 12px;
1831            border-radius: 4px;
1832            white-space: nowrap;
1833            background: #232323;
1834            margin-bottom: 20px;">
1835            <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1836                <@print(millisecondsToHHMMSSStr(summary.durations))@>
1837            <@}@>
1838        </div>
1839
1840        <div class="accordion-syllabus">
1841            <@ $.each(item, function(index, value) { @>
1842            <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
1843                <header class="accordion-syllabus-header" style="background:#232323 !important; border-radius:0px;box-shadow:none;padding:20px 20px !important">
1844                    <h4 class="accordion-syllabus-header__title">
1845                        <span class="text-primary" style="font-size:18px ; font-weight:600; color:white;"> 
1846                            <@if(index < 9) {@>  
1847								Week <@print(index + 1)@>:  
1848							<@ } else {@>  
1849								Week <@print(index + 1)@>:
1850							<@ } @>  
1851                        </span>
1852                        <p style="font-size:18px ; font-weight:600;color:white;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;color:#D8FD46 !important;">
1853							<@if(value && value.items){@>
1854								<@ print(value.items.length) @> attachment(s) 
1855							<@} else {@>
1856								1 attachment(s)
1857							<@}@>
1858							<@if(value.moduleDurations && curriculumAssetInfo){@>
1859								• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1860							<@}@>
1861						</span></p>
1862                    </h4>
1863                    <div class="accordion-syllabus-header__info">
1864                        <p class="text-primary hide-sm" style="color:#D8FD46 !important;">
1865                            <@if(value && value.items){@>
1866                                <@ print(value.items.length) @> attachment(s) 
1867                            <@} else {@>
1868                                1 attachment(s)
1869                            <@}@>
1870							<@if(value.moduleDurations && curriculumAssetInfo){@>
1871								• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1872							<@}@>
1873                        </p>
1874                        <div class="accordion-syllabus-header__icon text-primary">
1875                            <i class="fa fa-angle-left" aria-hidden="true" style="color:#D8FD46;"></i>
1876                        </div>
1877                    </div>
1878                </header>
1879                <div class="accordion-content" style="filter:none;background:#181818;">
1880                    <div class="accordian-content-block" style="box-shadow:none;padding:16px 20px !important;background:transparent !important;">
1881                        <ul class="accordian-list">
1882                            <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
1883                            <@ if(value['items'] && value['items'].length > 0) { @>
1884                                <@ $.each(value['items'], function(index1, value1) { @>
1885                                <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
1886                                    <style>
1887                                        @media (max-width: 768px) {
1888                                            .accordian-content-card {
1889                                                flex-direction: column !important;
1890                                                align-items: stretch !important;
1891                                            }
1892                                        
1893                                            .accordian-content-card__top {
1894                                                flex-direction: row !important;
1895                                                justify-content: space-between !important;
1896                                                align-items: center !important;
1897                                                width: 100% !important;
1898                                            }
1899                                        
1900                                            .accordian-content-card__title {
1901                                                flex: 1 !important;
1902                                                margin: 0 10px !important;
1903                                                white-space: nowrap;
1904                                                overflow: hidden;
1905                                                text-overflow: ellipsis;
1906                                            }
1907                                        
1908                                            .accordian-content-card__bottom {
1909                                                flex-direction: row !important;
1910                                                justify-content: space-between !important;
1911                                                align-items: center !important;
1912                                                width: 100% !important;
1913                                                margin-top: 6px !important;
1914                                            }
1915                                        
1916                                            .accordian-content-card__link {
1917                                                flex: 1 !important;
1918                                                min-width: 0 !important;
1919                                                text-align: left !important;
1920                                            }
1921                                        
1922                                            .accordian-content-card__time {
1923                                                flex-shrink: 0 !important;
1924                                                text-align: right !important;
1925                                            }
1926                                        }
1927                                    </style>
1928                                    
1929                                    <div class="accordian-content-card"
1930                                        style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; ">
1931                                    
1932                                        <!-- Row 1: Icon + Title + Collapse Icon -->
1933                                        <div class="accordian-content-card__top"
1934                                            style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1935                                        
1936                                            <!-- Icon -->
1937                                            <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1938                                                <@ if(value1.type == 'code'){ @>
1939                                                    <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);">
1940                                                <@ } else { @>
1941                                                    <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;">
1942                                                        <@ print(getCourseAssetIcon(value1.type))@>
1943                                                    </span>
1944                                                <@ } @>
1945                                            </div>
1946                                        
1947                                            <!-- Title -->
1948                                            <div class="accordian-content-card__title"
1949                                                style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1950                                                <@print(value1.title)@>
1951                                                <!-- <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @>
1952                                                    <small style="color: #999;">(<@- value1.pages @> pages)</small>
1953                                                <@ } @>
1954                                                <@ if(value1.type == 'aiheading') { @>
1955                                                    <small style="color: #999;">(coming soon)</small>
1956                                                <@ } @> -->
1957                                            </div>
1958                                        
1959                                            <!-- Collapse Icon -->
1960                                            <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1961                                            </div>
1962                                        </div>
1963                                    
1964                                        <!-- Row 2: Preview Button and Time -->
1965                                        <div class="accordian-content-card__bottom"
1966                                            style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
1967                                        
1968                                            <!-- Preview Button -->
1969                                            <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
1970                                                <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1971                                                <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
1972                                                    class="previewBtn"
1973                                                    style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1974                                                    <span class="text-primary" style="color:#D8FD46;">
1975                                                        <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1976                                                        <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span>
1977                                                    </span>
1978                                                </a>
1979                                                <@}@>
1980                                            </div>
1981                                        
1982                                            <!-- Time -->
1983                                            <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
1984                                                <p class="text-primary course-asset-time"
1985                                                    style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;">
1986                                                    <@ if(value1.duration && value1.duration > 0) { @>
1987                                                        <@ print(millisecondsToHHMMSSStr(value1.duration)) @>
1988                                                    <@ } else { @>
1989                                                        --
1990                                                    <@ } @>
1991                                                </p>
1992                                            </div>
1993                                        </div>
1994                                    </div>
1995                                </li>
1996                                <@ }); @>
1997                            <@ } else { @>
1998								<li class="accordian-list__item" style="padding:0px 0px !important;">
1999									<div class="accordian-content-card"
2000										style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; ">
2001								   
2002										<!-- Row 1: Icon + Title + Collapse Icon -->
2003										<div class="accordian-content-card__top"
2004											style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2005									  
2006											<!-- Icon -->
2007											<div class="accordian-content-card__ico" style="flex-shrink: 0;">
2008												<@ if(value.type == 'code'){ @>
2009													<img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);">
2010												<@ } else { @>
2011													<span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;">
2012														<@ print(getCourseAssetIcon(value.type))@>
2013													</span>
2014												<@ } @>
2015											</div>
2016									  
2017											<!-- Title -->
2018											<div class="accordian-content-card__title"
2019												style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2020												<@print(value.title)@>
2021											</div>
2022									  
2023											<!-- Collapse Icon (optional) -->
2024											<div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2025												<!-- Example placeholder, add real icon if needed -->
2026												<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2027											</div>
2028										</div>
2029									  
2030										<!-- Row 2: Preview Button and Time -->
2031										<div class="accordian-content-card__bottom"
2032											style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2033									  
2034											<!-- Preview Button -->
2035											<div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2036												<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2037													<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2038													   class="previewBtn"
2039													   style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2040														<span class="text-primary" style="color:#D8FD46;">
2041															<@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2042															<span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span>
2043														</span>
2044													</a>
2045												<@}@>
2046											</div>
2047									  
2048											<!-- Time -->
2049											<div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2050												<p class="text-primary course-asset-time"
2051												   style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;">
2052													<@ if(value.duration && value.duration > 0) { @>
2053														<@ print(millisecondsToHHMMSSStr(value.duration)) @>
2054													<@ } else { @>
2055														--
2056													<@ } @>
2057												</p>
2058											</div>
2059										</div>
2060									</div>
2061								</li>
2062                            <@ } @>
2063                        </ul>
2064                    
2065                        <@ if(itemsCount > 5) { @>
2066                            <div style="text-align: center; margin-top: 10px;">
2067                                <button style="background-color: #D8FD46; color: black; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 
2068                                   onclick="
2069							var parentAccordion = this.closest('.accordion-content');
2070							parentAccordion.style.maxHeight = 'none';
2071							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2072							this.style.display = 'none';
2073						">
2074                                    View All
2075                                </button>
2076                            </div>
2077                        <@ } @>
2078                    </div>
2079                </div>
2080            </div>
2081            <@ }); @>
2082            <@ if(item.length > 5) { @>
2083                <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2084                    <button style="background-color: #D8FD46; color: black; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 
2085                        onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2086                        View All Sessions
2087                    </button>
2088                </div>
2089            <@ } @>
2090        </div>
2091    </div>
2092</script>
2092
2093
2094<script>
2095    // Simple responsive positioning (same as Vegas)
2096    function updatePosition() {
2097        const element = document.getElementById('totalTimeElement');
2098        if(element){
2099            if (window.innerWidth > 768) {
2100                element.style.position = 'absolute';
2101                element.style.top = "5px";
2102                element.style.right = '122px';
2103            } else {
2104                element.style.position = 'static';
2105                element.style.margin = '0 0';
2106            }
2107        }
2108    }
2109    
2110    // Run on load and resize
2111    window.addEventListener('load', updatePosition);
2112    window.addEventListener('resize', updatePosition);
2113</script>
2113
2114
2115
2116
2117
2118<!--Nebula Curriculum 7-->
2119
2120
2121<script>
2122	// Simple responsive positioning
2123	function updatePosition() {
2124		const element = document.getElementById('totalTimeElement');
2125		if(element){
2126		if (window.innerWidth > 768) {
2127			element.style.position = 'absolute';
2128			element.style.top = "5px";
2129			element.style.right = '122px';
2130		} else {
2131			element.style.position = 'static';
2132			element.style.margin = '0 0';
2133		}
2134		}
2135	}
2136	
2137	// Run on load and resize
2138	window.addEventListener('load', updatePosition);
2139	window.addEventListener('resize', updatePosition);
2140	</script>
2140
2141 
2141<script type="text/template" id="coursecurr-7-template">
2142	<div class="total-time" id="totalTimeElement" style="
2143    font-size: 18px;
2144    font-weight: 600;
2145    color: #6715FF;
2146    padding: 8px 12px;
2147    border-radius: 4px;
2148    white-space: nowrap;">
2149     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2150        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2151    <@}@>
2152</div>
2153
2154<div class="accordion-syllabus" style="max-width:1000px !important">
2155    <@ $.each(item, function(index, value) { @>
2156    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2157        <header class="accordion-syllabus-header" style="background:#F1ECFB !important; border-radius16px;box-shadow:none;padding:20px !important">
2158            <h4 class="accordion-syllabus-header__title">
2159                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2160                    <@if(index < 9) {@>  
2161                        Week <@print(index + 1)@>:  
2162                    <@ } else {@>  
2163                        Week <@print(index + 1)@>:
2164                    <@ } @>  
2165                </span>
2166                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2167                    <@if(value && value.items){@>
2168                        <@ print(value.items.length) @> attachment(s) 
2169                    <@} else {@>
2170                        1 attachment(s)
2171                    <@}@>
2172                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2173						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2174					<@}@>
2175                </span></p>
2176            </h4>
2177			
2178            <div class="accordion-syllabus-header__info">
2179                <p class="text-primary hide-sm" style="color:#6715FF !important;">
2180                    <@if(value && value.items){@>
2181                        <@ print(value.items.length) @> attachment(s) 
2182                    <@} else {@>
2183                        1 attachment(s)
2184                    <@}@>
2185                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2186						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2187					<@}@>
2188                </p>
2189                <div class="accordion-syllabus-header__icon text-primary">
2190                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#6715FF;"></i>
2191                </div>
2192            </div>
2193        </header>
2194        <div class="accordion-content" style="filter:none;background:transparent !important;">
2195            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2196                <ul class="accordian-list">
2197                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2198                    <@ if(value['items'] && value['items'].length > 0) { @>
2199                        <@ $.each(value['items'], function(index1, value1) { @>
2200                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2201							<style>
2202								@media (max-width: 768px) {
2203								  .accordian-content-card {
2204									flex-direction: column !important;
2205									align-items: stretch !important;
2206								  }
2207							  
2208								  .accordian-content-card__top {
2209									flex-direction: row !important;
2210									justify-content: space-between !important;
2211									align-items: center !important;
2212									width: 100% !important;
2213								  }
2214							  
2215								  .accordian-content-card__title {
2216									flex: 1 !important;
2217									margin: 0 10px !important;
2218									white-space: nowrap;
2219									overflow: hidden;
2220									text-overflow: ellipsis;
2221								  }
2222							  
2223								  .accordian-content-card__bottom {
2224									flex-direction: row !important;
2225									justify-content: space-between !important;
2226									align-items: center !important;
2227									width: 100% !important;
2228									margin-top: 6px !important;
2229								  }
2230							  
2231								  .accordian-content-card__link {
2232									flex: 1 !important;
2233									min-width: 0 !important;
2234									text-align: left !important;
2235								  }
2236							  
2237								  .accordian-content-card__time {
2238									flex-shrink: 0 !important;
2239									text-align: right !important;
2240								  }
2241								}
2242							  </style>
2243							  
2244							  <div class="accordian-content-card"
2245     style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2246
2247							  
2248								<!-- Row 1: Icon + Title + Collapse Icon -->
2249								<div class="accordian-content-card__top"
2250									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2251							  
2252								  <!-- Icon -->
2253								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2254									<@ if(value1.type == 'code'){ @>
2255									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2256									<@ } else { @>
2257									  <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;">
2258										<@ print(getCourseAssetIcon(value1.type))@>
2259									  </span>
2260									<@ } @>
2261								  </div>
2262							  
2263								  <!-- Title -->
2264								  <div class="accordian-content-card__title"
2265									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2266									<@print(value1.title)@>
2267								  </div>
2268							  
2269								  <!-- Collapse Icon (optional) -->
2270								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2271									<!-- Example placeholder, add real icon if needed -->
2272									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2273								  </div>
2274								</div>
2275							  
2276								<!-- Row 2: Preview Button and Time -->
2277								<div class="accordian-content-card__bottom"
2278									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2279							  
2280								  <!-- Preview Button -->
2281								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2282									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2283									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2284										 class="previewBtn"
2285										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2286										<span class="text-primary" style="color:#6715FF;">
2287										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2288										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span>
2289										</span>
2290									  </a>
2291									<@}@>
2292								  </div>
2293							  
2294								  <!-- Time -->
2295								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2296									<p class="text-primary course-asset-time"
2297									   style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;">
2298									  <@ if(value1.duration && value1.duration > 0) { @>
2299										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2300									  <@ } else { @>
2301										--
2302									  <@ } @>
2303									</p>
2304								  </div>
2305							  
2306								</div>
2307							  </div>
2308							  
2309							
2310                        </li>
2311                        <@ }); @>
2312                    <@ } else { @>
2313                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2314							<div class="accordian-content-card"
2315							style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2316					   
2317						   <!-- Row 1: Icon + Title + Collapse Icon -->
2318						   <div class="accordian-content-card__top"
2319								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2320						 
2321							   <!-- Icon -->
2322							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2323								   <@ if(value.type == 'code'){ @>
2324									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2325								   <@ } else { @>
2326									   <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;">
2327										   <@ print(getCourseAssetIcon(value.type))@>
2328									   </span>
2329								   <@ } @>
2330							   </div>
2331						 
2332							   <!-- Title -->
2333							   <div class="accordian-content-card__title"
2334									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2335								   <@print(value.title)@>
2336							   </div>
2337						 
2338							   <!-- Collapse Icon (optional) -->
2339							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2340								   <!-- Example placeholder, add real icon if needed -->
2341								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2342							   </div>
2343						   </div>
2344						 
2345						   <!-- Row 2: Preview Button and Time -->
2346						   <div class="accordian-content-card__bottom"
2347								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2348						 
2349							   <!-- Preview Button -->
2350							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2351								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2352									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2353										  class="previewBtn"
2354										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2355										   <span class="text-primary" style="color:#6715FF;">
2356											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2357											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span>
2358										   </span>
2359									   </a>
2360								   <@}@>
2361							   </div>
2362						 
2363							   <!-- Time -->
2364							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2365								   <p class="text-primary course-asset-time"
2366									  style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;">
2367									   <@ if(value.duration && value.duration > 0) { @>
2368										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
2369									   <@ } else { @>
2370										   --
2371									   <@ } @>
2372								   </p>
2373							   </div>
2374						   </div>
2375					   </div>
2376                        </li>
2377                    <@ } @>
2378                </ul>
2379            
2380                <@ if(itemsCount > 5) { @>
2381                    <div style="text-align: center; margin-top: 10px;">
2382						<button style="background-color: #6715FF; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2383						onclick="
2384							var parentAccordion = this.closest('.accordion-content');
2385							parentAccordion.style.maxHeight = 'none';
2386							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2387							this.style.display = 'none';
2388						">
2389                            View All
2390                        </button>
2391                    </div>
2392                <@ } @>
2393            </div>
2394        </div>
2395    </div>
2396    <@ }); @>
2397    <@ if(item.length > 5) { @>
2398        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2399            <button style="background-color: #6715FF; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2400                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2401                View All Sessions
2402            </button>
2403        </div>
2404    <@ } @>
2405</div>
2406	</div>
2407</script>
2407
2408
2409
2410
2411<!--Olive Curriculum 8-->
2412<script>
2413	// Simple responsive positioning
2414	function updatePosition() {
2415		const element = document.getElementById('totalTimeElement');
2416		if(element){
2417		if (window.innerWidth > 768) {
2418			element.style.position = 'absolute';
2419			element.style.top = "5px";
2420			element.style.right = '122px';
2421		} else {
2422			element.style.position = 'static';
2423			element.style.margin = '0 0';
2424		}
2425		}
2426	}
2427	
2428	// Run on load and resize
2429	window.addEventListener('load', updatePosition);
2430	window.addEventListener('resize', updatePosition);
2431	</script>
2431
2432 
2432<script type="text/template" id="coursecurr-8-template">
2433	<div class="total-time" id="totalTimeElement" style="
2434    font-size: 18px;
2435    font-weight: 600;
2436    color: #064400;
2437    padding: 8px 12px;
2438    border-radius: 4px;
2439    white-space: nowrap;">
2440     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2441        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2442    <@}@>
2443</div>
2444
2445<div class="accordion-syllabus" style="max-width:1000px !important">
2446    <@ $.each(item, function(index, value) { @>
2447    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2448        <header class="accordion-syllabus-header" style="background:#E5E5E5 !important; border-radius16px;box-shadow:none;padding:20px !important">
2449            <h4 class="accordion-syllabus-header__title">
2450                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2451                    <@if(index < 9) {@>  
2452                        Week <@print(index + 1)@>:  
2453                    <@ } else {@>  
2454                        Week <@print(index + 1)@>:
2455                    <@ } @>  
2456                </span>
2457                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2458                    <@if(value && value.items){@>
2459                        <@ print(value.items.length) @> attachment(s) 
2460                    <@} else {@>
2461                        1 attachment(s)
2462                    <@}@>
2463                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2464						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2465					<@}@>
2466                </span></p>
2467            </h4>
2468			
2469            <div class="accordion-syllabus-header__info">
2470                <p class="text-primary hide-sm" style="color:#064400 !important;">
2471                    <@if(value && value.items){@>
2472                        <@ print(value.items.length) @> attachment(s) 
2473                    <@} else {@>
2474                        1 attachment(s)
2475                    <@}@>
2476                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2477						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2478					<@}@>
2479                </p>
2480                <div class="accordion-syllabus-header__icon text-primary">
2481                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#064400;"></i>
2482                </div>
2483            </div>
2484        </header>
2485        <div class="accordion-content" style="filter:none;background:transparent !important;">
2486            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2487                <ul class="accordian-list">
2488                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2489                    <@ if(value['items'] && value['items'].length > 0) { @>
2490                        <@ $.each(value['items'], function(index1, value1) { @>
2491                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2492							<style>
2493								@media (max-width: 768px) {
2494								  .accordian-content-card {
2495									flex-direction: column !important;
2496									align-items: stretch !important;
2497								  }
2498							  
2499								  .accordian-content-card__top {
2500									flex-direction: row !important;
2501									justify-content: space-between !important;
2502									align-items: center !important;
2503									width: 100% !important;
2504								  }
2505							  
2506								  .accordian-content-card__title {
2507									flex: 1 !important;
2508									margin: 0 10px !important;
2509									white-space: nowrap;
2510									overflow: hidden;
2511									text-overflow: ellipsis;
2512								  }
2513							  
2514								  .accordian-content-card__bottom {
2515									flex-direction: row !important;
2516									justify-content: space-between !important;
2517									align-items: center !important;
2518									width: 100% !important;
2519									margin-top: 6px !important;
2520								  }
2521							  
2522								  .accordian-content-card__link {
2523									flex: 1 !important;
2524									min-width: 0 !important;
2525									text-align: left !important;
2526								  }
2527							  
2528								  .accordian-content-card__time {
2529									flex-shrink: 0 !important;
2530									text-align: right !important;
2531								  }
2532								}
2533							  </style>
2534							  
2535							  <div class="accordian-content-card"
2536     style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2537
2538							  
2539								<!-- Row 1: Icon + Title + Collapse Icon -->
2540								<div class="accordian-content-card__top"
2541									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2542							  
2543								  <!-- Icon -->
2544								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2545									<@ if(value1.type == 'code'){ @>
2546									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2547									<@ } else { @>
2548									  <span class="material-icons text-primary" style="color:#064400; font-size: 24px;">
2549										<@ print(getCourseAssetIcon(value1.type))@>
2550									  </span>
2551									<@ } @>
2552								  </div>
2553							  
2554								  <!-- Title -->
2555								  <div class="accordian-content-card__title"
2556									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2557									<@print(value1.title)@>
2558								  </div>
2559							  
2560								  <!-- Collapse Icon (optional) -->
2561								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2562									<!-- Example placeholder, add real icon if needed -->
2563									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2564								  </div>
2565								</div>
2566							  
2567								<!-- Row 2: Preview Button and Time -->
2568								<div class="accordian-content-card__bottom"
2569									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2570							  
2571								  <!-- Preview Button -->
2572								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2573									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2574									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2575										 class="previewBtn"
2576										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2577										<span class="text-primary" style="color:#064400;">
2578										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2579										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span>
2580										</span>
2581									  </a>
2582									<@}@>
2583								  </div>
2584							  
2585								  <!-- Time -->
2586								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2587									<p class="text-primary course-asset-time"
2588									   style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;">
2589									  <@ if(value1.duration && value1.duration > 0) { @>
2590										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2591									  <@ } else { @>
2592										--
2593									  <@ } @>
2594									</p>
2595								  </div>
2596							  
2597								</div>
2598							  </div>
2599							  
2600							
2601                        </li>
2602                        <@ }); @>
2603                    <@ } else { @>
2604                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2605							<div class="accordian-content-card"
2606							style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2607					   
2608						   <!-- Row 1: Icon + Title + Collapse Icon -->
2609						   <div class="accordian-content-card__top"
2610								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2611						 
2612							   <!-- Icon -->
2613							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2614								   <@ if(value.type == 'code'){ @>
2615									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2616								   <@ } else { @>
2617									   <span class="material-icons text-primary" style="color:#064400; font-size: 24px;">
2618										   <@ print(getCourseAssetIcon(value.type))@>
2619									   </span>
2620								   <@ } @>
2621							   </div>
2622						 
2623							   <!-- Title -->
2624							   <div class="accordian-content-card__title"
2625									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2626								   <@print(value.title)@>
2627							   </div>
2628						 
2629							   <!-- Collapse Icon (optional) -->
2630							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2631								   <!-- Example placeholder, add real icon if needed -->
2632								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2633							   </div>
2634						   </div>
2635						 
2636						   <!-- Row 2: Preview Button and Time -->
2637						   <div class="accordian-content-card__bottom"
2638								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2639						 
2640							   <!-- Preview Button -->
2641							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2642								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2643									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2644										  class="previewBtn"
2645										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2646										   <span class="text-primary" style="color:#064400;">
2647											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2648											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span>
2649										   </span>
2650									   </a>
2651								   <@}@>
2652							   </div>
2653						 
2654							   <!-- Time -->
2655							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2656								   <p class="text-primary course-asset-time"
2657									  style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;">
2658									   <@ if(value.duration && value.duration > 0) { @>
2659										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
2660									   <@ } else { @>
2661										   --
2662									   <@ } @>
2663								   </p>
2664							   </div>
2665						   </div>
2666					   </div>
2667                        </li>
2668                    <@ } @>
2669                </ul>
2670            
2671                <@ if(itemsCount > 5) { @>
2672                    <div style="text-align: center; margin-top: 10px;">
2673						<button style="background-color: #064400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2674						onclick="
2675							var parentAccordion = this.closest('.accordion-content');
2676							parentAccordion.style.maxHeight = 'none';
2677							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2678							this.style.display = 'none';
2679						">
2680                            View All
2681                        </button>
2682                    </div>
2683                <@ } @>
2684            </div>
2685        </div>
2686    </div>
2687    <@ }); @>
2688    <@ if(item.length > 5) { @>
2689        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2690            <button style="background-color: #064400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2691                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2692                View All Sessions
2693            </button>
2694        </div>
2695    <@ } @>
2696</div>
2697	</div>
2698</script>
2698
2699
2700
2701
2702<!--Dusk Curriculum 9-->
2703<script>
2704	// Simple responsive positioning
2705	function updatePosition() {
2706		const element = document.getElementById('totalTimeElement');
2707		if(element){
2708		if (window.innerWidth > 768) {
2709			element.style.position = 'absolute';
2710			element.style.top = "5px";
2711			element.style.right = '122px';
2712		} else {
2713			element.style.position = 'static';
2714			element.style.margin = '0 0';
2715		}
2716		}
2717	}
2718	
2719	// Run on load and resize
2720	window.addEventListener('load', updatePosition);
2721	window.addEventListener('resize', updatePosition);
2722	</script>
2722
2723 
2723<script>
2724	// Simple responsive positioning
2725	function updatePosition() {
2726		const element = document.getElementById('totalTimeElement');
2727		if(element){
2728		if (window.innerWidth > 768) {
2729			element.style.position = 'absolute';
2730			element.style.top = "5px";
2731			element.style.right = '122px';
2732		} else {
2733			element.style.position = 'static';
2734			element.style.margin = '0 0';
2735		}
2736		}
2737	}
2738	
2739	// Run on load and resize
2740	window.addEventListener('load', updatePosition);
2741	window.addEventListener('resize', updatePosition);
2742	</script>
2742
2743 
2743<script type="text/template" id="coursecurr-9-template">
2744	<div class="total-time" id="totalTimeElement" style="
2745    font-size: 18px;
2746    font-weight: 600;
2747    color: #282400;
2748    padding: 8px 12px;
2749    border-radius: 4px;
2750    white-space: nowrap;">
2751     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2752        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2753    <@}@>
2754</div>
2755
2756<div class="accordion-syllabus" style="max-width:1000px !important">
2757    <@ $.each(item, function(index, value) { @>
2758    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2759        <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:8px;box-shadow:none;padding:20px !important">
2760            <h4 class="accordion-syllabus-header__title">
2761                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2762                    <@if(index < 9) {@>  
2763                        Week <@print(index + 1)@>:  
2764                    <@ } else {@>  
2765                        Week <@print(index + 1)@>:
2766                    <@ } @>  
2767                </span>
2768                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2769                    <@if(value && value.items){@>
2770                        <@ print(value.items.length) @> attachment(s) 
2771                    <@} else {@>
2772                        1 attachment(s)
2773                    <@}@>
2774                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2775						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2776					<@}@>
2777                </span></p>
2778            </h4>
2779			
2780            <div class="accordion-syllabus-header__info">
2781                <p class="text-primary hide-sm" style="color:#282400 !important;">
2782                    <@if(value && value.items){@>
2783                        <@ print(value.items.length) @> attachment(s) 
2784                    <@} else {@>
2785                        1 attachment(s)
2786                    <@}@>
2787                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2788						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2789					<@}@>
2790                </p>
2791                <div class="accordion-syllabus-header__icon text-primary">
2792                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#282400;"></i>
2793                </div>
2794            </div>
2795        </header>
2796        <div class="accordion-content" style="filter:none;background:transparent !important;">
2797            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2798                <ul class="accordian-list">
2799                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2800                    <@ if(value['items'] && value['items'].length > 0) { @>
2801                        <@ $.each(value['items'], function(index1, value1) { @>
2802                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2803							<style>
2804								@media (max-width: 768px) {
2805								  .accordian-content-card {
2806									flex-direction: column !important;
2807									align-items: stretch !important;
2808								  }
2809							  
2810								  .accordian-content-card__top {
2811									flex-direction: row !important;
2812									justify-content: space-between !important;
2813									align-items: center !important;
2814									width: 100% !important;
2815								  }
2816							  
2817								  .accordian-content-card__title {
2818									flex: 1 !important;
2819									margin: 0 10px !important;
2820									white-space: nowrap;
2821									overflow: hidden;
2822									text-overflow: ellipsis;
2823								  }
2824							  
2825								  .accordian-content-card__bottom {
2826									flex-direction: row !important;
2827									justify-content: space-between !important;
2828									align-items: center !important;
2829									width: 100% !important;
2830									margin-top: 6px !important;
2831								  }
2832							  
2833								  .accordian-content-card__link {
2834									flex: 1 !important;
2835									min-width: 0 !important;
2836									text-align: left !important;
2837								  }
2838							  
2839								  .accordian-content-card__time {
2840									flex-shrink: 0 !important;
2841									text-align: right !important;
2842								  }
2843								}
2844							  </style>
2845							  
2846							  <div class="accordian-content-card"
2847     style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2848
2849							  
2850								<!-- Row 1: Icon + Title + Collapse Icon -->
2851								<div class="accordian-content-card__top"
2852									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2853							  
2854								  <!-- Icon -->
2855								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2856									<@ if(value1.type == 'code'){ @>
2857									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2858									<@ } else { @>
2859									  <span class="material-icons text-primary" style="color:#282400; font-size: 24px;">
2860										<@ print(getCourseAssetIcon(value1.type))@>
2861									  </span>
2862									<@ } @>
2863								  </div>
2864							  
2865								  <!-- Title -->
2866								  <div class="accordian-content-card__title"
2867									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2868									<@print(value1.title)@>
2869								  </div>
2870							  
2871								  <!-- Collapse Icon (optional) -->
2872								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2873									<!-- Example placeholder, add real icon if needed -->
2874									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2875								  </div>
2876								</div>
2877							  
2878								<!-- Row 2: Preview Button and Time -->
2879								<div class="accordian-content-card__bottom"
2880									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2881							  
2882								  <!-- Preview Button -->
2883								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2884									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2885									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2886										 class="previewBtn"
2887										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2888										<span class="text-primary" style="color:#282400;">
2889										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2890										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span>
2891										</span>
2892									  </a>
2893									<@}@>
2894								  </div>
2895							  
2896								  <!-- Time -->
2897								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2898									<p class="text-primary course-asset-time"
2899									   style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;">
2900									  <@ if(value1.duration && value1.duration > 0) { @>
2901										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2902									  <@ } else { @>
2903										--
2904									  <@ } @>
2905									</p>
2906								  </div>
2907							  
2908								</div>
2909							  </div>
2910							  
2911							
2912                        </li>
2913                        <@ }); @>
2914                    <@ } else { @>
2915                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2916							<div class="accordian-content-card"
2917							style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;">
2918					   
2919						   <!-- Row 1: Icon + Title + Collapse Icon -->
2920						   <div class="accordian-content-card__top"
2921								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2922						 
2923							   <!-- Icon -->
2924							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2925								   <@ if(value.type == 'code'){ @>
2926									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2927								   <@ } else { @>
2928									   <span class="material-icons text-primary" style="color:#282400; font-size: 24px;">
2929										   <@ print(getCourseAssetIcon(value.type))@>
2930									   </span>
2931								   <@ } @>
2932							   </div>
2933						 
2934							   <!-- Title -->
2935							   <div class="accordian-content-card__title"
2936									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2937								   <@print(value.title)@>
2938							   </div>
2939						 
2940							   <!-- Collapse Icon (optional) -->
2941							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2942								   <!-- Example placeholder, add real icon if needed -->
2943								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2944							   </div>
2945						   </div>
2946						 
2947						   <!-- Row 2: Preview Button and Time -->
2948						   <div class="accordian-content-card__bottom"
2949								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2950						 
2951							   <!-- Preview Button -->
2952							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2953								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2954									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2955										  class="previewBtn"
2956										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2957										   <span class="text-primary" style="color:#282400;">
2958											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2959											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span>
2960										   </span>
2961									   </a>
2962								   <@}@>
2963							   </div>
2964						 
2965							   <!-- Time -->
2966							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2967								   <p class="text-primary course-asset-time"
2968									  style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;">
2969									   <@ if(value.duration && value.duration > 0) { @>
2970										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
2971									   <@ } else { @>
2972										   --
2973									   <@ } @>
2974								   </p>
2975							   </div>
2976						   </div>
2977					   </div>
2978                        </li>
2979                    <@ } @>
2980                </ul>
2981            
2982                <@ if(itemsCount > 5) { @>
2983                    <div style="text-align: center; margin-top: 10px;">
2984						<button style="background-color: #282400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2985						onclick="
2986							var parentAccordion = this.closest('.accordion-content');
2987							parentAccordion.style.maxHeight = 'none';
2988							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2989							this.style.display = 'none';
2990						">
2991                            View All
2992                        </button>
2993                    </div>
2994                <@ } @>
2995            </div>
2996        </div>
2997    </div>
2998    <@ }); @>
2999    <@ if(item.length > 5) { @>
3000        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
3001            <button style="background-color: #282400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
3002                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
3003                View All Sessions
3004            </button>
3005        </div>
3006    <@ } @>
3007</div>
3008	</div>
3009</script>
3009
3010
3011
3012
3013
3014
3015
3016<!-- Feedback Template First -->
3017<script type="text/template" id="widget-1-template">
3018<div class="column full feedbackContainer feedback1 spectre">
3019<@if(msg){@>
3020	<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3021<@}else{@>
3022<div class="avgratingbox">
3023  <div class="flex-row" >
3024        <div class="is-box-2" >
3025           <p style="color: rgb(247, 247, 247); font-weight: 700!important; font-size: 40px!important; text-align: center; letter-spacing: 3px; padding-bottom: 0px; margin-bottom: 0px; line-height: 1; margin-top: 0px;"> 
3026			<@ if(ratings && ratings.avgRating) {@>
3027				<@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3028			<@}else{@>
3029				0
3030			<@}@>
3031		  </p>
3032          <h5 class="ratings1" style="text-align: center; margin-bottom: 0px; margin-top: 0px; line-height: 1;">  
3033          <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3034					<@if(ratings){@> 
3035						<@ if(ratings.avgRating >= ratingsSize) {@> 
3036							<i class="icon ion-android-star"></i>&nbsp; 
3037						<@ } else if(ratings.avgRating > ratingsSize-1 && ratings.avgRating < ratingsSize) { @> 
3038							<i class="icon ion-android-star-half"></i>&nbsp;
3039						<@ } else { @> 
3040							<i class="icon ion-android-star-outline"></i>&nbsp; 
3041						<@ } @>
3042					<@} else {@>
3043						<i class="icon ion-android-star-outline"></i>&nbsp;
3044					<@}@>		
3045		  <@}@>
3046          </h5>        
3047          <p style="margin: 10px 0 0 !important;text-align: center;line-height: 1;font-size: 30px!important;"><i class="fa-light fa-users t-white"></i> </p>
3048          <p style="margin-bottom: 10px; margin-top: 0px; font-size: 12px!important; letter-spacing: 1px; font-weight: 500!important; color: rgb(247, 247, 247); text-align: center;">
3049			Total <@ if(ratings){print(ratings.total) }else{0}@> Reviews 
3050		  </p>
3051        </div>
3052        <div class="is-box-9">
3053			<@ for (i = 0; i < 5; i++) {@>
3054				<div class="box7878"> 
3055            <div style="flex:1;">							
3056					<div class="meter <@print(ratingsPer[(parseInt(i)+1)+'-star'].cls)@> nostripes">
3057                  		<span style="width: <@print(ratingsPer[(parseInt(i)+1)+'-star'].rates)@>%"></span>
3058               		</div>	
3059            </div>
3060            <div id="ratingbox">
3061              <p class="ratings2" style=" line-height: 1;">  
3062				<@ for (ratingsSize = 5; ratingsSize >=1; ratingsSize--) {@>
3063						<@if(ratingsSize>i){@>
3064							<i class="fa fa-solid fa-star-sharp text-primary"></i>&nbsp;
3065						<@} else {@>
3066							<i class="fa fa-solid fa-star-sharp"></i>&nbsp;
3067						<@}@>
3068				<@}@>
3069               <span class="t-white">					
3070					<@ if(ratings && ratings.ratingsCount){print(ratings.ratingsCount[(parseInt(5)-i)+'-stars'])}else{0} @>
3071			   </span>
3072              </p>
3073
3074            </div>
3075          </div>
3076	  	<@}@>
3077        </div>        
3078  	</div>
3079</div>
3080	<div class="bg-secondary" style="padding:15px 15px;border-radius:10px;border-top-right-radius: 0;border-top-left-radius: 0;" >
3081		<p
3082			style="font-size: 16px!important; font-weight: 500!important; letter-spacing: 1px;" class="text-primary">
3083			Reviews
3084		</p>
3085
3086<div class="review-box" id="createCustomReview" style="display:none">
3087<div class="flex-row">
3088	<div class="is-box-2 centerbox">
3089		<div class="spectre">
3090			<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" >
3091				<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3092			</figure>	
3093			<@if(typeof SPUSER !== 'undefined'){ @><p class="review-name"><@ print(SPUSER.name) @> </p><@ } @>
3094		</div>
3095	</div>
3096	<div class="is-box-10">
3097		<textarea rows="3" class="form-input"
3098			placeholder="Add your review here"></textarea>
3099		<div class="rating3">
3100			<p id="rating-stars">
3101				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 
3102					class="fa fa-solid fa-star-sharp text-primary rating-star" data-value='<@- ratingsSize @>'></i> <@}@>
3103			</p>
3104
3105			<button class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3106				data-reviewData="reviewlist"
3107				style="padding: 2px 28px; text-transform: uppercase; border-radius: 40px;">Post</button>
3108		</div>
3109	</div>
3110</div>
3111</div>		
3112	
3113	<div id="reviewlist">
3114	<@ $.each(items, function(index, item) { @>
3115	<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3116		<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3117			<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3118		<@ } @>
3119		<div class="flex-row">
3120			<div class="is-box-2 centerbox">
3121				<div class="spectre">
3122					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3123						<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" >
3124							<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3125					<@ } else {@>	
3126					<figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="uppercase avatar avatar-lg figsize" >
3127						<img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>">	
3128					<@ } @>
3129					</figure>
3130					<p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @><@ print(SPUSER.name) @><@ } else {@>	<@ print(item.userName) @><@ } @>	</p>
3131				</div>
3132			</div>
3133			<div class="is-box-10">
3134				<div class="rating4">
3135					<p>
3136						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@
3137						if(item.rating >= ratingsSize) {@> 
3138							<i class="fa fa-solid fa-star-sharp text-primary"></i>
3139						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3140							<i class="fa fa-solid fa-star-sharp-half text-primary"></i> 
3141						<@ } else { @> 
3142							<i class="fa fa-solid fa-star-sharp"></i> 
3143						<@}@> 
3144						<@ }@>
3145					</p>
3146					<p
3147						style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;">
3148						<time class="timestamp"
3149							datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@
3150							print(parseDate(item.createdDate.$date)) @></time>
3151					</p>
3152				</div>
3153				<p  class="reviewTxt"
3154					style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@
3155					print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @></p>
3156				<div class="comment-tag">
3157					<@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @>
3158				</div>
3159			</div>
3160		</div>
3161	</div>
3162	<@ }); @>
3163	</div>	
3164	<button class="bg-primary loadMoreReviewsBtn reviewLMbtn" data-itemTemplate="feedback-1-item-template" data-reviewData="reviewlist" >Load More Reviews</button>
3165</div>
3166<@}@>
3167</script>
3167
3168
3169
3170<script type="text/template" id="feedback-1-item-template">
3171<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>"">
3172<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3173	<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3174<@ } @>
3175<div class="flex-row">
3176	<div class="is-box-2 centerbox">
3177		<div class="spectre">
3178			<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3179				<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="avatar avatar-lg figsize" >
3180					<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3181			<@ } else {@>	
3182			<figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="avatar avatar-lg figsize" >
3183				<img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>">	
3184			<@ } @>
3185			</figure>
3186			<p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @><@ print(SPUSER.name) @><@ } else {@>	<@ print(item.userName) @><@ } @>	</p>
3187		</div>
3188	</div>
3189	<div class="is-box-10">
3190		<div class="rating4">
3191			<p>
3192				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@
3193				if(item.rating >= ratingsSize) {@> 
3194					<i class="fa fa-solid fa-star-sharp text-primary"></i>
3195				<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3196					<i class="fa fa-solid fa-star-sharp-half text-primary"></i>
3197				<@ } else { @> 
3198					<i class="fa fa-solid fa-star-sharp-outline"></i> 
3199				<@}@> 
3200				<@ } @>
3201			</p>
3202			<p
3203				style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;">
3204				<time class="timestamp"
3205					datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@
3206					print(parseDate(item.createdDate.$date)) @></time>
3207			</p>
3208		</div>
3209		<p  class="reviewTxt"
3210			style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@
3211			print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @></p>
3212		<div class="comment-tag">
3213			<@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @>
3214		</div>
3215	</div>
3216</div>
3217</div>
3218</script>
3218
3219
3220
3221<!-- Feedback Template Second -->
3222<script type="text/template" id="feedback-2-template">
3223<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3224<@if(msg){@>
3225	<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3226<@}else{@>
3227<@ if(total > 0 && ratings && ratings.avgRating) {@>
3228<div class="avgratingbox">
3229<div class="column third">
3230   <div class="is-card avgRatingContainer" >
3231      <div class="avgRatingInnerContainer">
3232         <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3233         <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3234            <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i>
3235            <div style="margin-left: 25px;">
3236               <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3237                  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;">
3238                     <@ if(ratings && ratings.avgRating) {@>
3239                     <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3240                     <@}else{@>
3241                     0
3242                     <@}@>
3243                  </h3>
3244                  <p class="avgRatingReviews">/5</p>
3245               </span>
3246               <p class="avgRatingReviews">
3247                  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3248               </p>
3249            </div>
3250         </div>
3251      </div>
3252   </div>
3253</div>
3254</div>
3255<@ } @>
3256<div id="feedback2Reviewlist" class="reviewslist">
3257   <@ $.each(items, function(index, item) { @>
3258   		<@ var template = _.template($("#feedback-2-item-template").html()); print(template({item: item})) @>
3259   <@ }); @>
3260   <@}@>
3261</div>
3262<div class="row clearfix">
3263   <div class="column full">
3264      <p class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-2-item-template" data-reviewData="feedback2Reviewlist" style="text-align: right; font-size: 14px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none;">
3265         View more
3266      </p>
3267   </div>
3268</div>
3269</script>
3269
3270
3271<script type="text/template" id="feedback-2-item-template">
3272	<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3273      <div class="is-card avgRatingContainer">
3274         <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3275			<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3276				<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3277			<@ } @>
3278            <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 80px; max-height: 80px; overflow: hidden;">
3279   			<@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3280   		 	</p>
3281			<div class="reviewerName">
3282           	<p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px;">
3283   				<@ print(item.userName) @>
3284   		 	</p></div>
3285			
3286			 <p style="margin: 0px;">
3287				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3288					<@ if(item.rating >= ratingsSize) {@> 
3289						<i class="fa fa-solid fa-star-sharp text-primary"></i>
3290					<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3291						<i class="fa fa-solid fa-star-sharp-half text-primary"></i> 
3292					<@ } @> 
3293				<@ }@>
3294			 </p>		
3295
3296      	 </div>
3297	  </div>	
3298   </div>
3299</script>
vendor: 1 bytes, line 3299
3299
3300<script type="text/template" id="feedback-2-createTemplate">
3301	<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3302  <div class="is-boxes">
3303    <div class="is-box-centered">
3304      <div class="is-container container" style="max-width: 940px;">
3305	
3306		<div class="review-box review-add-box">
3307            <div class="is-container container is-content-800" >
3308               <div class="row clearfix" >
3309                  <div class="column full" >
3310                     <h1 style="text-align: center; font-size: 28px; line-height: 1.1; font-weight: 700; letter-spacing: 0px; color: var(--themeColor); margin-bottom: 44px;">Add a review</h1>
3311                  </div>
3312               </div>
3313               <div class="textarea-cont">
3314                  <div class="review-star text-primary" style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;">
3315					<span id="rating-stars">
3316                     <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 
3317                        class="fa fa-solid fa-star-sharp rating-star" data-value='<@- ratingsSize @>'></i> <@}@>
3318					</span>
3319                  </div>
3320                  <textarea class="add-review-textarea" id="reviewText" style="background: transparent;width: 100%; border-width: 0px; padding-right: 28px; padding-bottom: 28px; min-height: 150px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;" placeholder="Add your review here"></textarea>
3321                  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3322						<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
3323				<@ } @>
3324               </div>
3325               <div  style="margin-top: 20px; display: flex; justify-content: flex-end;">
3326                  <button id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3327					data-reviewData="feedback2Reviewlist" disabled >Submit</button>
3328               </div>
3329            </div>
3330		</div>
3331		</div>
3332		</div>
3333	</div>
3334</div>
3335</script>
3335
3336
3337<!-- Vegas 4th feedback Template-->
3338
3339
3340<script type="text/template" id="feedback-4-template">
3341	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3342	<@if(msg){@>
3343		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3344	<@}else{@>
3345	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3346	<div class="avgratingbox">
3347	<div class="column third">
3348	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3349		  <div class="avgRatingInnerContainer">
3350			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3351			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3352				<i class="icon ion-android-star text-primary" style="font-size: 80px;"></i>
3353				<div style="margin-left: 25px;">
3354				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3355					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;">
3356						 <@ if(ratings && ratings.avgRating) {@>
3357						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3358						 <@}else{@>
3359						 0
3360						 <@}@>
3361					  </h3>
3362					  <p class="avgRatingReviews">/5</p>
3363				   </span>
3364				   <p class="avgRatingReviews">
3365					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3366				   </p>
3367				</div>
3368			 </div>
3369		  </div>
3370	   </div>
3371	</div>
3372	</div>
3373	<@ } @>
3374	<div id="feedback4Reviewlist" class="reviewslist">
3375	   <@ $.each(items, function(index, item) { @>
3376			   <@ var template = _.template($("#feedback-4-item-template").html()); print(template({item: item})) @>
3377	   <@ }); @>
3378	   <@}@>
3379	</div>
3380	<div class="row clearfix">
3381	   <div class="column full" style="text-align: center;">
3382		  <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-4-item-template" data-reviewData="feedback4Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#FB5607; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;">
3383			View All Reviews
3384		  </a>
3385	   </div>
3386	</div>
3387	</script>
3387
3388	
3389	
3389<script type="text/template" id="feedback-4-item-template">
3390		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3391		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3392			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3393				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3394					<a  style="color:#FB5607 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3395				<@ } @>
3396				<p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;">
3397				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3398					</p>
3399				<div class="reviewerName">
3400				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3401					   <@ print(item.userName) @>
3402					</p></div>
3403				
3404				 <p style="margin: 0px;">
3405					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3406						<@ if(item.rating >= ratingsSize) {@> 
3407							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#FB5607 !important;"></i>
3408						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3409							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#FB5607 !important;"></i> 
3410						<@ } @> 
3411					<@ }@>
3412				 </p>		
3413	
3414			   </div>
3415		  </div>	
3416	   </div>
3417	</script>
3417
3418	
3418<script type="text/template" id="feedback-4-createTemplate">
3419		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3420	  <div class="is-boxes">
3421		<div class="is-box-centered">
3422		  <div class="is-container container" style="max-width: 1200px;">
3423		
3424			<div class="review-box review-add-box">
3425				<div class="is-container container is-content-1200" >
3426				   <div class="row clearfix" >
3427					  <div class="column full" >
3428						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3429					  </div>
3430				   </div>
3431				   <div class="textarea-cont">
3432					<div style="display:flex; gap:30px;">
3433						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3434						<div class="review-star1 text-primary" 
3435						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3436					   <span id="rating-stars" >
3437						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3438							   <i class="fa fa-solid fa-star-sharp rating-star" 
3439								  data-value='<@- ratingsSize @>' 
3440								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3441						   <@}@>
3442					   </span>
3443				   </div>
3444				   <style></style>
3445				   
3446				   
3447					</div>
3448					  <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea>
3449					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3450							<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
3451					<@ } @>
3452				   </div>
3453				   <div  style=" display: flex; justify-content: center;">
3454					  <button style="letter-spacing:0px !important ; background-color:#FB5607;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3455						data-reviewData="feedback4Reviewlist" disabled >Submit</button>
3456				   </div>
3457				</div>
3458			</div>
3459			</div>
3460			</div>
3461		</div>
3462	</div>
3463	</script>
3463
3464	
3465
3466
3467
3468<!-- Blaze 5th feedback Template-->
3469<script type="text/template" id="feedback-5-template">
3470	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3471	<@if(msg){@>
3472		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3473	<@}else{@>
3474	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3475	<div class="avgratingbox">
3476	<div class="column third">
3477	   <div class="is-card avgRatingContainer" style="background:#232323; border-radius:0px;padding:21px;" >
3478		  <div class="avgRatingInnerContainer">
3479			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;color:white;">Customer ratings</h3>
3480			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3481				<i class="icon ion-android-star text-primary" style="font-size: 80px;color:rgb(216, 253, 70);"></i>
3482				<div style="margin-left: 25px;">
3483				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3484					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: rgb(216, 253, 70); line-height: 1.3;">
3485						 <@ if(ratings && ratings.avgRating) {@>
3486						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3487						 <@}else{@>
3488						 0
3489						 <@}@>
3490					  </h3>
3491					  <p class="avgRatingReviews" style="color:white;">/5</p>
3492				   </span>
3493				   <p class="avgRatingReviews" style="color:white;">
3494					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3495				   </p>
3496				</div>
3497			 </div>
3498		  </div>
3499	   </div>
3500	</div>
3501	</div>
3502	<@ } @>
3503	<div id="feedback5Reviewlist" class="reviewslist">
3504	   <@ $.each(items, function(index, item) { @>
3505			   <@ var template = _.template($("#feedback-5-item-template").html()); print(template({item: item})) @>
3506	   <@ }); @>
3507	   <@}@>
3508	</div>
3509	<div class="row clearfix">
3510	   <div class="column full" style="text-align: center;">
3511		  <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-5-item-template" data-reviewData="feedback5Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#D8FD46; color:black; padding:12px 28px; border-radius:0px;text-decoration:none;">
3512			View All Reviews
3513		  </a>
3514	   </div>
3515	</div>
3516	</script>
3516
3517	
3518	
3519	
3519<script type="text/template" id="feedback-5-item-template">
3520		<style>
3521			.template5-review .reviewTxt{
3522				color:white !important;
3523			}
3524			.template5-review .reviewerName p{
3525				color:white !important;
3526			}
3527		</style>
3528		<div class="column third reviewcontainer template5-review <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> selfreview <@ } @>">
3529			<div class="is-card avgRatingContainer" style="border:1px solid #232323;padding:20px;">
3530				<div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;">
3531					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>
3532						<a style="color:#D8FD46 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>">
3533							<i class="material-icons">delete</i>
3534						</a>
3535					<@ } @>
3536					<p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;">
3537						<@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3538					</p>
3539					<div class="reviewerName">
3540						<p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5; ">
3541							<@ print(item.userName) @>
3542						</p>
3543					</div>
3544	
3545					<p style="margin: 0px;">
3546						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) { @>
3547							<@ if(item.rating >= ratingsSize) { @>
3548								<i class="fa fa-solid fa-star-sharp text-primary" style="color:#D8FD46 !important;"></i>
3549							<@ } else if(item.rating > ratingsSize - 1 && item.rating < ratingsSize) { @>
3550								<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#D8FD46 !important;"></i>
3551							<@ } @>
3552						<@ } @>
3553					</p>
3554				</div>
3555			</div>
3556		</div>
3557	</script>
3557
3558	
3559	
3559<script type="text/template" id="feedback-5-createTemplate">
3560		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3561	  <div class="is-boxes">
3562		<div class="is-box-centered" style="background:#181818;">
3563		  <div class="is-container container" style="max-width: 1200px;">
3564		
3565			<div class="review-box review-add-box">
3566				<div class="is-container container is-content-1200" >
3567				   <div class="row clearfix" >
3568					  <div class="column full" >
3569						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: white; ">Add a review</h1>
3570					  </div>
3571				   </div>
3572				   <div class="textarea-cont" style="background:transparent">
3573					<div style="display:flex; gap:30px;">
3574						<div><h3 style="font-size:18px;font-weight:600; color:white;">Overall Rating</h3></div>
3575						<div class="review-star text-primary" 
3576						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3577					   <span id="rating-stars" >
3578						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3579							   <i class="fa fa-solid fa-star-sharp rating-star" 
3580								  data-value='<@- ratingsSize @>' 
3581								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3582						   <@}@>
3583					   </span>
3584				   </div>
3585				   
3586				   
3587					</div>
3588					  <textarea class="add-review-textarea" id="reviewText" style="color:white;background:#232323;width: 100%; border: 1px solid #636363; padding: 28px;  min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:0px !important" placeholder="Add your review here"></textarea>
3589					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3590							<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
3591					<@ } @>
3592				   </div>
3593				   <div  style=" display: flex; justify-content: center;margin-top:20px;">
3594					  <button style="letter-spacing:0px !important ; background-color:#D8FD46;padding:12px 28px !important; border-radius:0px !important; color:black;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3595						data-reviewData="feedback5Reviewlist" disabled >Submit</button>
3596				   </div>
3597				</div>
3598			</div>
3599			</div>
3600			</div>
3601		</div>
3602	</div>
3603	</script>
3603
3604
3605
3606
3607
3608
3609
3610
3611
3612
3613
3614
3615
3616
3617
3618
3619<!-- Nebula Feedback 6-->
3620
3621<script type="text/template" id="feedback-6-template">
3622	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3623	<@if(msg){@>
3624		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3625	<@}else{@>
3626	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3627	<div class="avgratingbox">
3628	<div class="column third">
3629	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3630		  <div class="avgRatingInnerContainer">
3631			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3632			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3633				<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #6715FF !important;"></i>
3634				<div style="margin-left: 25px;">
3635				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3636					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #6715FF !important; line-height: 1.3;">
3637						 <@ if(ratings && ratings.avgRating) {@>
3638						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3639						 <@}else{@>
3640						 0
3641						 <@}@>
3642					  </h3>
3643					  <p class="avgRatingReviews">/5</p>
3644				   </span>
3645				   <p class="avgRatingReviews">
3646					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3647				   </p>
3648				</div>
3649			 </div>
3650		  </div>
3651	   </div>
3652	</div>
3653	</div>
3654	<@ } @>
3655	<div id="feedback6Reviewlist" class="reviewslist">
3656	   <@ $.each(items, function(index, item) { @>
3657			   <@ var template = _.template($("#feedback-6-item-template").html()); print(template({item: item})) @>
3658	   <@ }); @>
3659	   <@}@>
3660	</div>
3661	<div class="row clearfix">
3662	   <div class="column full" style="text-align: center;">
3663		  <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-6-item-template" data-reviewData="feedback6Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#6715FF; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;">
3664			View All Reviews
3665		  </a>
3666	   </div>
3667	</div>
3668	</script>
3668
3669	
3670	
3670<script type="text/template" id="feedback-6-item-template">
3671		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3672		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3673			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3674				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3675					<a  style="color:#6715FF !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3676				<@ } @>
3677				<p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;">
3678				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3679					</p>
3680				<div class="reviewerName">
3681				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3682					   <@ print(item.userName) @>
3683					</p></div>
3684				
3685				 <p style="margin: 0px;">
3686					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3687						<@ if(item.rating >= ratingsSize) {@> 
3688							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#6715FF !important;"></i>
3689						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3690							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#6715FF !important;"></i> 
3691						<@ } @> 
3692					<@ }@>
3693				 </p>		
3694	
3695			   </div>
3696		  </div>	
3697	   </div>
3698	</script>
3698
3699	
3699<script type="text/template" id="feedback-6-createTemplate">
3700		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3701	  <div class="is-boxes">
3702		<div class="is-box-centered">
3703		  <div class="is-container container" style="max-width: 1200px;">
3704		
3705			<div class="review-box review-add-box">
3706				<div class="is-container container is-content-1200" >
3707				   <div class="row clearfix" >
3708					  <div class="column full" >
3709						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3710					  </div>
3711				   </div>
3712				   <div class="textarea-cont" style="background:transparent">
3713					<div style="display:flex; gap:30px;">
3714						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3715						<div class="review-star1 text-primary" 
3716						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3717					   <span id="rating-stars" >
3718						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3719							   <i class="fa fa-solid fa-star-sharp rating-star" 
3720								  data-value='<@- ratingsSize @>' 
3721								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3722						   <@}@>
3723					   </span>
3724				   </div>
3725				   <style></style>
3726				   
3727				   
3728					</div>
3729					  <textarea class="add-review-textarea" id="reviewText" style="background:white;width: 100%; border: 1px solid #c3c0c0; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea>
3730					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3731							<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: grey; margin-top: 0px;"><@ print(SPUSER.name) @></p>
3732					<@ } @>
3733				   </div>
3734				   <div  style=" display: flex; justify-content: center;">
3735					  <button style="letter-spacing:0px !important ; background-color:#6715FF;padding:12px 28px !important;margin-top:30px;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3736						data-reviewData="feedback6Reviewlist" disabled >Submit</button>
3737				   </div>
3738				</div>
3739			</div>
3740			</div>
3741			</div>
3742		</div>
3743	</div>
3744	</script>
3744
3745
3746
3747
3748
3749
3750<!-- Olive Feedback 7-->
3751<script type="text/template" id="feedback-7-template">
3752	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3753	<@if(msg){@>
3754		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3755	<@}else{@>
3756	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3757	<div class="avgratingbox">
3758	<div class="column third">
3759	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3760		  <div class="avgRatingInnerContainer">
3761			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3762			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3763				<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #064400 !important;"></i>
3764				<div style="margin-left: 25px;">
3765				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3766					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #064400 !important; line-height: 1.3;">
3767						 <@ if(ratings && ratings.avgRating) {@>
3768						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3769						 <@}else{@>
3770						 0
3771						 <@}@>
3772					  </h3>
3773					  <p class="avgRatingReviews">/5</p>
3774				   </span>
3775				   <p class="avgRatingReviews">
3776					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3777				   </p>
3778				</div>
3779			 </div>
3780		  </div>
3781	   </div>
3782	</div>
3783	</div>
3784	<@ } @>
3785	<div id="feedback7Reviewlist" class="reviewslist">
3786	   <@ $.each(items, function(index, item) { @>
3787			   <@ var template = _.template($("#feedback-7-item-template").html()); print(template({item: item})) @>
3788	   <@ }); @>
3789	   <@}@>
3790	</div>
3791	<div class="row clearfix">
3792	   <div class="column full" style="text-align: center;">
3793		  <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-7-item-template" data-reviewData="feedback7Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#064400; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;">
3794			View All Reviews
3795		  </a>
3796	   </div>
3797	</div>
3798	</script>
3798
3799	
3800	
3800<script type="text/template" id="feedback-7-item-template">
3801		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3802		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3803			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3804				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3805					<a  style="color:#064400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3806				<@ } @>
3807				<p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;">
3808				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3809					</p>
3810				<div class="reviewerName">
3811				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3812					   <@ print(item.userName) @>
3813					</p></div>
3814				
3815				 <p style="margin: 0px;">
3816					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3817						<@ if(item.rating >= ratingsSize) {@> 
3818							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#064400 !important;"></i>
3819						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3820							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#064400 !important;"></i> 
3821						<@ } @> 
3822					<@ }@>
3823				 </p>		
3824	
3825			   </div>
3826		  </div>	
3827	   </div>
3828	</script>
3828
3829	
3829<script type="text/template" id="feedback-7-createTemplate">
3830		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3831	  <div class="is-boxes">
3832		<div class="is-box-centered">
3833		  <div class="is-container container" style="max-width: 1200px;">
3834		
3835			<div class="review-box review-add-box">
3836				<div class="is-container container is-content-1200" >
3837				   <div class="row clearfix" >
3838					  <div class="column full" >
3839						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3840					  </div>
3841				   </div>
3842				   <div class="textarea-cont">
3843					<div style="display:flex; gap:30px;">
3844						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3845						<div class="review-star1 text-primary" 
3846						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3847					   <span id="rating-stars" >
3848						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3849							   <i class="fa fa-solid fa-star-sharp rating-star" 
3850								  data-value='<@- ratingsSize @>' 
3851								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3852						   <@}@>
3853					   </span>
3854				   </div>
3855				   <style></style>
3856				   
3857				   
3858					</div>
3859					  <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea>
3860					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3861							<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
3862					<@ } @>
3863				   </div>
3864				   <div  style=" display: flex; justify-content: center;">
3865					  <button style="letter-spacing:0px !important ; background-color:#064400;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3866						data-reviewData="feedback7Reviewlist" disabled >Submit</button>
3867				   </div>
3868				</div>
3869			</div>
3870			</div>
3871			</div>
3872		</div>
3873	</div>
3874	</script>
3874
3875
3876
3877
3878
3879	<!--Dusk Feedback-8-->
3880	
3880<script type="text/template" id="feedback-8-template">
3881		<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3882		<@if(msg){@>
3883			<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3884		<@}else{@>
3885		<@ if(total > 0 && ratings && ratings.avgRating) {@>
3886		<div class="avgratingbox">
3887		<div class="column third">
3888		   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;background:#F5F5F5;" >
3889			  <div class="avgRatingInnerContainer">
3890				 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3891				 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3892					<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #282400 !important;"></i>
3893					<div style="margin-left: 25px;">
3894					   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3895						  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #282400 !important; line-height: 1.3;">
3896							 <@ if(ratings && ratings.avgRating) {@>
3897							 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3898							 <@}else{@>
3899							 0
3900							 <@}@>
3901						  </h3>
3902						  <p class="avgRatingReviews">/5</p>
3903					   </span>
3904					   <p class="avgRatingReviews">
3905						  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3906					   </p>
3907					</div>
3908				 </div>
3909			  </div>
3910		   </div>
3911		</div>
3912		</div>
3913		<@ } @>
3914		<div id="feedback8Reviewlist" class="reviewslist">
3915		   <@ $.each(items, function(index, item) { @>
3916				   <@ var template = _.template($("#feedback-8-item-template").html()); print(template({item: item})) @>
3917		   <@ }); @>
3918		   <@}@>
3919		</div>
3920		<div class="row clearfix">
3921		   <div class="column full" style="text-align: center;">
3922			  <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-8-item-template" data-reviewData="feedback8Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#282400; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;">
3923				View All Reviews
3924			  </a>
3925		   </div>
3926		</div>
3927		</script>
3927
3928		
3929		
3929<script type="text/template" id="feedback-8-item-template">
3930			<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3931			  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:#F5F5F5; padding:20px; ">
3932				 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3933					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3934						<a  style="color:#282400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3935					<@ } @>
3936					<p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;">
3937					   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3938						</p>
3939					<div class="reviewerName">
3940					   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3941						   <@ print(item.userName) @>
3942						</p></div>
3943					
3944					 <p style="margin: 0px;">
3945						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3946							<@ if(item.rating >= ratingsSize) {@> 
3947								<i class="fa fa-solid fa-star-sharp text-primary" style="color:#282400 !important;"></i>
3948							<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3949								<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#282400 !important;"></i> 
3950							<@ } @> 
3951						<@ }@>
3952					 </p>		
3953		
3954				   </div>
3955			  </div>	
3956		   </div>
3957		</script>
3957
3958		
3958<script type="text/template" id="feedback-8-createTemplate">
3959			<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3960		  <div class="is-boxes">
3961			<div class="is-box-centered">
3962			  <div class="is-container container" style="max-width: 1200px;">
3963			
3964				<div class="review-box review-add-box">
3965					<div class="is-container container is-content-1200" >
3966					   <div class="row clearfix" >
3967						  <div class="column full" >
3968							 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3969						  </div>
3970					   </div>
3971					   <div class="textarea-cont">
3972						<div style="display:flex; gap:30px;">
3973							<div><h3 style="font-size:18px;font-weight:600;">Overall rating</h3></div>
3974							<div class="review-star1 text-primary" 
3975							style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3976						   <span id="rating-stars" >
3977							   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3978								   <i class="fa fa-solid fa-star-sharp rating-star" 
3979									  data-value='<@- ratingsSize @>' 
3980									  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3981							   <@}@>
3982						   </span>
3983					   </div>
3984					   <style></style>
3985					   
3986					   
3987						</div>
3988						  <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea>
3989						  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3990								<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
3991						<@ } @>
3992					   </div>
3993					   <div  style=" display: flex; justify-content: center;">
3994						  <button style="letter-spacing:0px !important ; background-color:#282400;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3995							data-reviewData="feedback8Reviewlist" disabled >Submit</button>
3996					   </div>
3997					</div>
3998				</div>
3999				</div>
4000				</div>
4001			</div>
4002		</div>
4003		</script>
4003
4004
4005
4006
4007<div class="spectre">
4008<div class="modal" id="reviewModal">
4009			<a href="javascript:void(0);" class="modal-overlay close"
4010				aria-label="Close"></a>	
4011			<div class="modal-container">
4012				<div class="modal-header">
4013					<a href="javascript:void(0);"
4014						class="close btn btn-clear float-right" aria-label="Close"></a>
4015					<div class="modal-title h5">Review</div>
4016				</div>
4017				<div class="modal-body" style="max-height: 90vh;padding-top: 0;">
4018				</div>
4019			</div>
4020			
4021			  
4022			  
4023</div>
4024
4025  
4026</div>
4027
4028
4029
4030
4031
4032
4033
4034
4035
4036
4037
4038
4039
4040 
4041
4042<script>
4043	var created_date = `Created Date`;
4044	var uname_msg = `Name`;
4045	var email_msg = `Email`;
4046	var has_web_token = `Has Web Token`;
4047	var has_mobile_token = `Has Mobile Token`;
4048	var actions_msg = `Actions`;
4049	var delete_user = `Delete User`;
4050	var create_target_audience = `Create Target Audience`;
4051	var msg_now = `NOW`;
4052	var msg_now_2 = `Now`;
4053	var msg_scheduled = `SCHEDULED`;
4054	var msg_recurring = `RECURRING`;
4055	var msg_weeks = `weeks`;
4056	var msg_months = `month(s)`;
4057	var msg_days = `days`;
4058	var notification_screen = `Notification Screen`;
4059	var coursepackagelandingpage = `Course/Package landing page`;
4060	var search_course_name = `Search by course/package name`;
4061	var webinar_landing_page = `Webinar landing page`;
4062	var search_by_webinar_name = `Search by webinar name`;
4063	var categorypage = `Category Page`;
4064	var custompage = `Custom Page`;
4065	var blogpage = `Blog Page`;
4066	var customlink = `Custom Link`;
4067	var homepage_msg = `Homepage`;
4068	var search_category = `Search category`;
4069	var search_page_title = `Search by Page title`;
4070	var search_blog_title = `Search by Blog title`;
4071	var enter_the_link = `Enter the link`;
4072	var membership_page = `Membership page`;
4073	var pick_a_date = `Pick a date`;
4074	var pick_first_push_date = `Pick a first push date`;
4075	var every_msg = `Every`;
4076	var starting_msg = `Starting`;
4077	var msg_published = `Published`;
4078	var msg_unpublished = `Unpublished`;
4079	var msg_customize = `Customize`;
4080	var msg_edit = `Edit`;
4081	var msg_featured_image = `Featured Image`;
4082	var msg_preview = `Preview`;
4083	var msg_delete = `Delete`;
4084	var msg_unpublish = `Unpublish`;
4085	var msg_publish = `Publish  `;
4086	var msg_question= `questions`;
4087	var try_new_coding_assignment= `Try new coding assignment`;
4088	var change_enrollment_date = `Change Enrollment Date`;
4089	var change_expiry = `Change Expiry`;
4090	var change_remanining_time = `Change Remaining Time`;
4091	var remove_from_course = `Remove From Course`;
4092	var reset_course_progress = `Reset Course Progress`;
4093	var complete_report = `Complete Report`;
4094	var msg_progress = `Progress`;
4095	var timetaken = `Time Taken`;
4096	var msg_user_details = `User Details`;
4097	var graphy_platform_fees_note = `Amount after deducting Graphy platform fees. This does not include your payment gateway charges.`;
4098	var final_price_note = `Final payable price by learners`;
4099	var save_alert_message = `Save progress before moving forward.`;
4100	var no_chapter_alert_message = `Please add at least one chapter in the course.`;
4101	var download_msg = `Download`;
4102	var revoke_msg = `Revoke`;
4103	var yes_msg = `Yes`;
4104	var no_msg = `No`;
4105	var details_hover = `Details`;
4106	var hide_notification = `Hide Notification`;
4107	var notify_learners_hover = `Notify Learners`;
4108	var search_course_package = `Search Courses to add in this package.`;
4109	var bulk_delete = `Bulk Delete`;
4110	var scheduled_msg = `Scheduled`;
4111	var inprogress_msg = `In Progress`;
4112	var completed_msg = `Completed`;
4113	var yes_all_caps = `YES`;
4114	var no_all_caps = `NO`;
4115	var discount_msg = `Discount`;
4116	var max_discount = `Max Discount`;
4117	var min_cart = `Min Cart`;
4118	var delete_bookmark = `Delete Bookmark`;
4119	var view_question = `View question`;
4120	var msg_free = `Free`;
4121	var membership_expiration_note = `Membership will be canceled on next billing date.`;
4122	var msg_active = `Active`;
4123	var msg_inactive = `Inactive`;
4124	var delete_hover = `Delete`;
4125	var view_hover = `View`;
4126	var coursewise = `Course Wise`;
4127	var learner_wise = `Learner wise`;
4128	var segment_wise = `Segment wise`;
4129	var unregistered_msg = `Unregistered`;
4130	var target_audience_deleted = `Target Audience Deleted`;
4131	var courses_msg = `course(s)`;
4132	var learners_msg = `learner(s)`;
4133	var unregistered_learners = `Unregistered Learner`;
4134	var all_learners = `All Learners`;
4135	var course_wise_learners = `Course wise Learners`;
4136	var segment_wise_learners = `Segment wise Learners`;
4137	var with_token = `with token`;
4138	var segments_msg = `segments`;
4139	var add_users_msg = `Add Users`;
4140	var approx_msg = `Approx`;
4141	var revoke_cancellation_request = `Revoke Cancellation request.`;
4142	var remove_scheduled_membership_cancellation = `Remove Scheduled Membership Cancellation`;
4143	var schedule_to_stop_subscription = `Schedule to stop Subscription`;
4144	var stop_subscription = `Stop subscription`;
4145	var available_for_review_all_caps = `AVAILABLE FOR REVIEW`;
4146	var reviewed_all_caps = `REVIEWED`;
4147	var rejected_all_caps = `REJECTED`;
4148	var preview_code = `Preview Code`;
4149	var approve_msg = `Approve`;
4150	var reject_msg = `Reject`;
4151	var history_msg = `History`;
4152	var message_hover= `Message`;
4153	var remove_msg= `Remove`;
4154	var enroll_msg= `Enroll`;
4155	var change_validity= `Change Validity`;
4156	var learners_selected= `learner(s) selected`;
4157	var select_all_msg= `Select all`;
4158	var do_you_want_to_delete_course= `Do you really want to delete this course?`;
4159	var do_you_want_to_revoke_this_certificate= `Do you really want to revoke this certificate?`;
4160	var do_you_want_to_revoke_entry= `Do you really want to revoke this entry?`;
4161	var do_you_want_to_edit_enrollment_date= `Do you really want to edit enrollment date of all learners?`;
4162	var do_you_want_to_edit_enrollment_date_for_selected= `Do you really want to edit enrollment date of selected learners?`;
4163	var do_you_want_to_edit_course_validity= `Do you really want to edit course validity of all learners?`;
4164	var do_you_want_to_edit_course_validity_for_selected= `Do you really want to edit course validity of selected learners?`;
4165	var do_you_want_to_remove_selected= `Do you really want to remove selected learners?`;
4166	var do_you_want_to_remove_all= `Do you really want to remove all learners?`;
4167	var do_you_want_to_create_zip= `Do you really want to create zip for this course?`;
4168	var do_you_want_to_deactivate= `Do you really want to deactivate?`;
4169	var successfully_done_alert= `Successfully Done.`;
4170	var please_select_atleast_1_learner= `Please select atleast 1 learner !`;
4171	var on_msg= `On`;
4172	var single_correct_option = `Single Correct Option`;
4173	var multiple_correct_options = `Multiple Correct Options`;
4174	var numerical_Fill_in_the_Blank = `Numerical/Fill in the Blank`;
4175	var match_the_Column = `Match the Column`;
4176	var subjective = `Subjective`;
4177	var your_target_audience_appear= `Your target audience user(s) will appear here`;
4178	var your_upcoming_campaign= `Your upcoming campaign will appear here`;
4179	var status_msg= `Status`;
4180	var stop_campaign= `Stop Campaign`;
4181	var copy_campaign= `Copy Campaign`;
4182	var platform_fee_tax = `platform fees including taxes`;
4183	var pg_fees_taxes = `payment gateway fees including taxes`;
4184	var msg_quiz = `Quiz`;
4185	var msg_livetest = `Live test`;
4186	var msg_heading = `Heading`;
4187	var msg_text = `Text`;
4188	var msg_form = `Form`;
4189	var msg_live_class = `Live class`;
4190	var msg_live_class_rec = `live class recording`;
4191	var msg_code = `Code`;
4192	var msg_assignment = `Assignment`;
4193	var msg_added = `added`;
4194	var msg_about = `About`;
4195	var msg_year = `year`;
4196	var msg_month = `Month`;
4197	var msg_day = `day`;
4198	//var msg_hour = `hh`;
4199	//var msg_minute = `mm`;
4200	//var msg_seconds = `seconds`;
4201	var msg_month_l = `month`;
4202	var msg_day_l = `day`;
4203	var msg_hour_l = `hour`;
4204	var msg_minute_l = `minute`;
4205	var msg_second_l = `second`;
4206	var mobile_number=`Mobile Number`;
4207	var status_android =`Status (ANDROID)`;
4208	var status_ios =`Status (IOS)`;
4209	var delivery_time=`Delivery Time`;
4210	var sure_unhide=`Are you sure you want to unhide this course ?`;
4211	var become_a_partner=`Become a Partner`;
4212	var failed_msg=`Failed`;
4213	var sent_msg=`Sent`;
4214	var pending_msg=`Pending`;
4215	var running_msg=`Running`;
4216	var add_pricing_plan = `Add pricing plan`;
4217	var msg_add = `Add`;
4218	var of_msg = `of`;
4219	var items_msg = `items`
4220	var ago_msg = `ago`
4221	var items_msg = `items`;
4222	
4223	var january_msg = `January`;
4224	var february_msg = `February`;
4225	var march_msg = `March`;
4226	var april_msg = `April`;
4227	var may_msg = `May`;
4228	var june_msg = `June`;
4229	var july_msg = `July`;
4230	var august_msg = `August`;
4231	var september_msg = `September`;
4232	var october_msg = `October`;
4233	var november_msg = `November`;
4234	var december_msg = `December`;
4235	var sunday_msg = `Sunday`;
4236	var monday_msg = `Monday`;
4237	var tuesday_msg = `Tuesday`;
4238	var wednesday_msg = `Wednesday`;
4239	var thursday_msg = `Thursday`;
4240	var friday_msg = `Friday`;
4241	var saturday_msg = `Saturday`;
4242	var at_msg = `at`;
4243	var generate_outline = `Generate outline using AI`;
4244	var it_take_min = `It may take a min.`;
4245	var msg_ok = `OK`;
4246	var edit_pricing_plan = `Edit pricing plan`;
4247
4248</script>
4248
4249
4250
4251
4252
4253
4254
4255
4256<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-2.0.3.min.js"></script>
4256
4257
4258<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/underscore-min.js?v=1.9.1"></script>
4258
4259
4260<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.form.js"></script>
vendor: 1 bytes, line 4260
4260
4261<script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 4261
4261
4262<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 4262
4262
4263<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.timeago.js"></script>
vendor: 1 bytes, line 4263
4263
4264<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/js-webshim/minified/extras/modernizr-custom.js"></script>
vendor: 1 bytes, line 4264
4264
4265<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.datetimepicker.js"></script>
4265
4266
4267
4268
4269
4270
4271
4272
4273
4274<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/aes.js"></script>
vendor: 1 bytes, line 4274
4274
4275<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/mode-ecb-min.js"></script>
vendor: 1 bytes, line 4275
4275
4276<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/pad-nopadding-min.js"></script>
4276
4277
4278<!-- 
4278<script src="https://unpkg.com/@popperjs/core@2"></script>
vendor: 1 bytes, line 4278
4278
4279<script src="https://unpkg.com/tippy.js@6"></script>
4279 -->
4280<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.3.3/umd/popper.js" integrity="sha512-jSMYzs1Iebw2Uew+Y9karoqkqTDEzbqkdttIkHJKh3auQ6aGV7p8b7A3Yo9k/LsMvUFqWt5AV66hfo1OwH4Jjg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 4280
4280
4281<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.0.0/tippy-bundle.umd.js"></script>
4281
4282
4283<script type="text/javascript">
4284	var passwordPolicyRequired = false;
4285	var checkoutV2 = true;
4286	var primaryFieldPhoneEnabled = false;
4287	var orgLanguageCode = "";
4288	var SPEERESCDN = "https://d502jbuhuh9wk.cloudfront.net";
4289</script>
4289
4290
4291<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sutils_919c30bb7230024efec7b939763642a2.js"></script>
vendor: 1 bytes, line 4291
4291
4292<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/utils/dateUtils_f53456b03f1287667a7b24fb63b367ce.js"></script>
vendor: 1 bytes, line 4292
4292
4293<script type="text/javascript">
4294	// Make org object globally available for dateUtils
4295	window.org = window.org || {};
4296	window.org.currencyCode = "false"=='true'?'USD':'INR';
4297	var websiteV3Org = false;
4298	var orgCreatedDate = {"$date":"2022-10-19T06:35:23.425Z"};
4299</script>
4299
4300
4301	
4301<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/talk_b564486691065235006e186474078666.js"></script>
4301
4302
4303
4304
4305
4306
4307<script type="text/javascript">
4308	var trialExpired = "false";
4309	var planCancelled = "false";
4310	var isFreePlan = false;
4311	
4312</script>
vendor: 1 bytes, line 4312
4312
4313<script type="text/javascript" id="dsf239df">
4314	var ctx = "/s",
4315		isFirstLogin = "", cjs = CryptoJS;
4316		
4317	var defaultCoreColor = "#5755d9", theme1CoreColor = "#572b7a", theme2CoreColor = "#3f51b5", theme3CoreColor = "#009051", 
4318		theme4CoreColor = "#596439", theme5CoreColor = "#F0591D", theme6CoreColor = "#28a745", theme7CoreColor = "#1bbc9b", 
4319		theme8CoreColor = "#f38f20", apkId = "6231373436231373432363038663465653864613523630386634656538646135", theme9CoreColor = "#c0af01", theme10CoreColor = "#e8d3a4",
4320		webColor = defaultCoreColor,
4321		CFCDN = "https://d502jbuhuh9wk.cloudfront.net", mobileNotification = true, webNotification = true, 
4322		iosPlayVideo = false,
4323		chromeDrmPlayback = false,
4324		gaType = "ga4";
4325		
4326	
4327	
4328	$("#dsf239df").remove();
4329</script>
4329
4330
4331
4332
4333
4334
4335	<a id="whatsappWidgetContainer" class="whatsapp-widget-container" href="#" target="_blank" >
4336      <div class="whatsapp-widget-icon">
4337        <i class="fa-brands fa-whatsapp" aria-hidden="true"></i>
4338      </div>
4339      <div class="whatsapp-widget-contact">Contact us</div>
4340    </a>
4341    
4342	
4342<script>	
4343
4344    	const mobileNumber = "+919620925516";
4345    	const userMessage = "Hi, I have a query regarding your learning community or program.";
4346
4347    	const WA_URL = "https://api.whatsapp.com/send?phone=" + encodeURIComponent(mobileNumber) + "&text=" + encodeURIComponent(userMessage);
4348
4349      	document.getElementById("whatsappWidgetContainer").href = WA_URL;
4350    </script>
4350
4351
4352
4353
4354	
4355		<input type="hidden" id="orgCurrencyCode" value="INR" />
4356	
4357	
4358
4359
4360
4361	
4361<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/detect-private-browsing.js"></script>
4361
4362	
4362<script type="text/javascript">
4363	detectPrivateMode(
4364        function(is_private) {
4365            if(typeof is_private !== 'undefined' && is_private) {
4366            		$("input[name=privateMode]").val("private");
4367            }
4368        }
4369    );
4370	</script>
4370
4371
4372
4373
4374	
4375	
4376		
4376<script type="text/javascript"
4377			src="https://d502jbuhuh9wk.cloudfront.net/resources/js/intlTelInput.min.js"></script>
4377
4378		
4378<script type="text/javascript">
4379		
4380			var ipInfo = localStorage.getItem('ipInfo');
4381	        if(!ipInfo) {
4382	        	$.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
4383	        		if(resp) {
4384	        			var ipInfoStr = JSON.stringify(resp);
4385	    				var ipInfoField = document.getElementById("ipInfo");
4386	    				var countryCode = (resp.country) ? resp.country : "in";
4387				        sessionStorage.setItem('countryCode', countryCode);
4388						if('statusText' in resp) {
4389	    					if((resp['statusText'] !== 'error') && ('ip' in resp)) {
4390	    						localStorage.setItem('ipInfo', ipInfoStr);
4391	    						if(ipInfoField) {
4392	    							ipInfoField.value = ipInfoStr;
4393	    		        		}
4394							}
4395						}
4396			        	else if('ip' in resp) {
4397			        		localStorage.setItem('ipInfo', ipInfoStr);
4398			        		if(ipInfoField) {
4399			        			ipInfoField.value = ipInfoStr;
4400			        		}
4401		        		}
4402					}
4403	        	})
4404	        }
4405		
4406		  $("#sphone").intlTelInput({
4407		      initialCountry: "auto",
4408		      geoIpLookup: function(callback) {
4409		    	 var scountryCode = sessionStorage.getItem('countryCode');
4410		    	 
4411		    	 if(scountryCode !== null) {
4412		    		 callback(scountryCode);
4413		    	 }else {
4414		    		 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
4415				          var countryCode = (resp && resp.country) ? resp.country : "in";
4416				          callback(countryCode);
4417				          sessionStorage.setItem('countryCode', countryCode);
4418				        });
4419		    	 }
4420		      },
4421		      preferredCountries: ["in", "us"],
4422		      separateDialCode: true,
4423		      utilsScript: "/resources/js/intlUtils.js"
4424		    });
4425		  	
4426		  </script>
4426
4427	
4428
4429
4430
4431<div class="spectre">
4432
4433	
4434	
4435	
4436
4437	
4437<script type="text/javascript">
4438		if(top != self) {
4439		    //iframe
4440		    $(".toast").remove();
4441		}
4442	</script>
4442
4443	
4444	
4445</div>
4446
4447	
4448
4449<input type="hidden" id="orgCreditAlias"
4450	value="Shanti Sharma Coins" />
4451
4452
4453
4454	
4455
4456
4457<script>
4458
4459
4460
4461
4462	var orgTaxLabel = "GST";
4463
4464
4465
4466	var sessionCountry = "";
4467
4468	$(document).ready(function() {		
4469		$("input[name='userMobileVerify']").change(function(data){
4470			var uniqueMobileSwitch = $('#uniqueMobileId');
4471			if(data.target.value==='true'){
4472				$('input[name=uniqueMobile]').prop('checked', true)
4473				$('#uniqueMobileLabelId').show();				
4474			}else{
4475				$('input[name=uniqueMobile]').prop('checked', false)
4476				$('#uniqueMobileLabelId').hide();
4477			}
4478		});
4479	});
4480	
4481	
4482		
4483		
4484			localStorage.removeItem('microserviceAuthToken');
4485		
4486   
4487   
4488   
4489	
4490	
4491			localStorage.removeItem('communityToken');
4492	
4493   
4494   
4495   
4496	
4497	
4498			localStorage.removeItem('chatRefreshToken');
4499	
4500
4501
4502
4503	
4504	
4505			localStorage.removeItem('refreshToken');
4506	
4507
4508	
4509</script>
4509
4510
4511
4512<!-- amplitude script start -->
4513
4514
4515
4516	
4516<script type="text/javascript">
4517	    window.localStorage.removeItem('loginAmplitudeEventSent');
4518	</script>
4518
4519
4520
4521<!-- amplitude script end -->
4522
4523 
4524    <div class="spectre">
4525        <div class="modal" id="membershipPopupHtml">
4526            <iframe id="microfe-popup-membership" src=""
4527                style="width: calc(100% + 10px); height: 100vh; border: none;"
4528                onload="$(this).parent().removeClass('loading');"></iframe>
4529        </div>
4530    </div>
4531    
4531<script>
4532        function openMembershipPopup(source){
4533            if(source==='banner'){
4534            	setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1);
4535            }
4536            if(source!=='private'){
4537            	location.href="/membership#"+source;
4538            }else{
4539				location.href="/private";
4540			}
4541        }
4542        function openMembershipPopup(source, id){
4543            if(source==='banner'){
4544            	setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1);
4545            }
4546            if(typeof id !== 'undefined' ){
4547            	location.href="/memberships/"+id+"#"+source;
4548            }else if(source!=='private'){
4549            	location.href="/membership#"+source;
4550			}else{
4551				location.href="/private";
4552			}
4553        }
4554        function closeMembershipPopup() {
4555            $("#membershipPopupHtml").removeClass("active");
4556            $("body").removeClass("overflowYDisable");
4557            window.location.hash="";
4558            setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1);
4559        }
4560        $("body").on('click', ".membershipBtn", function() {
4561        	openMembershipPopup('nav_bar');
4562        });
4563        
4564        if(window.location.hash==="#membership"){
4565        	openMembershipPopup("");
4566        }
4567        
4568    </script>
4568
4569    
4570    <!-- sending ipInfo data as form data when signing up -->
4571    
4571<script type="text/javascript">
4572		document.addEventListener("DOMContentLoaded", function(event) {
4573			const signupParamsField = document.getElementById("signupParams");
4574			if(signupParamsField && (window.signupParams)) {
4575				signupParamsField.value = JSON.stringify(window.signupParams);
4576			}
4577			const ipInfo = localStorage.getItem("ipInfo");
4578			const ipInfoField = document.getElementById("ipInfo");			
4579			if(ipInfo && ipInfoField) {
4580			   ipInfoField.value = ipInfo;
4581			}
4582		});
4583	</script>
4583
4584 
4585
4586 <div id="template-container"></div>
4587
4588<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sstore_5ffb558e86d7b5ef265e05fb0bfbef79.js"></script>
vendor: 1 bytes, line 4588
4588
4589<script type="text/javascript">store.bindEvents();</script>
vendor: 1 bytes, line 4589
4589
4590<script type="text/javascript">
4591	window.signupParams = {source: "landing_page", platform: "web", sourceId: null};
4592</script>
4592
4593<div class="containerBody is-wrapper clearfix" style="margin-top: 80px;"><html>
4594 <head></head>
4595 <body>
4596  <div id="1769498937284d" data-cat="1" class="is-section is-box c-bg-img is-bg-light is-dark-text"> 
4597   <style>
4598          .c-bg-img {
4599                height: 1% !important;
4600            }
4601          @media (max-width: 760px){
4602          
4603            .c-bg-img {
4604                height: 100px !important;
4605                min-height: 100px !important;
4606            }
4607          }
4608      </style> 
4609   <div class="is-boxes" style="min-height: 100px !important;"> 
4610    <div class="is-box-centered"> 
4611     <div class="is-container container" style="max-width: 14000px; margin: 0px auto; padding: 0px;"> 
4612      <div class="row clearfix">
4613       <div class="column full" style="padding-left: 0px; padding-right: 0px; line-height: 0;">
4614        <img alt="" style="margin-top: 0px; margin-bottom: 0px; width: 100%;" data-aos="slide-right" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/lmBpfjan2026gwslinkedinbanner.jpg">
4615       </div>
4616      </div> 
4617     </div> 
4618    </div> 
4619   </div> 
4620  </div> 
4621  <div id="1761115991533d" data-cat="1" class="is-section is-shadow-1 is-bg-grey is-section-100"> 
4622   <div class="is-boxes"> 
4623    <div class="is-box is-align-justify edge-y-1 is-bg-light is-dark-text is-content-top is-box-7"> 
4624     <div class="is-boxes"> 
4625      <div class="is-box-centered is-content-top"> 
4626       <div class="is-container container" style="max-width: 1484px;"> 
4627        <div class="row clearfix" draggable="false">
4628         <div class="column full">
4629          <p style="text-align: center; background-color: rgb(255, 255, 255);"><b><span class="size-28"><span class="size-32"><span style="font-family: Poppins, sans-serif;">Who</span><span style="font-family: Poppins, sans-serif;" class="size-28">&nbsp;</span><span style="font-family: Poppins, sans-serif;">Are We?</span></span></span></b></p>
4630          <p style="text-align: justify; letter-spacing: 1px; background-color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px;"><font style="font-family: Poppins, sans-serif;">We are an&nbsp; </font><b><font style="font-family: Poppins, sans-serif;">ISO 29993:2017 and WeConnect Certified organization</font></b><font style="font-family: Poppins, sans-serif;"> </font><span style="font-family: Poppins, sans-serif;">with enthusiastic team of facilitators, coaches, and learning architects who bring together decades of expertise in adult learning, workplace transformation and leadership development. Every engagement starts with a deep understanding of your context, your aspirations, strengths and areas of opportunity ensuring every solution is tailored for real impact. </span></p>
4631         </div>
4632        </div>
4633        <div class="row clearfix" draggable="false"> 
4634         <div class="column full" style="text-align: justify; letter-spacing: 1px;"> 
4635          <h1></h1>
4636          <h1 style="text-align: center; background-color: rgb(255, 255, 255); line-height: 1.2;"><b style="letter-spacing: 1px;"><span class="size-28"><span class="size-32"><span class="size-32"><span class="size-28"><span style="font-family: Poppins, sans-serif;" class="size-28">Growth begins the moment you pause to reflect.</span></span></span></span></span></b></h1>
4637          <p style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px;">Real growth begins when you step back and make space to listen to yourself, your team and your goals. At Grow with Satori, we turn that pause into true impact. Our coaching, learning and consulting initiatives ignite confidence, spark action and foster a culture of continuous improvement that empowers leaders, teams and individuals to thrive in today’s ever-evolving world. </p> 
4638         </div> 
4639        </div>
4640        <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4641       </div> 
4642      </div> 
4643     </div> 
4644    </div> 
4645    <div class="is-box is-content-bottom is-box-5" style="background-color: rgb(255, 255, 255);"> 
4646     <div class="is-overlay"> 
4647      <div class="is-overlay-content"></div> 
4648      <div class="is-overlay-bg lazy" style=" background-position: 50% 0%;" data-bg="https://www.growithsatori.com/s/pages/assets/images/4w4VWcontentbuddha1.png">
4649       <div class="is-overlay-color" style="opacity: 0.085; background-color: rgb(255, 255, 255); display: block;"></div>
4650      </div>
4651     </div> 
4652     <div class="is-boxes"> 
4653      <div class="is-box-centered is-opacity-90 is-content-bottom"> 
4654       <div class="is-container container" style="max-width: 1720px;"></div> 
4655      </div> 
4656     </div> 
4657    </div> 
4658   </div> 
4659  </div> 
4660  <div id="1761117625268d" data-cat="103" class="is-section is-box is-dark-text type-oranienbaum-sourcesanspro is-content-top is-section-20"> 
4661   <div class="is-boxes"> 
4662    <div class="is-box-centered is-content-top"> 
4663     <div class="is-container container" style="max-width: 1400px;"> 
4664      <div class="row clearfix" draggable="false">
4665       <div class="column full">
4666        <div class="display"> 
4667         <h1 style="text-align: center; text-transform: none; background-color: rgb(255, 255, 255);"><span style="letter-spacing: 1px;" class="size-32"><span class="size-28"><b><span class="size-28"><span class="size-28"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px; background-color: rgb(255, 255, 255);" class="size-28">Why Trust Us?</span></span></span></b></span></span></h1> 
4668        </div>
4669       </div>
4670      </div>
4671      <div class="row clearfix" draggable="false">
4672       <div class="column third">
4673        <div class="list size-24" style="text-align: center;">
4674         <h3 class="size-24" style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif;"><b style="background-color: rgb(255, 255, 255);">20,000+&nbsp;</b></span></h3>
4675         <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="color: inherit; font-family: Poppins, sans-serif; letter-spacing: 1px; background-color: rgb(255, 255, 255);">Individuals empowered with learning and development</span></h3>
4676        </div>
4677       </div>
4678       <div class="column third">
4679        <div class="list size-24"> 
4680         <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif;"><b style="background-color: rgb(255, 255, 255);">2,500+&nbsp;</b></span></h3>
4681         <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; color: inherit; letter-spacing: 2px; background-color: rgb(255, 255, 255);">Coaching hour with individuals, groups</span></h3>
4682        </div>
4683       </div>
4684       <div class="column third">
4685        <div class="list size-24" style="background-color: rgb(255, 255, 255);"> 
4686         <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif;"><b style="background-color: rgb(255, 255, 255);">95%&nbsp;</b></span></h3>
4687         <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; color: inherit; letter-spacing: 2px; background-color: rgb(255, 255, 255);">of clients return to work with us again</span></h3>
4688        </div>
4689       </div>
4690      </div>
4691      <div class="row clearfix" draggable="false">
4692       <div class="column third">
4693        <div class="list">
4694         <h3 class="size-24" style="text-align: center; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);"><span style="color: inherit; font-family: Poppins, sans-serif; letter-spacing: 0px;"><b>400+</b></span></h3>
4695         <h3 class="size-24" style="text-align: center; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); letter-spacing: 1px;"><span class="size-24">&nbsp;</span><span style="color: inherit; font-family: Poppins, sans-serif; letter-spacing: 1px; background-color: rgb(255, 255, 255);">Coaching clients</span></h3> 
4696        </div>
4697       </div>
4698       <div class="column third">
4699        <div class="list" style="background-color: rgb(255, 255, 255);">
4700         <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif;"><b>15+</b>&nbsp;</span></h3>
4701         <h3 class="size-24" style="text-align: center; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); letter-spacing: 2px;">Industries served</h3>
4702        </div>
4703       </div>
4704       <div class="column third">
4705        <div class="list" style="background-color: rgb(255, 255, 255);">
4706         <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif;"><b>200+&nbsp;</b></span></h3>
4707         <h3 class="size-24" style="text-align: center; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); letter-spacing: 1px;">Leadership Programs delivered</h3>
4708        </div>
4709       </div>
4710      </div>
4711      <div class="row clearfix" draggable="false">
4712       <div class="column full" style="text-align: center; letter-spacing: 1px;">
4713        <p class="size-24"></p>
4714        <div class="OutlineElement Ltr SCXW20650227 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px;">
4715         <span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); font-size: 20px;">Every number tells a story of a meaningful conversation, a breakthrough moment and a step forward on someone’s growth journey.</span>
4716        </div>
4717        <div class="OutlineElement Ltr SCXW20650227 BCX8" style="background-color: rgb(255, 255, 255);">
4718         <span style="font-family: Poppins, sans-serif;" class="size-24"><br></span>
4719        </div>
4720        <div class="OutlineElement Ltr SCXW20650227 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255); line-height: 1.5;">
4721         <span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); font-size: 20px;">Curious to hear how we’ve helped clients transform their leadership and teams? Dive into their stories and testimonials to discover the real impact we create together.</span>
4722        </div>
4723        <div class="OutlineElement Ltr SCXW20650227 BCX8">
4724         <span style="font-family: Poppins, sans-serif;"><span style="font-size: 24px;"><br></span></span>
4725        </div>
4726        <a href="https://www.growithsatori.com/s/pages/clients" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; border-radius: 100px; font-family: Poppins, sans-serif;" target="_blank" title="" class="size-14" draggable="false"><b class="size-18" style="letter-spacing: 2px; text-transform: none;"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-16">Clients </span>and T<span class="size-18">estimo</span>nials</b></a>
4727       </div>
4728      </div>
4729      <div class="row clearfix">
4730       <div class="column full" data-noedit="">
4731        <div class="spacer height-40"></div>
4732       </div>
4733      </div> 
4734      <div class="row clearfix" draggable="false"> 
4735       <div class="column full center"> 
4736        <h1 class="size-32" style="letter-spacing: 2px; background-color: rgb(255, 255, 255);"><b><span style="font-family: Poppins, sans-serif;" class="size-28">Our </span><span style="font-family: Poppins, sans-serif;" class="size-28">Offerings</span></b></h1> 
4737       </div> 
4738      </div>
4739      <div class="row clearfix" draggable="false"> 
4740       <div class="center column fourth" style="text-align: center;">
4741        <img alt="" data-filename="learning HP.png" style="background-color: rgb(255, 255, 255);" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/pp8gWlearninghp.png">
4742        <p></p>
4743        <div></div>
4744        <p></p>
4745        <div style="text-align: center;">
4746         <a href="https://www.growithsatori.com/s/pages/journey" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(65, 34, 100); color: rgb(247, 247, 247); border-color: rgb(220, 220, 220); border-width: 2px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; border-radius: 50px; font-family: Poppins, sans-serif; font-size: 20px;" draggable="false" target="_blank" title="">Learning</a>
4747         <p style="text-align: left;"></p>
4748         <ul>
4749          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif; letter-spacing: 0px; background-color: rgb(255, 255, 255);" class="size-18">Leadership Development</span></li>
4750          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif; letter-spacing: 0px; background-color: rgb(255, 255, 255);" class="size-18">Self - Development</span></li>
4751          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="letter-spacing: 0px;"><span style="font-size: 16px;"><span style="font-family: Poppins, sans-serif;" class="size-18">Holistic Well - Being</span></span></span></li>
4752          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="letter-spacing: 0px;"><span class="size-18"><span class="size-18"><span class="size-18"><span style="font-family: Poppins, sans-serif;">Technical </span></span><span style="font-family: Poppins, sans-serif;">/ R</span></span><span style="font-family: Poppins, sans-serif;">oles Specific</span></span></span></li>
4753         </ul>
4754         <p></p>
4755         <p></p>
4756        </div> 
4757        <a href="https://www.growithsatori.com/s/pages/journey" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 36); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; font-size: 14px; letter-spacing: 2px; font-family: Poppins, sans-serif;" target="_blank" title="" draggable="false"><b class="size-18"><span>Click </span><span>Here</span></b></a>
4758       </div>
4759       <div class="center column fourth" style="text-align: center;">
4760        <img alt="" data-filename="Coaching HP.jpg" style="background-color: rgb(255, 255, 255);" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/1ndfBcoachinghp.jpg">
4761        <p></p>
4762        <div></div>
4763        <p></p>
4764        <div style="text-align: center; background-color: rgb(255, 255, 255);">
4765         <a href="https://www.growithsatori.com/s%20/pages/coaching" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(65, 34, 100); color: rgb(247, 247, 247); border-color: rgb(220, 220, 220); border-width: 2px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; border-radius: 50px; font-family: Poppins, sans-serif; font-size: 20px;" draggable="false" target="_blank" title="">Coaching</a>
4766         <p style="text-align: left;"></p>
4767         <ul>
4768          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span class="size-18"><span style="font-family: Poppins, sans-serif;">Coaching for Corporate&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span><span style="font-family: Poppins, sans-serif;" class="size-18">Professionals</span></span></li>
4769          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Group Coaching</span></li>
4770          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Team Coaching</span></li>
4771         </ul>
4772         <p></p>
4773         <p></p>
4774        </div> 
4775        <a href="https://www.growithsatori.com/s/pages/coaching" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 36); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; letter-spacing: 1px;" target="_blank" title="" draggable="false" class="size-18"><b>Click Here</b></a>
4776       </div>
4777       <div class="center column fourth" style="text-align: left;">
4778        <img alt="" data-filename="Consulting HP.jpg" draggable="false" style="text-align: left;" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/sJGphconsultinghp.jpg">
4779        <p></p>
4780        <div></div>
4781        <p></p>
4782        <div style="text-align: center; background-color: rgb(255, 255, 255);">
4783         <a href="https://www.growithsatori.com/s/pages/consulting" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(65, 34, 100); color: rgb(247, 247, 247); border-color: rgb(220, 220, 220); border-width: 2px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; border-radius: 50px; font-family: Poppins, sans-serif; font-size: 20px;" draggable="false" target="_blank" title="">consulting</a>
4784         <p style="text-align: left;"></p>
4785         <ul>
4786          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif; font-size: 18px; letter-spacing: 0px;">POSH Compliance &amp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Awareness</span></li>
4787          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif; font-size: 18px; letter-spacing: 0px;">Sales and Strategy</span></li>
4788          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Talent &amp; Training</span></li>
4789         </ul>
4790         <p></p>
4791         <p></p>
4792        </div> 
4793        <a href="https://www.growithsatori.com/s/pages/consulting" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 36); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; letter-spacing: 1px;" target="_blank" title="" draggable="false" class="size-18"><b><span>Click </span>Here</b></a>
4794       </div>
4795       <div class="center column fourth" style="text-align: center;">
4796        <img alt="" data-filename="Assessment HP.png" style="background-color: rgb(255, 255, 255);" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/8qI5Hassessmenthp.png">
4797        <p></p>
4798        <div></div>
4799        <p></p>
4800        <div style="text-align: center; background-color: rgb(255, 255, 255);">
4801         <a href="https://www.growithsatori.com/s/pages/assessment" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(65, 34, 100); color: rgb(247, 247, 247); border-color: rgb(220, 220, 220); border-width: 2px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; border-radius: 50px; font-family: Poppins, sans-serif; font-size: 20px;" draggable="false" target="_blank" title="">
4801Assessment</a>
4802         <p style="text-align: left;"></p>
4803         <ul>
4804          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Leadership 360</span></li>
4805          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Disc</span></li>
4806          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Interaction Styles</span></li>
4807          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Belbin Team Roles</span></li>
4808          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Lumina Spark</span></li>
4809          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Harrison Assessment</span></li>
4810          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Voice of Employee</span></li>
4811          <li style="background-color: rgb(255, 255, 255); text-align: left;"><span class="size-18"><span style="font-family: Poppins, sans-serif;">Pulse Checks</span></span></li>
4812         </ul>
4813         <p></p>
4814         <p></p>
4815        </div> 
4816        <a href="https://www.growithsatori.com/s/pages/assessment" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 36); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; letter-spacing: 3px; font-family: Poppins, sans-serif;" draggable="false" target="_blank" title="" class="size-18"><b style="letter-spacing: 1px;">Click Here</b></a>
4817       </div> 
4818      </div>
4819     </div> 
4820    </div> 
4821   </div> 
4822  </div> 
4823  <div id="1761382654838d" data-cat="1" class="is-section is-box is-section-20 is-content-top"> 
4824   <div class="is-boxes"> 
4825    <div class="is-box-centered is-content-top"> 
4826     <div class="is-container container" style="max-width: 1400px;"> 
4827      <div class="row clearfix" draggable="false">
4828       <div class="column full" style="text-align: justify; letter-spacing: 1px;">
4829        <h1 style="text-align: center; background-color: rgb(255, 255, 255);"><b><span style="font-family: Poppins, sans-serif; letter-spacing: 2px;" class="size-32">Who We Empower?</span></b></h1>
4830        <p class="size-24" style="text-align: justify; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); letter-spacing: 1px;">We work with those who choose growth intentionally. Whether you’re building capabilities as an HR or L&amp;D leader, stepping up as a manager or growing as a founder, CXO or team member; our programs guide you forward. Our community includes: </p>
4831        <p></p>
4832        <ul style="letter-spacing: 2px;">
4833         <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-24">HR, L&amp;D, OD and Talent Leaders <br></span></li>
4834         <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-24">Managers starting their leadership journey or scaling responsibility <br></span></li>
4835         <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-24">Business Leaders, CXOs and Start-up Founders <br></span></li>
4836         <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-24">Women at all stages of leadership</span></li>
4837         <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-24">Professionals seeking career progress</span></li>
4838         <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; font-size: 24px; letter-spacing: 1px;">If you are creating teams, shaping culture or eager to grow, you’re in the right place.</span></li>
4839        </ul>
4840        <div class="OutlineElement Ltr SCXW211859563 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255);">
4841         <span class="size-24"><span style="font-family: Poppins, sans-serif;">Simply reach out to us at</span><span class="size-24"> <a class="Hyperlink SCXW211859563 BCX8" href="mailto:[email protected]" target="_blank" rel="noreferrer noopener" title="" draggable="false"><span style="font-family: Poppins, sans-serif;">[email protected]</span></a> </span><span style="font-family: Poppins, sans-serif;">or (+91)8496925516 to understand how we can fuel your growth</span></span>
4842        </div>
4843        <p></p>
4844       </div>
4845      </div>
4846      <div class="row clearfix" draggable="false">
4847       <div class="column full center" style="letter-spacing: 1px;">
4848        <div>
4849         <br>
4850        </div>
4851        <div class="display"> 
4852         <h1><span class="size-32"></span></h1>
4853        </div>
4854        <span class="size-32"><b><span class="size-38"><span class="size-32"><span style="text-align: center; text-transform: none; text-decoration: none;"><span class="size-28"><span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);" class="size-28">Growth has no borders. Neither do we.</span></span></span></span></span></b></span>
4855        <div>
4856         <div class="size-24" style="background-color: rgb(255, 255, 255); letter-spacing: 1px;">
4857          <span style="font-size: 32px;"><span style="font-family: Poppins, sans-serif;">Here’s a glimpse of our Global and National Reach!<br></span></span>
4858          <p style="background-color: rgb(255, 255, 255);"><a href="We deliver learning wherever growth is needed across borders, teams and communities" title="We deliver learning wherever growth is needed across borders, teams and communities" draggable="false"><img alt="We deliver learning wherever growth is needed across borders, teams and communities" data-filename="Global Impact Map.jpg" style="width: 38.3929%; height: auto;" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/N2HWqglobalimpactmap.jpg"></a>&nbsp;<a href="We deliver learning wherever growth is needed across borders, teams and communities" title="We deliver learning wherever growth is needed across borders, teams and communities" draggable="false"><img alt="We deliver learning wherever growth is needed across borders, teams and communities" data-filename="India Visitor Map.jpg" style="width: 25.6696%; height: auto;" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/PMiYcindiavisitormap.jpg"></a></p>
4859          <p style="background-color: rgb(255, 255, 255);"><b><span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); letter-spacing: 1px;">Ready to start?<br></span></b></p>
4860          <span></span>
4861         </div>
4862        </div>
4863        <a href="https://calendly.com/shantisharma/60min" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; font-weight: 400; letter-spacing: 3px; font-family: Poppins, sans-serif;" class="size-21" target="_blank" title=""><b style="letter-spacing: 2px;" class="size-18"><span style="font-size: 18px;"><span>Book</span> </span><span class="size-18"><span class="size-18">a Free</span> <span class="size-18">Discovery<span style="font-size: 21px;"> </span></span><span class="size-18">Call</span></span></b></a>
4864       </div>
4865      </div>
4866      <div class="row clearfix">
4867       <div class="column full" data-noedit="">
4868        <div class="spacer height-40"></div>
4869       </div>
4870      </div>
4871      <div class="row clearfix" draggable="false"> 
4872       <div class="column full center"> 
4873        <h1 style="font-size: 32px; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);"><b class="size-28" style="background-color: rgba(200, 200, 201, 0.11);"><span style="font-family: Poppins, sans-serif; text-transform: none; text-align: center; background-color: rgb(247, 247, 247); background-image: linear-gradient(0deg, rgb(255, 255, 255), rgb(255, 255, 255)); letter-spacing: 2px;" class="size-28">Meet Our Team</span></b></h1> 
4874       </div> 
4875      </div>
4876      <div class="row clearfix" draggable="false">
4877       <div class="column full" style="text-align: center;">
4878        <p class="size-24" style="font-family: Poppins, sans-serif; text-align: justify; background-color: rgb(255, 255, 255); letter-spacing: 1px;">Our team creates high-impact experiences that connect vision to action and foster growth at all levels. What drives us is seeing professionals, managers and team
4878s discover their potential and deliver measurable progress, always rooted in purpose and shared values.</p>
4879        <a href="https://www.growithsatori.com/s/page/preview/meet-our-team" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: bold; letter-spacing: 3px; font-family: Poppins, sans-serif;" class="size-18" target="_blank" title="Meet Our Team">Read More</a>
4880       </div>
4881      </div>
4882      <div class="row clearfix" draggable="false"> 
4883       <div style="text-align: center; line-height: 1.8; letter-spacing: -1px;" class="column full">
4884        <h4 style="text-align: left;"><b style="text-align: justify; font-size: 24px;"><span class="size-28"></span></b></h4>
4885        <h2 style="background-color: rgb(255, 255, 255);"><b style="font-size: 2rem; letter-spacing: 0px;"><span class="size-28" style="letter-spacing: 2px;"><span style="background-color: rgb(255, 255, 255); letter-spacing: 1px;"><span style="font-family: Poppins, sans-serif;">Build Communities for Lifelong Learning</span></span></span></b></h2>
4886        <div class="spacer height-20"></div>
4887        <img alt="" data-filename="GWS LG.png" style="width: 42.4615%; height: auto;" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/g6JdMgwslg.png">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
4888        <img alt="" data-filename="Body keeps count.png" style="font-size: 1.07rem; width: 27.6154%; height: auto;" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/jZwPkbodykeepscount.png">&nbsp;&nbsp;
4889       </div> 
4890      </div>
4891      <div class="row clearfix" draggable="false">
4892       <div class="column half" style="text-align: center;">
4893        <div class="list"> 
4894         <p style="text-align: left;"><b class="size-24"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;">Exclusively for HR, L&amp;D, and OD leaders to share, grow, and lead better<br></span></b></p>
4895        </div>
4896       </div>
4897       <div class="column half">
4898        <div class="list"> 
4899         <p class="size-24"><b><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;"> Exclusively for women leaders to learn, lead, and thrive together</span></b></p> 
4900        </div>
4901       </div>
4902      </div>
4903      <div class="row clearfix" draggable="false">
4904       <div class="column full" style="text-align: center;">
4905        <p class="size-24" style="text-align: justify; font-family: Poppins, sans-serif; letter-spacing: 1px; background-color: rgb(255, 255, 255);">These communities create ongoing spaces where learning is lived, perspectives are broadened and networks are strengthened which in turn fuels growth that lasts a lifetime. </p>
4906        <a href="https://www.growithsatori.com/s/page/preview/buildcommunitiesforlifelonglearning" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;" target="_blank" title=""><span style="text-transform: none;" class="size-18"><b>Read More</b></span></a>
4907       </div>
4908      </div>
4909      <div class="row clearfix" draggable="false"> 
4910       <div class="column full" style="text-align: center; letter-spacing: 1px;"> 
4911        <p class="size-24" style="text-align: justify; letter-spacing: 0px; background-color: rgb(255, 255, 255);"><span><span style="font-family: Poppins, sans-serif;">Explore our Curated Playlists on the <b style="font-family: Poppins, sans-serif;">Grow with Satori YouTube channel</b>,</span></span><span style="font-family: Poppins, sans-serif;"> where bite-sized wisdom comes alive through microlearning videos, workshop highlights and expert insights. The channel is designed to support your growth journey anytime, anywhere with content that blends practical leadership lessons, coaching tips and inspiring stories of transformation. Whether you have 5 minutes or longer, find the right spark to keep learning on your schedule.</span></p>
4912        <a href="https://www.youtube.com/@growwithsatori" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif;" target="_blank" title="" draggable="false"><b style="letter-spacing: 1px; text-transform: none;" class="size-18"><span class="size-18">Watch Playlist on Grow with Satori YouTube</span></b></a>
4913        <p class="size-24"><span></span></p>
4914        <div class="OutlineElement Ltr SCXW105619764 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255);">
4915         <span class="size-24"><span style="letter-spacing: 0px;"><span style="font-family: Poppins, sans-serif;">Dive deeper into transformational learning with our range of </span><b><span style="font-family: Poppins, sans-serif;">digital products and learning journeys</span></b><span class="size-24"><span style="font-family: Poppins, sans-serif;"> </span><span style="font-family: Poppins, sans-serif;">designed for flexible and self-paced development. From immersive online courses to experiential learning tools, Grow with Satori’s offerings are built to empower your learning journey wherever you are. </span></span></span></span>
4916        </div>
4917        <div class="OutlineElement Ltr SCXW105619764 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255);">
4918         <span class="size-24"><span style="letter-spacing: 0px;"><span class="size-24"><span style="font-family: Poppins, sans-serif;"><br></span></span></span></span>
4919        </div>
4920        <a href="#" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif; margin-bottom: 20px; margin-right: 20px;" draggable="false"><b class="size-18"><span style="font-family: Poppins, sans-serif; letter-spacing: 2px;">Learning </span><span style="font-family: Poppins, sans-serif; letter-spacing: 2px;">Journeys</span></b></a>
4921        <a href="https://www.growithsatori.com/products#nav_bar" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif;" target="_blank" title="" draggable="false"><b class="size-18" style="letter-spacing: 1px;"><span style="font-family: Poppins, sans-serif; text-transform: none;">Digital</span> <span style="font-family: Poppins, sans-serif; text-transform: none;">Products</span></b></a>
4922        <span></span>
4923        <p></p> 
4924       </div> 
4925      </div>
4926      <div class="row clearfix" draggable="false"> 
4927       <div class="column full" style="text-align: center; background-color: rgb(255, 255, 255); letter-spacing: 0px;"> 
4928        <h1><span class="size-28"><b></b></span></h1>
4929        <h1 style="text-transform: none; text-decoration: none; background-color: rgb(255, 255, 255);"><b><span class="size-28"><span class="size-28"><span style="font-family: Poppins, sans-serif;" class="size-28">Grow, Learn and Connect Anytime, Anywhere </span></span></span></b></h1>
4930        <p></p>
4931        <div class="OutlineElement Ltr SCXW48145287 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255);">
4932         <span class="size-24"><span style="font-family: Poppins, sans-serif;">Discover a world of growth beyond sessions with our digital ecosystem designed to keep you inspired and engaged.&nbsp;</span></span>
4933        </div>
4934        <div class="OutlineElement Ltr SCXW48145287 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255);">
4935         <span style="font-size: 24px;"><span style="font-family: Poppins, sans-serif;">Tune into the </span><b><span style="font-family: Poppins, sans-serif;">Learning Lounge Podcast</span></b><span style="font-family: Poppins, sans-serif;"> for authentic conversations with leaders sharing stories on growth, purpose, and making work better.</span></span>
4936        </div>
4937        <div class="spacer height-20"></div>
4938        <a href="https://www.youtube.com/@growwithsatori" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif; margin-bottom: 20px; margin-right: 20px;" target="_blank" title="" draggable="false"><b class="size-18" style="letter-spacing: 1px; text-transform: none;">Watch <span class="size-18" style="text-transform: none;">on </span>YouTube</b></a>
4939        <a href="https://open.spotify.com/show/4XpxRnrC7RCoeaOwBcdCDM" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif;" target="_blank" title="" draggable="false"><b class="size-18" style="letter-spacing: 1px;">Listen on Spotify</b></a>
4940        <div class="OutlineElement Ltr SCXW58734440 BCX8" style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);">
4941         <span style="font-family: Poppins, sans-serif; font-size: 24px; letter-spacing: 1px; text-align: left;">Subscribe to the Satori Spark Newsletter, your monthly nudge filled with thoughtful reflections and leadership inspiration to keep your momentum going.&nbsp;</span>
4942        </div>
4943        <a href="https://www.linkedin.com/company/growithsatori/" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif;" target="_blank" title="" draggable="false"><b class="size-18" style="letter-spacing: 1px;">Subscribe Now</b></a>
4944        <p></p>
4945        <p></p> 
4946       </div> 
4947      </div>
4948      <div class="row clearfix" draggable="false"> 
4949       <div class="column full size-21" style="text-align: center;"> 
4950        <h1><span class="size-24"></span></h1>
4951        <b><span class="size-28"><span class="size-28"><span style="text-transform: none;"><span style="font-family: Poppins, sans-serif;" class="size-28">Ready whenever you are </span></span></span></span></b>
4952        <p class="size-24"></p>
4953        <div class="OutlineElement Ltr SCXW94600195 BCX8" style="background-color: rgb(255, 255, 255);">
4954         <span class="size-21"><span class="size-24"><span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);" class="size-24">Whatever brings you here, an urge to grow, a challenge to solve or a spark of curiosity, step into our community and experience your growth today!&nbsp;</span></span></span>
4955        </div>
4956        <div class="OutlineElement Ltr SCXW94600195 BCX8" style="text-align: center; background-color: rgb(255, 255, 255);">
4957         <span class="size-21"><span class="size-24"><span><span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);">If you need more information or support, connect with our team at</span></span></span></span>
4958        </div>
4959        <div class="OutlineElement Ltr SCXW94600195 BCX8" style="text-align: center; background-color: rgb(255, 255, 255);">
4960         <span class="size-21"><span style="font-family: Poppins, sans-serif;" class="size-24"><br></span></span>
4961        </div>
4962        <a href="Mailto:[email protected]" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; font-weight: 400; letter-spacing: 3px; font-family: Poppins, sans-serif; max-width: 400px; width: 100%;" class="size-21" target="_blank" title="" draggable="false"><b><span style="letter-spacing: 2px;"><span class="size-18"><span style="font-family: Poppins, sans-serif;">Email Us:<br></span></span></span><span style="font-family: Poppins, sans-serif;" class="size-21"><span style="letter-spacing: 1px;" class="size-18"><span class="size-18">[email protected]</span></span><br></span></b></a>
4963        <div class="spacer height-20"></div>
4964        <a href="tel; +91 84969 22516" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; font-weight: 400; letter-spacing: 3px; width: 100%; max-width: 400px;" class="size-21" draggable="false" title=""><b style="width: 22em; letter-spacing: 2px;" class="size-18"><span style="font-family: Poppins, sans-serif;">Call</span>: <span style="font-family: Poppins, sans-serif;" class="size-18">+<font class="size-18">91 </font><font class="size-18">8496925516</font></span></b></a>
4965        <p></p> 
4966       </div> 
4967      </div>
4968      <div class="row clearfix" draggable="false"> 
4969       <div class="column full center"> 
4970        <p class="size-18" style="text-align: center; font-family: Poppins, sans-serif;">© Copyright 2026 Grow with Satori LLP</p> 
4971       </div> 
4972      </div>
4973     </div> 
4974    </div> 
4975   </div> 
4976  </div> 
4977  <!--OTHERS---> 
4978  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4979  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4980  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4981  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4982  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4983  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4984  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4985  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4986  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4987  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4988  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4989  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4990  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4991  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4992  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
4993  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4994  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
4995  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4996  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
4997  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
4998  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
4999  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5000  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5001  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5002  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5003  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5004  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5005  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5006  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5007  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5008  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5009  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5010  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5011  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5012  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5013  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5014  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5015  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5016  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5017  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5018  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5019  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5020  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5021  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5022  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5023  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5024  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5025  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5026  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5027  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5028  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5029  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5030  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5031  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5032  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5033  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5034  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5035  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5036  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5037  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5038  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5039  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5040  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5041  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5042  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5043  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5044  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5045  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5046  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5047  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5048  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5049  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5050  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5051  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5052  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5053  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5054  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5055  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5056  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5057  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5058  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5059  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5060  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5061  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5062  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5063  <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css">
5064  <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css">
5065 </body>
5066</html></div>
5067
5068
5069	
5070		
5071		
5072			
5073
5074
5075
5076
5077
5078
5079
5080
5081
5082
5083<div class="yogya-footer" style="display: flex !important;align-items:center;justify-content:center;clear:both;width: 100%;flex-direction: column; row-gap:30px; background: #F7F7F7; color: #232228; padding: 80px 10px;">
5084	
5085		
5086		
5087			
5088				
5089				
5090					<a style="display: flex !important;align-items:center;justify-content:center;text-decoration: none !important;background: #000 !important;color: #fff !important;padding: 12px 20px !important;border-radius: 4px !important;font-size: 14px !important;font-weight: 600 !important;line-height: 20px !important;" rel="nofollow" href="https://graphy.com/products/create-and-sell-course-online?utm_campaign=shantisharma&utm_source=gc&utm_device=website&gref=shantisharma" target="_blank"><img alt="Launch your Graphy" style="height: 20px; width: 11px; margin-right: 12px;" src="/resources/images/grvector.svg">Launch your Graphy</a>
5091					<div class="text-center" style="font-size: 12px;font-weight: 400;line-height: 20px;letter-spacing: 0.015em;">100K+ creators trust <a href="https://graphy.com/products/create-and-sell-course-online?utm_campaign=shantisharma&utm_source=gc&utm_device=website&gref=shantisharma" target="_blank" rel="nofollow" style="color: #000 !important;text-decoration: underline !important;padding: 0 !important;font-size: inherit !important;">Graphy</a> to teach online</div>
5092				
5093			
5094		
5095	
5096	<div style="display: flex !important;align-items:center;justify-content:center;column-gap: 12px;">
5097		<a href="https://www.facebook.com/growithsatori/" class="fbPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;
5097display: flex;align-items:center;justify-content:center;"><i class="fa-brands fa-facebook-f" style="font-size: 11px"></i></a>
5098		<a href="https://www.instagram.com/growithsatori/" class="instaPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;"><i class="fa-brands fa-instagram" style="font-size: 11px"></i></a> 
5099		<a href="https://twitter.com/LearningSatori" class="twitterPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;" ><span style="font-size: 11px">&#x1D54F;</span></a> 
5100		<a href="https://www.linkedin.com/company/growithsatori/" class="linkedinPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;" ><i class="fa-brands fa-linkedin-in" style="font-size: 11px"></i></a> 
5101		<a href="https://www.youtube.com/@growwithsatori" class="yPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;" ><i class="fa-brands fa-youtube" style="font-size: 11px"></i></a>
5102		
5103	</div>
5104	<div style="display: flex !important;align-items:center;justify-content:center;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.015em;column-gap: 12px;flex-wrap: wrap;">
5105		<span>Grow with Satori LLP <i class="fa-regular fa-copyright"></i> 2026</span> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 
5106		<a href="/privacypolicy" style="color: #232228 !important; padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Privacy policy</a>  <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 
5107		<a href="/termsofuse" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Terms of use</a> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 
5108		<a href="/contactus" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Contact us</a> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 
5109		<a href="/refundpolicy" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Refund policy</a>
5110	</div>
5111</div>
5112
5113
5114
5115
5116
5117		
5118	
5119
5120
5121	
5121<script type="text/javascript">
5122		var coursesList = $("#courseslist, .itemsContainer"), blogsList = $("#blogslist");
5123		if(coursesList.length > 0 && coursesList.html().replace(/[\s]/g, '') === "") {
5124			coursesList.addClass("columns").html("<div class='loading loading-lg centered'></div>");
5125			store.allCourses.init(false, (coursesList.data("limit")===undefined?4:coursesList.data("limit")));
5126		}
5127		if(blogsList.length > 0 && blogsList.html().replace(/[\s]/g, '') === "") {
5128			blogsList.addClass("columns").html("<div class='loading loading-lg centered'></div>");
5129			var limit = (blogsList.data("limit")===undefined?4:blogsList.data("limit")), packet = {
5130					url: "/blog/json/get",
5131					data: {skip: 0, limit: limit},
5132					success: function(data, params) {
5133						var template = _.template($("#blogcard-template").html()), html = "", blogs = data.data.blogs.data;
5134						
5135						for(var i=0;i < blogs.length;i++) {
5136							html = html + template({item: blogs[i]});
5137						}
5138						
5139						blogsList.html(html);//.find("time.timeago").timeago(); 
5140					}
5141			};
5142			
5143			getData(packet, {});
5144		}
5145	</script>
5145
5146
5147<script src="https://d502jbuhuh9wk.cloudfront.net/resources/pagebuilder2/box/box.js" type="text/javascript"></script>
5147
5148
5149
5150
5151
5152
5153
5154	<div id="ui-notification-container" class="spectre"></div>
5155	
5155<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-easing.js"></script>
5155
5156	
5156<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-notification.js"></script>
5156
5157
5158	<!-- Import and configure the Firebase SDK -->
5159	<!-- These scripts are made available when the app is served or deployed on Firebase Hosting -->
5160	<!-- If you do not serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup -->
5161	
5161<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
5161
5162	
5162<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js"></script>
5162
5163
5164	
5164<script>
5165  // Retrieve Firebase Messaging object.
5166  var firebaseConfig = {"apiKey":"AIzaSyCQ2wNyeXrIzifB0IKKVCalHXrDk7pg32w","authDomain":"live-stream-chat-efac5.firebaseapp.com","databaseURL":"https://live-stream-chat-efac5.firebaseio.com","projectId":"live-stream-chat-efac5","storageBucket":"live-stream-chat-efac5.appspot.com","messagingSenderId":"158909475587","appId":"1:158909475587:web:93ede0a9feef2b3f"};
5167  // Initialize Firebase
5168  firebase.initializeApp(firebaseConfig);
5169  const messaging = firebase.messaging();
5170  // Add the public key generated from the console here.
5171  messaging.usePublicVapidKey("BN3BYOmWjo3NAW7if4jCE5cG-yIOXAvmoKB9k53ZssAfgb7Z6ZZ-oAQWFK7j6EqHIG3f-G9QAVKLOIK7Vw3X0_k");
5172
5173  // Callback fired if Instance ID token is updated.
5174  messaging.onTokenRefresh(function(){
5175    messaging.getToken().then(function(refreshedToken){
5176      // Indicate that the new Instance ID token has not yet been sent to the
5177      // app server.
5178      setTokenSentToServer(false);
5179      // Send Instance ID token to app server.
5180      sendTokenToServer(refreshedToken);
5181      // Display new Instance ID token and clear UI of all previous messages.
5182      resetUI();
5183      // [END_EXCLUDE]
5184    })["catch"](function(err){
5185      console.log('Unable to retrieve refreshed token ', err);
5186      showToken('Unable to retrieve refreshed token ', err);
5187      requestPermission();
5188    });
5189  });
5190
5191  // Handle incoming messages. Called when:
5192  // - a message is received while the app has focus
5193  // - the user clicks on an app notification created by a service worker
5194  //   `messaging.setBackgroundMessageHandler` handler.
5195  messaging.onMessage(function(payload){
5196    console.log('Message received. ', payload);
5197    appendMessage(payload);
5198  });
5199
5200  function resetUI() {
5201    clearMessages();
5202    $(function(){
5203        $("#ui-notification-container").notification();
5204    });
5205    // Get Instance ID token. Initially this makes a network call, once retrieved
5206    // subsequent calls to getToken will return from cache.
5207    messaging.getToken().then(function(currentToken) {
5208      if (currentToken) {
5209        sendTokenToServer(currentToken);
5210        updateUIForPushEnabled(currentToken);
5211      } else {
5212        // Show permission request.
5213        console.log('No Instance ID token available. Request permission to generate one.');
5214        // Show permission UI.
5215        updateUIForPushPermissionRequired();
5216        setTokenSentToServer(false);
5217      }
5218    })["catch"](function(err) {
5219      console.log('An error occurred while retrieving token. ', err);
5220      showToken('Error retrieving Instance ID token. ', err);
5221      setTokenSentToServer(false);
5222    });
5223    // [END get_token]
5224  }
5225
5226  function showToken(currentToken) {
5227    // Show token in console and UI.
5228    console.log(currentToken);
5229  }
5230
5231  // Send the Instance ID token your application server, so that it can:
5232  // - send messages back to this app
5233  // - subscribe/unsubscribe the token from topics
5234  function sendTokenToServer(currentToken) {
5235    if (!isTokenSentToServer()) {
5236      console.log('Sending token to server...');
5237      var packet = {
5238			  url : "/public/v1/fcm/token",
5239			  data: {token: currentToken},
5240			  success: function(data, params) {
5241				  console.log("Token successfully sent")
5242				  setTokenSentToServer(true);
5243				  setTokenSentToServerUserId(window.userId);
5244			  }
5245	  };
5246	  postData(packet, {});
5247    } else {
5248      console.log('Token already sent to server so won\'t send it again ' +
5249          'unless it changes');
5250    }
5251
5252  }
5253
5254  function isTokenSentToServer() {
5255    return window.localStorage.getItem('sentToServer') === '1' && isTokenSentToServerWithUser(window.userId);
5256  }
5257  
5258  function isTokenSentToServerWithUser(userId) {
5259	 return window.localStorage.getItem('sentToServer-user') === userId;
5260  }
5261
5262  function setTokenSentToServer(sent) {
5263    window.localStorage.setItem('sentToServer', sent ? '1' : '0');
5264  }
5265  
5266  function setTokenSentToServerUserId(userId) {
5267	    window.localStorage.setItem('sentToServer-user', userId);
5268  }
5269
5270  function requestPermission() {
5271    console.log('Requesting permission...');
5272    // [START request_permission]
5273    Notification.requestPermission().then(function(permission) {
5274      if (permission === 'granted') {
5275        console.log('Notification permission granted.');
5276        resetUI();
5277      } else {
5278        console.log('Unable to get permission to notify.');
5279      }
5280    });
5281    // [END request_permission]
5282  }
5283
5284  function deleteToken() {
5285    // Delete Instance ID token.
5286    // [START delete_token]
5287    messaging.getToken().then(function(currentToken){
5288      messaging.deleteToken(currentToken).then(function(){
5289        console.log('Token deleted.');
5290        setTokenSentToServer(false);
5291        // Once token is deleted update UI.
5292        resetUI();
5293      })["catch"](function(err) {
5294        console.log('Unable to delete token. ', err);
5295      });
5296    })["catch"](function(err) {
5297      console.log('Error retrieving Instance ID token. ', err);
5298      showToken('Error retrieving Instance ID token. ', err);
5299    });
5300
5301  }
5302
5303  // Add a message to the messages element.
5304  function appendMessage(payload) {
5305	  $("#ui-notification-container").notification("create", {
5306          title: payload.data.title,
5307          content: payload.data.message,
5308          customIcon: payload.data.customIcon,
5309          customImage: payload.data.customImage,
5310          link: payload.data.link
5311      },
5312      {
5313          sticky: true 
5314      });
5315  }
5316
5317  // Clear the messages element of all children.
5318  function clearMessages() {
5319    const messagesElement = document.querySelector('#ui-notification-container');
5320    while (messagesElement.hasChildNodes()) {
5321      messagesElement.removeChild(messagesElement.lastChild);
5322    }
5323  }
5324
5325  function updateUIForPushEnabled(currentToken) {
5326	  showToken("Token update ui: " + currentToken);
5327  }
5328
5329  function updateUIForPushPermissionRequired() {
5330    console.warg("Push notification permission is requred")
5331  }
5332
5333  window.userId = "";
5334  resetUI();
5335  
5336  
5337 </script>
5337
5338
5339
5340<script src="https://d502jbuhuh9wk.cloudfront.net/static/files/lazyload.min.js"></script>
vendor: 1 bytes, line 5340
5340
5341<script type="text/javascript">
5342	var lazyLoadInstance = new LazyLoad({
5343	  unobserve_entered: true,
5344	  callback_enter: function(element) {
5345		  resizeCdnImage(element);
5346	  }
5347	});
5348</script>
5348
5349</body>
5350</html>

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.