PageSourceSearch

https://www.civilhindipedia.com/

html civilhindipedia.com collected 2026-09-26 13:15:33 UTC 240,111 bytes, 5,022 lines download raw bytes

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