PageSourceSearch

https://www.modiwaybusinessacademy.com/

html modiwaybusinessacademy.com collected 2026-10-02 01:36:06 UTC 314,384 bytes, 5,007 lines download raw bytes

1
2
3
4
5
6
7
8<!DOCTYPE html>
9<html lang="en">
10<head>
11<title>SPBM</title>
12
13	
14		<meta name="keywords" content=""/>
15		<meta name="description" content="Success Principles by Modicare"/>
16		<meta name="google-site-verification" content="" />
17		
18		<meta property="og:url" content="https://sharadchoudhary5050.ongraphy.com" />
19		<meta property="og:type" content="website" />
20		<meta property="og:title" content="SPBM" />
21		<meta property="og:description" content="Success Principles by Modicare" />
22		<meta property="og:image" content="https://sharadchoudhary5050.ongraphy.com/logo.png?v=18" />
23	
24
25	
26	
27	
28	
29		
30
31
32
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		<meta name="viewport" content="width=device-width, initial-scale=1.0">
86 	
87 	
88  
89    
90   		
91   		
92   		
93   		
94   		
95   		
96   		
97    
98    <meta name="google" content="notranslate">
99    
100    	
101        	<link rel="canonical" href="https://sharadchoudhary5050.ongraphy.com/" />
102  
103
104
105<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
106<link rel="icon" href="/favicon.ico" type="image/x-icon">
107
108
109
110
111
112
113
114
115	
116		
116<script>var orgCountry = "IN";</script>
116
117	
118	
119
120
121<link id="theme" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre.min.css" rel="stylesheet">
122
123<link rel="preconnect" href="https://fonts.googleapis.com"> 
124<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
125
126<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" as="style" onload="this.onload=null;this.rel='stylesheet'">
127<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" ></noscript>
128
129<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'">
130<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" ></noscript>
131
132<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
133<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" ></noscript>
134
135<link id="theme-exp" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre-exp.min.css" rel="stylesheet">
136
137
138
139	
140	<link href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstyles_0f8f8346b730ed7f9d44d25335e652c6.css" rel="stylesheet">
141	<link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstore_052a28d8fc16dab749345a09dfcd63bf.css"/>
142	
143	
144	
145	<style type="text/css">
146		#loginLoader{
147			position: absolute;
148	    	left: 0;
149	    	right: 0;
150	    	margin-left: auto;
151	    	margin-right: auto;
152	    	width: 100px;
153	    	top: 50%;
154		}
155	    .customSocialBtn {
156	      	display: flex; 
157	    	white-space: nowrap;
158	    	justify-content: center;
159	    	align-items: center;
160	    	padding: 11px 67px;
161	    	position: static;
162	    	left: 0px;
163	    	top: 40px;
164	    	cursor: pointer;
165	    	margin: auto;
166	    	border: none;
167	    	gap: 10px;
168	    	/*width: 364px;
169	    	height: 48px;
170	      	 background: #000000; */
171	    	/*For New Button Remove Bellow Codes and Uncomment upper Code  */
172	    	background: white;
173	      	border-radius: 4px;
174	      	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
175	      	width: 245px;
176	      	height: 40px;
177	    }
178	  
179	    .customSocialBtn img.icon {     
180	    	height: 20px;
181	    	width: 20px;
182	    }
183	    .customSocialBtn span.buttonText {
184	    	font-style: normal;
185	    	font-weight: 900;
186	    	font-size: 16px;
187	    	line-height: 120%;
188			opacity: 0.9;
189	    	font-family: 'Roboto', sans-serif;
190	    	/* color: #F7F7F7; */
191	    	/*For New Button Remove Bellow Codes and Uncomment upper Code  */
192	    	color: #808080;
193	    }
194	</style>
195	
196	
197		
198		
199		 
200			<style type="text/css">
201				
202					.main.container { margin-top: calc(var(--headerHeight) + 25px); }
203				
204			</style>
205		
206	
207	
208		
209		
210	
211
212
213
214
215
216<style type="text/css">
217	:root {
218	 	--themeColor: #5755d9;
219	 	--themeBGColor: #fff;
220		--headerHeight: 70px;
221		--headerTextColor: #1f1f1f;
222		--headerBGColor: #ffffff;
223		--footerTextColor: #FCFBFA;
224	}
225
226
227</style>
228
229<style type="text/css">
230	.btn{
231min-width: auto !important;
232}
233
234@media (max-width: 840px){
235#navbar-section-btn {
236    display: flex;
237    align-items: center;
238    z-index: 1;
239}
240.spectre header.navbar .navbar-section {
241    flex-basis: unset!important;
242overflow: unset;
243}
244}
245.spectre header.navbar .navbar-section {
246overflow: unset;
247}
248    
249
250</style>
251
252
253
254
255<script type="text/javascript">
256	window.onload = function(event) {
257	   document.querySelectorAll('header .avatar img').forEach(function(img){
258		   	if(img.naturalWidth == 0) {
259		   		img.style.display='none';
260		   	}
261	   })
262	};
263	var RESCDN = "https://d502jbuhuh9wk.cloudfront.net";
264	
265	function showCourseDefaultCover(img, cid) {
266		var rndm = ((parseInt(cid.replace(/[a-z]/g, '')) % 10) % 6) + 1;
267		rndm = isNaN(rndm) ? 1 : rndm;
268		if(img === null) {
269			return RESCDN + "/resources/images/cc"+rndm+".jpg";
270		}
271		
272		img.src = RESCDN + "/resources/images/cc"+rndm+".jpg";
273	}
274</script>
274
275
276
277
278	
279	
280
281
282
283
284
285
286
287<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>
287
288
289<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>
289
290
291<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>
291
292
293
294
295
296	
296<script>var orgTermsOfUseVersion = parseInt("1");</script>
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: "advanced", checkout_version: "1", customer_type: "s"};
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
365
366<!-- Google Tag Manager -->
367<script>
vendor: 327 bytes, lines 367-371
367(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
368new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
369j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
370'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
371})(window,document,'script','dataLayer','
371GTM-KW7N9P2
vendor: 4 bytes, line 371
371');
372</script>
372
373<!-- End Google Tag Manager -->
374 
375		<style type="text/css">
376			:root { --text: #3F3F41; --yellow: #ffb13c; --blue: #0a3f81; --purple: #62538e; } @media (max-width: 767px) { body { padding-top: 0px !important; } } .spectre header.navbar .navbar-section { flex-basis: content; } header .btn { display: inline-block; padding: 13px 20px; min-width: unset !important; border-radius: 10px; background-color: var(--yellow); color: #4d4d4d; border: 3px solid #fff; box-shadow: unset !important; font-size: 18px; line-height: 22px; font-weight: 500; text-align: center; } .owl-stage-outer { overflow: hidden; } .owl-stage { display: flex; flex-direction: row; align-items: center; } .slider1 .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #869791; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .slider1 .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #D6D6D6; } .slider2 .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #869791; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .slider2 .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #D6D6D6; } .leader_slider .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #869791; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .leader_slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #D6D6D6; } .review_slider .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #869791; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .review_slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #D6D6D6; } .review_slider .owl-nav, .leader_slider .owl-nav { display: none; } .slider2 { position: absolute; bottom: -30px; } .owl-dots { width: 100%; display: flex; justify-content: center; } .owl-dots button { background: none !important; border: none !important; padding: 10px 0px 0px; } p:last-child { margin-bottom: 0 !important; } .btn { display: inline-block; padding: 13px 20px; min-width: 164px; border-radius: 10px; background-color: var(--yellow); color: #4d4d4d; border: 3px solid #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); font-size: 18px; line-height: 22px; font-weight: 500; text-align: center; } .btn:hover { background-color: #0a3f81; color: #fff; } .container { max-width: 1050px; margin: 0 auto; width: 100%; } .container1300 { max-width: 1300px; margin: 0 auto; width: 100%; } .container1080 { max-width: 1080px; margin: 0 auto; width: 100%; } /* Banner Section CSS */ section { width: 100%; overflow: hidden; position: relative; } .banner_section { background-color: #0a546d; border-top: 24px solid #206c90; position: relative; overflow: initial; line-height: 0; } /* .banner_section::before{ content: ''; position: absolute; bottom: 0; left: 0; background: url(../images/banr-shape-1.png) no-repeat; background-size: 100%; width: 360px; height: 360px;} .banner_section::after{ content: ''; position: absolute; top: 0; right: 0; background: url(../images/banr-shape-2.png) no-repeat; background-size: 100%; width: 360px; height: 360px;} */ .banner_section .slide { width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; } .banner_section .text { width: 278px; position: relative; z-index: 1; } .banner_section .imgs { width: calc(100% - 278px); position: relative; padding-bottom: 45px; } .banner_section .imgs .img1 { display: block; margin-left: auto; margin-right: 0; max-width: 875px; } .banner_section .imgs .img2 { position: absolute; bottom: 0; left: 0; width: 330px; } .banner_section h1 { color: #fff; margin-bottom: 52px; } .banner_section h1 span { color: var(--yellow); } .banner_section .btn { min-width: 220px; padding: 14px 20px 18px; border-radius: 37px; font-size: 24px; line-height: 28px; } .banner_section .slick-dots { position: absolute; bottom: -30px; z-index: 1; margin: 0 !important; } /* Banner Section CSS */ /* Middle Sections CSS */ .section1 { background-color: #206C90; padding: 80px 0 200px; } .section1 .container { position: relative; z-index: 1; } .section1::before { content: ''; position: absolute; top: 0; right: 0; background: url(/s/pages/assets/images/bg1.png) no-repeat; background-size: 100%; width: 480px; height: 560px; } .section1::after { content: ''; position: absolute; bottom: 40px; right: 0; background: url(/s/pages/assets/images/path-1.svg) no-repeat bottom; background-size: 100%; width: 100%; height: 100%; } .section1 h3 { text-transform: uppercase; color: #fff; } .section1 h3+p { color: #fff; margin: 5px 0 0; } .section1 .row { display: flex; flex-wrap: wrap; width: calc(100% + 50px); margin-left: -25px; justify-content: space-between; padding: 20px 0 0; } .section1 .col { width: calc(100% - 20px); border: 5px solid #fff; margin-top: 52px; position: relative; background-color: #F9F1FF; border-radius: 10px; padding: 0 35px 10px; min-height: 130px; margin-right: 20px; } .section1 .owl-nav { display: none; } .section1 .col .icon { width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); border-radius: 10px; margin-top: -33px; transition: all 0.4s ease-in-out; } .section1 .col .icon svg { max-width: 42px; max-height: 42px; } .section1 .col p { font-size: 14px; line-height: 18px; margin: 10px 0 0; } .section1 .col .icon6 svg { max-width: 24px; max-height: 24px; } .section2 { padding: 90px 0 30px; position: relative; background-color: #ebeff2; } .slider2 .col { width: 100% !important; height: 100%; } .slider2 .owl-nav { display: none; } .section2::before { content: ''; position: absolute; top: 0; left: 0; background: url(/s/pages/assets/images/rc-1.svg) no-repeat; background-size: 100%; width: 360px; height: 360px; } .section2::after { content: ''; position: absolute; top: 0; right: 0; background: url(/s/pages/assets/images/bg3.png) no-repeat; background-size: 100%; width: 380px; height: 380px; } .section2 .container { position: relative; z-index: 1; } .section2 h2 { color: var(--purple); } .section2 h2+p { color: #4D4D4D; margin: 5px 0 0; } .section2 .row { width: 100%; display: flex; flex-wrap: wrap; margin-top: 84px; position: relative; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .section2 .col { width: 25%; position: relative; z-index: 1; background-color: #206C90; text-align: center; color: #fff; padding: 45px; transition: all 0.4s ease-in-out; } .section2 .row::before { content: ''; position: absolute; bottom: 0; left: -200px; width: 200px; height: 100px; background: url(/s/pages/assets/images/line-1.svg) no-repeat; background-size: 100%; } .section2 .row::after { content: ''; position: absolute; top: 0; right: -200px; width: 200px; height: 100px; background: url(/s/pages/assets/images/line-2.svg) no-repeat; background-size: 100%; } .section2 .col .icon { width: 75px; height: 75px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); border-radius: 10px; margin-top: -33px; transition: all 0.4s ease-in-out; margin: 0 auto; } .section2 .col .icon img { max-width: 48px; max-height: 48px; display: block; margin: 0 auto; } .section2 .col h4 { font-size: 22px; line-height: 28px; font-weight: 700; padding: 20px 0 0; } .section2 .col p { font-size: 16px; line-height: 20px; font-weight: 400; padding: 10px 0 0; } /*.section2 .col:nth-child(1) { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .section2 .col:nth-child(4n) { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; }*/ .section3 { width: 100%; position: relative; padding: 110px 0 0; position: relative; background-color: #ebeff2; background-image: url(/s/pages/assets/images/bg4.png); background-repeat: no-repeat; background-position: bottom right; background-size: 440px; } .section3::before { content: ''; position: absolute; bottom: 0; right: 0; background: url(/s/pages/assets/images/rc-2.svg) no-repeat; background-size: 100%; width: 360px; height: 360px; } .section3::after { content: ''; position: absolute; bottom: 0; left: 0; background: url(/s/pages/assets/images/bg2.png) no-repeat; background-position: bottom; background-size: 100%; width: 480px; height: 420px; } .section3 .container { position: relative; z-index: 1; } .section3 h2 { color: var(--purple); margin-bottom: 10px; } .coursesection1 { width: 100%; position: relative; } .coursesection1 .main_row { width: 100%; position: relative; display: flex; justify-content: space-between; } .coursesection1 .col_left { width: 580px; display: flex; justify-content: space-between; padding: 28px 0 0; height: 100%; } .course_list { width: 258px; } .course_list ul { list-style: none; margin: 0px; } .course_list ul li { list-style-type: none; } .course_list ul li { width: 100%; margin-bottom: 12px; } .course_list ul li a { display: flex; align-items: center; background-color: #F9F1FE; padding: 7px 10px; border-radius: 10px; font-size: 14px; line-height: 20px; font-weight: 700; color: var(--text); text-decoration: none; } .course_list .icon { width: 30px; height: 30px; margin-right: 15px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); border-radius: 4px; transition: all 0.4s ease-in-out; }
376 .course_list .icon svg { max-width: 20px; max-height: 20px; } .course_list ul li a:hover .icon { background-color: var(--yellow); transition: all 0.4s ease-in-out; } .course_list ul li a:hover .icon svg path { fill: #4C4C4C; } .course_list ul li a:hover { background-color: #fff; } .course_list ul li a:hover .icon svg #Group_259 path { fill: none; stroke: #4C4C4C; } .course_list ul li a:hover .icon svg #Group_259 rect { fill: none; stroke: #4C4C4C; } .course_list ul li a:hover .icon svg #Group_259 line { fill: none; stroke: #4C4C4C; } .course_list ul li.active a .icon { background-color: var(--yellow); transition: all 0.4s ease-in-out; } .course_list ul li.active a .icon svg path { fill: #4C4C4C; } .course_list ul li.active a { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } .course_list ul li.active .icon svg #Group_259 path { fill: none; stroke: #4C4C4C; } .course_list ul li.active .icon svg #Group_259 rect { fill: none; stroke: #4C4C4C; } .course_list ul li.active .icon svg #Group_259 line { fill: none; stroke: #4C4C4C; } .course_list .more { display: block; } .course_list .more a { display: inline-block; color: var(--text); font-size: 14px; line-height: 20px; font-weight: 700; } .course_list .more a:hover { color: var(--yellow); } .tab-content { width: 255px; display: none; } .courseMore { width: 100%; min-height: 258px; display: flex; flex-direction: column; justify-content: space-between; } .courseMore p { font-size: 12px; line-height: 22px; } .courseMore .knowMore a { margin-bottom: 41px; display: inline-block; border-radius: 5px; text-align: center; background-color: #206C90; color: #fff; width: 130px; font-size: 15px; line-height: 18px; font-weight: 500; padding: 8px 10px; } .courseMore .knowMore a:hover { background-color: var(--yellow); } .coursesection1 .col_right { width: 370px; padding: 0 30px; display: flex; justify-content: end; justify-content: flex-end; } .coursesection1 .col_right img { display: block; margin: 0 auto; } .coursesection2 { width: 100%; padding: 60px 0 0; background-color: #f9f1fe; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-bottom: 60px; overflow: hidden; position: relative; } .courseSearch { width: calc(100% - 40px); margin: 0 20px; position: relative; } .courseSearch .field { width: 100%; position: relative; background-color: #f9f1fe; border: 2px solid #707070; padding: 0 30px; height: 50px; border-radius: 4px; font-size: 16px; line-height: 20px; font-weight: 700; color: #4d4d4d; } .courseSearch::after { content: ''; position: absolute; top: 15px; right: 20px; background: url(/s/pages/assets/images/search-icon-2.svg) no-repeat; background-size: 100%; width: 20px; height: 20px; } .searchlist { padding: 15px 0 0; width: 100%; display: flex; flex-wrap: wrap; } .searchlist ul { width: 25%; min-height: 380px; padding: 45px 15px 45px 35px; position: relative; } .searchlist ul:nth-child(2n) { background-color: #e6e6e6; border-left: 1px solid #d6d3db; } .searchlist ul li { font-size: 15px; line-height: 20px; color: #4d4d4d; font-weight: 700; margin-bottom: 20px; position: relative; z-index: 1; } .searchlist ul li a { color: var(--text); display: inline-block; position: relative; } .searchlist ul li a::after { content: ''; width: 0; height: 2px; background-color: #206C90; position: absolute; bottom: -3px; left: 0; transition: all 0.4s ease-in-out; } .searchlist ul li a:hover::after { width: 100%; transition: all 0.4s ease-in-out; } .searchlist ul:nth-child(1)::before { content: ''; position: absolute; top: 50px; left: 0; width: 330px; height: 430px; background: url(/s/pages/assets/images/rc-5.svg) no-repeat; background-size: 100%; } .hide { display: none !important; } .closeSearch { position: absolute; cursor: pointer; top: 20px; right: 20px; background-color: transparent; display: flex; align-items: center; font-size: 15px; color: #4d4d4d; font-weight: 700; } .closeSearch img, .closeSearch svg { display: block; width: 16px; margin-left: 8px; } .closeSearch:hover { opacity: 0.8; } .section4 { width: 100%; position: relative; padding: 135px 0 20px; position: relative; background-color: #206C90; overflow: hidden; } .section4::before { content: ''; position: absolute; bottom: 0; left: 0; background: url(/s/pages/assets/images/rc-3.svg) no-repeat; background-size: 100%; width: 360px; height: 360px; } .section4::after { content: ''; position: absolute; top: -52%; left: -12%; background: url(/s/pages/assets/images/bg5.png) no-repeat; background-position: bottom; background-size: 100%; width: 1000px; height: 1000px; } .section4 .container { position: relative; z-index: 1; display: flex; } .section4 .text { width: 265px; min-width: 265px; padding-right: 40px; color: #fff; } .section4 .text p { font-size: 17px; line-height: 20px; margin: 10px 0 0; } .leader_slider { width: 100%; text-align: center; position: relative; color: #fff; } .leader_slider h5, .leader_slider h6 { font-weight: 400; font-size: 14px; line-height: 18px; } .leader_slider .item { width: 100%; padding: 0 13px; } .leader_slider .item img { display: block; margin: 0 auto 10px; } .slick-dots { display: flex; width: 100%; text-align: center; justify-content: center; margin-top: 15px; } .slick-dots li { margin: 0 7px; } .slick-dots li button { width: 8px; height: 8px; opacity: 1; border-radius: 4px; font-size: 0; background-color: #fff; } .slick-dots li.slick-active button { background-color: #808080; } .section5 { background-color: var(--yellow); padding: 60px 0 90px; position: relative; overflow: initial; z-index: 1; } .section5::before { content: ''; position: absolute; top: 0; left: 0; background: url(/s/pages/assets/images/bg6.png) no-repeat; background-size: 100%; width: 680px; height: 680px; } .section5 .container { position: relative; z-index: 1; border: 2px solid #333; display: flex; justify-content: space-between; padding-top: 50px; } .section5 .container::before { content: ''; position: absolute; bottom: 0; left: 0; background: url(/s/pages/assets/images/rc-4.svg) no-repeat; background-size: 100%; width: 260px; height: 260px; } .section5 .text { position: relative; width: 430px; padding: 30px 0 0 30px; } .section5 .text h6 { font-weight: 400; font-size: 14px; line-height: 18px; color: #4d4d4d; margin: 0 0 3px; } .section5 .text p { font-weight: 400; font-size: 14px; line-height: 18px; color: #4d4d4d; margin: 3px 0 0; } .section5 .text h3 { color: #4d4d4d; } .section5 .appBtns { margin-top: 75px; width: 100%; display: flex; } .section5 .appBtns img { display: block; margin-right: 5px; } .section5 .appBtns a:hover { opacity: 0.8; } .section5 .img { width: 400px; padding-right: 115px; } .section5 .img img { display: block; } .section6 { background-color: var(--yellow); padding: 0 0 60px; position: relative; overflow: hidden; } .section6 h2 { color: #4d4d4d; } .review_slider { width: 100%; position: relative; text-align: center; color: #4d4d4d; padding: 50px 0 0; } .review_slider .item { width: 100%; padding: 0 14px 30px; } .review_slider p { font-size: 16px; line-height: 24px; margin: 15px 0 0; } .review_slider h5 { font-size: 16px; line-height: 24px; font-weight: 700; margin: 15px 0 0; } .review_slider .thumb img { width: 170px; height: 170px; border-radius: 50%; display: block; margin: 0 auto; object-position: center; object-fit: cover; } .section9 { padding: 80px 0; } .faqlist { width: 100%; margin-top: 22px; border-bottom: 1px solid #D6D6D6; } .faqlist .h3 { font-weight: 800; } .faqlist h4 { font-size: 16px; line-height: 1.4; font-weight: 400; position: relative; padding: 12px 50px 12px 0; border-top: 1px solid #D6D6D6; cursor: pointer; } .faqlist h4::before { content: '+'; position: absolute; top: 11px; right: 0; font-weight: 600; font-size: 18px; line-height: 24px; } .faqlist h4.active::before { content: '-'; } .faqlist h4:first-child { border-top: 0; } .faqlist .answer { padding: 0 0 20px; font-size: 14px; display: none; } /* Middle Sections CSS */ .slick-slide img.desktop-banner-img { display: none; } /* Responsive START */ @media(min-width:1740px) { .section1::after { bottom: 10px; } .section5::before { width: 780px; height: 780px; } } @media(min-width:1040px) { .section1 .col:hover .icon { background-color: var(--yellow); transition: all 0.4s ease-in-out; } .section1 .col:hover .icon svg path { fill: #4C4C4C; } .section2 .col:hover { /*margin-top: -45px; border-radius: 10px 10px 0 0; padding-top: 90px;*/ background-color: var(--yellow); transition: all 0.4s ease-in-out; color: #333; } } @media(min-width: 768px) { .slick-slide img.mobile-banner-img { display: none; } .slick-slide img.desktop-banner-img { display: block; } } @media(max-width:1100px) { .container, .container1300 { padding: 0 20px; } .navigation ul li { margin-right: 30px; } .banner_section .imgs .img1 { max-width: 90%; margin-left: 10%; } .banner_section .imgs .img2 { width: 280px; } .banner_section .btn { min-width: 200px; padding: 12px 20px 14px; font-size: 20px; line-height: 28px; } .section1 .row { width: 100%; margin-left: 0; } .section1 { padding: 80px 0 120px; } .section2 .col { padding: 45px 25px; } .section5 .container { width: calc(100% - 40px); margin: 0 20px; padding: 40px 0 0; } .footer { padding: 20px 0 40px; } } @media(max-width:979px) { .footer ul li { margin: 0 12px; } .footer ul li a { font-size: 16px; } .section9 { padding: 50px 0; } h3, .h3 { font-size: 28px; line-height: 36px; } h2, .h2 { font-size: 34px; line-height: 44px; } .section6 { padding: 0 0 50px; } .review_slider p { font-size: 14px; line-height: 22px; } .section5 .img { width: 48%; padding: 0 40px; } .section5 .appBtns { margin-top: 35px; } .section5::before { width: 580px; height: 580px; } .section4 { padding: 60px 0 20px; } .section4 .text p { font-size: 15px; line-height: 18px; } .section3 { padding: 0px 0 0; background-size: 340px; } .section3::before { width: 260px; height: 260px; } .section3::after { width: 380px; height: 320px; } .tab-content { width: 200px; } .course_list { width: 220px; } .course_list ul li { margin-bottom: 10px; } .course_list .icon { margin-right: 6px; } .section2 { padding: 60px 0 30px; } .section2 .col p { font-size: 14px; line-height: 18px; } .section2 .col h4 { font-size: 18px; line-height: 24px; padding: 10px 0 0; } body { font-size: 15px; } .section1 .col { padding: 0 15px 10px; width: 100%; } .slider1 { display: flex; flex-direction: column; } .section2 .col { padding: 0 15px 10px; width: 100%; margin-bottom: 15px; } .slider2 { display: flex; flex-direction: column; } .section1 { padding: 60px 0; } h1, .h1 { font-size: 42px; line-height: 52px; } .banner_section h1 { margin-bottom: 30px; } .banner_section .imgs .img2 { width: 180px; } .banner_section .btn { min-width: 180px; padding: 10px 20px 12px; font-size: 18px;
376 line-height: 26px; } .header_nav { display: none; } .menubtn { position: relative; width: 32px; height: 19px; cursor: pointer; } .menubtn i { position: absolute; width: 100%; height: 2px; background-color: #281D20; top: 0; left: 0; transition: all 0.4s ease-in-out; } .menubtn .b { top: 9px; } .menubtn .c { top: 17px; } .menubtn.active .b { opacity: 0; transition: all 0.4s ease-in-out; } .menubtn.active .a { transform: rotate(45deg); top: 9px; transition: all 0.4s ease-in-out; } .menubtn.active .c { transform: rotate(-45deg); top: 9px; transition: all 0.4s ease-in-out; } .header .container { justify-content: space-between; align-items: center; } .header .logo img { max-height: 70px; } .header .logo { margin-right: 25px; min-width: 70px; } .header_nav { position: absolute; top: 100%; padding: 0 0 20px; flex-direction: column; background-color: #fff; left: 0; width: 100%; } .navigation ul { flex-direction: column; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } .navigation ul li { border-top: 1px solid #e5e5e5; margin: 0; } .navigation ul li a { display: block; padding: 10px 20px; float: left; } .hcart { width: 35px; margin-left: 20px; float: left; } .hsearch { float: right; padding-right: 20px; } .hsearch .field { width: 180px; height: 40px; background-size: 20px; background-position: calc(100% - 10px) 50%; font-size: 15px; } .loginbtn { width: 100%; margin: 20px 0 0; float: left; text-align: center; border-top: 1px solid #e5e5e5; padding: 20px 20px 0; } } @media(max-width:767px) { .header { padding: 10px 0; } body { padding-top: 90px; } .banner_section { border: 0; } .banner_section .container1300 { padding: 0; } .banner_section .slide { flex-direction: column; } .banner_section .text { width: 100%; } .banner_section .imgs { width: 100%; padding: 0; } .banner_section .imgs .img1 { max-width: 100%; margin-left: 0; min-width: 130%; } .banner_section .imgs .img2 { width: 240px; margin-left: 5px; } .banner_section .text { padding: 80px 20px 40px; } .banner_section::before { top: 0; bottom: auto; background: url(/s/pages/assets/images/mrc-1.svg) no-repeat; background-size: 80%; width: 100%; height: 360px; } .banner_section::after { display: none; } .banner_section h1 { max-width: 230px; } .section1::before { width: 420px; height: 480px; } .section1::after { width: 180%; left: -40%; } .section2 .col:hover { margin-top: 0; padding-top: 45px; } .section2 .row { width: calc(100% - 40px); margin: 40px 20px 0; box-shadow: none; } .section2 .col { padding: 45px 30px; border-radius: 10px !important; height: 260px; } .coursesection1 .main_row { flex-direction: column; } .coursesection1 .col_left { width: 100%; flex-direction: column; } .course_list { width: 100%; } .tab-content { width: 100%; margin-top: 40px; } .courseMore { min-height: initial; } .courseMore .knowMore a { margin: 40px 0 0; } .coursesection1 .col_right { width: 100%; margin-top: 40px; } .section4 .container { flex-direction: column; } .section4 .text { width: 100%; min-width: initial; } .section4::before { top: 0; bottom: auto; background: url(/s/pages/assets/images/mrc-1.svg) no-repeat; background-size: 80%; width: 100%; height: 360px; } .leader_slider { margin-top: 40px; margin-bottom: 20px; } .section5 .container { flex-direction: column; padding: 20px 20px 0; } .section5 .text { width: 100%; padding: 0 0 40px; } .section5 .img { width: 100%; padding: 0; } .section5::before { width: 380px; height: 380px; } .section5 { padding: 60px 0; } .faqlist h4 { font-size: 15px; } .faqlist .answer { font-size: 13px; } .footer ul { flex-wrap: wrap; } .footer ul li { width: 33%; margin: 2px 0; text-align: left; } .searchlist ul:nth-child(1)::before { display: none; } .searchlist ul { width: 50%; min-height: initial; padding: 20px !important; } .searchlist ul li { font-size: 13px; line-height: 18px; margin-bottom: 10px; } .courseSearch .field { border: 1px solid #707070; padding: 0 15px; height: 44px; font-size: 13px; } .courseSearch::after { top: 12px; right: 12px; width: 18px; height: 18px; } .closeSearch { top: 10px; right: 10px; font-size: 13px; } .closeSearch img, .closeSearch svg { width: 12px; } .mobSignup { width: 100%; display: block; text-align: center; margin: 0 0 40px; } .mobSignup .btn { display: inline-block; min-width: 190px; padding: 10px 20px 12px; border-radius: 37px; font-size: 18px;
376 line-height: 26px; } .banner_section .btn { display: none; } .coursesection2 { padding: 40px 0 0; } } /* Responsive END */ @media(max-width:767px) { .section1_web { display: none; } .section1 { display: block; } .section2_web { display: none; } .section2 { display: block; } } @media(min-width:767px) { .section1_web { display: block; } .section1 { display: none; } .section2_web { display: block; } .section2 { display: none; } } .section1_web { background-color: #206C90; padding: 80px 0 200px; } .section1_web .container { position: relative; z-index: 1; } .section1_web::before { content: ''; position: absolute; top: 0; right: 0; background: url(/s/pages/assets/images/bg1.png) no-repeat; background-size: 100%; width: 480px; height: 560px; } .section1_web::after { content: ''; position: absolute; bottom: 40px; right: 0; background: url(/s/pages/assets/images/path-1.svg) no-repeat bottom; background-size: 100%; width: 100%; height: 100%; } .section1_web h3 { text-transform: uppercase; color: #fff; } .section1_web h3+p { color: #fff; margin: 5px 0 0; } .section1_web .row { display: flex; flex-wrap: wrap; width: calc(100% + 50px); margin-left: -25px; justify-content: space-between; padding: 20px 0 0; } .section1_web .col { width: calc(33.33% - 24px); border: 5px solid #fff; margin-top: 52px; position: relative; background-color: #F9F1FF; border-radius: 10px; padding: 0 35px 10px; min-height: 130px; } .section1_web .col .icon { width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); border-radius: 10px; margin-top: -33px; transition: all 0.4s ease-in-out; } .section1_web .col .icon svg { max-width: 42px; max-height: 42px; } .section1_web .col p { font-size: 14px; line-height: 18px; margin: 10px 0 0; } .section1_web_web .col .icon6 svg { max-width: 24px; max-height: 24px; } .section2_web { padding: 90px 0 30px; position: relative; background-color: #ebeff2; } .section2_web::before { content: ''; position: absolute; top: 0; left: 0; background: url(/s/pages/assets/images/rc-1.svg) no-repeat; background-size: 100%; width: 360px; height: 360px; } .section2_web::after { content: ''; position: absolute; top: 0; right: 0; background: url(/s/pages/assets/images/bg3.png) no-repeat; background-size: 100%; width: 380px; height: 380px; } .section2_web .container { position: relative; z-index: 1; } .section2_web h2 { color: var(--purple); } .section2_web h2+p { color: #4D4D4D; margin: 5px 0 0; } .section2_web .row { width: 100%; display: flex; flex-wrap: wrap; margin-top: 84px; position: relative; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .section2_web .col { width: 25%; position: relative; z-index: 1; background-color: #206C90; text-align: center; color: #fff; padding: 45px; transition: all 0.4s ease-in-out; } .section2_web .row::before { content: ''; position: absolute; bottom: 0; left: -200px; width: 200px; height: 100px; background: url(/s/pages/assets/images/line-1.svg) no-repeat; background-size: 100%; } .section2_web .row::after { content: ''; position: absolute; top: 0; right: -200px; width: 200px; height: 100px; background: url(/s/pages/assets/images/line-2.svg) no-repeat; background-size: 100%; } .section2_web .col .icon { width: 75px; height: 75px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); border-radius: 10px; margin-top: -33px; transition: all 0.4s ease-in-out; margin: 0 auto; } .section2_web .col .icon img { max-width: 48px; max-height: 48px; display: block; margin: 0 auto; } .section2_web .col h4 { font-size: 22px; line-height: 28px; font-weight: 700; padding: 20px 0 0; } .section2_web .col p { font-size: 16px; line-height: 20px; font-weight: 400; padding: 10px 0 0; } .section2_web .col:nth-child(1) { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .section2_web .col:nth-child(4n) { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; } .section2_web .col:hover { margin-top: -45px; padding-top: 90px; background-color: var(--yellow); transition: all 0.4s ease-in-out; border-radius: 10px 10px 0 0; color: #333; }
377		</style>
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 fixed"
397	style="background-color: #ffffff;">
398	
399	<header class="navbar container" style="min-height: 70px;">
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": "sharadchoudhary5050.ongraphy.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="min-height: 70px;">
410		    <a href="/" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "sharadchoudhary5050.ongraphy.com","button":"profile_logo"}'><img alt="logo" onerror="this.src='https://d502jbuhuh9wk.cloudfront.net/resources/images/yourlogohere.jpg'" src='https://d502jbuhuh9wk.cloudfront.net/logos/61c5fb0f0cf20ad8bce637d5.png?v=18'/></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": "sharadchoudhary5050.ongraphy.com","button":"store"}'>Courses</a>
425			
426			
427			
428			
429				
430			
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 = "sharadchoudhary5050.ongraphy.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 && 'GST' != '') { @><@ print(getDisplayAmount(item.priceWithoutTax)) @><br><small><@ print(getDisplayAmount(item.price)) @> incl. <@- item.gstRate @>% GST</small><@ } else { @><@ print(getDisplayAmount(item.price)) @> <@ if(item.gstRate > 0 && 'GST' != '') { print("<br><small>incl. " +item.gstRate+"% GST</small>") } @><@ } @> 				
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						
644							<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@>">
645						
646					
647		              <div class="card-image relative <@ print(item["spayee:resource"]["spayee:availableForMembership"] ? 'includedInMembership' : '') @>">
648						<@ 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);   } @>
649						<div class="blurbg lazy" data-bg="<@- curl @>"></div>
650		                <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
651		              </div>
652		              <div class="card-body text-ellipsis">
653							<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>
654
655							<@ if(item.rating !== undefined) { @>
656								<span class="text-gray ratingIcons icon-text">
657								<@ for(var i=1;i<6;i++) { @>
658									<@ 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 { @>
659									<i class="material-icons">star_border</i>								
660								<@ } } @></span><small class="d-inline-block pl-1 text-dark"><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</small>
661							<@ }else { @> <span class="text-gray ratingIcons icon-text">&nbsp;</span> <@ } @>
662							<br>
663							<span class="text-gray">
664								<@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @>
665									<@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses
666								<@ }else { @>
667									<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:publisher"]):"&nbsp;") @>
668								<@ } @>
669							</span>
670					  </div>
671		              <div class="card-footer">
672						<@ print(getCourseDisplayPrice('₹', '', item, '18.0', '', true)) @>
673						<span class="text-gray" style="font-size:small">
674							<@ if(item['spayee:resource']['spayee:instalmentPlanId']!=null && item['spayee:resource']['spayee:instalmentPlanId'] !== "") { @>
675								<@ print(getCourseInstalmentDisplayPrice('', item))@>
676								<@ }else { @>
677								<@ "&nbsp;" @>
678							<@ } @>
679						</span>
680		              </div>
681					<div style="padding: 0 0.8rem 0.8rem 0.8rem;">
682						<span class="text-gray" style="font-size:small">
683							<@ if(getMultiplePlanLabel('', item)>1) {@>
684							<i class="material-icons text-primary" style="font-size:small">discount</i>
685							<@ print(' Flexible pricing plans') } @>
686						</span>
687					</div>
688		            </a>
689		</div>
690	</script>
690
691
692<script type="text/template" id="blogcard-template">
693		<div class="column col-3 col-md-6 col-sm-6 col-xs-12 scourse" style="margin-bottom: 20px;">
694					<a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="/blog/<@- item['spayee:resource']['spayee:url'] @>">
695		              <div class="card-image relative">
696						<@ if(item['spayee:resource']['spayee:cover'] !== undefined && item['spayee:resource']['spayee:cover']) { @>
697							<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>
698							<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 @>')">
699						<@ }else { @>
700							<div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png"></div>
701							<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'>
702						<@ } @>
703		              </div>
704		              <div class="card-body text-ellipsis"><span style="color:#2f4f4f;"><@- item["spayee:resource"]["spayee:title"] @></span></div>
705		              <div class="card-footer" style="padding: 0.4rem;">
706						<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>
707						<@ var pdate = item.createdDate.$date; if(item['spayee:resource']['spayee:publishDate'] !== undefined && item['spayee:resource']['spayee:publishDate'] !== '') { pdate = item['spayee:resource']['spayee:publishDate']; } @>
708						<time class="float-right text-warning"><@ print(formatDate(new Date(pdate))) @></time>
709		              </div>
710		            </a>
711		</div>
712	</script>
712
713	
714	
714<script type="text/javascript">
715	  var uuid = function (a) {
716		  // https://github.com/amplitude/Amplitude-Javascript/blob/master/src/uuid.js
717		  return a // if the placeholder was passed, return
718		    ? // a random number from 0 to 15
719		      (
720		        a ^ // unless b is 8,
721		        ((Math.random() * // in which case
722		          16) >> // a random number from
723		          (a / 4))
724		      ) // 8 to 11
725		        .toString(16) // in hexadecimal
726		    : // or otherwise a concatenated string:
727		      (
728		        [1e7] + // 10000000 +
729		        -1e3 + // -1000 +
730		        -4e3 + // -4000 +
731		        -8e3 + // -80000000 +
732		        -1e11
733		      ) // -100000000000,
734		        .replace(
735		          // replacing
736		          /[018]/g, // zeroes, ones, and eights with
737		          uuid, // random hex digits
738		        );
739	  };
740		
741	  (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
742	  ;r.type="text/javascript"
743	  ;r.integrity="sha384-tzcaaCH5+KXD4sGaDozev6oElQhsVfbJvdi3//c2YvbY02LrNlbpGdt3Wq4rWonS"
744	  ;r.crossOrigin="anonymous";r.async=true
745	  ;r.src="https://cdn.amplitude.com/libs/amplitude-8.5.0-min.gz.js"
746	  ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
747	  console.log("[Amplitude] Error: could not load SDK")}}
748	  ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
749	  ;function s(e,t){e.prototype[t]=function(){
750	  this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
751	  var o=function(){this._q=[];return this}
752	  ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
753	  ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
754	  ;return this}
755	  ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
756	  ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
757	  ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
758	  ;function v(e){function t(t){e[t]=function(){
759	  e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
760	  for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
761	  e=(!e||e.length===0?"$default_instance":e).toLowerCase()
762	  ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
763	  }return n._iq[e]};e.amplitude=n})(window,document);
764	
765	  amplitude.getInstance().init('e56929a4c3888c23e97a7e70e34ccf6c');
766	  amplitude.getInstance().setUserId(null);
767	  //amplitude.getInstance().regenerateDeviceId();
768
769    var userProperties = {
770			custom_domain: "sharadchoudhary5050.ongraphy.com",
771			org_id: "61c5fb0f0cf20ad8bce637d5",
772			default_google_login_enabled: '' == 'true',
773			personalized_google_login_enabled: '' != '' && '' == 'false' ? true : false,
774			facebook_login_enabled: '' == 'true' ? true : false
775	  };
776	  amplitude.getInstance().setUserProperties(userProperties);
777    
778/*     var deviceId = uuid();
779	  amplitude.getInstance().setDeviceId(deviceId);
780	  sessionStorage.setItem('amplitudeDeviceId', deviceId); */
781	</script>
781
782	
783	
783<script type="text/javascript">
784		window.signupParams = {source: "store", platform: "web", sourceId: null};
785		var showGraphyFomoFlag = '';
786		
787	</script>
787
788
789	
789<script type="text/javascript">
790		function hideCheckoutLoader() {
791			if(typeof window.hideLoader =="function") {
792				window.hideLoader();
793			}
794		}
795		var checkoutRedirectGuestUsers = 'signup';
796	</script>
796
797
798
799
800
801
802
803<script type="text/template" id="spcoursecard-2-template">
804		<div class="column third">
805			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
806			<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;">
807			<@ 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);   } @>
808			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
809			<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>
810			<p class="size-16"><@ if(item.rating !== undefined) { @>
811								<span class="text-gray ratingIcons icon-text">
812								<@ for(var i=1;i<6;i++) { @>
813									<@ 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 { @>
814									<i class="material-icons">star_border</i>								
815								<@ } } @></span><span><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</span>
816			<@ }else { @> <span class="text-gray ratingIcons icon-text">&nbsp;</span> <@ } @></p>
817			<p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
818				<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
819			
820			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', true)) @></span><br></p>
821			<div style="margin:1em 0"></div>
822			</a>
823		</div>
824	</script>
vendor: 1 bytes, line 824
824
825<script type="text/template" id="spcoursecard-1-template">
826		<div class="column third">
827			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
828			<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;">
829			<@ 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);   } @>
830			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
831			<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>
832			<div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
833
834			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', true)) @></span><br></p>
835			<div style="margin:1em 0"></div>
836			</a>
837		</div>
838	</script>
vendor: 1 bytes, line 838
838
839<script type="text/template" id="spcoursecard-3-template">
840		<div class="column third">
841			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
842			<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;">
843			<@ 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);   } @>
844			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
845			<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>
846			<div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
847			<p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
848				<@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
849			<p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', true)) @></span><br></p>
850			<div style="margin:1em 0"></div>
851			</a>
852		</div>
853	</script>
853
854	
855<script type="text/template" id="spcoursecard-4-template">
856		<div class="column third text-center" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;">
857			<@ 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);   } @>
858			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
859			<a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
860			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
861			</a>
862			<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>
863			<div class="discription"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
864			<p class="size-18 price text-primary"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', true)) @></p>
865			<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>
866		</div>
867	</script>
867	
868<script type="text/template" id="spcoursecard-5-template">
869		<div class="column third" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;">
870			<@ 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);   } @>
871			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>			
872			<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;">
873			<img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
874			</a>
875			<h3 class="sub-heading"><b class="size-18 text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h4>
876			<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 { @>
877				Instructor : <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
878			<@if(item.rating){@>
879				<p class="size-16 description text-primary">Rating: &nbsp;
880 					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
881						<@if(item.rating){@> 
882							<@if(item.rating.avgRating){@> 
883								<@ if(item.rating.avgRating >= ratingsSize) {@> 
884									<i class="icon ion-android-star text-primary"></i>&nbsp; 
885								<@ } else if(item.rating.avgRating > ratingsSize-1 && item.rating.avgRating < ratingsSize) { @> 
886									<i class="icon ion-android-star-half text-primary"></i>&nbsp; 
887								<@ } @>
888							<@}@>		
889		  				<@}@>
890					<@}@>
891				</p>
892			<@}@>
893		
894			<p class="size-18 price text-primary">Price : <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', true)) @></p>
895			<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>
896		</div>
897	</script>
897
898	
899<script type="text/template" id="spcoursecard-6-template">
900		<div class="column third">
901			<@ 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);   } @>
902			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
903				
904				
905			
906				<@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) { @>
907				   <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;">
908				<@ } else { @>
909				   <a 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 @>"}' style="text-decoration: none;">
910				<@ } @>
911			
912			
913			<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;">
914			</a>
915			<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>
916			<p class="size-16 description text-primary"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> Courses<@ } @></p>
917			<p class="size-18 price text-primary"><@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) @> <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @></p>
918			<@ if (item.isMembershipPage != undefined && !item.isMembershipPage) { @>
919            
920				
921				
922					<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="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;">
923						Buy now
924					</a>
925				
926			
927			<@ } @>
928		</div>
929	</script>
929			
930	
931	
932<script type="text/template" id="spcoursecard-7-template">
933		<div class="column third course-mob-block">
934			<div class="inner-course-block">
935			<@ 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);   } @>
936			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>			
937			<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;">
938			<img class="lazy" data-style="width: 100%; height: auto;" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')" >
939			</a>
940			<div class="course-price-block">
941			<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;">
942				<@- item['spayee:resource']['spayee:title'] @>
943			</p>
944			<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;">
945					<@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
946			</p>
947			</div>
948			<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;">
949				Enroll now
950			</a>
951			</div>
952		</div>
953</script>
953		
954	
955<script type="text/template" id="spcoursecard-8-template">
956	 <div class="row clearfix" style="margin-bottom: 24px; margin-top: 14px;">
957			<@ 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);   } @>
958			<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
959                    <div class="column third center" style="padding-left: 0px; padding-right: 0px;">
960                        <img
961                            class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')"
962                            style="margin-top: 0px; margin-bottom: 0px;"
963                        />
964                    </div>
965                    <div class="column two-third course-block-mob" style="display: flex; flex-direction: column; justify-content: center;">
966                        <div class="course-price-block">	
967							<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;">
968								<@- item['spayee:resource']['spayee:title'] @>
969							</h3>
970                        	<div class="sortDescription8">
971                            	<@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @>
972                        	</div>
973						</div>
974
975                        <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;">
976                            Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
977                        </a>
978					</div>
979        </div>
980	</script>
980	
981
982
983	<!-- vegas TEMPLATE 9 NEW-->
984	
984<script type="text/template" id="spcoursecard-9-template" >
985    <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
986        <div style="border:1px solid #D7D7D7; border-radius:24px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
987            <@ 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); } @>
988            <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
989            
990            <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 @>"}'>
991                <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 @>')">
992            </a>
993            
994			<div style="padding:10px 20px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
995				<h3 
996					class="size-18 text-left" 
997					title="<@- item['spayee:resource']['spayee:title'] @>" 
998					style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
999				>
1000					<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1001				</h3>
1002			
1003				<div 
1004					class="size-16 text-ellipsis course-card-text" 
1005					title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1006					style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1007				>
1008				<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1009				</div>
1010			</div>
1011			
1012                <div style="margin-top: auto; margin-left:10px;">
1013                    <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" 
1014                       class="buy-btn btn btn-primary" 
1015                       title="<@- item['spayee:resource']['spayee:title'] @>" 
1016                       amplitude-event="buy_now_tapped_course_checkout" 
1017                       amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1018                       href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1019                        Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1020                    </a>
1021                </div>
1022            </div>
1023        </div>
1024    </div>
1025</script>
1025
1026
1027			<!--Blaze Course nEW tEMPLATE 10-->
1028			
1028<script type="text/template" id="spcoursecard-10-template">
1029							<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;">
1030								<div style="height: 100%; display: flex; flex-direction: column;">
1031									<@ 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); } @>
1032									<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1033									
1034									<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;">
1035										<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 @>')">
1036									</a>
1037									
1038									<div style=" flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1039										<h3 
1040			    class="size-18 text-left" 
1041			    style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: white;"
1042			>
1043			    <b title="<@= item['spayee:resource']['spayee:title'] @>" style="color:white;">
1044			        <@- item['spayee:resource']['spayee:title'] @>
1045			    </b>
1046			</h3>
1047										
1048										<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;">
1049											<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1050										</div>
1051										
1052										<div style="margin-top: auto;">
1053											<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;" 
1054											class="buy-btn btn btn-primary" 
1055											title="<@- item['spayee:resource']['spayee:title'] @>" 
1056											amplitude-event="buy_now_tapped_course_checkout" 
1057											amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1058											href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1059											 Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1060										 </a>
1061			
1062										</div>
1063									</div>
1064								</div>
1065							</div>
1066						</script>
1066
1067			
1068			<!--Olive Course 11-->
1069			
1069<script type="text/template" id="spcoursecard-11-template" >
1070				<@ 
1071				// Calculate colors based on index
1072				var colorIndex = (typeof window.courseCardColorIndex === 'undefined') ? 0 : window.courseCardColorIndex;
1073				var colors = [
1074					{ bg: '#FFA46B', btnBg: '#361500' },  // Orange card → Dark brown button
1075					{ bg: '#87A1F6', btnBg: '#001A71' },  // Blue card → Dark blue button
1076					{ bg: '#B073DC', btnBg: '#34005A' }  // Purple card → Dark brown button (default)
1077				];
1078				var currentColor = colors[colorIndex % 3];
1079				window.courseCardColorIndex = colorIndex + 1;
1080				@>
1081				
1082				<div class="column third text-center course-card course-card-fixed-height" style="padding: 0 15px; margin-bottom: 30px;">
1083					<div class="course-card-wrapper" style="background-color: <@- currentColor.bg @>; height: 100%; border-radius: 32px; overflow: hidden;">
1084						<@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; 
1085						if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @>
1086						
1087						<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'])) @>">
1088							<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 @>')">
1089						</a>
1090						
1091						<div style="padding: 20px;" class="course-card-content">
1092							<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;">
1093								<b title="<@= item['spayee:resource']['spayee:title'] @>"><@- item['spayee:resource']['spayee:title'] @></b>
1094							</h3>
1095							<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;">
1096								<@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"&nbsp;") @>
1097							</div>
1098							<a class="enroll-button" 
1099							   style="display: block; 
1100									  background-color: <@- currentColor.btnBg @>; 
1101									  color: white !important; 
1102									  padding: 12px; 
1103									  text-align: center; 
1104									  font-weight: 600; 
1105									  text-decoration: none;
1106									  border-radius: 32px;"
1107							   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1108								Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1109							</a>
1110						</div>
1111					</div>
1112				</div>
1113				
1114			</script>
1114
1115			
1116
1117			<!-- Nebula Course 12-->
1118			
1118<script type="text/template" id="spcoursecard-12-template" >
1119				<div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1120					<div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1121						<@ 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); } @>
1122						<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1123						
1124						<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 @>"}'>
1125							<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 @>')">
1126						</a>
1127						
1128						<div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1129							<h3 
1130								class="size-18 text-left" 
1131								title="<@- item['spayee:resource']['spayee:title'] @>" 
1132								style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1133							>
1134								<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1135							</h3>
1136						
1137							<div 
1138								class="size-16 text-ellipsis course-card-text" 
1139								title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1140								style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1141							>
1142							<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1143							</div>
1144						</div>
1145							
1146							<div style="margin-top: auto; margin-left:0px;">
1147								<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" 
1148								   class="buy-btn btn btn-primary" 
1149								   title="<@- item['spayee:resource']['spayee:title'] @>" 
1150								   amplitude-event="buy_now_tapped_course_checkout" 
1151								   amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1152								   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1153									Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1154								</a>
1155							</div>
1156						</div>
1157					</div>
1158				</div>
1159			</script>
1159
1160
1161
1162
1163		<!--Dusk Course-13-->
1164		
1164<script type="text/template" id="spcoursecard-13-template" >
1165			<div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;">
1166				<div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;">
1167					<@ 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); } @>
1168					<@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
1169					
1170					<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 @>"}'>
1171						<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 @>')">
1172					</a>
1173					
1174					<div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content">
1175						<h3 
1176							class="size-18 text-left" 
1177							title="<@- item['spayee:resource']['spayee:title'] @>" 
1178							style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;"
1179						>
1180							<b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b>
1181						</h3>
1182					
1183						<div 
1184							class="size-16 text-ellipsis course-card-text" 
1185							title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 
1186							style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;"
1187						>
1188						<@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @>
1189						</div>
1190					</div>
1191					
1192				   
1193						
1194						<div style="margin-top: auto; margin-left:0px;">
1195							<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" 
1196							   class="buy-btn btn btn-primary" 
1197							   title="<@- item['spayee:resource']['spayee:title'] @>" 
1198							   amplitude-event="buy_now_tapped_course_checkout" 
1199							   amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 
1200							   href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
1201								Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.0', '', false)) @>
1202							</a>
1203						</div>
1204					</div>
1205				</div>
1206			</div>
1207		</script>
1207
1208			
1209			
1210
1211
1212
1213
1214
1215
1216
1217<!-- Curriculum 1st Template -->
1218<script type="text/template" id="coursecurr-1-template">
1219       <table class="table courseContents">
1220        <thead>
1221            <tr>
1222                <td style="width: 50px;"></td>
1223                <td style="width: 50px;"></td>
1224                <td></td>
1225            </tr>
1226        </thead>
1227        <tbody>
1228            <@ $.each(item, function(index, value) { @>
1229            <tr>
1230                <td><i class="material-icons courseItemIcon" data-type="<@- value.type @>"></i></td>
1231                <td colspan="2">
1232                    <@- value.title @> 
1233					<@ if(value.type == 'aiheading') { @>
1234						<small>(coming soon)</small><@ } @>
1235					<@ if(assetInfo && value.type == 'video' && value.duration !== undefined && value.duration > 0) { @>
1236						<small>(<@ print(Math.floor(value.duration)) @>:00)</small><@ } @>
1237					<@ if(assetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @>
1238						<small>(<@- value.pages @> pages)</small>
1239					<@ } @>
1240                </td>
1241            </tr>
1242            <@ if(value.items != undefined) { @> <@ $.each(value['items'], function(index1, value1) { @>
1243            <tr>
1244                <td></td>
1245                <td><i class="material-icons courseItemIcon" data-type="<@- value1.type @>"></i></td>
1246                <td>
1247                    <@- value1.title @>
1248					<@ if(assetInfo && value.type == 'video' && value1.duration !== undefined && value1.duration > 0) { @><small>(<@ print(Math.floor(value1.duration)) @>:00)</small><@ } @>
1249					<@ if(assetInfo && value1.type =='pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1250					<@ if(value1.type =='aiheading') { @><small>(coming soon)</small><@ } @>
1251                </td>
1252            </tr>
1253            <@ }); @> <@ } @> <@ }); @>
1254        </tbody>
1255    </table>
1256</script>
1256
1257
1258
1259<!-- Curriculum 2nd Template -->
1260<script type="text/template" id="coursecurr-2-template">
1261    <div class="column full curriculum2"  spellcheck="false">
1262      <div class="course-content1" >
1263    	<p style="font-size: 15px; font-weight: 400; margin-top: 0px;">
1264    		<@if(summary.modules && summary.modules>0){@>
1265    			<@print(summary.modules)@> Modules &nbsp;<i class="icon ion-android-folder-open"></i>&nbsp; &nbsp; <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>|<@}@>&nbsp; &nbsp;
1266    		<@}@>
1267    		<@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>
1268    			<@print(summary.sessions)@> Sessions <i class="icon ion-android-laptop"></i>&nbsp; &nbsp; <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>|<@}@>&nbsp; &nbsp;
1269    		<@}@>
1270    		<@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1271    			<@print(millisecondsToHHMMSSStr(summary.durations))@> Total Time&nbsp;&nbsp;<i class="icon ion-ios-clock-outline"></i>
1272    		<@}@>
1273    	</p>
1274      </div>
1275
1276
1277    	<@ $.each(item, function(index, value) { @>
1278    	<div class="course-course-content-box" >
1279    		<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<@}@>" >
1280              <span class="title-icon">
1281    			<span class="material-icons <@if(value && !value.contents){@> text-primary <@}@>"><@ print(getCourseAssetIcon(value.type))@></span>
1282    		  </span>
1283    			<div class="titl5b" >
1284    				<h3 class="<@if(value && !value.contents){@> text-primary <@}@>">
1285    					<@print(value.title)@> <@ if(curriculumAssetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @><small>(<@- value.pages @> pages)</small><@ } @>
1286    					<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
1287    							<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>
1288    					<@}@>
1289    				</h3>
1290    		  		<p class="<@if(value && !value.contents){@> text-primary <@}@>"><@if(value && value.contents && curriculumAssetInfo){@>
1291    						Sessions: <@print(value.contents)@>
1292    					<@}@>
1293    					<@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@>|<@}@>
1294    						Time: <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1295    					<@}@>
1296    				<@if(value && value.contents>0){@><span class="material-icons">expand_more</span><@}@>  </p>
1297    			</div>
1298    		</div>
1299    <@if(value && value.items){@>
1300    	<@ $.each(value['items'], function(index1, value1) { @>
1301    		<div class="course-content-body <@if(index==0){@>showing<@ }@>" >
1302    				<div class="desc1 " >
1303    				<div class="is-box-9" >
1304    					<div class="boxa1" >
1305    						<span class="material-icons text-primary"><@ print(getCourseAssetIcon(value1.type))@></span>
1306    						<p> <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1307							<@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1308							</p>
1309		
1310    					</div>
1311    				</div>
1312    				<div class="is-box-1" >
1313    					<div class="boxa2" >
1314    						<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1315    								<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>#<@print(value1.id)@>">
1316										<@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1317									</a>
1318    						<@}@>
1319    					</div>
1320    				</div>
1321    				<div class="is-box-2" >
1322    					<div class="boxa2" >
1323    						<p class="duration"><@if(value1.duration && curriculumAssetInfo){@><@print(millisecondsToHHMMSSStr(value1.duration))@><@}@></p>
1324    					</div>
1325    				</div>
1326    				</div>
1327    		</div>
1328    	<@ }); @>
1329    <@}@>
1330    	</div>
1331      <@ }); @>
1332
1333    </div>
1334</script>
1334
1335
1336
1337
1338
1339
1340<!-- Curriculum 3rd Template -->
1341<script type="text/template" id="coursecurr-3-template">
1342     <div class="column full" spellcheck="false" data-gramm="false">
1343        <div class="accordion-syllabus" >
1344			<@ $.each(item, function(index, value) { @>
1345            <div class="accordion-syllabus-item">
1346                <header class="accordion-syllabus-header">
1347                    <h4 class="accordion-syllabus-header__title">
1348                        <span class="text-primary">
1349							<@if(index<9){@>
1350									0<@print(index+1)@>
1351								<@ } else {@> 
1352									<@print(index+1)@> 
1353							<@ } @>
1354						</span>
1355                        <p><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
1356							<@if(value && value.items){@>
1357								<@ print(value.items.length) @> attachment(s) 
1358							<@}@>
1359						<@if(value.moduleDurations && curriculumAssetInfo){@>
1360							<@if(value && value.contents){@> • <@}@>
1361    						<@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1362    					<@}@>
1363						</span></p>
1364						
1365                    </h4>
1366                    <div class="accordion-syllabus-header__info">
1367                        <p class="text-primary hide-sm">
1368							<@if(value && value.items){@>
1369								<@ print(value.items.length) @> attachment(s) 
1370							<@}@>
1371						<@if(value.moduleDurations && curriculumAssetInfo){@>
1372							<@if(value && value.contents){@> • <@}@>
1373    						<@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1374    					<@}@>
1375						</p>
1376						<@if(value && value.items){@>
1377                        <div class="accordion-syllabus-header__icon text-primary">
1378                            <i class="fa fa-angle-left" aria-hidden="true"></i>
1379                        </div>
1380						<@}@>
1381                    </div>
1382                </header>
1383				<@if(value && value.items){@>
1384                <div class="accordion-content" style="">
1385                    <div class="accordian-content-block">
1386                        <ul class="accordian-list">
1387							<@ $.each(value['items'], function(index1, value1) { @>
1388                            <li class="accordian-list__item">
1389                                <div class="accordian-content-card">
1390                                    <div class="accordian-content-card__info">
1391                                        <div class="accordian-content-card__ico">
1392											<@ if(value1.type == 'code'){ @>
1393												<img src="/resources/images/CodeIcon.svg">
1394											<@ } else { @>
1395												<span class="material-icons text-primary">
1396													<@ print(getCourseAssetIcon(value1.type))@>
1397												</span>
1398											<@ } @>
1399										</div>
1400                                        <div class="accordian-content-card__title">
1401											<@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1402											<@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1403										</div>
1404                                    </div>
1405                                    <div class="accordian-content-card__link">
1406										<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1407    										<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn">
1408												<span class="text-primary">
1409													<@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @><span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span>
1410												</span>
1411											</a>
1412    									<@}@>
1413                                    </div>
1414                                </div>
1415                            </li>
1416                    		<@ }); @>
1417                        </ul>
1418                    </div>
1419                </div>
1420			<@ } @>
1421            </div>
1422           <@ }); @>   
1423        </div>
1424    </div>
1425</script>
1425
1426
1427
1428
1429<!-- Curriculum 4th Template -->
1430<script type="text/template" id="coursecurr-4-template">
1431   <div class="column full coursecurr4">
1432	 <@ $.each(item, function(index, value) { @>
1433	 <div class="accordion-syllabus-item">
1434	 <header class="accordion-syllabus-header" >
1435		 <h4 class="accordion-syllabus-header__title">
1436			 <span>
1437				 <@if(index<9){@>0<@print(index+1)@><@ } else {@> <@print(index+1)@> <@ } @>
1438			 </span>
1439			 <div class="accordion-syllabus-header__title-block" > 
1440				 <p style="font-size: 20px; font-weight: 700;">
1441					 <@print(value.title)@>
1442				 </p>
1443				 <p class="text-primary" style="font-weight: 500; font-size: 14px; line-height: 150%; margin-top: 10px; ">
1444					 <@if(value && value.type == 'aiheading'){@>
1445						 (coming soon)
1446					 <@}@>
1447					 <@if(value && value.items){@>
1448						 <@ print(value.items.length) @> attachment(s) 
1449					 <@}@>
1450					 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@> • <@}@>
1451						 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1452					 <@}@>
1453				 </p>
1454			 </div>
1455		 </h4>
1456		 <@if(value && value.items){@>
1457		 <div class="accordion-syllabus-header__info" >
1458			 <div class="accordion-syllabus-header__icon" >
1459				 <i class="fa fa-angle-left" aria-hidden="true"></i>
1460			 </div>
1461		 </div>
1462		 <@ } @>
1463	 </header>
1464	 <@if(value && value.items){@>
1465	 <div class="accordion-content"  style="">
1466		 <div class="accordian-content-block" >
1467			 <ul class="accordian-list">
1468				 <@ $.each(value['items'], function(index1, value1) { @>
1469				 <li class="accordian-list__item">
1470					 <div class="accordian-content-card" >
1471						 <div class="accordian-content-card__info" >
1472							 <div class="accordian-content-card__ico" >
1473								 <@ if(value1.type == 'code'){ @>
1474									 <img src="/resources/images/CodeIcon.svg">
1475								 <@ } else { @>
1476									 <span class="material-icons text-primary">
1477										 <@ print(getCourseAssetIcon(value1.type))@>262
1478									 </span>
1479								 <@ } @>
1480							 </div>
1481							 <div class="accordian-content-card__title" >
1482								 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
1483								 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
1484							 </div>
1485						 </div>
1486						 <div class="accordian-content-card__link" >
1487							 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1488							 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn">
1489								 <span class="text-primary">
1490									 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span>
1491								 </span>
1492							 </a>
1493							 <@ } @>
1494						 </div>
1495					 </div>
1496				 </li>
1497				 <@ }); @>
1498			 </ul>
1499		 </div>
1500	 </div>
1501	 <@ } @>
1502   </div>
1503  <@ }); @>  
1504 </div>
1505 </script>
1505
1506
1507 <!-- vegas curriculum-5-->
1508 
1508<script>
1509	// Simple responsive positioning
1510	function updatePosition() {
1511		const element = document.getElementById('totalTimeElement');
1512		if(element){
1513		if (window.innerWidth > 768) {
1514			element.style.position = 'absolute';
1515			element.style.top = "5px";
1516			element.style.right = '122px';
1517		} else {
1518			element.style.position = 'static';
1519			element.style.margin = '0 0';
1520		}
1521		}
1522	}
1523	
1524	// Run on load and resize
1525	window.addEventListener('load', updatePosition);
1526	window.addEventListener('resize', updatePosition);
1527	</script>
1527
1528 
1528<script type="text/template" id="coursecurr-5-template">
1529	<div class="total-time" id="totalTimeElement" style="
1530    font-size: 18px;
1531    font-weight: 600;
1532    color: #FB5607;
1533    padding: 8px 12px;
1534    border-radius: 4px;
1535    white-space: nowrap;">
1536     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1537        <@print(millisecondsToHHMMSSStr(summary.durations))@>
1538    <@}@>
1539</div>
1540
1541<div class="accordion-syllabus" style="max-width:1000px !important">
1542    <@ $.each(item, function(index, value) { @>
1543    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
1544        <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:0px;box-shadow:none;padding:0.5rem !important">
1545            <h4 class="accordion-syllabus-header__title">
1546                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
1547                    <@if(index < 9) {@>  
1548                        Week <@print(index + 1)@>:  
1549                    <@ } else {@>  
1550                        Week <@print(index + 1)@>:
1551                    <@ } @>  
1552                </span>
1553                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
1554                    <@if(value && value.items){@>
1555                        <@ print(value.items.length) @> attachment(s) 
1556                    <@} else {@>
1557                        1 attachment(s)
1558                    <@}@>
1559                    <@if(value.moduleDurations && curriculumAssetInfo){@>
1560						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1561					<@}@>
1562                </span></p>
1563            </h4>
1564			
1565            <div class="accordion-syllabus-header__info">
1566                <p class="text-primary hide-sm" style="color:#FB5607 !important;">
1567                    <@if(value && value.items){@>
1568                        <@ print(value.items.length) @> attachment(s) 
1569                    <@} else {@>
1570                        1 attachment(s)
1571                    <@}@>
1572                    <@if(value.moduleDurations && curriculumAssetInfo){@>
1573						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1574					<@}@>
1575                </p>
1576                <div class="accordion-syllabus-header__icon text-primary">
1577                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#FB5607;"></i>
1578                </div>
1579            </div>
1580        </header>
1581        <div class="accordion-content" style="filter:none;">
1582            <div class="accordian-content-block" style="background:#F5F5F5 !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
1583                <ul class="accordian-list">
1584                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
1585                    <@ if(value['items'] && value['items'].length > 0) { @>
1586                        <@ $.each(value['items'], function(index1, value1) { @>
1587                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
1588							<style>
1589								@media (max-width: 768px) {
1590								  .accordian-content-card {
1591									flex-direction: column !important;
1592									align-items: stretch !important;
1593								  }
1594							  
1595								  .accordian-content-card__top {
1596									flex-direction: row !important;
1597									justify-content: space-between !important;
1598									align-items: center !important;
1599									width: 100% !important;
1600								  }
1601							  
1602								  .accordian-content-card__title {
1603									flex: 1 !important;
1604									margin: 0 10px !important;
1605									white-space: nowrap;
1606									overflow: hidden;
1607									text-overflow: ellipsis;
1608								  }
1609							  
1610								  .accordian-content-card__bottom {
1611									flex-direction: row !important;
1612									justify-content: space-between !important;
1613									align-items: center !important;
1614									width: 100% !important;
1615									margin-top: 6px !important;
1616								  }
1617							  
1618								  .accordian-content-card__link {
1619									flex: 1 !important;
1620									min-width: 0 !important;
1621									text-align: left !important;
1622								  }
1623							  
1624								  .accordian-content-card__time {
1625									flex-shrink: 0 !important;
1626									text-align: right !important;
1627								  }
1628								}
1629							  </style>
1630							  
1631							  <div class="accordian-content-card"
1632     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;">
1633
1634							  
1635								<!-- Row 1: Icon + Title + Collapse Icon -->
1636								<div class="accordian-content-card__top"
1637									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1638							  
1639								  <!-- Icon -->
1640								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1641									<@ if(value1.type == 'code'){ @>
1642									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
1643									<@ } else { @>
1644									  <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;">
1645										<@ print(getCourseAssetIcon(value1.type))@>
1646									  </span>
1647									<@ } @>
1648								  </div>
1649							  
1650								  <!-- Title -->
1651								  <div class="accordian-content-card__title"
1652									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1653									<@print(value1.title)@>
1654								  </div>
1655							  
1656								  <!-- Collapse Icon (optional) -->
1657								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1658									<!-- Example placeholder, add real icon if needed -->
1659									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
1660								  </div>
1661								</div>
1662							  
1663								<!-- Row 2: Preview Button and Time -->
1664								<div class="accordian-content-card__bottom"
1665									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
1666							  
1667								  <!-- Preview Button -->
1668								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
1669									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1670									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
1671										 class="previewBtn"
1672										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1673										<span class="text-primary" style="color:#FB5607;">
1674										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1675										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span>
1676										</span>
1677									  </a>
1678									<@}@>
1679								  </div>
1680							  
1681								  <!-- Time -->
1682								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
1683									<p class="text-primary course-asset-time"
1684									   style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;">
1685									  <@ if(value1.duration && value1.duration > 0) { @>
1686										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
1687									  <@ } else { @>
1688										--
1689									  <@ } @>
1690									</p>
1691								  </div>
1692							  
1693								</div>
1694							  </div>
1695							  
1696							
1697                        </li>
1698                        <@ }); @>
1699                    <@ } else { @>
1700                        <li class="accordian-list__item" style="padding:0px 0px !important;">
1701							<div class="accordian-content-card"
1702							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;">
1703					   
1704						   <!-- Row 1: Icon + Title + Collapse Icon -->
1705						   <div class="accordian-content-card__top"
1706								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1707						 
1708							   <!-- Icon -->
1709							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1710								   <@ if(value.type == 'code'){ @>
1711									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
1712								   <@ } else { @>
1713									   <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;">
1714										   <@ print(getCourseAssetIcon(value.type))@>
1715									   </span>
1716								   <@ } @>
1717							   </div>
1718						 
1719							   <!-- Title -->
1720							   <div class="accordian-content-card__title"
1721									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1722								   <@print(value.title)@>
1723							   </div>
1724						 
1725							   <!-- Collapse Icon (optional) -->
1726							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1727								   <!-- Example placeholder, add real icon if needed -->
1728								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
1729							   </div>
1730						   </div>
1731						 
1732						   <!-- Row 2: Preview Button and Time -->
1733						   <div class="accordian-content-card__bottom"
1734								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
1735						 
1736							   <!-- Preview Button -->
1737							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
1738								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
1739									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
1740										  class="previewBtn"
1741										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1742										   <span class="text-primary" style="color:#FB5607;">
1743											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1744											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span>
1745										   </span>
1746									   </a>
1747								   <@}@>
1748							   </div>
1749						 
1750							   <!-- Time -->
1751							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
1752								   <p class="text-primary course-asset-time"
1753									  style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;">
1754									   <@ if(value.duration && value.duration > 0) { @>
1755										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
1756									   <@ } else { @>
1757										   --
1758									   <@ } @>
1759								   </p>
1760							   </div>
1761						   </div>
1762					   </div>
1763                        </li>
1764                    <@ } @>
1765                </ul>
1766            
1767                <@ if(itemsCount > 5) { @>
1768                    <div style="text-align: center; margin-top: 10px;">
1769						<button style="background-color: #FB5607; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
1770						onclick="
1771							var parentAccordion = this.closest('.accordion-content');
1772							parentAccordion.style.maxHeight = 'none';
1773							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
1774							this.style.display = 'none';
1775						">
1776                            View All
1777                        </button>
1778                    </div>
1779                <@ } @>
1780            </div>
1781        </div>
1782    </div>
1783    <@ }); @>
1784    <@ if(item.length > 5) { @>
1785        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
1786            <button style="background-color: #FB5607; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
1787                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
1788                View All Sessions
1789            </button>
1790        </div>
1791    <@ } @>
1792</div>
1793	</div>
1794</script>
1794
1795
1796
1797<!--Blaze-Curriculum-6-->
1798<script type="text/template" id="coursecurr-6-template">
1799    <div class="column full" spellcheck="false" data-gramm="false">
1800        <div class="total-time" id="totalTimeElement" style="
1801            font-size: 18px;
1802            font-weight: 600;
1803            color: #D8FD46;
1804            padding: 8px 12px;
1805            border-radius: 4px;
1806            white-space: nowrap;
1807            background: #232323;
1808            margin-bottom: 20px;">
1809            <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
1810                <@print(millisecondsToHHMMSSStr(summary.durations))@>
1811            <@}@>
1812        </div>
1813
1814        <div class="accordion-syllabus">
1815            <@ $.each(item, function(index, value) { @>
1816            <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
1817                <header class="accordion-syllabus-header" style="background:#232323 !important; border-radius:0px;box-shadow:none;padding:20px 20px !important">
1818                    <h4 class="accordion-syllabus-header__title">
1819                        <span class="text-primary" style="font-size:18px ; font-weight:600; color:white;"> 
1820                            <@if(index < 9) {@>  
1821								Week <@print(index + 1)@>:  
1822							<@ } else {@>  
1823								Week <@print(index + 1)@>:
1824							<@ } @>  
1825                        </span>
1826                        <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;">
1827							<@if(value && value.items){@>
1828								<@ print(value.items.length) @> attachment(s) 
1829							<@} else {@>
1830								1 attachment(s)
1831							<@}@>
1832							<@if(value.moduleDurations && curriculumAssetInfo){@>
1833								• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1834							<@}@>
1835						</span></p>
1836                    </h4>
1837                    <div class="accordion-syllabus-header__info">
1838                        <p class="text-primary hide-sm" style="color:#D8FD46 !important;">
1839                            <@if(value && value.items){@>
1840                                <@ print(value.items.length) @> attachment(s) 
1841                            <@} else {@>
1842                                1 attachment(s)
1843                            <@}@>
1844							<@if(value.moduleDurations && curriculumAssetInfo){@>
1845								• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
1846							<@}@>
1847                        </p>
1848                        <div class="accordion-syllabus-header__icon text-primary">
1849                            <i class="fa fa-angle-left" aria-hidden="true" style="color:#D8FD46;"></i>
1850                        </div>
1851                    </div>
1852                </header>
1853                <div class="accordion-content" style="filter:none;background:#181818;">
1854                    <div class="accordian-content-block" style="box-shadow:none;padding:16px 20px !important;background:transparent !important;">
1855                        <ul class="accordian-list">
1856                            <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
1857                            <@ if(value['items'] && value['items'].length > 0) { @>
1858                                <@ $.each(value['items'], function(index1, value1) { @>
1859                                <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
1860                                    <style>
1861                                        @media (max-width: 768px) {
1862                                            .accordian-content-card {
1863                                                flex-direction: column !important;
1864                                                align-items: stretch !important;
1865                                            }
1866                                        
1867                                            .accordian-content-card__top {
1868                                                flex-direction: row !important;
1869                                                justify-content: space-between !important;
1870                                                align-items: center !important;
1871                                                width: 100% !important;
1872                                            }
1873                                        
1874                                            .accordian-content-card__title {
1875                                                flex: 1 !important;
1876                                                margin: 0 10px !important;
1877                                                white-space: nowrap;
1878                                                overflow: hidden;
1879                                                text-overflow: ellipsis;
1880                                            }
1881                                        
1882                                            .accordian-content-card__bottom {
1883                                                flex-direction: row !important;
1884                                                justify-content: space-between !important;
1885                                                align-items: center !important;
1886                                                width: 100% !important;
1887                                                margin-top: 6px !important;
1888                                            }
1889                                        
1890                                            .accordian-content-card__link {
1891                                                flex: 1 !important;
1892                                                min-width: 0 !important;
1893                                                text-align: left !important;
1894                                            }
1895                                        
1896                                            .accordian-content-card__time {
1897                                                flex-shrink: 0 !important;
1898                                                text-align: right !important;
1899                                            }
1900                                        }
1901                                    </style>
1902                                    
1903                                    <div class="accordian-content-card"
1904                                        style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; ">
1905                                    
1906                                        <!-- Row 1: Icon + Title + Collapse Icon -->
1907                                        <div class="accordian-content-card__top"
1908                                            style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1909                                        
1910                                            <!-- Icon -->
1911                                            <div class="accordian-content-card__ico" style="flex-shrink: 0;">
1912                                                <@ if(value1.type == 'code'){ @>
1913                                                    <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);">
1914                                                <@ } else { @>
1915                                                    <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;">
1916                                                        <@ print(getCourseAssetIcon(value1.type))@>
1917                                                    </span>
1918                                                <@ } @>
1919                                            </div>
1920                                        
1921                                            <!-- Title -->
1922                                            <div class="accordian-content-card__title"
1923                                                style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1924                                                <@print(value1.title)@>
1925                                                <!-- <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @>
1926                                                    <small style="color: #999;">(<@- value1.pages @> pages)</small>
1927                                                <@ } @>
1928                                                <@ if(value1.type == 'aiheading') { @>
1929                                                    <small style="color: #999;">(coming soon)</small>
1930                                                <@ } @> -->
1931                                            </div>
1932                                        
1933                                            <!-- Collapse Icon -->
1934                                            <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1935                                            </div>
1936                                        </div>
1937                                    
1938                                        <!-- Row 2: Preview Button and Time -->
1939                                        <div class="accordian-content-card__bottom"
1940                                            style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
1941                                        
1942                                            <!-- Preview Button -->
1943                                            <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
1944                                                <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
1945                                                <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
1946                                                    class="previewBtn"
1947                                                    style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1948                                                    <span class="text-primary" style="color:#D8FD46;">
1949                                                        <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
1950                                                        <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span>
1951                                                    </span>
1952                                                </a>
1953                                                <@}@>
1954                                            </div>
1955                                        
1956                                            <!-- Time -->
1957                                            <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
1958                                                <p class="text-primary course-asset-time"
1959                                                    style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;">
1960                                                    <@ if(value1.duration && value1.duration > 0) { @>
1961                                                        <@ print(millisecondsToHHMMSSStr(value1.duration)) @>
1962                                                    <@ } else { @>
1963                                                        --
1964                                                    <@ } @>
1965                                                </p>
1966                                            </div>
1967                                        </div>
1968                                    </div>
1969                                </li>
1970                                <@ }); @>
1971                            <@ } else { @>
1972								<li class="accordian-list__item" style="padding:0px 0px !important;">
1973									<div class="accordian-content-card"
1974										style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; ">
1975								   
1976										<!-- Row 1: Icon + Title + Collapse Icon -->
1977										<div class="accordian-content-card__top"
1978											style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
1979									  
1980											<!-- Icon -->
1981											<div class="accordian-content-card__ico" style="flex-shrink: 0;">
1982												<@ if(value.type == 'code'){ @>
1983													<img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);">
1984												<@ } else { @>
1985													<span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;">
1986														<@ print(getCourseAssetIcon(value.type))@>
1987													</span>
1988												<@ } @>
1989											</div>
1990									  
1991											<!-- Title -->
1992											<div class="accordian-content-card__title"
1993												style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1994												<@print(value.title)@>
1995											</div>
1996									  
1997											<!-- Collapse Icon (optional) -->
1998											<div class="accordian-content-card__collapse" style="flex-shrink: 0;">
1999												<!-- Example placeholder, add real icon if needed -->
2000												<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2001											</div>
2002										</div>
2003									  
2004										<!-- Row 2: Preview Button and Time -->
2005										<div class="accordian-content-card__bottom"
2006											style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2007									  
2008											<!-- Preview Button -->
2009											<div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2010												<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2011													<a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2012													   class="previewBtn"
2013													   style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2014														<span class="text-primary" style="color:#D8FD46;">
2015															<@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2016															<span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span>
2017														</span>
2018													</a>
2019												<@}@>
2020											</div>
2021									  
2022											<!-- Time -->
2023											<div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2024												<p class="text-primary course-asset-time"
2025												   style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;">
2026													<@ if(value.duration && value.duration > 0) { @>
2027														<@ print(millisecondsToHHMMSSStr(value.duration)) @>
2028													<@ } else { @>
2029														--
2030													<@ } @>
2031												</p>
2032											</div>
2033										</div>
2034									</div>
2035								</li>
2036                            <@ } @>
2037                        </ul>
2038                    
2039                        <@ if(itemsCount > 5) { @>
2040                            <div style="text-align: center; margin-top: 10px;">
2041                                <button style="background-color: #D8FD46; color: black; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 
2042                                   onclick="
2043							var parentAccordion = this.closest('.accordion-content');
2044							parentAccordion.style.maxHeight = 'none';
2045							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2046							this.style.display = 'none';
2047						">
2048                                    View All
2049                                </button>
2050                            </div>
2051                        <@ } @>
2052                    </div>
2053                </div>
2054            </div>
2055            <@ }); @>
2056            <@ if(item.length > 5) { @>
2057                <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2058                    <button style="background-color: #D8FD46; color: black; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 
2059                        onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2060                        View All Sessions
2061                    </button>
2062                </div>
2063            <@ } @>
2064        </div>
2065    </div>
2066</script>
2066
2067
2068<script>
2069    // Simple responsive positioning (same as Vegas)
2070    function updatePosition() {
2071        const element = document.getElementById('totalTimeElement');
2072        if(element){
2073            if (window.innerWidth > 768) {
2074                element.style.position = 'absolute';
2075                element.style.top = "5px";
2076                element.style.right = '122px';
2077            } else {
2078                element.style.position = 'static';
2079                element.style.margin = '0 0';
2080            }
2081        }
2082    }
2083    
2084    // Run on load and resize
2085    window.addEventListener('load', updatePosition);
2086    window.addEventListener('resize', updatePosition);
2087</script>
2087
2088
2089
2090
2091
2092<!--Nebula Curriculum 7-->
2093
2094
2095<script>
2096	// Simple responsive positioning
2097	function updatePosition() {
2098		const element = document.getElementById('totalTimeElement');
2099		if(element){
2100		if (window.innerWidth > 768) {
2101			element.style.position = 'absolute';
2102			element.style.top = "5px";
2103			element.style.right = '122px';
2104		} else {
2105			element.style.position = 'static';
2106			element.style.margin = '0 0';
2107		}
2108		}
2109	}
2110	
2111	// Run on load and resize
2112	window.addEventListener('load', updatePosition);
2113	window.addEventListener('resize', updatePosition);
2114	</script>
2114
2115 
2115<script type="text/template" id="coursecurr-7-template">
2116	<div class="total-time" id="totalTimeElement" style="
2117    font-size: 18px;
2118    font-weight: 600;
2119    color: #6715FF;
2120    padding: 8px 12px;
2121    border-radius: 4px;
2122    white-space: nowrap;">
2123     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2124        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2125    <@}@>
2126</div>
2127
2128<div class="accordion-syllabus" style="max-width:1000px !important">
2129    <@ $.each(item, function(index, value) { @>
2130    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2131        <header class="accordion-syllabus-header" style="background:#F1ECFB !important; border-radius16px;box-shadow:none;padding:20px !important">
2132            <h4 class="accordion-syllabus-header__title">
2133                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2134                    <@if(index < 9) {@>  
2135                        Week <@print(index + 1)@>:  
2136                    <@ } else {@>  
2137                        Week <@print(index + 1)@>:
2138                    <@ } @>  
2139                </span>
2140                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2141                    <@if(value && value.items){@>
2142                        <@ print(value.items.length) @> attachment(s) 
2143                    <@} else {@>
2144                        1 attachment(s)
2145                    <@}@>
2146                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2147						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2148					<@}@>
2149                </span></p>
2150            </h4>
2151			
2152            <div class="accordion-syllabus-header__info">
2153                <p class="text-primary hide-sm" style="color:#6715FF !important;">
2154                    <@if(value && value.items){@>
2155                        <@ print(value.items.length) @> attachment(s) 
2156                    <@} else {@>
2157                        1 attachment(s)
2158                    <@}@>
2159                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2160						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2161					<@}@>
2162                </p>
2163                <div class="accordion-syllabus-header__icon text-primary">
2164                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#6715FF;"></i>
2165                </div>
2166            </div>
2167        </header>
2168        <div class="accordion-content" style="filter:none;background:transparent !important;">
2169            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2170                <ul class="accordian-list">
2171                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2172                    <@ if(value['items'] && value['items'].length > 0) { @>
2173                        <@ $.each(value['items'], function(index1, value1) { @>
2174                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2175							<style>
2176								@media (max-width: 768px) {
2177								  .accordian-content-card {
2178									flex-direction: column !important;
2179									align-items: stretch !important;
2180								  }
2181							  
2182								  .accordian-content-card__top {
2183									flex-direction: row !important;
2184									justify-content: space-between !important;
2185									align-items: center !important;
2186									width: 100% !important;
2187								  }
2188							  
2189								  .accordian-content-card__title {
2190									flex: 1 !important;
2191									margin: 0 10px !important;
2192									white-space: nowrap;
2193									overflow: hidden;
2194									text-overflow: ellipsis;
2195								  }
2196							  
2197								  .accordian-content-card__bottom {
2198									flex-direction: row !important;
2199									justify-content: space-between !important;
2200									align-items: center !important;
2201									width: 100% !important;
2202									margin-top: 6px !important;
2203								  }
2204							  
2205								  .accordian-content-card__link {
2206									flex: 1 !important;
2207									min-width: 0 !important;
2208									text-align: left !important;
2209								  }
2210							  
2211								  .accordian-content-card__time {
2212									flex-shrink: 0 !important;
2213									text-align: right !important;
2214								  }
2215								}
2216							  </style>
2217							  
2218							  <div class="accordian-content-card"
2219     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;">
2220
2221							  
2222								<!-- Row 1: Icon + Title + Collapse Icon -->
2223								<div class="accordian-content-card__top"
2224									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2225							  
2226								  <!-- Icon -->
2227								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2228									<@ if(value1.type == 'code'){ @>
2229									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2230									<@ } else { @>
2231									  <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;">
2232										<@ print(getCourseAssetIcon(value1.type))@>
2233									  </span>
2234									<@ } @>
2235								  </div>
2236							  
2237								  <!-- Title -->
2238								  <div class="accordian-content-card__title"
2239									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2240									<@print(value1.title)@>
2241								  </div>
2242							  
2243								  <!-- Collapse Icon (optional) -->
2244								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2245									<!-- Example placeholder, add real icon if needed -->
2246									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2247								  </div>
2248								</div>
2249							  
2250								<!-- Row 2: Preview Button and Time -->
2251								<div class="accordian-content-card__bottom"
2252									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2253							  
2254								  <!-- Preview Button -->
2255								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2256									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2257									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2258										 class="previewBtn"
2259										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2260										<span class="text-primary" style="color:#6715FF;">
2261										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2262										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span>
2263										</span>
2264									  </a>
2265									<@}@>
2266								  </div>
2267							  
2268								  <!-- Time -->
2269								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2270									<p class="text-primary course-asset-time"
2271									   style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;">
2272									  <@ if(value1.duration && value1.duration > 0) { @>
2273										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2274									  <@ } else { @>
2275										--
2276									  <@ } @>
2277									</p>
2278								  </div>
2279							  
2280								</div>
2281							  </div>
2282							  
2283							
2284                        </li>
2285                        <@ }); @>
2286                    <@ } else { @>
2287                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2288							<div class="accordian-content-card"
2289							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;">
2290					   
2291						   <!-- Row 1: Icon + Title + Collapse Icon -->
2292						   <div class="accordian-content-card__top"
2293								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2294						 
2295							   <!-- Icon -->
2296							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2297								   <@ if(value.type == 'code'){ @>
2298									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2299								   <@ } else { @>
2300									   <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;">
2301										   <@ print(getCourseAssetIcon(value.type))@>
2302									   </span>
2303								   <@ } @>
2304							   </div>
2305						 
2306							   <!-- Title -->
2307							   <div class="accordian-content-card__title"
2308									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2309								   <@print(value.title)@>
2310							   </div>
2311						 
2312							   <!-- Collapse Icon (optional) -->
2313							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2314								   <!-- Example placeholder, add real icon if needed -->
2315								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2316							   </div>
2317						   </div>
2318						 
2319						   <!-- Row 2: Preview Button and Time -->
2320						   <div class="accordian-content-card__bottom"
2321								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2322						 
2323							   <!-- Preview Button -->
2324							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2325								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2326									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2327										  class="previewBtn"
2328										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2329										   <span class="text-primary" style="color:#6715FF;">
2330											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2331											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span>
2332										   </span>
2333									   </a>
2334								   <@}@>
2335							   </div>
2336						 
2337							   <!-- Time -->
2338							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2339								   <p class="text-primary course-asset-time"
2340									  style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;">
2341									   <@ if(value.duration && value.duration > 0) { @>
2342										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
2343									   <@ } else { @>
2344										   --
2345									   <@ } @>
2346								   </p>
2347							   </div>
2348						   </div>
2349					   </div>
2350                        </li>
2351                    <@ } @>
2352                </ul>
2353            
2354                <@ if(itemsCount > 5) { @>
2355                    <div style="text-align: center; margin-top: 10px;">
2356						<button style="background-color: #6715FF; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2357						onclick="
2358							var parentAccordion = this.closest('.accordion-content');
2359							parentAccordion.style.maxHeight = 'none';
2360							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2361							this.style.display = 'none';
2362						">
2363                            View All
2364                        </button>
2365                    </div>
2366                <@ } @>
2367            </div>
2368        </div>
2369    </div>
2370    <@ }); @>
2371    <@ if(item.length > 5) { @>
2372        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2373            <button style="background-color: #6715FF; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2374                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2375                View All Sessions
2376            </button>
2377        </div>
2378    <@ } @>
2379</div>
2380	</div>
2381</script>
2381
2382
2383
2384
2385<!--Olive Curriculum 8-->
2386<script>
2387	// Simple responsive positioning
2388	function updatePosition() {
2389		const element = document.getElementById('totalTimeElement');
2390		if(element){
2391		if (window.innerWidth > 768) {
2392			element.style.position = 'absolute';
2393			element.style.top = "5px";
2394			element.style.right = '122px';
2395		} else {
2396			element.style.position = 'static';
2397			element.style.margin = '0 0';
2398		}
2399		}
2400	}
2401	
2402	// Run on load and resize
2403	window.addEventListener('load', updatePosition);
2404	window.addEventListener('resize', updatePosition);
2405	</script>
2405
2406 
2406<script type="text/template" id="coursecurr-8-template">
2407	<div class="total-time" id="totalTimeElement" style="
2408    font-size: 18px;
2409    font-weight: 600;
2410    color: #064400;
2411    padding: 8px 12px;
2412    border-radius: 4px;
2413    white-space: nowrap;">
2414     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2415        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2416    <@}@>
2417</div>
2418
2419<div class="accordion-syllabus" style="max-width:1000px !important">
2420    <@ $.each(item, function(index, value) { @>
2421    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2422        <header class="accordion-syllabus-header" style="background:#E5E5E5 !important; border-radius16px;box-shadow:none;padding:20px !important">
2423            <h4 class="accordion-syllabus-header__title">
2424                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2425                    <@if(index < 9) {@>  
2426                        Week <@print(index + 1)@>:  
2427                    <@ } else {@>  
2428                        Week <@print(index + 1)@>:
2429                    <@ } @>  
2430                </span>
2431                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2432                    <@if(value && value.items){@>
2433                        <@ print(value.items.length) @> attachment(s) 
2434                    <@} else {@>
2435                        1 attachment(s)
2436                    <@}@>
2437                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2438						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2439					<@}@>
2440                </span></p>
2441            </h4>
2442			
2443            <div class="accordion-syllabus-header__info">
2444                <p class="text-primary hide-sm" style="color:#064400 !important;">
2445                    <@if(value && value.items){@>
2446                        <@ print(value.items.length) @> attachment(s) 
2447                    <@} else {@>
2448                        1 attachment(s)
2449                    <@}@>
2450                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2451						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2452					<@}@>
2453                </p>
2454                <div class="accordion-syllabus-header__icon text-primary">
2455                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#064400;"></i>
2456                </div>
2457            </div>
2458        </header>
2459        <div class="accordion-content" style="filter:none;background:transparent !important;">
2460            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2461                <ul class="accordian-list">
2462                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2463                    <@ if(value['items'] && value['items'].length > 0) { @>
2464                        <@ $.each(value['items'], function(index1, value1) { @>
2465                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2466							<style>
2467								@media (max-width: 768px) {
2468								  .accordian-content-card {
2469									flex-direction: column !important;
2470									align-items: stretch !important;
2471								  }
2472							  
2473								  .accordian-content-card__top {
2474									flex-direction: row !important;
2475									justify-content: space-between !important;
2476									align-items: center !important;
2477									width: 100% !important;
2478								  }
2479							  
2480								  .accordian-content-card__title {
2481									flex: 1 !important;
2482									margin: 0 10px !important;
2483									white-space: nowrap;
2484									overflow: hidden;
2485									text-overflow: ellipsis;
2486								  }
2487							  
2488								  .accordian-content-card__bottom {
2489									flex-direction: row !important;
2490									justify-content: space-between !important;
2491									align-items: center !important;
2492									width: 100% !important;
2493									margin-top: 6px !important;
2494								  }
2495							  
2496								  .accordian-content-card__link {
2497									flex: 1 !important;
2498									min-width: 0 !important;
2499									text-align: left !important;
2500								  }
2501							  
2502								  .accordian-content-card__time {
2503									flex-shrink: 0 !important;
2504									text-align: right !important;
2505								  }
2506								}
2507							  </style>
2508							  
2509							  <div class="accordian-content-card"
2510     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;">
2511
2512							  
2513								<!-- Row 1: Icon + Title + Collapse Icon -->
2514								<div class="accordian-content-card__top"
2515									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2516							  
2517								  <!-- Icon -->
2518								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2519									<@ if(value1.type == 'code'){ @>
2520									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2521									<@ } else { @>
2522									  <span class="material-icons text-primary" style="color:#064400; font-size: 24px;">
2523										<@ print(getCourseAssetIcon(value1.type))@>
2524									  </span>
2525									<@ } @>
2526								  </div>
2527							  
2528								  <!-- Title -->
2529								  <div class="accordian-content-card__title"
2530									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2531									<@print(value1.title)@>
2532								  </div>
2533							  
2534								  <!-- Collapse Icon (optional) -->
2535								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2536									<!-- Example placeholder, add real icon if needed -->
2537									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2538								  </div>
2539								</div>
2540							  
2541								<!-- Row 2: Preview Button and Time -->
2542								<div class="accordian-content-card__bottom"
2543									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2544							  
2545								  <!-- Preview Button -->
2546								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2547									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2548									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2549										 class="previewBtn"
2550										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2551										<span class="text-primary" style="color:#064400;">
2552										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2553										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span>
2554										</span>
2555									  </a>
2556									<@}@>
2557								  </div>
2558							  
2559								  <!-- Time -->
2560								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2561									<p class="text-primary course-asset-time"
2562									   style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;">
2563									  <@ if(value1.duration && value1.duration > 0) { @>
2564										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2565									  <@ } else { @>
2566										--
2567									  <@ } @>
2568									</p>
2569								  </div>
2570							  
2571								</div>
2572							  </div>
2573							  
2574							
2575                        </li>
2576                        <@ }); @>
2577                    <@ } else { @>
2578                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2579							<div class="accordian-content-card"
2580							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;">
2581					   
2582						   <!-- Row 1: Icon + Title + Collapse Icon -->
2583						   <div class="accordian-content-card__top"
2584								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2585						 
2586							   <!-- Icon -->
2587							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2588								   <@ if(value.type == 'code'){ @>
2589									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2590								   <@ } else { @>
2591									   <span class="material-icons text-primary" style="color:#064400; font-size: 24px;">
2592										   <@ print(getCourseAssetIcon(value.type))@>
2593									   </span>
2594								   <@ } @>
2595							   </div>
2596						 
2597							   <!-- Title -->
2598							   <div class="accordian-content-card__title"
2599									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2600								   <@print(value.title)@>
2601							   </div>
2602						 
2603							   <!-- Collapse Icon (optional) -->
2604							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2605								   <!-- Example placeholder, add real icon if needed -->
2606								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2607							   </div>
2608						   </div>
2609						 
2610						   <!-- Row 2: Preview Button and Time -->
2611						   <div class="accordian-content-card__bottom"
2612								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2613						 
2614							   <!-- Preview Button -->
2615							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2616								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2617									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2618										  class="previewBtn"
2619										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2620										   <span class="text-primary" style="color:#064400;">
2621											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2622											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span>
2623										   </span>
2624									   </a>
2625								   <@}@>
2626							   </div>
2627						 
2628							   <!-- Time -->
2629							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2630								   <p class="text-primary course-asset-time"
2631									  style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;">
2632									   <@ if(value.duration && value.duration > 0) { @>
2633										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
2634									   <@ } else { @>
2635										   --
2636									   <@ } @>
2637								   </p>
2638							   </div>
2639						   </div>
2640					   </div>
2641                        </li>
2642                    <@ } @>
2643                </ul>
2644            
2645                <@ if(itemsCount > 5) { @>
2646                    <div style="text-align: center; margin-top: 10px;">
2647						<button style="background-color: #064400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2648						onclick="
2649							var parentAccordion = this.closest('.accordion-content');
2650							parentAccordion.style.maxHeight = 'none';
2651							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2652							this.style.display = 'none';
2653						">
2654                            View All
2655                        </button>
2656                    </div>
2657                <@ } @>
2658            </div>
2659        </div>
2660    </div>
2661    <@ }); @>
2662    <@ if(item.length > 5) { @>
2663        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2664            <button style="background-color: #064400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2665                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2666                View All Sessions
2667            </button>
2668        </div>
2669    <@ } @>
2670</div>
2671	</div>
2672</script>
2672
2673
2674
2675
2676<!--Dusk Curriculum 9-->
2677<script>
2678	// Simple responsive positioning
2679	function updatePosition() {
2680		const element = document.getElementById('totalTimeElement');
2681		if(element){
2682		if (window.innerWidth > 768) {
2683			element.style.position = 'absolute';
2684			element.style.top = "5px";
2685			element.style.right = '122px';
2686		} else {
2687			element.style.position = 'static';
2688			element.style.margin = '0 0';
2689		}
2690		}
2691	}
2692	
2693	// Run on load and resize
2694	window.addEventListener('load', updatePosition);
2695	window.addEventListener('resize', updatePosition);
2696	</script>
2696
2697 
2697<script>
2698	// Simple responsive positioning
2699	function updatePosition() {
2700		const element = document.getElementById('totalTimeElement');
2701		if(element){
2702		if (window.innerWidth > 768) {
2703			element.style.position = 'absolute';
2704			element.style.top = "5px";
2705			element.style.right = '122px';
2706		} else {
2707			element.style.position = 'static';
2708			element.style.margin = '0 0';
2709		}
2710		}
2711	}
2712	
2713	// Run on load and resize
2714	window.addEventListener('load', updatePosition);
2715	window.addEventListener('resize', updatePosition);
2716	</script>
2716
2717 
2717<script type="text/template" id="coursecurr-9-template">
2718	<div class="total-time" id="totalTimeElement" style="
2719    font-size: 18px;
2720    font-weight: 600;
2721    color: #282400;
2722    padding: 8px 12px;
2723    border-radius: 4px;
2724    white-space: nowrap;">
2725     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
2726        <@print(millisecondsToHHMMSSStr(summary.durations))@>
2727    <@}@>
2728</div>
2729
2730<div class="accordion-syllabus" style="max-width:1000px !important">
2731    <@ $.each(item, function(index, value) { @>
2732    <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>">
2733        <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:8px;box-shadow:none;padding:20px !important">
2734            <h4 class="accordion-syllabus-header__title">
2735                <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 
2736                    <@if(index < 9) {@>  
2737                        Week <@print(index + 1)@>:  
2738                    <@ } else {@>  
2739                        Week <@print(index + 1)@>:
2740                    <@ } @>  
2741                </span>
2742                <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
2743                    <@if(value && value.items){@>
2744                        <@ print(value.items.length) @> attachment(s) 
2745                    <@} else {@>
2746                        1 attachment(s)
2747                    <@}@>
2748                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2749						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2750					<@}@>
2751                </span></p>
2752            </h4>
2753			
2754            <div class="accordion-syllabus-header__info">
2755                <p class="text-primary hide-sm" style="color:#282400 !important;">
2756                    <@if(value && value.items){@>
2757                        <@ print(value.items.length) @> attachment(s) 
2758                    <@} else {@>
2759                        1 attachment(s)
2760                    <@}@>
2761                    <@if(value.moduleDurations && curriculumAssetInfo){@>
2762						• <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
2763					<@}@>
2764                </p>
2765                <div class="accordion-syllabus-header__icon text-primary">
2766                    <i class="fa fa-angle-left" aria-hidden="true" style="color:#282400;"></i>
2767                </div>
2768            </div>
2769        </header>
2770        <div class="accordion-content" style="filter:none;background:transparent !important;">
2771            <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;">
2772                <ul class="accordian-list">
2773                    <@ var itemsCount = value['items'] ? value['items'].length : 0; @>
2774                    <@ if(value['items'] && value['items'].length > 0) { @>
2775                        <@ $.each(value['items'], function(index1, value1) { @>
2776                        <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 
2777							<style>
2778								@media (max-width: 768px) {
2779								  .accordian-content-card {
2780									flex-direction: column !important;
2781									align-items: stretch !important;
2782								  }
2783							  
2784								  .accordian-content-card__top {
2785									flex-direction: row !important;
2786									justify-content: space-between !important;
2787									align-items: center !important;
2788									width: 100% !important;
2789								  }
2790							  
2791								  .accordian-content-card__title {
2792									flex: 1 !important;
2793									margin: 0 10px !important;
2794									white-space: nowrap;
2795									overflow: hidden;
2796									text-overflow: ellipsis;
2797								  }
2798							  
2799								  .accordian-content-card__bottom {
2800									flex-direction: row !important;
2801									justify-content: space-between !important;
2802									align-items: center !important;
2803									width: 100% !important;
2804									margin-top: 6px !important;
2805								  }
2806							  
2807								  .accordian-content-card__link {
2808									flex: 1 !important;
2809									min-width: 0 !important;
2810									text-align: left !important;
2811								  }
2812							  
2813								  .accordian-content-card__time {
2814									flex-shrink: 0 !important;
2815									text-align: right !important;
2816								  }
2817								}
2818							  </style>
2819							  
2820							  <div class="accordian-content-card"
2821     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;">
2822
2823							  
2824								<!-- Row 1: Icon + Title + Collapse Icon -->
2825								<div class="accordian-content-card__top"
2826									 style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2827							  
2828								  <!-- Icon -->
2829								  <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2830									<@ if(value1.type == 'code'){ @>
2831									  <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2832									<@ } else { @>
2833									  <span class="material-icons text-primary" style="color:#282400; font-size: 24px;">
2834										<@ print(getCourseAssetIcon(value1.type))@>
2835									  </span>
2836									<@ } @>
2837								  </div>
2838							  
2839								  <!-- Title -->
2840								  <div class="accordian-content-card__title"
2841									   style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2842									<@print(value1.title)@>
2843								  </div>
2844							  
2845								  <!-- Collapse Icon (optional) -->
2846								  <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2847									<!-- Example placeholder, add real icon if needed -->
2848									<!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2849								  </div>
2850								</div>
2851							  
2852								<!-- Row 2: Preview Button and Time -->
2853								<div class="accordian-content-card__bottom"
2854									 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2855							  
2856								  <!-- Preview Button -->
2857								  <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2858									<@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
2859									  <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>"
2860										 class="previewBtn"
2861										 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2862										<span class="text-primary" style="color:#282400;">
2863										  <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2864										  <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span>
2865										</span>
2866									  </a>
2867									<@}@>
2868								  </div>
2869							  
2870								  <!-- Time -->
2871								  <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2872									<p class="text-primary course-asset-time"
2873									   style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;">
2874									  <@ if(value1.duration && value1.duration > 0) { @>
2875										<@ print(millisecondsToHHMMSSStr(value1.duration)) @>
2876									  <@ } else { @>
2877										--
2878									  <@ } @>
2879									</p>
2880								  </div>
2881							  
2882								</div>
2883							  </div>
2884							  
2885							
2886                        </li>
2887                        <@ }); @>
2888                    <@ } else { @>
2889                        <li class="accordian-list__item" style="padding:0px 0px !important;">
2890							<div class="accordian-content-card"
2891							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;">
2892					   
2893						   <!-- Row 1: Icon + Title + Collapse Icon -->
2894						   <div class="accordian-content-card__top"
2895								style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
2896						 
2897							   <!-- Icon -->
2898							   <div class="accordian-content-card__ico" style="flex-shrink: 0;">
2899								   <@ if(value.type == 'code'){ @>
2900									   <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;">
2901								   <@ } else { @>
2902									   <span class="material-icons text-primary" style="color:#282400; font-size: 24px;">
2903										   <@ print(getCourseAssetIcon(value.type))@>
2904									   </span>
2905								   <@ } @>
2906							   </div>
2907						 
2908							   <!-- Title -->
2909							   <div class="accordian-content-card__title"
2910									style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2911								   <@print(value.title)@>
2912							   </div>
2913						 
2914							   <!-- Collapse Icon (optional) -->
2915							   <div class="accordian-content-card__collapse" style="flex-shrink: 0;">
2916								   <!-- Example placeholder, add real icon if needed -->
2917								   <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> -->
2918							   </div>
2919						   </div>
2920						 
2921						   <!-- Row 2: Preview Button and Time -->
2922						   <div class="accordian-content-card__bottom"
2923								style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;">
2924						 
2925							   <!-- Preview Button -->
2926							   <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;">
2927								   <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
2928									   <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>"
2929										  class="previewBtn"
2930										  style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2931										   <span class="text-primary" style="color:#282400;">
2932											   <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
2933											   <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span>
2934										   </span>
2935									   </a>
2936								   <@}@>
2937							   </div>
2938						 
2939							   <!-- Time -->
2940							   <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;">
2941								   <p class="text-primary course-asset-time"
2942									  style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;">
2943									   <@ if(value.duration && value.duration > 0) { @>
2944										   <@ print(millisecondsToHHMMSSStr(value.duration)) @>
2945									   <@ } else { @>
2946										   --
2947									   <@ } @>
2948								   </p>
2949							   </div>
2950						   </div>
2951					   </div>
2952                        </li>
2953                    <@ } @>
2954                </ul>
2955            
2956                <@ if(itemsCount > 5) { @>
2957                    <div style="text-align: center; margin-top: 10px;">
2958						<button style="background-color: #282400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2959						onclick="
2960							var parentAccordion = this.closest('.accordion-content');
2961							parentAccordion.style.maxHeight = 'none';
2962							this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 
2963							this.style.display = 'none';
2964						">
2965                            View All
2966                        </button>
2967                    </div>
2968                <@ } @>
2969            </div>
2970        </div>
2971    </div>
2972    <@ }); @>
2973    <@ if(item.length > 5) { @>
2974        <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;">
2975            <button style="background-color: #282400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 
2976                onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';">
2977                View All Sessions
2978            </button>
2979        </div>
2980    <@ } @>
2981</div>
2982	</div>
2983</script>
2983
2984
2985
2986
2987
2988
2989
2990<!-- Feedback Template First -->
2991<script type="text/template" id="widget-1-template">
2992<div class="column full feedbackContainer feedback1 spectre">
2993<@if(msg){@>
2994	<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
2995<@}else{@>
2996<div class="avgratingbox">
2997  <div class="flex-row" >
2998        <div class="is-box-2" >
2999           <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;"> 
3000			<@ if(ratings && ratings.avgRating) {@>
3001				<@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3002			<@}else{@>
3003				0
3004			<@}@>
3005		  </p>
3006          <h5 class="ratings1" style="text-align: center; margin-bottom: 0px; margin-top: 0px; line-height: 1;">  
3007          <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3008					<@if(ratings){@> 
3009						<@ if(ratings.avgRating >= ratingsSize) {@> 
3010							<i class="icon ion-android-star"></i>&nbsp; 
3011						<@ } else if(ratings.avgRating > ratingsSize-1 && ratings.avgRating < ratingsSize) { @> 
3012							<i class="icon ion-android-star-half"></i>&nbsp;
3013						<@ } else { @> 
3014							<i class="icon ion-android-star-outline"></i>&nbsp; 
3015						<@ } @>
3016					<@} else {@>
3017						<i class="icon ion-android-star-outline"></i>&nbsp;
3018					<@}@>		
3019		  <@}@>
3020          </h5>        
3021          <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>
3022          <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;">
3023			Total <@ if(ratings){print(ratings.total) }else{0}@> Reviews 
3024		  </p>
3025        </div>
3026        <div class="is-box-9">
3027			<@ for (i = 0; i < 5; i++) {@>
3028				<div class="box7878"> 
3029            <div style="flex:1;">							
3030					<div class="meter <@print(ratingsPer[(parseInt(i)+1)+'-star'].cls)@> nostripes">
3031                  		<span style="width: <@print(ratingsPer[(parseInt(i)+1)+'-star'].rates)@>%"></span>
3032               		</div>	
3033            </div>
3034            <div id="ratingbox">
3035              <p class="ratings2" style=" line-height: 1;">  
3036				<@ for (ratingsSize = 5; ratingsSize >=1; ratingsSize--) {@>
3037						<@if(ratingsSize>i){@>
3038							<i class="fa fa-solid fa-star-sharp text-primary"></i>&nbsp;
3039						<@} else {@>
3040							<i class="fa fa-solid fa-star-sharp"></i>&nbsp;
3041						<@}@>
3042				<@}@>
3043               <span class="t-white">					
3044					<@ if(ratings && ratings.ratingsCount){print(ratings.ratingsCount[(parseInt(5)-i)+'-stars'])}else{0} @>
3045			   </span>
3046              </p>
3047
3048            </div>
3049          </div>
3050	  	<@}@>
3051        </div>        
3052  	</div>
3053</div>
3054	<div class="bg-secondary" style="padding:15px 15px;border-radius:10px;border-top-right-radius: 0;border-top-left-radius: 0;" >
3055		<p
3056			style="font-size: 16px!important; font-weight: 500!important; letter-spacing: 1px;" class="text-primary">
3057			Reviews
3058		</p>
3059
3060<div class="review-box" id="createCustomReview" style="display:none">
3061<div class="flex-row">
3062	<div class="is-box-2 centerbox">
3063		<div class="spectre">
3064			<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" >
3065				<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3066			</figure>	
3067			<@if(typeof SPUSER !== 'undefined'){ @><p class="review-name"><@ print(SPUSER.name) @> </p><@ } @>
3068		</div>
3069	</div>
3070	<div class="is-box-10">
3071		<textarea rows="3" class="form-input"
3072			placeholder="Add your review here"></textarea>
3073		<div class="rating3">
3074			<p id="rating-stars">
3075				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 
3076					class="fa fa-solid fa-star-sharp text-primary rating-star" data-value='<@- ratingsSize @>'></i> <@}@>
3077			</p>
3078
3079			<button class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3080				data-reviewData="reviewlist"
3081				style="padding: 2px 28px; text-transform: uppercase; border-radius: 40px;">Post</button>
3082		</div>
3083	</div>
3084</div>
3085</div>		
3086	
3087	<div id="reviewlist">
3088	<@ $.each(items, function(index, item) { @>
3089	<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3090		<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3091			<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3092		<@ } @>
3093		<div class="flex-row">
3094			<div class="is-box-2 centerbox">
3095				<div class="spectre">
3096					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3097						<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" >
3098							<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3099					<@ } else {@>	
3100					<figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="uppercase avatar avatar-lg figsize" >
3101						<img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>">	
3102					<@ } @>
3103					</figure>
3104					<p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @><@ print(SPUSER.name) @><@ } else {@>	<@ print(item.userName) @><@ } @>	</p>
3105				</div>
3106			</div>
3107			<div class="is-box-10">
3108				<div class="rating4">
3109					<p>
3110						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@
3111						if(item.rating >= ratingsSize) {@> 
3112							<i class="fa fa-solid fa-star-sharp text-primary"></i>
3113						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3114							<i class="fa fa-solid fa-star-sharp-half text-primary"></i> 
3115						<@ } else { @> 
3116							<i class="fa fa-solid fa-star-sharp"></i> 
3117						<@}@> 
3118						<@ }@>
3119					</p>
3120					<p
3121						style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;">
3122						<time class="timestamp"
3123							datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@
3124							print(parseDate(item.createdDate.$date)) @></time>
3125					</p>
3126				</div>
3127				<p  class="reviewTxt"
3128					style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@
3129					print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @></p>
3130				<div class="comment-tag">
3131					<@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @>
3132				</div>
3133			</div>
3134		</div>
3135	</div>
3136	<@ }); @>
3137	</div>	
3138	<button class="bg-primary loadMoreReviewsBtn reviewLMbtn" data-itemTemplate="feedback-1-item-template" data-reviewData="reviewlist" >Load More Reviews</button>
3139</div>
3140<@}@>
3141</script>
3141
3142
3143
3144<script type="text/template" id="feedback-1-item-template">
3145<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>"">
3146<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3147	<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3148<@ } @>
3149<div class="flex-row">
3150	<div class="is-box-2 centerbox">
3151		<div class="spectre">
3152			<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3153				<figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="avatar avatar-lg figsize" >
3154					<img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
3155			<@ } else {@>	
3156			<figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="avatar avatar-lg figsize" >
3157				<img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>">	
3158			<@ } @>
3159			</figure>
3160			<p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @><@ print(SPUSER.name) @><@ } else {@>	<@ print(item.userName) @><@ } @>	</p>
3161		</div>
3162	</div>
3163	<div class="is-box-10">
3164		<div class="rating4">
3165			<p>
3166				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@
3167				if(item.rating >= ratingsSize) {@> 
3168					<i class="fa fa-solid fa-star-sharp text-primary"></i>
3169				<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3170					<i class="fa fa-solid fa-star-sharp-half text-primary"></i>
3171				<@ } else { @> 
3172					<i class="fa fa-solid fa-star-sharp-outline"></i> 
3173				<@}@> 
3174				<@ } @>
3175			</p>
3176			<p
3177				style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;">
3178				<time class="timestamp"
3179					datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@
3180					print(parseDate(item.createdDate.$date)) @></time>
3181			</p>
3182		</div>
3183		<p  class="reviewTxt"
3184			style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@
3185			print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @></p>
3186		<div class="comment-tag">
3187			<@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @>
3188		</div>
3189	</div>
3190</div>
3191</div>
3192</script>
3192
3193
3194
3195<!-- Feedback Template Second -->
3196<script type="text/template" id="feedback-2-template">
3197<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3198<@if(msg){@>
3199	<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3200<@}else{@>
3201<@ if(total > 0 && ratings && ratings.avgRating) {@>
3202<div class="avgratingbox">
3203<div class="column third">
3204   <div class="is-card avgRatingContainer" >
3205      <div class="avgRatingInnerContainer">
3206         <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3207         <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3208            <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i>
3209            <div style="margin-left: 25px;">
3210               <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3211                  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;">
3212                     <@ if(ratings && ratings.avgRating) {@>
3213                     <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3214                     <@}else{@>
3215                     0
3216                     <@}@>
3217                  </h3>
3218                  <p class="avgRatingReviews">/5</p>
3219               </span>
3220               <p class="avgRatingReviews">
3221                  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3222               </p>
3223            </div>
3224         </div>
3225      </div>
3226   </div>
3227</div>
3228</div>
3229<@ } @>
3230<div id="feedback2Reviewlist" class="reviewslist">
3231   <@ $.each(items, function(index, item) { @>
3232   		<@ var template = _.template($("#feedback-2-item-template").html()); print(template({item: item})) @>
3233   <@ }); @>
3234   <@}@>
3235</div>
3236<div class="row clearfix">
3237   <div class="column full">
3238      <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;">
3239         View more
3240      </p>
3241   </div>
3242</div>
3243</script>
3243
3244
3245<script type="text/template" id="feedback-2-item-template">
3246	<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3247      <div class="is-card avgRatingContainer">
3248         <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3249			<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3250				<a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3251			<@ } @>
3252            <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;">
3253   			<@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3254   		 	</p>
3255			<div class="reviewerName">
3256           	<p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px;">
3257   				<@ print(item.userName) @>
3258   		 	</p></div>
3259			
3260			 <p style="margin: 0px;">
3261				<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3262					<@ if(item.rating >= ratingsSize) {@> 
3263						<i class="fa fa-solid fa-star-sharp text-primary"></i>
3264					<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3265						<i class="fa fa-solid fa-star-sharp-half text-primary"></i> 
3266					<@ } @> 
3267				<@ }@>
3268			 </p>		
3269
3270      	 </div>
3271	  </div>	
3272   </div>
3273</script>
vendor: 1 bytes, line 3273
3273
3274<script type="text/template" id="feedback-2-createTemplate">
3275	<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3276  <div class="is-boxes">
3277    <div class="is-box-centered">
3278      <div class="is-container container" style="max-width: 940px;">
3279	
3280		<div class="review-box review-add-box">
3281            <div class="is-container container is-content-800" >
3282               <div class="row clearfix" >
3283                  <div class="column full" >
3284                     <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>
3285                  </div>
3286               </div>
3287               <div class="textarea-cont">
3288                  <div class="review-star text-primary" style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;">
3289					<span id="rating-stars">
3290                     <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 
3291                        class="fa fa-solid fa-star-sharp rating-star" data-value='<@- ratingsSize @>'></i> <@}@>
3292					</span>
3293                  </div>
3294                  <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>
3295                  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3296						<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>
3297				<@ } @>
3298               </div>
3299               <div  style="margin-top: 20px; display: flex; justify-content: flex-end;">
3300                  <button id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
3301					data-reviewData="feedback2Reviewlist" disabled >Submit</button>
3302               </div>
3303            </div>
3304		</div>
3305		</div>
3306		</div>
3307	</div>
3308</div>
3309</script>
3309
3310
3311<!-- Vegas 4th feedback Template-->
3312
3313
3314<script type="text/template" id="feedback-4-template">
3315	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3316	<@if(msg){@>
3317		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3318	<@}else{@>
3319	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3320	<div class="avgratingbox">
3321	<div class="column third">
3322	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3323		  <div class="avgRatingInnerContainer">
3324			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3325			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3326				<i class="icon ion-android-star text-primary" style="font-size: 80px;"></i>
3327				<div style="margin-left: 25px;">
3328				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3329					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;">
3330						 <@ if(ratings && ratings.avgRating) {@>
3331						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3332						 <@}else{@>
3333						 0
3334						 <@}@>
3335					  </h3>
3336					  <p class="avgRatingReviews">/5</p>
3337				   </span>
3338				   <p class="avgRatingReviews">
3339					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3340				   </p>
3341				</div>
3342			 </div>
3343		  </div>
3344	   </div>
3345	</div>
3346	</div>
3347	<@ } @>
3348	<div id="feedback4Reviewlist" class="reviewslist">
3349	   <@ $.each(items, function(index, item) { @>
3350			   <@ var template = _.template($("#feedback-4-item-template").html()); print(template({item: item})) @>
3351	   <@ }); @>
3352	   <@}@>
3353	</div>
3354	<div class="row clearfix">
3355	   <div class="column full" style="text-align: center;">
3356		  <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;">
3357			View All Reviews
3358		  </a>
3359	   </div>
3360	</div>
3361	</script>
3361
3362	
3363	
3363<script type="text/template" id="feedback-4-item-template">
3364		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3365		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3366			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3367				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3368					<a  style="color:#FB5607 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3369				<@ } @>
3370				<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;">
3371				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3372					</p>
3373				<div class="reviewerName">
3374				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3375					   <@ print(item.userName) @>
3376					</p></div>
3377				
3378				 <p style="margin: 0px;">
3379					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3380						<@ if(item.rating >= ratingsSize) {@> 
3381							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#FB5607 !important;"></i>
3382						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3383							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#FB5607 !important;"></i> 
3384						<@ } @> 
3385					<@ }@>
3386				 </p>		
3387	
3388			   </div>
3389		  </div>	
3390	   </div>
3391	</script>
3391
3392	
3392<script type="text/template" id="feedback-4-createTemplate">
3393		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3394	  <div class="is-boxes">
3395		<div class="is-box-centered">
3396		  <div class="is-container container" style="max-width: 1200px;">
3397		
3398			<div class="review-box review-add-box">
3399				<div class="is-container container is-content-1200" >
3400				   <div class="row clearfix" >
3401					  <div class="column full" >
3402						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3403					  </div>
3404				   </div>
3405				   <div class="textarea-cont">
3406					<div style="display:flex; gap:30px;">
3407						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3408						<div class="review-star1 text-primary" 
3409						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3410					   <span id="rating-stars" >
3411						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3412							   <i class="fa fa-solid fa-star-sharp rating-star" 
3413								  data-value='<@- ratingsSize @>' 
3414								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3415						   <@}@>
3416					   </span>
3417				   </div>
3418				   <style></style>
3419				   
3420				   
3421					</div>
3422					  <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>
3423					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3424							<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>
3425					<@ } @>
3426				   </div>
3427				   <div  style=" display: flex; justify-content: center;">
3428					  <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') } @>"
3429						data-reviewData="feedback4Reviewlist" disabled >Submit</button>
3430				   </div>
3431				</div>
3432			</div>
3433			</div>
3434			</div>
3435		</div>
3436	</div>
3437	</script>
3437
3438	
3439
3440
3441
3442<!-- Blaze 5th feedback Template-->
3443<script type="text/template" id="feedback-5-template">
3444	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3445	<@if(msg){@>
3446		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3447	<@}else{@>
3448	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3449	<div class="avgratingbox">
3450	<div class="column third">
3451	   <div class="is-card avgRatingContainer" style="background:#232323; border-radius:0px;padding:21px;" >
3452		  <div class="avgRatingInnerContainer">
3453			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;color:white;">Customer ratings</h3>
3454			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3455				<i class="icon ion-android-star text-primary" style="font-size: 80px;color:rgb(216, 253, 70);"></i>
3456				<div style="margin-left: 25px;">
3457				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3458					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: rgb(216, 253, 70); line-height: 1.3;">
3459						 <@ if(ratings && ratings.avgRating) {@>
3460						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3461						 <@}else{@>
3462						 0
3463						 <@}@>
3464					  </h3>
3465					  <p class="avgRatingReviews" style="color:white;">/5</p>
3466				   </span>
3467				   <p class="avgRatingReviews" style="color:white;">
3468					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3469				   </p>
3470				</div>
3471			 </div>
3472		  </div>
3473	   </div>
3474	</div>
3475	</div>
3476	<@ } @>
3477	<div id="feedback5Reviewlist" class="reviewslist">
3478	   <@ $.each(items, function(index, item) { @>
3479			   <@ var template = _.template($("#feedback-5-item-template").html()); print(template({item: item})) @>
3480	   <@ }); @>
3481	   <@}@>
3482	</div>
3483	<div class="row clearfix">
3484	   <div class="column full" style="text-align: center;">
3485		  <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;">
3486			View All Reviews
3487		  </a>
3488	   </div>
3489	</div>
3490	</script>
3490
3491	
3492	
3493	
3493<script type="text/template" id="feedback-5-item-template">
3494		<style>
3495			.template5-review .reviewTxt{
3496				color:white !important;
3497			}
3498			.template5-review .reviewerName p{
3499				color:white !important;
3500			}
3501		</style>
3502		<div class="column third reviewcontainer template5-review <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> selfreview <@ } @>">
3503			<div class="is-card avgRatingContainer" style="border:1px solid #232323;padding:20px;">
3504				<div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;">
3505					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>
3506						<a style="color:#D8FD46 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>">
3507							<i class="material-icons">delete</i>
3508						</a>
3509					<@ } @>
3510					<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;">
3511						<@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3512					</p>
3513					<div class="reviewerName">
3514						<p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5; ">
3515							<@ print(item.userName) @>
3516						</p>
3517					</div>
3518	
3519					<p style="margin: 0px;">
3520						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) { @>
3521							<@ if(item.rating >= ratingsSize) { @>
3522								<i class="fa fa-solid fa-star-sharp text-primary" style="color:#D8FD46 !important;"></i>
3523							<@ } else if(item.rating > ratingsSize - 1 && item.rating < ratingsSize) { @>
3524								<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#D8FD46 !important;"></i>
3525							<@ } @>
3526						<@ } @>
3527					</p>
3528				</div>
3529			</div>
3530		</div>
3531	</script>
3531
3532	
3533	
3533<script type="text/template" id="feedback-5-createTemplate">
3534		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3535	  <div class="is-boxes">
3536		<div class="is-box-centered" style="background:#181818;">
3537		  <div class="is-container container" style="max-width: 1200px;">
3538		
3539			<div class="review-box review-add-box">
3540				<div class="is-container container is-content-1200" >
3541				   <div class="row clearfix" >
3542					  <div class="column full" >
3543						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: white; ">Add a review</h1>
3544					  </div>
3545				   </div>
3546				   <div class="textarea-cont" style="background:transparent">
3547					<div style="display:flex; gap:30px;">
3548						<div><h3 style="font-size:18px;font-weight:600; color:white;">Overall Rating</h3></div>
3549						<div class="review-star text-primary" 
3550						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3551					   <span id="rating-stars" >
3552						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3553							   <i class="fa fa-solid fa-star-sharp rating-star" 
3554								  data-value='<@- ratingsSize @>' 
3555								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3556						   <@}@>
3557					   </span>
3558				   </div>
3559				   
3560				   
3561					</div>
3562					  <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>
3563					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3564							<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>
3565					<@ } @>
3566				   </div>
3567				   <div  style=" display: flex; justify-content: center;margin-top:20px;">
3568					  <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') } @>"
3569						data-reviewData="feedback5Reviewlist" disabled >Submit</button>
3570				   </div>
3571				</div>
3572			</div>
3573			</div>
3574			</div>
3575		</div>
3576	</div>
3577	</script>
3577
3578
3579
3580
3581
3582
3583
3584
3585
3586
3587
3588
3589
3590
3591
3592
3593<!-- Nebula Feedback 6-->
3594
3595<script type="text/template" id="feedback-6-template">
3596	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3597	<@if(msg){@>
3598		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3599	<@}else{@>
3600	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3601	<div class="avgratingbox">
3602	<div class="column third">
3603	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3604		  <div class="avgRatingInnerContainer">
3605			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3606			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3607				<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #6715FF !important;"></i>
3608				<div style="margin-left: 25px;">
3609				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3610					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #6715FF !important; line-height: 1.3;">
3611						 <@ if(ratings && ratings.avgRating) {@>
3612						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3613						 <@}else{@>
3614						 0
3615						 <@}@>
3616					  </h3>
3617					  <p class="avgRatingReviews">/5</p>
3618				   </span>
3619				   <p class="avgRatingReviews">
3620					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3621				   </p>
3622				</div>
3623			 </div>
3624		  </div>
3625	   </div>
3626	</div>
3627	</div>
3628	<@ } @>
3629	<div id="feedback6Reviewlist" class="reviewslist">
3630	   <@ $.each(items, function(index, item) { @>
3631			   <@ var template = _.template($("#feedback-6-item-template").html()); print(template({item: item})) @>
3632	   <@ }); @>
3633	   <@}@>
3634	</div>
3635	<div class="row clearfix">
3636	   <div class="column full" style="text-align: center;">
3637		  <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;">
3638			View All Reviews
3639		  </a>
3640	   </div>
3641	</div>
3642	</script>
3642
3643	
3644	
3644<script type="text/template" id="feedback-6-item-template">
3645		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3646		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3647			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3648				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3649					<a  style="color:#6715FF !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3650				<@ } @>
3651				<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;">
3652				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3653					</p>
3654				<div class="reviewerName">
3655				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3656					   <@ print(item.userName) @>
3657					</p></div>
3658				
3659				 <p style="margin: 0px;">
3660					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3661						<@ if(item.rating >= ratingsSize) {@> 
3662							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#6715FF !important;"></i>
3663						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3664							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#6715FF !important;"></i> 
3665						<@ } @> 
3666					<@ }@>
3667				 </p>		
3668	
3669			   </div>
3670		  </div>	
3671	   </div>
3672	</script>
3672
3673	
3673<script type="text/template" id="feedback-6-createTemplate">
3674		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3675	  <div class="is-boxes">
3676		<div class="is-box-centered">
3677		  <div class="is-container container" style="max-width: 1200px;">
3678		
3679			<div class="review-box review-add-box">
3680				<div class="is-container container is-content-1200" >
3681				   <div class="row clearfix" >
3682					  <div class="column full" >
3683						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3684					  </div>
3685				   </div>
3686				   <div class="textarea-cont" style="background:transparent">
3687					<div style="display:flex; gap:30px;">
3688						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3689						<div class="review-star1 text-primary" 
3690						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3691					   <span id="rating-stars" >
3692						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3693							   <i class="fa fa-solid fa-star-sharp rating-star" 
3694								  data-value='<@- ratingsSize @>' 
3695								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3696						   <@}@>
3697					   </span>
3698				   </div>
3699				   <style></style>
3700				   
3701				   
3702					</div>
3703					  <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>
3704					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3705							<p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: grey; margin-top: 0px;"><@ print(SPUSER.name) @></p>
3706					<@ } @>
3707				   </div>
3708				   <div  style=" display: flex; justify-content: center;">
3709					  <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') } @>"
3710						data-reviewData="feedback6Reviewlist" disabled >Submit</button>
3711				   </div>
3712				</div>
3713			</div>
3714			</div>
3715			</div>
3716		</div>
3717	</div>
3718	</script>
3718
3719
3720
3721
3722
3723
3724<!-- Olive Feedback 7-->
3725<script type="text/template" id="feedback-7-template">
3726	<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3727	<@if(msg){@>
3728		<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3729	<@}else{@>
3730	<@ if(total > 0 && ratings && ratings.avgRating) {@>
3731	<div class="avgratingbox">
3732	<div class="column third">
3733	   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" >
3734		  <div class="avgRatingInnerContainer">
3735			 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3736			 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3737				<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #064400 !important;"></i>
3738				<div style="margin-left: 25px;">
3739				   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3740					  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #064400 !important; line-height: 1.3;">
3741						 <@ if(ratings && ratings.avgRating) {@>
3742						 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3743						 <@}else{@>
3744						 0
3745						 <@}@>
3746					  </h3>
3747					  <p class="avgRatingReviews">/5</p>
3748				   </span>
3749				   <p class="avgRatingReviews">
3750					  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3751				   </p>
3752				</div>
3753			 </div>
3754		  </div>
3755	   </div>
3756	</div>
3757	</div>
3758	<@ } @>
3759	<div id="feedback7Reviewlist" class="reviewslist">
3760	   <@ $.each(items, function(index, item) { @>
3761			   <@ var template = _.template($("#feedback-7-item-template").html()); print(template({item: item})) @>
3762	   <@ }); @>
3763	   <@}@>
3764	</div>
3765	<div class="row clearfix">
3766	   <div class="column full" style="text-align: center;">
3767		  <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;">
3768			View All Reviews
3769		  </a>
3770	   </div>
3771	</div>
3772	</script>
3772
3773	
3774	
3774<script type="text/template" id="feedback-7-item-template">
3775		<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3776		  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; ">
3777			 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3778				<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3779					<a  style="color:#064400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3780				<@ } @>
3781				<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;">
3782				   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3783					</p>
3784				<div class="reviewerName">
3785				   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3786					   <@ print(item.userName) @>
3787					</p></div>
3788				
3789				 <p style="margin: 0px;">
3790					<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3791						<@ if(item.rating >= ratingsSize) {@> 
3792							<i class="fa fa-solid fa-star-sharp text-primary" style="color:#064400 !important;"></i>
3793						<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3794							<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#064400 !important;"></i> 
3795						<@ } @> 
3796					<@ }@>
3797				 </p>		
3798	
3799			   </div>
3800		  </div>	
3801	   </div>
3802	</script>
3802
3803	
3803<script type="text/template" id="feedback-7-createTemplate">
3804		<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3805	  <div class="is-boxes">
3806		<div class="is-box-centered">
3807		  <div class="is-container container" style="max-width: 1200px;">
3808		
3809			<div class="review-box review-add-box">
3810				<div class="is-container container is-content-1200" >
3811				   <div class="row clearfix" >
3812					  <div class="column full" >
3813						 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3814					  </div>
3815				   </div>
3816				   <div class="textarea-cont">
3817					<div style="display:flex; gap:30px;">
3818						<div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div>
3819						<div class="review-star1 text-primary" 
3820						style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3821					   <span id="rating-stars" >
3822						   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3823							   <i class="fa fa-solid fa-star-sharp rating-star" 
3824								  data-value='<@- ratingsSize @>' 
3825								  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3826						   <@}@>
3827					   </span>
3828				   </div>
3829				   <style></style>
3830				   
3831				   
3832					</div>
3833					  <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>
3834					  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3835							<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>
3836					<@ } @>
3837				   </div>
3838				   <div  style=" display: flex; justify-content: center;">
3839					  <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') } @>"
3840						data-reviewData="feedback7Reviewlist" disabled >Submit</button>
3841				   </div>
3842				</div>
3843			</div>
3844			</div>
3845			</div>
3846		</div>
3847	</div>
3848	</script>
3848
3849
3850
3851
3852
3853	<!--Dusk Feedback-8-->
3854	
3854<script type="text/template" id="feedback-8-template">
3855		<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
3856		<@if(msg){@>
3857			<h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
3858		<@}else{@>
3859		<@ if(total > 0 && ratings && ratings.avgRating) {@>
3860		<div class="avgratingbox">
3861		<div class="column third">
3862		   <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;background:#F5F5F5;" >
3863			  <div class="avgRatingInnerContainer">
3864				 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
3865				 <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
3866					<i class="icon ion-android-star text-primary" style="font-size: 80px;    color: #282400 !important;"></i>
3867					<div style="margin-left: 25px;">
3868					   <span style="display: flex; justify-content: flex-start; align-items: baseline;">
3869						  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800;     color: #282400 !important; line-height: 1.3;">
3870							 <@ if(ratings && ratings.avgRating) {@>
3871							 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
3872							 <@}else{@>
3873							 0
3874							 <@}@>
3875						  </h3>
3876						  <p class="avgRatingReviews">/5</p>
3877					   </span>
3878					   <p class="avgRatingReviews">
3879						  <@ if(ratings){print(ratings.total) }else{0}@> reviews
3880					   </p>
3881					</div>
3882				 </div>
3883			  </div>
3884		   </div>
3885		</div>
3886		</div>
3887		<@ } @>
3888		<div id="feedback8Reviewlist" class="reviewslist">
3889		   <@ $.each(items, function(index, item) { @>
3890				   <@ var template = _.template($("#feedback-8-item-template").html()); print(template({item: item})) @>
3891		   <@ }); @>
3892		   <@}@>
3893		</div>
3894		<div class="row clearfix">
3895		   <div class="column full" style="text-align: center;">
3896			  <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;">
3897				View All Reviews
3898			  </a>
3899		   </div>
3900		</div>
3901		</script>
3901
3902		
3903		
3903<script type="text/template" id="feedback-8-item-template">
3904			<div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>selfreview<@ } @>">
3905			  <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:#F5F5F5; padding:20px; ">
3906				 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
3907					<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id)	{ @>
3908						<a  style="color:#282400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
3909					<@ } @>
3910					<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;">
3911					   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
3912						</p>
3913					<div class="reviewerName">
3914					   <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px; opacity:0.5;">
3915						   <@ print(item.userName) @>
3916						</p></div>
3917					
3918					 <p style="margin: 0px;">
3919						<@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 
3920							<@ if(item.rating >= ratingsSize) {@> 
3921								<i class="fa fa-solid fa-star-sharp text-primary" style="color:#282400 !important;"></i>
3922							<@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 
3923								<i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#282400 !important;"></i> 
3924							<@ } @> 
3925						<@ }@>
3926					 </p>		
3927		
3928				   </div>
3929			  </div>	
3930		   </div>
3931		</script>
3931
3932		
3932<script type="text/template" id="feedback-8-createTemplate">
3933			<div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
3934		  <div class="is-boxes">
3935			<div class="is-box-centered">
3936			  <div class="is-container container" style="max-width: 1200px;">
3937			
3938				<div class="review-box review-add-box">
3939					<div class="is-container container is-content-1200" >
3940					   <div class="row clearfix" >
3941						  <div class="column full" >
3942							 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1>
3943						  </div>
3944					   </div>
3945					   <div class="textarea-cont">
3946						<div style="display:flex; gap:30px;">
3947							<div><h3 style="font-size:18px;font-weight:600;">Overall rating</h3></div>
3948							<div class="review-star1 text-primary" 
3949							style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important">
3950						   <span id="rating-stars" >
3951							   <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
3952								   <i class="fa fa-solid fa-star-sharp rating-star" 
3953									  data-value='<@- ratingsSize @>' 
3954									  style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i>
3955							   <@}@>
3956						   </span>
3957					   </div>
3958					   <style></style>
3959					   
3960					   
3961						</div>
3962						  <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>
3963						  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0)	{ @>
3964								<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>
3965						<@ } @>
3966					   </div>
3967					   <div  style=" display: flex; justify-content: center;">
3968						  <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') } @>"
3969							data-reviewData="feedback8Reviewlist" disabled >Submit</button>
3970					   </div>
3971					</div>
3972				</div>
3973				</div>
3974				</div>
3975			</div>
3976		</div>
3977		</script>
3977
3978
3979
3980
3981<div class="spectre">
3982<div class="modal" id="reviewModal">
3983			<a href="javascript:void(0);" class="modal-overlay close"
3984				aria-label="Close"></a>	
3985			<div class="modal-container">
3986				<div class="modal-header">
3987					<a href="javascript:void(0);"
3988						class="close btn btn-clear float-right" aria-label="Close"></a>
3989					<div class="modal-title h5">Review</div>
3990				</div>
3991				<div class="modal-body" style="max-height: 90vh;padding-top: 0;">
3992				</div>
3993			</div>
3994			
3995			  
3996			  
3997</div>
3998
3999  
4000</div>
4001
4002
4003
4004
4005
4006
4007
4008
4009
4010
4011
4012
4013
4014 
4015
4016<script>
4017	var created_date = `Created Date`;
4018	var uname_msg = `Name`;
4019	var email_msg = `Email`;
4020	var has_web_token = `Has Web Token`;
4021	var has_mobile_token = `Has Mobile Token`;
4022	var actions_msg = `Actions`;
4023	var delete_user = `Delete User`;
4024	var create_target_audience = `Create Target Audience`;
4025	var msg_now = `NOW`;
4026	var msg_now_2 = `Now`;
4027	var msg_scheduled = `SCHEDULED`;
4028	var msg_recurring = `RECURRING`;
4029	var msg_weeks = `weeks`;
4030	var msg_months = `month(s)`;
4031	var msg_days = `days`;
4032	var notification_screen = `Notification Screen`;
4033	var coursepackagelandingpage = `Course/Package landing page`;
4034	var search_course_name = `Search by course/package name`;
4035	var webinar_landing_page = `Webinar landing page`;
4036	var search_by_webinar_name = `Search by webinar name`;
4037	var categorypage = `Category Page`;
4038	var custompage = `Custom Page`;
4039	var blogpage = `Blog Page`;
4040	var customlink = `Custom Link`;
4041	var homepage_msg = `Homepage`;
4042	var search_category = `Search category`;
4043	var search_page_title = `Search by Page title`;
4044	var search_blog_title = `Search by Blog title`;
4045	var enter_the_link = `Enter the link`;
4046	var membership_page = `Membership page`;
4047	var pick_a_date = `Pick a date`;
4048	var pick_first_push_date = `Pick a first push date`;
4049	var every_msg = `Every`;
4050	var starting_msg = `Starting`;
4051	var msg_published = `Published`;
4052	var msg_unpublished = `Unpublished`;
4053	var msg_customize = `Customize`;
4054	var msg_edit = `Edit`;
4055	var msg_featured_image = `Featured Image`;
4056	var msg_preview = `Preview`;
4057	var msg_delete = `Delete`;
4058	var msg_unpublish = `Unpublish`;
4059	var msg_publish = `Publish  `;
4060	var msg_question= `questions`;
4061	var try_new_coding_assignment= `Try new coding assignment`;
4062	var change_enrollment_date = `Change Enrollment Date`;
4063	var change_expiry = `Change Expiry`;
4064	var change_remanining_time = `Change Remaining Time`;
4065	var remove_from_course = `Remove From Course`;
4066	var reset_course_progress = `Reset Course Progress`;
4067	var complete_report = `Complete Report`;
4068	var msg_progress = `Progress`;
4069	var timetaken = `Time Taken`;
4070	var msg_user_details = `User Details`;
4071	var graphy_platform_fees_note = `Amount after deducting Graphy platform fees. This does not include your payment gateway charges.`;
4072	var final_price_note = `Final payable price by learners`;
4073	var save_alert_message = `Save progress before moving forward.`;
4074	var no_chapter_alert_message = `Please add at least one chapter in the course.`;
4075	var download_msg = `Download`;
4076	var revoke_msg = `Revoke`;
4077	var yes_msg = `Yes`;
4078	var no_msg = `No`;
4079	var details_hover = `Details`;
4080	var hide_notification = `Hide Notification`;
4081	var notify_learners_hover = `Notify Learners`;
4082	var search_course_package = `Search Courses to add in this package.`;
4083	var bulk_delete = `Bulk Delete`;
4084	var scheduled_msg = `Scheduled`;
4085	var inprogress_msg = `In Progress`;
4086	var completed_msg = `Completed`;
4087	var yes_all_caps = `YES`;
4088	var no_all_caps = `NO`;
4089	var discount_msg = `Discount`;
4090	var max_discount = `Max Discount`;
4091	var min_cart = `Min Cart`;
4092	var delete_bookmark = `Delete Bookmark`;
4093	var view_question = `View question`;
4094	var msg_free = `Free`;
4095	var membership_expiration_note = `Membership will be canceled on next billing date.`;
4096	var msg_active = `Active`;
4097	var msg_inactive = `Inactive`;
4098	var delete_hover = `Delete`;
4099	var view_hover = `View`;
4100	var coursewise = `Course Wise`;
4101	var learner_wise = `Learner wise`;
4102	var segment_wise = `Segment wise`;
4103	var unregistered_msg = `Unregistered`;
4104	var target_audience_deleted = `Target Audience Deleted`;
4105	var courses_msg = `course(s)`;
4106	var learners_msg = `learner(s)`;
4107	var unregistered_learners = `Unregistered Learner`;
4108	var all_learners = `All Learners`;
4109	var course_wise_learners = `Course wise Learners`;
4110	var segment_wise_learners = `Segment wise Learners`;
4111	var with_token = `with token`;
4112	var segments_msg = `segments`;
4113	var add_users_msg = `Add Users`;
4114	var approx_msg = `Approx`;
4115	var revoke_cancellation_request = `Revoke Cancellation request.`;
4116	var remove_scheduled_membership_cancellation = `Remove Scheduled Membership Cancellation`;
4117	var schedule_to_stop_subscription = `Schedule to stop Subscription`;
4118	var stop_subscription = `Stop subscription`;
4119	var available_for_review_all_caps = `AVAILABLE FOR REVIEW`;
4120	var reviewed_all_caps = `REVIEWED`;
4121	var rejected_all_caps = `REJECTED`;
4122	var preview_code = `Preview Code`;
4123	var approve_msg = `Approve`;
4124	var reject_msg = `Reject`;
4125	var history_msg = `History`;
4126	var message_hover= `Message`;
4127	var remove_msg= `Remove`;
4128	var enroll_msg= `Enroll`;
4129	var change_validity= `Change Validity`;
4130	var learners_selected= `learner(s) selected`;
4131	var select_all_msg= `Select all`;
4132	var do_you_want_to_delete_course= `Do you really want to delete this course?`;
4133	var do_you_want_to_revoke_this_certificate= `Do you really want to revoke this certificate?`;
4134	var do_you_want_to_revoke_entry= `Do you really want to revoke this entry?`;
4135	var do_you_want_to_edit_enrollment_date= `Do you really want to edit enrollment date of all learners?`;
4136	var do_you_want_to_edit_enrollment_date_for_selected= `Do you really want to edit enrollment date of selected learners?`;
4137	var do_you_want_to_edit_course_validity= `Do you really want to edit course validity of all learners?`;
4138	var do_you_want_to_edit_course_validity_for_selected= `Do you really want to edit course validity of selected learners?`;
4139	var do_you_want_to_remove_selected= `Do you really want to remove selected learners?`;
4140	var do_you_want_to_remove_all= `Do you really want to remove all learners?`;
4141	var do_you_want_to_create_zip= `Do you really want to create zip for this course?`;
4142	var do_you_want_to_deactivate= `Do you really want to deactivate?`;
4143	var successfully_done_alert= `Successfully Done.`;
4144	var please_select_atleast_1_learner= `Please select atleast 1 learner !`;
4145	var on_msg= `On`;
4146	var single_correct_option = `Single Correct Option`;
4147	var multiple_correct_options = `Multiple Correct Options`;
4148	var numerical_Fill_in_the_Blank = `Numerical/Fill in the Blank`;
4149	var match_the_Column = `Match the Column`;
4150	var subjective = `Subjective`;
4151	var your_target_audience_appear= `Your target audience user(s) will appear here`;
4152	var your_upcoming_campaign= `Your upcoming campaign will appear here`;
4153	var status_msg= `Status`;
4154	var stop_campaign= `Stop Campaign`;
4155	var copy_campaign= `Copy Campaign`;
4156	var platform_fee_tax = `platform fees including taxes`;
4157	var pg_fees_taxes = `payment gateway fees including taxes`;
4158	var msg_quiz = `Quiz`;
4159	var msg_livetest = `Live test`;
4160	var msg_heading = `Heading`;
4161	var msg_text = `Text`;
4162	var msg_form = `Form`;
4163	var msg_live_class = `Live class`;
4164	var msg_live_class_rec = `live class recording`;
4165	var msg_code = `Code`;
4166	var msg_assignment = `Assignment`;
4167	var msg_added = `added`;
4168	var msg_about = `About`;
4169	var msg_year = `year`;
4170	var msg_month = `Month`;
4171	var msg_day = `day`;
4172	//var msg_hour = `hh`;
4173	//var msg_minute = `mm`;
4174	//var msg_seconds = `seconds`;
4175	var msg_month_l = `month`;
4176	var msg_day_l = `day`;
4177	var msg_hour_l = `hour`;
4178	var msg_minute_l = `minute`;
4179	var msg_second_l = `second`;
4180	var mobile_number=`Mobile Number`;
4181	var status_android =`Status (ANDROID)`;
4182	var status_ios =`Status (IOS)`;
4183	var delivery_time=`Delivery Time`;
4184	var sure_unhide=`Are you sure you want to unhide this course ?`;
4185	var become_a_partner=`Become a Partner`;
4186	var failed_msg=`Failed`;
4187	var sent_msg=`Sent`;
4188	var pending_msg=`Pending`;
4189	var running_msg=`Running`;
4190	var add_pricing_plan = `Add pricing plan`;
4191	var msg_add = `Add`;
4192	var of_msg = `of`;
4193	var items_msg = `items`
4194	var ago_msg = `ago`
4195	var items_msg = `items`;
4196	
4197	var january_msg = `January`;
4198	var february_msg = `February`;
4199	var march_msg = `March`;
4200	var april_msg = `April`;
4201	var may_msg = `May`;
4202	var june_msg = `June`;
4203	var july_msg = `July`;
4204	var august_msg = `August`;
4205	var september_msg = `September`;
4206	var october_msg = `October`;
4207	var november_msg = `November`;
4208	var december_msg = `December`;
4209	var sunday_msg = `Sunday`;
4210	var monday_msg = `Monday`;
4211	var tuesday_msg = `Tuesday`;
4212	var wednesday_msg = `Wednesday`;
4213	var thursday_msg = `Thursday`;
4214	var friday_msg = `Friday`;
4215	var saturday_msg = `Saturday`;
4216	var at_msg = `at`;
4217	var generate_outline = `Generate outline using AI`;
4218	var it_take_min = `It may take a min.`;
4219	var msg_ok = `OK`;
4220	var edit_pricing_plan = `Edit pricing plan`;
4221
4222</script>
4222
4223
4224
4225
4226
4227
4228
4229
4230<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-2.0.3.min.js"></script>
4230
4231
4232<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/underscore-min.js?v=1.9.1"></script>
4232
4233
4234<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.form.js"></script>
vendor: 1 bytes, line 4234
4234
4235<script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 4235
4235
4236<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 4236
4236
4237<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.timeago.js"></script>
vendor: 1 bytes, line 4237
4237
4238<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/js-webshim/minified/extras/modernizr-custom.js"></script>
vendor: 1 bytes, line 4238
4238
4239<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.datetimepicker.js"></script>
4239
4240
4241
4242
4243
4244
4245
4246
4247
4248<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/aes.js"></script>
vendor: 1 bytes, line 4248
4248
4249<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/mode-ecb-min.js"></script>
vendor: 1 bytes, line 4249
4249
4250<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/pad-nopadding-min.js"></script>
4250
4251
4252<!-- 
4252<script src="https://unpkg.com/@popperjs/core@2"></script>
vendor: 1 bytes, line 4252
4252
4253<script src="https://unpkg.com/tippy.js@6"></script>
4253 -->
4254<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 4254
4254
4255<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.0.0/tippy-bundle.umd.js"></script>
4255
4256
4257<script type="text/javascript">
4258	var passwordPolicyRequired = true;
4259	var checkoutV2 = false;
4260	var primaryFieldPhoneEnabled = false;
4261	var orgLanguageCode = "";
4262	var SPEERESCDN = "https://d502jbuhuh9wk.cloudfront.net";
4263</script>
4263
4264
4265<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sutils_919c30bb7230024efec7b939763642a2.js"></script>
vendor: 1 bytes, line 4265
4265
4266<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/utils/dateUtils_f53456b03f1287667a7b24fb63b367ce.js"></script>
vendor: 1 bytes, line 4266
4266
4267<script type="text/javascript">
4268	// Make org object globally available for dateUtils
4269	window.org = window.org || {};
4270	window.org.currencyCode = "false"=='true'?'USD':'INR';
4271	var websiteV3Org = false;
4272	var orgCreatedDate = {"$date":"2021-12-24T16:53:35.305Z"};
4273</script>
4273
4274
4275	
4275<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/talk_b564486691065235006e186474078666.js"></script>
4275
4276
4277
4278
4279
4280
4281<script type="text/javascript">
4282	var trialExpired = "false";
4283	var planCancelled = "false";
4284	var isFreePlan = false;
4285	
4286</script>
vendor: 1 bytes, line 4286
4286
4287<script type="text/javascript" id="dsf239df">
4288	var ctx = "/s",
4289		isFirstLogin = "", cjs = CryptoJS;
4290		
4291	var defaultCoreColor = "#5755d9", theme1CoreColor = "#572b7a", theme2CoreColor = "#3f51b5", theme3CoreColor = "#009051", 
4292		theme4CoreColor = "#596439", theme5CoreColor = "#F0591D", theme6CoreColor = "#28a745", theme7CoreColor = "#1bbc9b", 
4293		theme8CoreColor = "#f38f20", apkId = "6231373436231373432363038663465653864613523630386634656538646135", theme9CoreColor = "#c0af01", theme10CoreColor = "#e8d3a4",
4294		webColor = defaultCoreColor,
4295		CFCDN = "https://d502jbuhuh9wk.cloudfront.net", mobileNotification = true, webNotification = true, 
4296		iosPlayVideo = true,
4297		chromeDrmPlayback = false,
4298		gaType = "";
4299		
4300	
4301	
4302	$("#dsf239df").remove();
4303</script>
4303
4304
4305
4306
4307
4308
4309
4310
4311	
4312		<input type="hidden" id="orgCurrencyCode" value="INR" />
4313	
4314	
4315
4316
4317
4318	
4318<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/detect-private-browsing.js"></script>
4318
4319	
4319<script type="text/javascript">
4320	detectPrivateMode(
4321        function(is_private) {
4322            if(typeof is_private !== 'undefined' && is_private) {
4323            		$("input[name=privateMode]").val("private");
4324            }
4325        }
4326    );
4327	</script>
4327
4328
4329
4330
4331	
4332	
4333		
4333<script type="text/javascript"
4334			src="https://d502jbuhuh9wk.cloudfront.net/resources/js/intlTelInput.min.js"></script>
4334
4335		
4335<script type="text/javascript">
4336		
4337			var ipInfo = localStorage.getItem('ipInfo');
4338	        if(!ipInfo) {
4339	        	$.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
4340	        		if(resp) {
4341	        			var ipInfoStr = JSON.stringify(resp);
4342	    				var ipInfoField = document.getElementById("ipInfo");
4343	    				var countryCode = (resp.country) ? resp.country : "in";
4344				        sessionStorage.setItem('countryCode', countryCode);
4345						if('statusText' in resp) {
4346	    					if((resp['statusText'] !== 'error') && ('ip' in resp)) {
4347	    						localStorage.setItem('ipInfo', ipInfoStr);
4348	    						if(ipInfoField) {
4349	    							ipInfoField.value = ipInfoStr;
4350	    		        		}
4351							}
4352						}
4353			        	else if('ip' in resp) {
4354			        		localStorage.setItem('ipInfo', ipInfoStr);
4355			        		if(ipInfoField) {
4356			        			ipInfoField.value = ipInfoStr;
4357			        		}
4358		        		}
4359					}
4360	        	})
4361	        }
4362		
4363		  $("#sphone").intlTelInput({
4364		      initialCountry: "auto",
4365		      geoIpLookup: function(callback) {
4366		    	 var scountryCode = sessionStorage.getItem('countryCode');
4367		    	 
4368		    	 if(scountryCode !== null) {
4369		    		 callback(scountryCode);
4370		    	 }else {
4371		    		 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
4372				          var countryCode = (resp && resp.country) ? resp.country : "in";
4373				          callback(countryCode);
4374				          sessionStorage.setItem('countryCode', countryCode);
4375				        });
4376		    	 }
4377		      },
4378		      preferredCountries: ["in", "us"],
4379		      separateDialCode: true,
4380		      utilsScript: "/resources/js/intlUtils.js"
4381		    });
4382		  	
4383		  </script>
4383
4384	
4385
4386
4387
4388<div class="spectre">
4389
4390	
4391	
4392	
4393
4394	
4394<script type="text/javascript">
4395		if(top != self) {
4396		    //iframe
4397		    $(".toast").remove();
4398		}
4399	</script>
4399
4400	
4401	
4402</div>
4403
4404	
4405
4406<input type="hidden" id="orgCreditAlias"
4407	value="Azadi Points" />
4408
4409
4410
4411	
4412
4413
4414<script>
4415
4416
4417
4418
4419	var orgTaxLabel = "GST";
4420
4421
4422
4423	var sessionCountry = "";
4424
4425	$(document).ready(function() {		
4426		$("input[name='userMobileVerify']").change(function(data){
4427			var uniqueMobileSwitch = $('#uniqueMobileId');
4428			if(data.target.value==='true'){
4429				$('input[name=uniqueMobile]').prop('checked', true)
4430				$('#uniqueMobileLabelId').show();				
4431			}else{
4432				$('input[name=uniqueMobile]').prop('checked', false)
4433				$('#uniqueMobileLabelId').hide();
4434			}
4435		});
4436	});
4437	
4438	
4439		
4440		
4441			localStorage.removeItem('microserviceAuthToken');
4442		
4443   
4444   
4445   
4446	
4447	
4448			localStorage.removeItem('communityToken');
4449	
4450   
4451   
4452   
4453	
4454	
4455			localStorage.removeItem('chatRefreshToken');
4456	
4457
4458
4459
4460	
4461	
4462			localStorage.removeItem('refreshToken');
4463	
4464
4465	
4466</script>
4466
4467
4468
4469<!-- amplitude script start -->
4470
4471
4472
4473	
4473<script type="text/javascript">
4474	    window.localStorage.removeItem('loginAmplitudeEventSent');
4475	</script>
4475
4476
4477
4478<!-- amplitude script end -->
4479
4480 
4481
4482 <div id="template-container"></div>
4483
4484<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sstore_5ffb558e86d7b5ef265e05fb0bfbef79.js"></script>
vendor: 1 bytes, line 4484
4484
4485<script type="text/javascript">store.bindEvents();</script>
vendor: 1 bytes, line 4485
4485
4486<script type="text/javascript">
4487	window.signupParams = {source: "landing_page", platform: "web", sourceId: null};
4488</script>
4488
4489<div class="containerBody is-wrapper clearfix" style="margin-top: 70px;"><!--<link rel="stylesheet" href="/s/pages/assets/images/style.css"> <link rel="stylesheet" href="/s/pages/assets/images/slick.css">-->
4490<html>
4491 <head>
4492  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"> 
4493  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> 
4494  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> 
4495  <!-- Banner Section --> 
4496 </head>
4497 <body>
4498  <section class="banner_section"> 
4499   <div class="bootstrap-styles"> 
4500    <div class="banner"> 
4501     <div class="banner-slide owl-carousel owl-theme"> 
4502      <div class="item"> 
4503       <img class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Banner001.png"> 
4504      </div> 
4505      <div class="item"> 
4506       <a href="/s/store/courses/Wellness%20-%20Hindi"><img class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Well.png"></a> 
4507      </div> 
4508      <div class="item"> 
4509       <a href="/s/store/courses/Beauty"><img class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/UC.png"></a> 
4510      </div> 
4511      <div class="item">
4512       <a href="/s/store/courses/Home%20Care"> <img class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Care.png"> </a>
4513      </div> 
4514      <div class="item">
4515       <a href="/s/store/courses/Agriculture"> <img class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/vJ7NVAgriculture.png"> </a>
4516      </div> 
4517     </div> 
4518    </div> 
4519   </div>  
4520  </section> 
4521  <!-- Banner Section --> 
4522  <!-- Middle Sections --> 
4523  <section class="section1"> 
4524   <div class="container"> 
4525    <div class="mobSignup">
4526     <a href="#" class="btn">Sign up</a>
4527    </div> 
4528    <h3>ACCELERATE YOUR AZADI</h3> 
4529    <p>With Success Principles By Modicare</p> 
4530    <div class="row slider1" data-aos="fade-up-right" data-aos-duration="500"> 
4531     <div class="col"> 
4532      <span class="icon"> 
4533       <svg xmlns="http://www.w3.org/2000/svg" width="54.081" height="43.893" viewbox="0 0 54.081 43.893"> 
4534        <path id="Union_3" data-name="Union 3" d="M2553.962,1240.652a.9.9,0,0,1-.267-1.762l1.409-.437a1.647,1.647,0,0,0,1.131-1.3l.658-3.763h-18.337a2.073,2.073,0,0,1-2.068-2.074v-32.477a2.077,2.077,0,0,1,2.067-2.082H2588.5a2.078,2.078,0,0,1,2.067,2.082v32.477a2.073,2.073,0,0,1-2.068,2.074h-18.336l.658,3.763a1.646,1.646,0,0,0,1.131,1.3l1.409.437a.9.9,0,0,1-.268,1.762Zm4.049-3.188a3.471,3.471,0,0,1-.565,1.385h12.167a3.458,3.458,0,0,1-.566-1.385l-.713-4.073h-9.61Zm-19.72-6.146a.268.268,0,0,0,.265.271H2588.5a.268.268,0,0,0,.266-.271v-2.463h-50.476Zm0-32.477v28.211h50.476v-28.211a.271.271,0,0,0-.265-.278h-49.947A.271.271,0,0,0,2538.292,1198.841Zm19.208,21.223a.9.9,0,0,1-.451-.781v-12.95a.9.9,0,0,1,1.353-.78l11.159,6.475a.9.9,0,0,1,0,1.56l-11.159,6.474a.9.9,0,0,1-.9,0Zm1.351-2.346,8.462-4.91-8.462-4.91Z" transform="translate(-2536.489 -1196.759)" fill="#fff" /> 
4535       </svg> </span> 
4536      <p>Access to Live and <br> Recorded Training Programs.</p> 
4537     </div> 
4538     <div class="col"> 
4539      <span class="icon"> 
4540       <svg xmlns="http://www.w3.org/2000/svg" width="54.081" height="38.498" viewbox="0 0 54.081 38.498"> 
4541        <path id="Union_5" data-name="Union 5" d="M3044.262,1237.865a3.952,3.952,0,0,1-3.425-1.941,3.91,3.91,0,0,1-.088-3.9,16.574,16.574,0,0,1,8.6-7.623,11.085,11.085,0,0,0,2.464,1.115,14.7,14.7,0,0,0-9.473,7.363,2.126,2.126,0,0,0,.049,2.117,2.168,2.168,0,0,0,1.878,1.064h21.76A2.168,2.168,0,0,0,3067.9,1235a2.13,2.13,0,0,0,.048-2.117,14.7,14.7,0,0,0-9.472-7.363,11.036,11.036,0,0,0,2.462-1.115,16.312,16.312,0,0,1,2.4,1.164H3091.8a.749.749,0,0,0,.754-.742v-2.043h-16.282c0,.651-1.257,1.179-1.92,1.179h-4.6c-.662,0-1.919-.528-1.919-1.179H3063l0,0a11.2,11.2,0,0,0,1.469-1.8h3.352a1.806,1.806,0,0,1,1.66,1.094,1.129,1.129,0,0,0,.279.086h4.564a1.14,1.14,0,0,0,.281-.086,1.805,1.805,0,0,1,1.659-1.094h11.783v-19.811h-32.008v2.728c-.3-.023-.6-.036-.9-.036s-.6.013-.9.036v-2.886a1.651,1.651,0,0,1,1.655-1.643h32.3a1.651,1.651,0,0,1,1.655,1.643v19.969h2.7a1.8,1.8,0,0,1,1.8,1.8v2.043a2.553,2.553,0,0,1-2.556,2.543h-25.965a16.783,16.783,0,0,1,3.7,4.657,3.916,3.916,0,0,1-.086,3.9,3.956,3.956,0,0,1-3.426,1.941Zm1.556-22.923a9.324,9.324,0,1,1,9.324,9.278A9.3,9.3,0,0,1,3045.818,1214.942Zm1.8,0a7.521,7.521,0,1,0,7.52-7.476A7.507,7.507,0,0,0,3047.622,1214.942Zm24.992,4.6a2.454,2.454,0,0,1-2.128-1.206,2.412,2.412,0,0,1-.048-2.4,8.9,8.9,0,0,1,3.442-3.507,6.542,6.542,0,0,0,1.856,1.118,7.06,7.06,0,0,0-3.713,3.249.619.619,0,0,0,.012.622.663.663,0,0,0,.58.326h11.076a.66.66,0,0,0,.58-.326.619.619,0,0,0,.013-.622,7.065,7.065,0,0,0-3.712-3.249,6.563,6.563,0,0,0,1.855-1.118,8.9,8.9,0,0,1,3.442,3.507,2.412,2.412,0,0,1-.048,2.4,2.455,2.455,0,0,1-2.129,1.206Zm.792-12.03a4.747,4.747,0,1,1,4.747,4.689A4.718,4.718,0,0,1,3073.406,1207.513Zm1.8,0a2.944,2.944,0,1,0,2.943-2.886A2.918,2.918,0,0,0,3075.209,1207.513Z" transform="translate(-3040.271 -1199.367)" fill="#fff" /> 
4542       </svg> </span> 
4543      <p>Daily live training with active interactions and doubt sessions.</p> 
4544     </div> 
4545     <div class="col"> 
4546      <span class="icon"> 
4547       <svg xmlns="http://www.w3.org/2000/svg" width="81.172" height="55.329" viewbox="0 0 81.172 55.329"> 
4548        <path id="Union_4" data-name="Union 4" d="M3549.814,1253.729a1.688,1.688,0,0,1-1.643-2.019l2.631-13.4a1.681,1.681,0,0,1,.713-1.077,2.2,2.2,0,0,1-.425-3.687v-9.623l-12.433-5.522a1.346,1.346,0,0,1,0-2.462l39.234-17.426a1.361,1.361,0,0,1,1.1,0l39.233,17.426a1.347,1.347,0,0,1,0,2.462l-39.233,17.426a1.364,1.364,0,0,1-1.1,0l-24.1-10.7v8.42a2.2,2.2,0,0,1-.426,3.687,1.683,1.683,0,0,1,.715,1.077l2.629,13.4a1.687,1.687,0,0,1-1.642,2.019Zm23.49-39.936a1.346,1.346,0,0,1-.685,1.779l-16.854,7.479,22.676,10.073,35.912-15.95-35.912-15.952-35.911,15.952,9.912,4.4,19.076-8.466a1.353,1.353,0,0,1,1.786.683Zm-14.312,28.465a1.347,1.347,0,0,1-.833-1.245v-10.995l2.706,1.2v8.891a47.636,47.636,0,0,0,17.576,3.853,41.612,41.612,0,0,0,11.359-1.7l-.008,2.8a43.721,43.721,0,0,1-11.351,1.591C3570.535,1246.658,3563.555,1244.146,3558.991,1242.258Zm37.026-6.271v-4.767l2.707-1.2v7.566Z" transform="translate(-3537.855 -1198.4)" fill="#fff" /> 
4549       </svg> </span> 
4550      <p>Product Training Certifications in Wellness, Beauty &amp; other categories.</p> 
4551     </div> 
4552     <div class="col"> 
4553      <span class="icon"> 
4554       <svg xmlns="http://www.w3.org/2000/svg" width="43.969" height="52.278" viewbox="0 0 43.969 52.278"> 
4555        <path id="Union_2" data-name="Union 2" d="M2548.572,1477.979a.84.84,0,0,1-.051-.143,15.9,15.9,0,0,1,0-10.36.8.8,0,0,1,.051-.144,15.9,15.9,0,0,1,3.535-5.693c.069.036.139.069.211.1.491.2,1.031.417,1.615.633a14.156,14.156,0,0,0-3.2,4.432h4.623a21.889,21.889,0,0,1,1.094-3.61c.567.161,1.159.313,1.774.447a19.826,19.826,0,0,0-1.011,3.163h5.418v-2.582c.3.013.6.019.9.019s.6-.006.9-.019v2.582h5.418a19.862,19.862,0,0,0-1.012-3.162c.614-.135,1.207-.287,1.775-.448a21.889,21.889,0,0,1,1.094,3.61h4.621a14.136,14.136,0,0,0-3.2-4.434c.585-.214,1.125-.429,1.616-.632.071-.03.141-.063.209-.1a15.9,15.9,0,0,1,3.538,5.693.877.877,0,0,1,.05.144,15.88,15.88,0,0,1,0,10.359.906.906,0,0,1-.05.144,15.877,15.877,0,0,1-29.915,0Zm15.859,8.626c2.376-.65,4.418-3.826,5.418-8.1h-5.418Zm-1.8,0v-8.1h-5.418C2558.209,1482.78,2560.252,1485.956,2562.628,1486.606Zm7.269-2.94a13,13,0,0,1-1.41,2.163,14.159,14.159,0,0,0,7.841-7.32h-4.621A20.236,20.236,0,0,1,2569.9,1483.665Zm-11.325,2.163a12.953,12.953,0,0,1-1.41-2.163,20.236,20.236,0,0,1-1.809-5.157h-4.623A14.165,14.165,0,0,0,2558.572,1485.828Zm13.736-13.172a28.746,28.746,0,0,1-.283,4.05h4.983a14.082,14.082,0,0,0,0-8.1h-4.983A28.747,28.747,0,0,1,2572.308,1472.656Zm-7.877,4.05h5.766a26.878,26.878,0,0,0,0-8.1h-5.766Zm-7.878-4.05a26.6,26.6,0,0,0,.309,4.05h5.766v-8.1h-5.766A26.613,26.613,0,0,0,2556.553,1472.656Zm-7.1,0a14.039,14.039,0,0,0,.595,4.05h4.982a29.352,29.352,0,0,1,0-8.1h-4.982A14.039,14.039,0,0,0,2549.455,1472.656Zm29.714-8.013a.9.9,0,0,1-.882-1.08l1.414-7.168a.906.906,0,0,1,.384-.577,1.175,1.175,0,0,1-.4-1.8v-4.371l-15.789,6.983a.908.908,0,0,1-.729,0l-21.083-9.324a.9.9,0,0,1,0-1.65l21.083-9.324a.9.9,0,0,1,.729,0l21.083,9.324a.9.9,0,0,1,0,1.65l-3.491,1.544v5.169a1.174,1.174,0,0,1-.4,1.8.908.908,0,0,1,.385.577l1.414,7.168a.9.9,0,0,1-.883,1.08Zm-34.494-18.162,18.854,8.338,14.818-6.553-8.683-3.833a.9.9,0,0,1,.728-1.649l10.185,4.5,1.807-.8-18.855-8.339Zm8.33,13.59a.9.9,0,0,1-.558-.834v-5.377l1.8.8v3.974a22.481,22.481,0,0,0,18.56,0v-3.973l1.8-.8v5.377a.9.9,0,0,1-.558.833,24.586,24.586,0,0,1-21.049,0Z" transform="translate(-2541.545 -1436.255)" fill="#fff" /> 
4556       </svg> </span> 
4557      <p>Learn the foundations and step-by-step process of building your business.</p> 
4558     </div> 
4559     <div class="col"> 
4560      <span class="icon"> 
4561       <svg xmlns="http://www.w3.org/2000/svg" width="39.994" height="54.08" viewbox="0 0 39.994 54.08"> 
4562        <path id="Path_206" data-name="Path 206" d="M3086.408,1465.531h-5.794q-.323-.321-.659-.625v-18.089a.874.874,0,0,0,0-.091,12.706,12.706,0,0,0-25.278,0,.874.874,0,0,0,0,.091v18.089q-.336.3-.659.625h-5.794a.9.9,0,0,0-.889,1.047l1.219,7.441a2.959,2.959,0,0,0-.664,1.887v4.82a2.921,2.921,0,0,0,1.72,2.7,2.811,2.811,0,0,0,.514.177l.6,3.646a.9.9,0,0,0,.89.756h11.878a2.911,2.911,0,0,1,2.255,1.072.9.9,0,0,0,.7.329h1.758a.9.9,0,0,0,.7-.329,2.911,2.911,0,0,1,2.255-1.072h11.878a.9.9,0,0,0,.89-.756l.6-3.646a2.817,2.817,0,0,0,.514-.177,2.921,2.921,0,0,0,1.72-2.7v-4.82a2.958,2.958,0,0,0-.664-1.887l1.219-7.441a.9.9,0,0,0-.889-1.047
4562Zm-2.131,16.251a1.029,1.029,0,0,1-1.136-.173,4.405,4.405,0,0,1,0-6.586,1.021,1.021,0,0,1,.687-.272,1.112,1.112,0,0,1,.449.1,1.124,1.124,0,0,1,.662,1.056v4.82A1.124,1.124,0,0,1,3084.277,1481.782Zm.14-8.772a2.832,2.832,0,0,0-2.463.656,6.21,6.21,0,0,0,0,9.3,2.911,2.911,0,0,0,.753.479l-.451,2.754h-11.113a4.7,4.7,0,0,0-2.93,1.023V1470.3a2.95,2.95,0,0,1,2.93-2.963h14.2Zm-34.732,2.9a1.124,1.124,0,0,1,1.112-1.155,1.021,1.021,0,0,1,.686.272,4.405,4.405,0,0,1,0,6.586,1.029,1.029,0,0,1-1.136.173,1.124,1.124,0,0,1-.662-1.056Zm2.985,7.06a6.21,6.21,0,0,0,0-9.3,2.832,2.832,0,0,0-2.463-.656l-.93-5.677h14.2a2.95,2.95,0,0,1,2.93,2.963v16.926a4.7,4.7,0,0,0-2.93-1.023h-11.113l-.451-2.754A2.911,2.911,0,0,0,3052.67,1482.966Zm5.724-30.9.715.288a2.738,2.738,0,0,0,1.272,2.3,5.878,5.878,0,0,0,5.092,0,2.679,2.679,0,0,0,1.242-1.983,2.728,2.728,0,0,1,1.443,0,2.679,2.679,0,0,0,1.241,1.983,5.879,5.879,0,0,0,5.092,0,2.735,2.735,0,0,0,1.273-2.3l.437-.176a9.175,9.175,0,0,1-17.807-.112Zm8.918-14.939a10.865,10.865,0,0,1,10.841,9.738v1.5a5.764,5.764,0,0,0-4.787-2.444h-4.726a1.433,1.433,0,0,1-1.322-.9l-.707-2.667a.9.9,0,0,0-.858-.67h-.013a.9.9,0,0,0-.864.645l-.807,2.725a1.42,1.42,0,0,1-1.309.869h-1.5a5.764,5.764,0,0,0-4.787,2.444v-1.5A10.865,10.865,0,0,1,3067.312,1437.126Zm9.2,12.666c0,.107,0,.214-.006.32l-1.1.443a2.612,2.612,0,0,0-.912-.96,5.879,5.879,0,0,0-5.092,0,2.611,2.611,0,0,0-1.054,1.265,4.557,4.557,0,0,0-1.817,0,2.608,2.608,0,0,0-1.055-1.265,5.878,5.878,0,0,0-5.092,0,2.616,2.616,0,0,0-.911.96l-1.352-.545c0-.072,0-.145,0-.218,0-.206.008-.411.021-.614a3.978,3.978,0,0,1,3.122-1.459h1.5a3.212,3.212,0,0,0,2.94-1.9,3.245,3.245,0,0,0,2.94,1.9h4.726a3.949,3.949,0,0,1,3.121,1.446C3076.5,1449.372,3076.509,1449.581,3076.509,1449.792Zm-6.586,2.3c0-.032,0-.064,0-.1.01-.532.152-1.175,2.021-1.175,2.023,0,2.023.754,2.023,1.3s0,1.3-2.023,1.3-2.022-.754-2.022-1.3Zm-4.973.033c0,.55,0,1.3-2.023,1.3s-2.022-.754-2.022-1.3,0-1.3,2.022-1.3c1.869,0,2.011.643,2.022,1.174,0,.034,0,.067,0,.1Zm-8.479,4.538v-3.615c.015-.1.057-.346.139-.683a10.981,10.981,0,0,0,21.4,0c.082.338.124.585.139.683v10.413a18.986,18.986,0,0,0-4.609-2.4,12.636,12.636,0,0,1-2.644,1.114,17.126,17.126,0,0,1,7.008,3.355h-6.765a4.707,4.707,0,0,1-7.662,0h-6.765a17.126,17.126,0,0,1,7.008-3.355,12.636,12.636,0,0,1-2.644-1.114,18.986,18.986,0,0,0-4.609,2.4Z" transform="translate(-3047.315 -1435.323)" fill="#fff" /> 
4563       </svg> </span> 
4564      <p>Multi-lingual training videos are available in Hindi, English, Kannada, Malayalam &amp; Bangla.</p> 
4565     </div> 
4566     <div class="col"> 
4567      <span class="icon icon6"> 
4568       <svg xmlns="http://www.w3.org/2000/svg" width="30.65" height="35.411" viewbox="0 0 30.65 35.411"> 
4569        <g id="Group_276" data-name="Group 276" transform="translate(-3556.116 -1444.757)"> 
4570         <path id="Path_207" data-name="Path 207" d="M3569.981,1467.163v-.462q0-10.116,0-20.233a1.5,1.5,0,0,1,1.056-1.651,1.445,1.445,0,0,1,1.831,1.15,4.273,4.273,0,0,1,.03.631q0,10.056,0,20.114v.46l.168.116a1.631,1.631,0,0,1,.214-.375q3.57-3.583,7.159-7.149a2.069,2.069,0,0,1,.933-.529,1.3,1.3,0,0,1,1.447.718,1.4,1.4,0,0,1-.264,1.7q-3.825,3.831-7.655,7.658-1.145,1.146-2.292,2.291a1.448,1.448,0,0,1-2.329.008q-4.917-4.917-9.834-9.835a1.442,1.442,0,1,1,1.944-2.122c1.1,1.082,2.175,2.183,3.262,3.276q2.005,2.018,4.012,4.036a3.047,3.047,0,0,1,.2.243Z" fill="#f9f1ff" /> 
4571         <path id="Path_208" data-name="Path 208" d="M3559.04,1477.275h24.8v-.466c0-2.476,0-4.953,0-7.429a1.454,1.454,0,0,1,1.866-1.456,1.5,1.5,0,0,1,1.052,1.544q0,3.814,0,7.628c0,.474,0,.948,0,1.422a1.526,1.526,0,0,1-1.649,1.65h-27.349a1.5,1.5,0,0,1-1.648-1.637q0-4.564,0-9.13a1.473,1.473,0,0,1,1.309-1.53,1.454,1.454,0,0,1,1.555,1.068,2.456,2.456,0,0,1,.053.626q.006,3.617,0,7.232Z" fill="#f9f1ff" /> 
4572        </g> 
4573       </svg> </span> 
4574      <p>Download presentations &amp; learning material and access training sessions on your device anytime, anywhere. </p> 
4575     </div> 
4576    </div> 
4577   </div> 
4578  </section> 
4579  <section class="section1_web"> 
4580   <div class="container"> 
4581    <div class="mobSignup">
4582     <a href="#" class="btn">Sign up</a>
4583    </div> 
4584    <h3>ACCELERATE YOUR AZADI</h3> 
4585    <p>With Success Principles By Modicare</p> 
4586    <div class="row" data-aos="fade-up-right" data-aos-duration="500"> 
4587     <div class="col"> 
4588      <span class="icon"> 
4589       <svg xmlns="http://www.w3.org/2000/svg" width="54.081" height="43.893" viewbox="0 0 54.081 43.893"> 
4590        <path id="Union_3" data-name="Union 3" d="M2553.962,1240.652a.9.9,0,0,1-.267-1.762l1.409-.437a1.647,1.647,0,0,0,1.131-1.3l.658-3.763h-18.337a2.073,2.073,0,0,1-2.068-2.074v-32.477a2.077,2.077,0,0,1,2.067-2.082H2588.5a2.078,2.078,0,0,1,2.067,2.082v32.477a2.073,2.073,0,0,1-2.068,2.074h-18.336l.658,3.763a1.646,1.646,0,0,0,1.131,1.3l1.409.437a.9.9,0,0,1-.268,1.762Zm4.049-3.188a3.471,3.471,0,0,1-.565,1.385h12.167a3.458,3.458,0,0,1-.566-1.385l-.713-4.073h-9.61Zm-19.72-6.146a.268.268,0,0,0,.265.271H2588.5a.268.268,0,0,0,.266-.271v-2.463h-50.476Zm0-32.477v28.211h50.476v-28.211a.271.271,0,0,0-.265-.278h-49.947A.271.271,0,0,0,2538.292,1198.841Zm19.208,21.223a.9.9,0,0,1-.451-.781v-12.95a.9.9,0,0,1,1.353-.78l11.159,6.475a.9.9,0,0,1,0,1.56l-11.159,6.474a.9.9,0,0,1-.9,0Zm1.351-2.346,8.462-4.91-8.462-4.91Z" transform="translate(-2536.489 -1196.759)" fill="#fff" /> 
4591       </svg> </span> 
4592      <p>Access to Live and <br> Recorded Training Programs.</p> 
4593     </div> 
4594     <div class="col"> 
4595      <span class="icon"> 
4596       <svg xmlns="http://www.w3.org/2000/svg" width="54.081" height="38.498" viewbox="0 0 54.081 38.498"> 
4597        <path id="Union_5" data-name="Union 5" d="M3044.262,1237.865a3.952,3.952,0,0,1-3.425-1.941,3.91,3.91,0,0,1-.088-3.9,16.574,16.574,0,0,1,8.6-7.623,11.085,11.085,0,0,0,2.464,1.115,14.7,14.7,0,0,0-9.473,7.363,2.126,2.126,0,0,0,.049,2.117,2.168,2.168,0,0,0,1.878,1.064h21.76A2.168,2.168,0,0,0,3067.9,1235a2.13,2.13,0,0,0,.048-2.117,14.7,14.7,0,0,0-9.472-7.363,11.036,11.036,0,0,0,2.462-1.115,16.312,16.312,0,0,1,2.4,1.164H3091.8a.749.749,0,0,0,.754-.742v-2.043h-16.282c0,.651-1.257,1.179-1.92,1.179h-4.6c-.662,0-1.919-.528-1.919-1.179H3063l0,0a11.2,11.2,0,0,0,1.469-1.8h3.352a1.806,1.806,0,0,1,1.66,1.094,1.129,1.129,0,0,0,.279.086h4.564a1.14,1.14,0,0,0,.281-.086,1.805,1.805,0,0,1,1.659-1.094h11.783v-19.811h-32.008v2.728c-.3-.023-.6-.036-.9-.036s-.6.013-.9.036v-2.886a1.651,1.651,0,0,1,1.655-1.643h32.3a1.651,1.651,0,0,1,1.655,1.643v19.969h2.7a1.8,1.8,0,0,1,1.8,1.8v2.043a2.553,2.553,0,0,1-2.556,2.543h-25.965a16.783,16.783,0,0,1,3.7,4.657,3.916,3.916,0,0,1-.086,3.9,3.956,3.956,0,0,1-3.426,1.941Zm1.556-22.923a9.324,9.324,0,1,1,9.324,9.278A9.3,9.3,0,0,1,3045.818,1214.942Zm1.8,0a7.521,7.521,0,1,0,7.52-7.476A7.507,7.507,0,0,0,3047.622,1214.942Zm24.992,4.6a2.454,2.454,0,0,1-2.128-1.206,2.412,2.412,0,0,1-.048-2.4,8.9,8.9,0,0,1,3.442-3.507,6.542,6.542,0,0,0,1.856,1.118,7.06,7.06,0,0,0-3.713,3.249.619.619,0,0,0,.012.622.663.663,0,0,0,.58.326h11.076a.66.66,0,0,0,.58-.326.619.619,0,0,0,.013-.622,7.065,7.065,0,0,0-3.712-3.249,6.563,6.563,0,0,0,1.855-1.118,8.9,8.9,0,0,1,3.442,3.507,2.412,2.412,0,0,1-.048,2.4,2.455,2.455,0,0,1-2.129,1.206Zm.792-12.03a4.747,4.747,0,1,1,4.747,4.689A4.718,4.718,0,0,1,3073.406,1207.513Zm1.8,0a2.944,2.944,0,1,0,2.943-2.886A2.918,2.918,0,0,0,3075.209,1207.513Z" transform="translate(-3040.271 -1199.367)" fill="#fff" /> 
4598       </svg> </span> 
4599      <p>Daily live training with active interactions and doubt sessions.</p> 
4600     </div> 
4601     <div class="col"> 
4602      <span class="icon"> 
4603       <svg xmlns="http://www.w3.org/2000/svg" width="81.172" height="55.329" viewbox="0 0 81.172 55.329"> 
4604        <path id="Union_4" data-name="Union 4" d="M3549.814,1253.729a1.688,1.688,0,0,1-1.643-2.019l2.631-13.4a1.681,1.681,0,0,1,.713-1.077,2.2,2.2,0,0,1-.425-3.687v-9.623l-12.433-5.522a1.346,1.346,0,0,1,0-2.462l39.234-17.426a1.361,1.361,0,0,1,1.1,0l39.233,17.426a1.347,1.347,0,0,1,0,2.462l-39.233,17.426a1.364,1.364,0,0,1-1.1,0l-24.1-10.7v8.42a2.2,2.2,0,0,1-.426,3.687,1.683,1.683,0,0,1,.715,1.077l2.629,13.4a1.687,1.687,0,0,1-1.642,2.019Zm23.49-39.936a1.346,1.346,0,0,1-.685,1.779l-16.854,7.479,22.676,10.073,35.912-15.95-35.912-15.952-35.911,15.952,9.912,4.4,19.076-8.466a1.353,1.353,0,0,1,1.786.683Zm-14.312,28.465a1.347,1.347,0,0,1-.833-1.245v-10.995l2.706,1.2v8.891a47.636,47.636,0,0,0,17.576,3.853,41.612,41.612,0,0,0,11.359-1.7l-.008,2.8a43.721,43.721,0,0,1-11.351,1.591C3570.535,1246.658,3563.555,1244.146,3558.991,1242.258Zm37.026-6.271v-4.767l2.707-1.2v7.566Z" transform="translate(-3537.855 -1198.4)" fill="#fff" /> 
4605       </svg> </span> 
4606      <p>Product Training Certifications in Wellness, Beauty &amp; other categories.</p> 
4607     </div> 
4608     <div class="col"> 
4609      <span class="icon"> 
4610       <svg xmlns="http://www.w3.org/2000/svg" width="43.969" height="52.278" viewbox="0 0 43.969 52.278"> 
4611        <path id="Union_2" data-name="Union 2" d="M2548.572,1477.979a.84.84,0,0,1-.051-.143,15.9,15.9,0,0,1,0-10.36.8.8,0,0,1,.051-.144,15.9,15.9,0,0,1,3.535-5.693c.069.036.139.069.211.1.491.2,1.031.417,1.615.633a14.156,14.156,0,0,0-3.2,4.432h4.623a21.889,21.889,0,0,1,1.094-3.61c.567.161,1.159.313,1.774.447a19.826,19.826,0,0,0-1.011,3.163h5.418v-2.582c.3.013.6.019.9.019s.6-.006.9-.019v2.582h5.418a19.862,19.862,0,0,0-1.012-3.162c.614-.135,1.207-.287,1.775-.448a21.889,21.889,0,0,1,1.094,3.61h4.621a14.136,14.136,0,0,0-3.2-4.434c.585-.214,1.125-.429,1.616-.632.071-.03.141-.063.209-.1a15.9,15.9,0,0,1,3.538,5.693.877.877,0,0,1,.05.144,15.88,15.88,0,0,1,0,10.359.906.906,0,0,1-.05.144,15.877,15.877,0,0,1-29.915,0Zm15.859,8.626c2.376-.65,4.418-3.826,5.418-8.1h-5.418Zm-1.8,0v-8.1h-5.418C2558.209,1482.78,2560.252,1485.956,2562.628,1486.606Zm7.269-2.94a13,13,0,0,1-1.41,2.163,14.159,14.159,0,0,0,7.841-7.32h-4.621A20.236,20.236,0,0,1,2569.9,1483.665Zm-11.325,2.163a12.953,12.953,0,0,1-1.41-2.163,20.236,20.236,0,0,1-1.809-5.157h-4.623A14.165,14.165,0,0,0,2558.572,1485.828Zm13.736-13.172a28.746,28.746,0,0,1-.283,4.05h4.983a14.082,14.082,0,0,0,0-8.1h-4.983A28.747,28.747,0,0,1,2572.308,1472.656Zm-7.877,4.05h5.766a26.878,26.878,0,0,0,0-8.1h-5.766Zm-7.878-4.05a26.6,26.6,0,0,0,.309,4.05h5.766v-8.1h-5.766A26.613,26.613,0,0,0,2556.553,1472.656Zm-7.1,0a14.039,14.039,0,0,0,.595,4.05h4.982a29.352,29.352,0,0,1,0-8.1h-4.982A14.039,14.039,0,0,0,2549.455,1472.656Zm29.714-8.013a.9.9,0,0,1-.882-1.08l1.414-7.168a.906.906,0,0,1,.384-.577,1.175,1.175,0,0,1-.4-1.8v-4.371l-15.789,6.983a.908.908,0,0,1-.729,0l-21.083-9.324a.9.9,0,0,1,0-1.65l21.083-9.324a.9.9,0,0,1,.729,0l21.083,9.324a.9.9,0,0,1,0,1.65l-3.491,1.544v5.169a1.174,1.174,0,0,1-.4,1.8.908.908,0,0,1,.385.577l1.414,7.168a.9.9,0,0,1-.883,1.08Zm-34.494-18.162,18.854,8.338,14.818-6.553-8.683-3.833a.9.9,0,0,1,.728-1.649l10.185,4.5,1.807-.8-18.855-8.339Zm8.33,13.59a.9.9,0,0,1-.558-.834v-5.377l1.8.8v3.974a22.481,22.481,0,0,0,18.56,0v-3.973l1.8-.8v5.377a.9.9,0,0,1-.558.833,24.586,24.586,0,0,1-21.049,0Z" transform="translate(-2541.545 -1436.255)" fill="#fff" /> 
4612       </svg> </span> 
4613      <p>Learn the foundations and step-by-step process of building your business.</p> 
4614     </div> 
4615     <div class="col"> 
4616      <span class="icon"> 
4617       <svg xmlns="http://www.w3.org/2000/svg" width="39.994" height="54.08" viewbox="0 0 39.994 54.08"> 
4618        <path id="Path_206" data-name="Path 206" d="M3086.408,1465.531h-5.794q-.323-.321-.659-.625v-18.089a.874.874,0,0,0,0-.091,12.706,12.706,0,0,0-25.278,0,.874.874,0,0,0,0,.091v18.089q-.336.3-.659.625h-5.794a.9.9,0,0,0-.889,1.047l1.219,7.441a2.959,2.959,0,0,0-.664,1.887v4.82a2.921,2.921,0,0,0,1.72,2.7,2.811,2.811,0,0,0,.514.177l.6,3.646a.9.9,0,0,0,.89.756h11.878a2.911,2.911,0,0,1,2.255,1.072.9.9,0,0,0,.7.329h1.758a.9.9,0,0,0,.7-.329,2.911,2.911,0,0,1,2.255-1.072h11.878a.9.9,0,0,0,.89-.756l.6-3.646a2.817,2.817,0,0,0,.514-.177,2.921,2.921,0,0,0,1.72-2.7v-4.82a2.958,2.958,0,0,0-.664-1.887l1.219-7.441a.9.9,0,0,0-.889-1.047Zm-2.131,16.251a1.029,1.029,0,0,1-1.136-.173,4.405,4.405,0,0,1,0-6.586,1.021,1.021,0,0,1,.687-.272,1.112,1.112,0,0,1,.449.1,1.124,1.124,0,0,1,.662,1.056v4.82A1.124,1.124,0,0,1,3084.277,1481.782Zm.14-8.772a2.832,2.832,0,0,0-2.463.656,6.21,6.21,0,0,0,0,9.3,2.911,2.911,0,0,0,.753.479l-.451,2.754h-11.113a4.7,4.7,0,0,0-2.93,1.023V1470.3a2.95,2.95,0,0,1,2.93-2.963h14.2Zm-34.732,2.9a1.124,1.124,0,0,1,1.112-1.155,1.021,1.021,0,0,1,.686.272,4.405,4.405,0,0,1,0,6.586,1.029,1.029,0,0,1-1.136.173,1.124,1.124,0,0,1-.662-1.056Zm2.985,7.06a6.21,6.21,0,0,0,0-9.3,2.832,2.832,0,0,0-2.463-.656l-.93-5.677h14.2a2.95,2.95,0,0,1,2.93,2.963v16.926a4.7,4.7,0,0,0-2.93-1.023h-11.113l-.451-2.754A2.911,2.911,0,0,0,3052.67,1482.966Zm5.724-30.9.715.288a2.738,2.738,0,0,0,1.272,2.3,5.878,5.878,0,0,0,5.092,0,2.679,2.679,0,0,0,1.242-1.983,2.728,2.728,0,0,1,1.443,0,2.679,2.679,0,0,0,1.241,1.983,5.879,5.879,0,0,0,5.092,0,2.735,2.735,0,0,0,1.273-2.3l.437-.176a9.175,9.175,0,0,1-17.807-.112Zm8.918-14.939a10.865,10.865,0,0,1,10.841,9.738v1.5a5.764,5.764,0,0,0-4.787-2.444h-4.726a1.433,1.433,0,0,1-1.322-.9l-.707-2.667a.9.9,0,0,0-.858-.67h-.013a.9.9,0,0,0-.864.645l-.807,2.725a1.42,1.42,0,0,1-1.309.869h-1.5a5.764,5.764,0,0,0-4.787,2.444v-1.5A10.865,10.865,0,0,1,3067.312,1437.126Zm9.2,12.666c0,.107,0,.214-.006.32l-1.1.443a2.612,2.612,0,0,0-.912-.96,5.879,5.879,0,0,0-5.092,0,2.611,2.611,0,0,0-1.054,1.265,4.557,4.557,0,0,0-1.817,0,2.608,2.608,0,0,0-1.055-1.265,5.878,5.878,0,0,0-5.092,0,2.616,2.616,0,0,0-.911.96l-1.352-.545c0-.
4618072,0-.145,0-.218,0-.206.008-.411.021-.614a3.978,3.978,0,0,1,3.122-1.459h1.5a3.212,3.212,0,0,0,2.94-1.9,3.245,3.245,0,0,0,2.94,1.9h4.726a3.949,3.949,0,0,1,3.121,1.446C3076.5,1449.372,3076.509,1449.581,3076.509,1449.792Zm-6.586,2.3c0-.032,0-.064,0-.1.01-.532.152-1.175,2.021-1.175,2.023,0,2.023.754,2.023,1.3s0,1.3-2.023,1.3-2.022-.754-2.022-1.3Zm-4.973.033c0,.55,0,1.3-2.023,1.3s-2.022-.754-2.022-1.3,0-1.3,2.022-1.3c1.869,0,2.011.643,2.022,1.174,0,.034,0,.067,0,.1Zm-8.479,4.538v-3.615c.015-.1.057-.346.139-.683a10.981,10.981,0,0,0,21.4,0c.082.338.124.585.139.683v10.413a18.986,18.986,0,0,0-4.609-2.4,12.636,12.636,0,0,1-2.644,1.114,17.126,17.126,0,0,1,7.008,3.355h-6.765a4.707,4.707,0,0,1-7.662,0h-6.765a17.126,17.126,0,0,1,7.008-3.355,12.636,12.636,0,0,1-2.644-1.114,18.986,18.986,0,0,0-4.609,2.4Z" transform="translate(-3047.315 -1435.323)" fill="#fff" /> 
4619       </svg> </span> 
4620      <p>Multi-lingual training videos are available in Hindi, English, Kannada, Malayalam &amp; Bangla.</p> 
4621     </div> 
4622     <div class="col"> 
4623      <span class="icon icon6"> 
4624       <svg xmlns="http://www.w3.org/2000/svg" width="30.65" height="35.411" viewbox="0 0 30.65 35.411"> 
4625        <g id="Group_276" data-name="Group 276" transform="translate(-3556.116 -1444.757)"> 
4626         <path id="Path_207" data-name="Path 207" d="M3569.981,1467.163v-.462q0-10.116,0-20.233a1.5,1.5,0,0,1,1.056-1.651,1.445,1.445,0,0,1,1.831,1.15,4.273,4.273,0,0,1,.03.631q0,10.056,0,20.114v.46l.168.116a1.631,1.631,0,0,1,.214-.375q3.57-3.583,7.159-7.149a2.069,2.069,0,0,1,.933-.529,1.3,1.3,0,0,1,1.447.718,1.4,1.4,0,0,1-.264,1.7q-3.825,3.831-7.655,7.658-1.145,1.146-2.292,2.291a1.448,1.448,0,0,1-2.329.008q-4.917-4.917-9.834-9.835a1.442,1.442,0,1,1,1.944-2.122c1.1,1.082,2.175,2.183,3.262,3.276q2.005,2.018,4.012,4.036a3.047,3.047,0,0,1,.2.243Z" fill="#f9f1ff" /> 
4627         <path id="Path_208" data-name="Path 208" d="M3559.04,1477.275h24.8v-.466c0-2.476,0-4.953,0-7.429a1.454,1.454,0,0,1,1.866-1.456,1.5,1.5,0,0,1,1.052,1.544q0,3.814,0,7.628c0,.474,0,.948,0,1.422a1.526,1.526,0,0,1-1.649,1.65h-27.349a1.5,1.5,0,0,1-1.648-1.637q0-4.564,0-9.13a1.473,1.473,0,0,1,1.309-1.53,1.454,1.454,0,0,1,1.555,1.068,2.456,2.456,0,0,1,.053.626q.006,3.617,0,7.232Z" fill="#f9f1ff" /> 
4628        </g> 
4629       </svg> </span> 
4630      <p>Download presentations &amp; learning material and access training sessions on your device anytime, anywhere. </p> 
4631     </div> 
4632    </div> 
4633   </div> 
4634  </section> 
4635  <section class="section2"> 
4636   <div class="container" data-aos="fade-up-left" data-aos-duration="500"> 
4637    <h2>4Rs of SPBM</h2> 
4638    <p>To enable your Azadi</p> 
4639    <div class="row slider2"> 
4640     <div class="col"> 
4641      <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-7.svg"> </span> 
4642      <h4>Rigor</h4> 
4643      <p>1500+ training programs reach out to more than 250,000 consultants every month.</p> 
4644     </div> 
4645     <div class="col"> 
4646      <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-8.svg"> </span> 
4647      <h4>Rhythm</h4> 
4648      <p>Fixed topics with scheduled dates and time.</p> 
4649     </div> 
4650     <div class="col"> 
4651      <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-9.svg"> </span> 
4652      <h4>Roadmap</h4> 
4653      <p>Step-by-step process enabling new joinees to become successful leaders.</p> 
4654     </div> 
4655     <div class="col"> 
4656      <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-10.svg"> </span> 
4657      <h4>Result</h4> 
4658      <p>Practical approach focusing on results and consultant’s growth.</p> 
4659     </div> 
4660    </div> 
4661   </div> 
4662  </section> 
4663  <section class="section2_web"> 
4664   <div class="container" data-aos="fade-up-left" data-aos-duration="500"> 
4665    <h2>4Rs of SPBM</h2> 
4666    <p>To enable your Azadi</p> 
4667    <div class="row "> 
4668     <div class="col"> 
4669      <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-7.svg"> </span> 
4670      <h4>Rigor</h4> 
4671      <p>1500+ training programs reach out to more than 250,000 consultants every month.</p> 
4672     </div> 
4673     <div class="col"> 
4674      <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-8.svg"> </span> 
4675      <h4>Rhythm</h4> 
4676      <p>Fixed topics with scheduled dates and time.</p> 
4677     </div> 
4678     <div class="col"> 
4679      <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-9.svg"> </span> 
4680      <h4>Roadmap</h4> 
4681      <p>Step-by-step process enabling new joinees to become successful leaders.</p> 
4682     </div> 
4683     <div class="col"> 
4684      <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-10.svg"> </span> 
4685      <h4>Result</h4> 
4686      <p>Practical approach focusing on results and consultant’s growth.</p> 
4687     </div> 
4688    </div> 
4689   </div> 
4690  </section> 
4691  <!--<section class="section3" id="courses"> <div class="container" data-aos="fade-up-right" data-aos-duration="500"> <div class="coursesection1"> <h2>Course Categories</h2> <div class="main_row"> <div class="col_left"> <div class="course_list"> <ul class="tabs"> <li class="active"><a href="#tab1"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24.823" height="24.464" viewBox="0 0 24.823 24.464"> <g id="Group_242" data-name="Group 242" transform="translate(-2519.086 -3004.909)"> <g id="Group_240" data-name="Group 240"> <g id="Group_238" data-name="Group 238"> <path id="Path_135" data-name="Path 135" d="M2534.8,3025.247h-.036a.376.376,0,0,1-.338-.41l.042-.435a5.6,5.6,0,0,1,1.643-3.245,6.239,6.239,0,0,0-.252-9.08,6.333,6.333,0,0,0-10.5,3.86,6.224,6.224,0,0,0,1.885,5.316,5.211,5.211,0,0,1,1.577,3.465l.01.126a.374.374,0,0,1-.345.4.378.378,0,0,1-.4-.345l-.011-.131a4.464,4.464,0,0,0-1.347-2.975,6.971,6.971,0,0,1-2.111-5.951,7.072,7.072,0,0,1,14.083.892,6.957,6.957,0,0,1-2.056,4.952,4.848,4.848,0,0,0-1.428,2.8l-.041.422A.375.375,0,0,1,2534.8,3025.247Z" fill="#fff" /> </g> <path id="Path_136" data-name="Path 136" d="M2531.5,3008.239a.375.375,0,0,1-.376-.375v-2.58a.375.375,0,0,1,.751,0v2.58A.375.375,0,0,1,2531.5,3008.239Z" fill="#fff" /> <path id="Path_137" data-name="Path 137" d="M2543.533,3018.555H2540.9a.375.375,0,0,1,0-.75h2.632a.375.375,0,1,1,0,.75Z" fill="#fff" /> <path id="Path_138" data-name="Path 138" d="M2539.665,3010.818a.375.375,0,0,1-.265-.64l1.719-1.72a.375.375,0,0,1,.531.531l-1.719,1.719A.374.374,0,0,1,2539.665,3010.818Z" fill="#fff" /> <path id="Path_139" data-name="Path 139" d="M2523.331,3010.818a.371.371,0,0,1-.265-.11l-1.72-1.719a.375.375,0,0,1,.531-.531l1.719,1.72a.375.375,0,0,1-.265.64Z" fill="#fff" /> <g id="Group_239" data-name="Group 239"> <path id="Path_140" data-name="Path 140" d="M2522.094,3018.555h-2.632a.375.375,0,1,1,0-.75h2.632a.375.375,0,1,1,0,.75Z" fill="#fff" /> </g> <path id="Path_141" data-name="Path 141" d="M2534.91,3027.31h-6.647a.375.375,0,0,1,0-.751h6.647a.375.375,0,1,1,0,.751Z" fill="#fff" /> <path id="Path_142" data-name="Path 142" d="M2533.664,3029.373h-4.154a.375.375,0,1,1,0-.751h4.154a.375.375,0,0,1,0,.751Z" fill="#fff" /> </g> <g id="Group_241" data-name="Group 241"> <path id="Path_143" data-name="Path 143" d="M2532.34,3025.357a.375.375,0,0,1-.376-.375v-8.145a.375.375,0,1,1,.751,0v8.145A.375.375,0,0,1,2532.34,3025.357Z" fill="#fff" /> <path id="Path_144" data-name="Path 144" d="M2530.62,3024.09a.375.375,0,0,1-.375-.376v-.43a.375.375,0,0,1,.751,0v.43A.376.376,0,0,1,2530.62,3024.09Z" fill="#fff" /> <path id="Path_145" data-name="Path 145" d="M2530.62,3021.94a.375.375,0,0,1-.375-.375v-.43a.375.375,0,0,1,.751,0v.43A.375.375,0,0,1,2530.62,3021.94Z" fill="#fff" /> <path id="Path_146" data-name="Path 146" d="M2530.621,3019.791a.375.375,0,0,1-.376-.375v-2.2H2528.9a.375.375,0,0,1-.3-.6l2.579-3.438a.388.388,0,0,1,.6,0l2.579,3.438a.375.375,0,0,1-.3.6h-1.719a.375.375,0,1,1,0-.751h.968l-1.828-2.437-1.828,2.437h.969a.375.375,0,0,1,.375.376v2.579A.375.375,0,0,1,2530.621,3019.791Z" fill="#fff" /> </g> </g> </svg> </span> Product Training </a></li> <li><a href="#tab2"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="26.319" height="24.922" viewBox="0 0 26.319 24.922"> <g id="Group_249" data-name="Group 249" transform="translate(-2520.03 -3080.68)"> <g id="Group_248" data-name="Group 248"> <g id="Group_245" data-name="Group 245"> <path id="Path_147" data-name="Path 147" d="M2534.38,3103.714H2522.3a.378.378,0,0,1-.378-.377v-17.748a.378.378,0,0,1,.378-.378h1.888a.378.378,0,1,1,0,.755h-1.511v16.993h11.707a.378.378,0,0,1,0,.755Z" fill="#fff" /> <path id="Path_148" data-name="Path 148" d="M2537.4,3085.966h-1.889a.378.378,0,0,1,0-.755h1.889a.378.378,0,0,1,0,.755Z" fill="#fff" /> <path id="Path_149" data-name="Path 149" d="M2534.38,3105.6h-13.972a.377.377,0,0,1-.378-.377V3083.7a.378.378,0,0,1,.378-.378h5.286a.377.377,0,1,1,0,.755h-4.909v20.769h13.595a.378.378,0,0,1,0,.755Z" fill="#fff" /> <path id="Path_150" data-name="Path 150" d="M2539.289,3085.306a.378.378,0,0,1-.378-.378v-.85H2534a.377.377,0,1,1,0-.755h5.287a.377.377,0,0,1,.377.378v1.227A.377.377,0,0,1,2539.289,3085.306Z" fill="#fff" /> <path id="Path_151" data-name="Path 151" d="M2534,3085.966h-8.308a.377.377,0,0,1-.377-.377v-3.4a.377.377,0,0,1,.377-.377h2.429a1.88,1.88,0,0,1,3.45,0H2534a.377.377,0,0,1,.378.377v3.4A.377.377,0,0,1,2534,3085.966Zm-7.93-.755h7.552v-2.643H2531.3a.377.377,0,0,1-.365-.283,1.126,1.126,0,0,0-2.183,0,.378.378,0,0,1-.366.283h-2.319Z" fill="#fff" /> <g id="Group_244" data-name="Group 244"> <g id="Group_243" data-name="Group 243"> <path id="Path_152" data-name="Path 152" d="M2544.829,3105.6h-9.213a.377.377,0,0,1-.376-.341c-.089-.913.035-1.149.507-1.485l.008-.006a.819.819,0,0,1-.075-.108,1.044,1.044,0,0,1,.056-1.034,1.378,1.378,0,0,1,1.209-.676h.012a.378.378,0,0,1,0,.756h-.01a.619.619,0,0,0-.556.3.335.335,0,0,0-.053.277c.009.016.051.026.106.026a.378.378,0,0,1,.267.645,3.736,3.736,0,0,1-.523.433c-.18.129-.233.167-.221.457h8.516c.013-.29-.04-.328-.221-.457a3.856,3.856,0,0,1-.522-.433.378.378,0,0,1,.267-.645c.121,0,.121-.031.122-.091a.575.575,0,0,0-.581-.513.378.378,0,0,1,.006-.756h.006a1.327,1.327,0,0,1,1.324,1.275.836.836,0,0,1-.19.543l.007,0c.472.337.6.573.507,1.486A.377.377,0,0,1,2544.829,3105.6Z" fill="#fff" /> </g> <path id="Path_153" data-name="Path 153" d="M2543.994,3104.079H2539.9a.378.378,0,1,1,0-.755h4.091a.378.378,0,1,1,0,.755Z" fill="#fff" /> <path id="Path_154" data-name="Path 154" d="M2538.425,3104.078h-.8a.378.378,0,0,1,0-.756h.8a.378.378,0,0,1,0,.756Z" fill="#fff" /> <path id="Path_155" data-name="Path 155" d="M2537.5,3100.119a.377.377,0,0,1-.215-.688c.946-.652.627-1.977.192-2.974-.017-.039-.03-.069-.037-.087a30.172,30.172,0,0,1-1.237-4.035c-.746-3.285,1.8-4.31,1.823-4.32a.377.377,0,0,1,.273.7c-.085.035-1.956.82
4691-1.359,3.449a29.26,29.26,0,0,0,1.2,3.92l.029.068c1.046,2.4.164,3.471-.455,3.9A.379.379,0,0,1,2537.5,3100.119Z" fill="#fff" /> <path id="Path_156" data-name="Path 156" d="M2536.9,3102.317" fill="#fff" /> <path id="Path_157" data-name="Path 157" d="M2543.476,3102.7h0l-6.575-.009a.378.378,0,0,1-.346-.529c-.016-.066-.288-.488-1.425-1.235a.937.937,0,0,1-.191-1.4c1-1.136.594-2.774.125-4.672a15.855,15.855,0,0,1-.618-3.842,4.742,4.742,0,0,1,1.589-3.946,5.867,5.867,0,0,1,4.535-.777.377.377,0,0,1,.284.3l.126.729,2.018.684a.378.378,0,0,1,.248.28l.124.587c.807.489,3.255,2.107,2.9,3.511a1.351,1.351,0,0,1-.385,1.417l-.471.586a.378.378,0,0,1-.288.141l-1.5.027a.374.374,0,0,1-.331-.184l-.441-.741a5.224,5.224,0,0,0-1.621-.373l-.008.436c.91.471,4.261,2.372,4.385,4.855.113,2.261-.769,2.868-1.353,3.27-.334.23-.411.3-.4.494a.377.377,0,0,1-.378.391Zm-6.215-.764,5.89.008a1.538,1.538,0,0,1,.679-.751c.524-.361,1.118-.77,1.026-2.611-.117-2.362-4.133-4.3-4.174-4.32a.38.38,0,0,1-.215-.348l.01-.56a1.5,1.5,0,0,1-.865-.11.377.377,0,1,1,.284-.7.813.813,0,0,0,.618.03,5.021,5.021,0,0,1,2.755.407.377.377,0,0,1,.171.152l.393.659,1.1-.02.374-.464a.305.305,0,0,1,.029-.033s.381-.4.209-.645a.378.378,0,0,1-.034-.369c.308-.684-1.41-2.091-2.667-2.827a.374.374,0,0,1-.179-.248l-.114-.537-2.026-.688a.38.38,0,0,1-.251-.293l-.12-.693a4.953,4.953,0,0,0-3.655.684,4.036,4.036,0,0,0-1.3,3.352,15.269,15.269,0,0,0,.6,3.659c.5,2.015.969,3.919-.29,5.351a.182.182,0,0,0,.037.273C2536.55,3100.96,2537.107,3101.488,2537.261,3101.94Z" fill="#fff" /> <path id="Path_158" data-name="Path 158" d="M2541.322,3089.754a.359.359,0,0,1-.107-.015l-.564-.166a.377.377,0,0,1,.213-.724l.564.166a.377.377,0,0,1-.106.739Z" fill="#fff" /> </g> </g> <g id="Group_246" data-name="Group 246"> <path id="Path_159" data-name="Path 159" d="M2528.084,3096.038a.376.376,0,0,1-.267-.111l-1.888-1.888a.378.378,0,0,1,.534-.534l1.888,1.889a.378.378,0,0,1-.267.644Z" fill="#fff" /> <path id="Path_160" data-name="Path 160" d="M2526.2,3096.038a.378.378,0,0,1-.267-.644l1.888-1.889a.378.378,0,0,1,.534.534l-1.888,1.888A.375.375,0,0,1,2526.2,3096.038Z" fill="#fff" /> </g> <g id="Group_247" data-name="Group 247"> <path id="Path_161" data-name="Path 161" d="M2533.151,3101.576a.377.377,0,0,1-.267-.11l-1.889-1.888a.378.378,0,0,1,.534-.534l1.889,1.888a.377.377,0,0,1-.267.644Z" fill="#fff" /> <path id="Path_162" data-name="Path 162" d="M2531.262,3101.576a.377.377,0,0,1-.267-.644l1.889-1.888a.378.378,0,0,1,.534.534l-1.889,1.888A.377.377,0,0,1,2531.262,3101.576Z" fill="#fff" /> </g> <path id="Path_163" data-name="Path 163" d="M2527.016,3090.687a1.51,1.51,0,1,1,1.511-1.511A1.512,1.512,0,0,1,2527.016,3090.687Zm0-2.266a.755.755,0,1,0,.755.755A.756.756,0,0,0,2527.016,3088.421Z" fill="#fff" /> <path id="Path_164" data-name="Path 164" d="M2525.128,3101.637a1.51,1.51,0,1,1,1.51-1.51A1.511,1.511,0,0,1,2525.128,3101.637Zm0-2.265a.755.755,0,1,0,.755.755A.756.756,0,0,0,2525.128,3099.372Z" fill="#fff" /> <path id="Path_165" data-name="Path 165" d="M2527.667,3100.09a.377.377,0,0,1-.167-.716,5.437,5.437,0,0,0,3.1-4.881,5.346,5.346,0,0,0-1.6-3.813.378.378,0,1,1,.532-.536,6.1,6.1,0,0,1,1.827,4.349,6.187,6.187,0,0,1-3.526,5.559A.385.385,0,0,1,2527.667,3100.09Z" fill="#fff" /> <path id="Path_166" data-name="Path 166" d="M2529.106,3092.262l-.031,0a.376.376,0,0,1-.345-.407l.125-1.505a.376.376,0,0,1,.407-.345l1.505.124a.378.378,0,1,1-.062.753l-1.129-.093-.094,1.129A.377.377,0,0,1,2529.106,3092.262Z" fill="#fff" /> </g> </g> </svg> </span> Business Training </a></li> <li><a href="#tab3"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="22.437" height="23.974" viewBox="0 0 22.437 23.974"> <g id="Group_257" data-name="Group 257" transform="translate(-2520.279 -3157.154)"> <g id="Group_251" data-name="Group 251"> <path id="Path_167" data-name="Path 167" d="M2528.445,3165.754a.338.338,0,0,1-.24-.1l-1.844-1.825-.98,1.058a.342.342,0,0,1-.5-.465l1.219-1.316a.343.343,0,0,1,.491-.011l1.854,1.835,4.817-4.8a.342.342,0,0,1,.482.484l-5.057,5.041A.34.34,0,0,1,2528.445,3165.754Z" fill="#fff" /> <path id="Path_168" data-name="Path 168" d="M2523.79,3166.522a.341.341,0,0,1-.242-.582l.492
4691-.5a.341.341,0,1,1,.485.481l-.492.5A.342.342,0,0,1,2523.79,3166.522Z" fill="#fff" /> <path id="Path_169" data-name="Path 169" d="M2520.776,3166.126a.342.342,0,0,1-.241-.583l5.554-5.575a.342.342,0,0,1,.483,0l1.858,1.846,3.014-3-.8-.795a.341.341,0,0,1,.215-.584l3.91-.282a.334.334,0,0,1,.265.1.344.344,0,0,1,.1.264l-.239,3.912a.342.342,0,0,1-.582.222l-1.31-1.3a.342.342,0,0,1,.48-.486l.776.767.169-2.771-2.768.2.513.507a.346.346,0,0,1,.1.243.338.338,0,0,1-.1.242l-3.5,3.479a.341.341,0,0,1-.482,0l-1.856-1.844-5.315,5.333A.339.339,0,0,1,2520.776,3166.126Z" fill="#fff" /> </g> <path id="Path_170" data-name="Path 170" d="M2538.63,3164.564a.342.342,0,0,1-.243-.581l2.417-2.462a.34.34,0,0,1,.244-.1h0a.348.348,0,0,1,.245.1l.517.53.2-2.838-2.848.182.53.533a.342.342,0,0,1,0,.483l-1.314,1.306a.342.342,0,0,1-.482-.485l1.071-1.064-.82-.825a.342.342,0,0,1,.221-.582l3.989-.255a.35.35,0,0,1,.264.1.34.34,0,0,1,.1.265l-.276,3.988a.341.341,0,0,1-.585.215l-.807-.826-2.173,2.213A.338.338,0,0,1,2538.63,3164.564Z" fill="#fff" /> <g id="Group_256" data-name="Group 256"> <path id="Path_171" data-name="Path 171" d="M2524.334,3178.5a.342.342,0,0,1-.242-.583l1.77-1.77,2.026-.242,1.707-1.707a.342.342,0,0,1,.484.483l-1.874,1.874-2.027.243-1.6,1.6A.337.337,0,0,1,2524.334,3178.5Z" fill="#fff" /> <path id="Path_172" data-name="Path 172" d="M2520.621,3174.912a.342.342,0,0,1-.242-.583l1.586-1.586,0-2.46a1.61,1.61,0,0,1,.424-1.094l1.557-1.7a.341.341,0,0,1,.05-.044,1.647,1.647,0,0,1,2.149.177l2.749,2.822a.637.637,0,0,1-.054.939l-.15.122a1.777,1.777,0,0,1-2.349-.095l-1.12-.891a.342.342,0,0,1,.426-.534l1.143.911a1.1,1.1,0,0,0,1.469.079l.11-.09-2.714-2.786a.963.963,0,0,0-1.229-.122l-1.533,1.675a.928.928,0,0,0-.245.631l0,2.6a.342.342,0,0,1-.1.242l-1.686,1.686A.342.342,0,0,1,2520.621,3174.912Z" fill="#fff" /> <g id="Group_252" data-name="Group 252"> <path id="Path_173" data-name="Path 173" d="M2529.826,3174.7a.958.958,0,0,1-.681-.282l-.435-.439a.96.96,0,0,1,.005-1.356l1.578-1.565a.961.961,0,0,1,1.356.006l.435.438a.959.959,0,0,1-.006,1.357l-1.577,1.564A.956.956,0,0,1,2529.826,3174.7Zm1.143-3.236a.269.269,0,0,0-.194.08l-1.578,1.564a.276.276,0,0,0,0,.39l.435.438a.277.277,0,0,0,.389,0l1.578-1.565a.274.274,0,0,0,.082-.194.278.278,0,0,0-.08-.2l-.435-.438A.273.273,0,0,0,2530.969,3171.461Z" fill="#fff" /> <path id="Path_174" data-name="Path 174" d="M2528.522,3173.383h0a.952.952,0,0,1-.677-.284l-.608-.613a.96.96,0,0,1-.184-1.09l.616.295a.276.276,0,0,0,.053.314l.608.613a.279.279,0,0,0,.2.082h0a.273.273,0,0,0,.193-.08l1.841-1.826a.268.268,0,0,0,.082-.194.272.272,0,0,0-.08-.2l-.608-.614a.276.276,0,0,0-.39,0l-.761.754-.481-.485.761-.754a.951.951,0,0,1,.675-.278h0a.951.951,0,0,1,.677.283l.608.614a.948.948,0,0,1,.278.679.957.957,0,0,1-.283.677l-1.841,1.825A.956.956,0,0,1,2528.522,3173.383Z" fill="#fff" /> <path id="Path_175" data-name="Path 175" d="M2528.636,3170.708l-.482-.485,1.187-1.179a.275.275,0,0,0,0-.39l-.608-.613a.237.237,0,0,0-.2-.082.273.273,0,0,0-.2.08l-1.108,1.13-.488-.478,1.112-1.134a.954.954,0,0,1,.678-.282h0a.958.958,0,0,1,.677.284l.608.614a.959.959,0,0,1-.006,1.356Z" fill="#fff" /> <path id="Path_176" data-name="Path 176" d="M2527.158,3169.232l-.485-.481.926-.935a.274.274,0,0,0,0-.391l-.608-.614a.279.279,0,0,0-.2-.082h0a.273.273,0,0,0-.194.081l-.912.914-.484-.482.913
4691-.916a.955.955,0,0,1,.677-.28h0a.952.952,0,0,1,.677.284l.608.613a.96.96,0,0,1-.006,1.357Z" fill="#fff" /> </g> <path id="Path_177" data-name="Path 177" d="M2525.522,3174.55a.341.341,0,0,1-.267-.555c.756-.947.08-3.134-.244-3.9a.341.341,0,1,1,.628-.267c.054.127,1.315,3.132.15,4.591A.342.342,0,0,1,2525.522,3174.55Z" fill="#fff" /> <path id="Path_178" data-name="Path 178" d="M2521.536,3178.934a.342.342,0,0,1-.242-.583l1.349-1.361a.342.342,0,0,1,.486.481l-1.35,1.362A.344.344,0,0,1,2521.536,3178.934Z" fill="#fff" /> <path id="Path_179" data-name="Path 179" d="M2521.119,3176.939a.343.343,0,0,1-.241-.584l.361-.361a.342.342,0,0,1,.483.483l-.361.361A.341.341,0,0,1,2521.119,3176.939Z" fill="#fff" /> <path id="Path_180" data-name="Path 180" d="M2536.371,3170.877a2.18,2.18,0,0,1-1.511-.6l-1.444-1.15a.342.342,0,0,1,.425-.535l1.468,1.171a1.512,1.512,0,0,0,2.008.1l.192-.157,0-.056-3.53-3.623a1.334,1.334,0,0,0-1.713-.162l-1.976,2.157a1.315,1.315,0,0,0-.3.562.341.341,0,0,1-.662-.166,1.988,1.988,0,0,1,.46-.857l2-2.184a.3.3,0,0,1,.05-.045,2.019,2.019,0,0,1,2.632.218l3.53,3.623a.72.72,0,0,1-.062,1.063l-.192.157A2.176,2.176,0,0,1,2536.371,3170.877Z" fill="#fff" /> <g id="Group_253" data-name="Group 253"> <path id="Path_181" data-name="Path 181" d="M2539.271,3174.467a1.134,1.134,0,0,1-.8-.335l-.558-.563a1.134,1.134,0,0,1,.007-1.6l2.026-2.008a1.136,1.136,0,0,1,1.6.006l.557.563a1.135,1.135,0,0,1-.006,1.6l-2.026,2.009A1.131,1.131,0,0,1,2539.271,3174.467Zm1.468-4.155a.446.446,0,0,0-.317.13l-2.026,2.009a.449.449,0,0,0,0,.637l.558.563a.452.452,0,0,0,.638,0l2.026-2.009a.452.452,0,0,0,0-.638l-.558-.563A.451.451,0,0,0,2540.739,3170.312Z" fill="#fff" /> <path id="Path_182" data-name="Path 182" d="M2537.6,3172.779a1.13,1.13,0,0,1-.8-.335l-.781-.788a1.134,1.134,0,0,1-.217-1.29l.615.3a.452.452,0,0,0,.087.512l.781.788a.452.452,0,0,0,.638,0l2.363-2.343a.452.452,0,0,0,0-.638l-.781-.788a.451.451,0,0,0-.638,0l-.977.969-.481-.485.977-.969a1.136,1.136,0,0,1,1.6.006l.781.788a1.136,1.136,0,0,1-.007,1.6l
4691-2.363,2.344A1.131,1.131,0,0,1,2537.6,3172.779Z" fill="#fff" /> <path id="Path_183" data-name="Path 183" d="M2537.676,3169.373l-.482-.485,1.524-1.514a.45.45,0,0,0,0-.638l-.781-.788a.451.451,0,0,0-.638,0l-1.423,1.452-.488-.479,1.427-1.456a1.138,1.138,0,0,1,1.608,0l.78.788a1.135,1.135,0,0,1-.006,1.6Z" fill="#fff" /> <path id="Path_184" data-name="Path 184" d="M2535.777,3167.479l-.485-.482,1.19-1.2a.453.453,0,0,0,0-.64l-.781-.787a.445.445,0,0,0-.318-.134h0a.447.447,0,0,0-.317.131l-1.171,1.175-.484-.483,1.172-1.176a1.136,1.136,0,0,1,1.606.006l.781.787a1.136,1.136,0,0,1-.007,1.6Z" fill="#fff" /> </g> <path id="Path_185" data-name="Path 185" d="M2533.745,3174.278a.341.341,0,0,1-.266-.555c1.205-1.51-.286-5.066-.3-5.1a.341.341,0,0,1,.628-.268c.069.161,1.666,3.968.207,5.8A.343.343,0,0,1,2533.745,3174.278Z" fill="#fff" /> <path id="Path_186" data-name="Path 186" d="M2526.575,3180.855a.342.342,0,0,1-.241-.584l2.07-2.056a.341.341,0,1,1,.482.484l-2.07,2.056A.338.338,0,0,1,2526.575,3180.855Z" fill="#fff" /> <g id="Group_254" data-name="Group 254"> <path id="Path_187" data-name="Path 187" d="M2529.853,3181.128a.335.335,0,0,1-.232-.092.341.341,0,0,1-.018-.482l.906-.974a.341.341,0,1,1,.5.465l-.905.974A.344.344,0,0,1,2529.853,3181.128Z" fill="#fff" /> </g> <g id="Group_255" data-name="Group 255"> <path id="Path_188" data-name="Path 188" d="M2532.336,3179.223a.337.337,0,0,1-.242-.1.341.341,0,0,1,0-.483l2.132-2.124,2.6-.312,2.216-2.216a.342.342,0,1,1,.483.483l-2.383,2.384-2.6.311-1.966,1.958A.337.337,0,0,1,2532.336,3179.223Z" fill="#fff" /> </g> </g> </g> </svg> </span> Global Leadership Series </a></li> <li><a href="#tab4"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="20.194" height="21.569" viewBox="0 0 20.194 21.569"> <g id="Group_259" data-name="Group 259" transform="translate(-2521.4 -3234.127)"> <path id="Path_189" data-name="Path 189" d="M2529.434,3255.457v-1.834a2.133,2.133,0,0,0-2.292-2.292h-2.751a2.133,2.133,0,0,0-2.293,2.292v1.834" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> <path id="Path_190" data-name="Path 190" d="M2525.766,3249.955a1.758,1.758,0,0,0,1.834-1.834v-.917a1.834,1.834,0,0,0-3.668,0v.917A1.758,1.758,0,0,0,2525.766,3249.955Z" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> <line id="Line_7" data-name="Line 7" x1="1.375" transform="translate(2530.351 3254.999)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> <path id="Path_191" data-name="Path 191" d="M2527.142,3244.453v-5.043h4.585" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> <rect id="Rectangle_145" data-name="Rectangle 145" width="4.585" height="20.174" transform="translate(2531.727 3234.825)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> <path id="Path_192" data-name="Path 192" d="M2536.312,3244.453h4.585V3255h-4.585" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> </g> </svg> </span> How-Tos </a></li> </ul> <span class="more"><a class="showSearch" href="javascript:void(0)">+ More</a></span> </div> <div class="tab_main"> <div class="tab-content" id="tab1" style="display:block"> <div class="courseMore"> <p>Master the features, benefits, and advantages of the Modicare product range, 150+ courses on the Modicare product range with tutorial videos, talk shows, quizzes, leaflets, and FAQs.</p> <span class="knowMore"><a href="javascript:void(0)">Know More</a></span> </div> </div> <div class="tab-content" id="tab2"> <div class="courseMore"> <p>Thanks to our training programs, we turn you into a qualified professional and an expert in building a highly profitable business.</p> <span class="knowMore"><a href="javascript:void(0)">Know More</a></span> </div> </div> <div class="tab-content" id="tab3"> <div class="courseMore"> <p>Learn from the experts in Modicare Business. The training sessions are led by senior management on various pertinent topics such as Why Direct Selling? Why Modicare? setting targets, handling objections, and more related subjects.</p> <span class="knowMore"><a href="javascript:void(0)">Know More</a></span> </div> </div> <div class="tab-content" id="tab4"> <div class="courseMore"> <p>Learn the basics of Modicare systems, perfect your Know Your Customer (KYC) credentials, NEFT, how to verify courier status, and enhance your trading experience and profits.</p> <span class="knowMore"><a href="javascript:void(0)">Know More</a></span> </div> </div> </div> </div> <div class="col_right"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/girl-image.png" alt="" /> </div> </div> </div> <div class="coursesection2 hide"> <div class="courseSearch"> <input type="text" class="field" placeholder="Product Training"> </div> <div class="searchlist"> <ul> <li><a href="#">Product Training</a></li> <li><a href="#">Business Training</a></li> <li><a href="#">Global Leadership Series</a></li> <li><a href="#">How-Tos</a></li> </ul> <ul> <li><a href="#">Product Training</a></li> <li><a href="#">Business Training</a></li> <li><a href="#">Global Leadership Series</a></li> <li><a href="#">How-Tos</a></li> </ul> <ul> <li><a href="#">Product Training</a></li> <li><a href="#">Business Training</a></li> <li><a href="#">Global Leadership Series</a></li> <li><a href="#">How-Tos</a></li> </ul> <ul> <li><a href="#">Product Training</a></li> <li><a href="#">Business Training</a></li> <li><a href="#">Global Leadership Series</a></li> <li><a href="#">How-Tos</a></li> </ul> </div> <button class="closeSearch">Close <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/close-icon.png" alt="" /></button> </div> </div> </section>--> 
4692  <!--<section class="section4"> <div class="container"> <div class="text" data-aos="fade-up-right" data-aos-duration="500"> <h2>Management Team</h2> <p>With a combined industry experience of more than 100 years, our business mentors know the ins and outs of direct selling business.</p> </div> <div class="leader_slider" data-aos="fade-up-left" data-aos-duration="500"> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Rahul-Sir-306-x-366-pix.jpeg" alt="" /> <h5>Mr. Rahul Shanker</h5> <h6>CEO - Modicare Ltd </h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Prashant-Sir-306-x-366-pix_1.jpeg" alt="" /> <h5>Mr. Prashant Prem </h5> <h6>Head - Sales </h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/IMG-20230116-WA0020.jpeg" alt="" /> <h5>Mr. Sharad Choudhary</h5> <h6>Head-Training</h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/IMG-20230116-WA0018.jpeg" alt="" /> <h5>Mr Subrata Kar </h5> <h6>Regional Sales Head- South, East & North East</h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/IMG-20230116-WA0019.jpeg" alt="" /> <h5>Mr. Ravi Bhatia </h5> <h6>Regional Sales Head - West </h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/hBG2LDushyant.jpeg" alt="" /> <h5>Mr. Dushyant Ashri</h5> <h6>Regional Sales Head- North</h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Krijji.jpeg" alt="" /> <h5>Mr. K Rijil</h5> <h6>Regional Sales Head - South</h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/IMG-20230116-WA0021.jpeg" alt="" /> <h5>Mr. Manoj Acharjee </h5> <h6>Regional Sales Head-North East</h6> </div> </div> </div> </section>--> 
4693  <section class="section5"> 
4694   <div class="container" data-aos="fade-up" data-aos-duration="500"> 
4695    <div class="text" data-aos="fade-up-right" data-aos-duration="500"> 
4696     <h6>IOS &amp; Android</h6> 
4697     <h3>Download our App:</h3> 
4698     <p>The journey to Azadi starts today.</p> 
4699     <div class="appBtns"> 
4700      <a href=" https://play.google.com/store/apps/details?id=com.spbmacademy.courses"><img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/android-app.svg"></a> 
4701      <a href="https://apps.apple.com/in/app/spbm-academy/id1625835771"><img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/ios-app.svg"></a> 
4702     </div> 
4703    </div> 
4704    <div class="img" data-aos="fade-up-left" data-aos-duration="500" style="height:520px max-width:80%"> 
4705     <img alt="" style="max-width:80%" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Mockup11.png"> 
4706    </div> 
4707   </div> 
4708  </section> 
4709  <!-- <section class="section6"> <div class="container" data-aos="fade-up-right" data-aos-duration="500"> <h2>Reviews & Testimonials</h2> <div class="review_slider"> <div class="item"> <span class="thumb"><img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/leader-1.jpg" alt="" /></span> <h5>Mr. Rahul Shanker<br> Chief Operating Officer</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat v</p> </div> <div class="item"> <span class="thumb"><img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/leader-2.jpg" alt="" /></span> <h5>Mr. Rahul Shanker<br> Chief Operating Officer</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat v</p> </div> <div class="item"> <span class="thumb"><img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/leader-3.jpg" alt="" /></span> <h5>Mr. Rahul Shanker<br> Chief Operating Officer</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat v</p> </div> <div class="item"> <span class="thumb"><img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/leader-4.jpg" alt="" /></span> <h5>Mr. Rahul Shanker<br> Chief Operating Officer</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat v</p> </div> <div class="item"> <span class="thumb"><img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/leader-2.jpg" alt="" /></span> <h5>Mr. Rahul Shanker<br> Chief Operating Officer</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat v</p> </div> </div> </div> </section>--> 
4710  <section class="section9"> 
4711   <div class="container" data-aos="fade-up" data-aos-duration="500"> 
4712    <h2 class="h3">FAQs</h2> 
4713    <div class="faqlist"> 
4714     <!-- <h4>Why KKMU? </h4> <div class="answer"> <p>K K Modi University has a vision to be a university of choice for developing future leaders and entrepreneurs. Our university is based on 5 pillars, namely, International University Partnerships, Innovative Curriculum & Teaching Methodology, Co-op Education with Industry Partners, Student Centric Focus and World Class Campus. </p> </div> <h4>Where is the University located? When was it established?</h4> <div class="answer"> <p>K K Modi University is situated in Durg near Shivnath river in, Chhattisgarh. Established in 2018, Nearest Airport is Raipur – 65 km, nearest Railway Station is Durg – 8 km. Is the University approved by UGC? What is the significance of Section 2(f) of the UGC Act, 1956? Are </p> </div> <h4>KKMU courses recognized?</h4> <div class="answer"> <p>The Universities established by an Act of Central or State Government are valid Universities. K K Modi University has been established under act passed by Chhattisgarh State Leg
4714islative Assembly and is featuring in the list of UGC approved state private universities mentioned in its website ugc.ac.in Degree awarded by a valid University and specified by UGC under Section 22 of the UGC Act, 1956 is recognized, subject to the approval of programs by the concerned Statutory Professional Council(s), wherever applicable </p> </div> <h4>After completion of my program from KKMU, am I eligible for Government (State/Central) jobs all over India? </h4> <div class="answer"> <p>Yes. Degrees issued by UGC approved universities are valid for Government Jobs all over India.</p> </div> <h4>Do you provide credit transfer & lateral entry?</h4> <div class="answer"> <p>K K Modi University has provision of credit transfer and lateral entry as per UGC guidelines.</p> </div> <h4>Do I require a Laptop?</h4> <div class="answer"> <p>Not mandatory. But any device which can be used for attending hybrid classes, presentation & projects would be useful.</p> </div> <h4>What is the process for applying for refund of fee?</h4> <div class="answer"> <p>The process is followed as per UGC norms.</p> </div> <h4>What is the pattern of examinations for this program?</h4> <div class="answer"> <p>KKMU follows continuous assessment policy with examination at the end of each semester. Two examinations per years.</p> </div> <h4>What will be the qualification and background of faculty?</h4> <div class="answer"> <p>Best in Class Faculty with Industry Experience and PhD in Sales/relevant subjects.</p> </div>--> 
4715     <h4>How to create an account?</h4> 
4716     <div class="answer"> 
4717      <p>You need to create an account before taking a course. Click on Menu Icon (Three horizontal lines) present on the top left of the Store Screen. From the opened menu, click on Login/Register button. Click on Sign Up. Enter your Email Id &amp; Password to register for an account.</p> 
4718     </div> 
4719     <h4>How to use Access Codes?</h4> 
4720     <div class="answer"> 
4721      <p>You need to create an account on the app to use the access codes. After Successful login, click on the Menu Icon present on the top left of the Store Screen. From the opened menu, click on My Courses Button. On the opened screen, click on the Gift Icon present on the Top Right of the Screen. Enter your Access Code here. Respective Course will be added to your My Courses section.</p> 
4722     </div> 
4723     <h4>How to take a Course?</h4> 
4724     <div class="answer"> 
4725      <p>After you have purchased the Course or used the access code of the course, the course would be added to your My Course Section. Click on the Course image to start the course.</p> 
4726     </div> 
4727     <h4>I have issues with Login, what should I do?</h4> 
4728     <div class="answer"> 
4729      <p>You can click on Forgot Password link to reset your password from the login screen. We will send the new password to your registered email address. Try to login with the new password.<br> If the issue still persists, drop an email to [email protected] with the issue details. </p> 
4730     </div> 
4731     <h4>I am unable to access the Course, what should I do?</h4> 
4732     <div class="answer"> 
4733      <p>Please check whether you are using the same email, which was used for purchasing/using the access code. Check for the course in your My Course section. If the course is still not available, please drop an email to [email protected]</p> 
4734     </div> 
4735     <h4>How to report an issue on the app?</h4> 
4736     <div class="answer"> 
4737      <p>For any other issues, please drop an email to [email protected] with the complete issue details.</p> 
4738     </div> 
4739    </div> 
4740   </div> 
4741  </section> 
4742  <!--
4742<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
4742--> 
4743  
4743<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
4743 
4744  
4744<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" type="text/javascript"></script>
4744 
4745  
4745<script> jQuery(document).ready(function() { jQuery(".faqlist h4").eq(0).addClass("active"); jQuery(".faqlist div").eq(0).show(); jQuery(".faqlist h4").click(function() { jQuery(this).next("div").slideToggle("mediam").siblings("div:visible").slideUp("mediam"); jQuery(this).toggleClass("active"); jQuery(this).siblings("h4").removeClass("active"); }); }); </script>
4745 
4746  
4746<script> AOS.init({ easing: 'ease-in-out-sine' }); </script>
4746 
4747  
4747<script> ('.tabs a').on('click', function(event) { event.preventDefault(); jQuery('.tabs .active').removeClass('active'); jQuery(this).parent().addClass('active'); jQuery('.tab-content').hide(); jQuery(jQuery(this).attr('href')).show(); }); jQuery('.tabs a:first').trigger('click'); $('#listmore').click(function() { $(this).addClass('hide'); $('.course_list ul li').removeClass('hide'); }); $('.showSearch').click(function() { $('.coursesection1').addClass('hide'); $('.coursesection2').removeClass('hide'); }); $('.closeSearch').click(function() { $('.coursesection1').removeClass('hide'); $('.coursesection2').addClass('hide'); }); </script>
4747 
4748  
4748<script> $('.slider1').owlCarousel({ loop: true, margin: 0, nav: false, dots: true, arrows: false, autoplayHoverPause: true, slideBy: 1, autoplay: true, smartspeed: 500, responsive: { 0: { items: 1, margin: 20 }, 600: { items: 1 }, 1000: { items: 3 } } }); $('.slider2').owlCarousel({ loop: true, margin: 0, nav: false, dots: true, arrows: false, autoplayHoverPause: true, slideBy: 1, autoplay: true, smartspeed: 500, responsive: { 0: { items: 1, margin: 20 }, 600: { items: 1 }, 1000: { items: 4 } } }); $('.banner-slide').owlCarousel({ loop: true, margin: 0, nav: false, autoplayHoverPause: true, slideBy: 1, autoplay: true, smartspeed: 500, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } } }); </script>
4748 
4749  
4749<script> $('.leader_slider').owlCarousel({ loop: true, margin: 20, nav: false, dots: true, arrows: false, autoplayHoverPause: true, slideBy: 1, autoplay: true, smartspeed: 500, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 3 } } }); $('.review_slider').owlCarousel({ loop: true, margin: 0, nav: false, dots: true, arrows: false, autoplayHoverPause: true, slideBy: 1, autoplay: true, smartspeed: 500, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 4 } } }); </script>
4749
4750 </body>
4751</html></div>
4752
4753
4754	
4755		
4756			<div style="clear:both;"><style type='text/css'>/* Footer Section CSS */ .footer { width: 100%; padding: 20px 0 20px; text-align: center; } .footer ul { width: 100%; display: flex; justify-content: center; margin: 0px; } .footer ul li { margin: 0 18px; font-weight: 700; list-style-type: none; } .footer ul li a { color: var(--text); text-decoration: none; } .footer ul li a:hover { color: var(--blue); } /* Footer Section CSS */ .mobSignup { display: none; }</style><html>
4757 <head></head>
4758 <body>
4759  <footer class="footer"> 
4760   <div class="container"> 
4761    <ul> 
4762     <li><a href="/faqs">FAQs</a></li> 
4763     <li><a href="/aboutus">About us</a></li> 
4764     <li><a href="/contactus">Contact us</a></li> 
4765     <li><a href="/termsofuse">Terms of use</a></li> 
4766     <li><a href="/privacypolicy">Privacy Policy</a></li> 
4767     <li><a href="/refundpolicy">Refund Policy</a></li> 
4768    </ul> 
4769   </div> 
4770  </footer>
4771 </body>
4772</html></div>
4773			
4774			
4775		
4776		
4777	
4778
4779
4780	
4780<script type="text/javascript">
4781		var coursesList = $("#courseslist, .itemsContainer"), blogsList = $("#blogslist");
4782		if(coursesList.length > 0 && coursesList.html().replace(/[\s]/g, '') === "") {
4783			coursesList.addClass("columns").html("<div class='loading loading-lg centered'></div>");
4784			store.allCourses.init(false, (coursesList.data("limit")===undefined?4:coursesList.data("limit")));
4785		}
4786		if(blogsList.length > 0 && blogsList.html().replace(/[\s]/g, '') === "") {
4787			blogsList.addClass("columns").html("<div class='loading loading-lg centered'></div>");
4788			var limit = (blogsList.data("limit")===undefined?4:blogsList.data("limit")), packet = {
4789					url: "/blog/json/get",
4790					data: {skip: 0, limit: limit},
4791					success: function(data, params) {
4792						var template = _.template($("#blogcard-template").html()), html = "", blogs = data.data.blogs.data;
4793						
4794						for(var i=0;i < blogs.length;i++) {
4795							html = html + template({item: blogs[i]});
4796						}
4797						
4798						blogsList.html(html);//.find("time.timeago").timeago(); 
4799					}
4800			};
4801			
4802			getData(packet, {});
4803		}
4804	</script>
4804
4805
4806
4807
4808
4809
4810
4811	<div id="ui-notification-container" class="spectre"></div>
4812	
4812<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-easing.js"></script>
4812
4813	
4813<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-notification.js"></script>
4813
4814
4815	<!-- Import and configure the Firebase SDK -->
4816	<!-- These scripts are made available when the app is served or deployed on Firebase Hosting -->
4817	<!-- If you do not serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup -->
4818	
4818<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
4818
4819	
4819<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js"></script>
4819
4820
4821	
4821<script>
4822  // Retrieve Firebase Messaging object.
4823  var firebaseConfig = {"apiKey":"AIzaSyAotPAzvodhZdQcot3LpTGh7xqu7gfDQ3c","authDomain":"poll-4b81e.firebaseapp.com","databaseURL":"https://poll-4b81e.firebaseio.com","projectId":"poll-4b81e","storageBucket":"poll-4b81e.appspot.com","messagingSenderId":"858109639303","appId":"1:858109639303:web:779ed2304fa8119f3ad622","measurementId":"G-TCWW6C94ZP"};
4824  // Initialize Firebase
4825  firebase.initializeApp(firebaseConfig);
4826  const messaging = firebase.messaging();
4827  // Add the public key generated from the console here.
4828  messaging.usePublicVapidKey("BJTW4AH428L70cYjYsqudET83xjHEV4T97bdlxGCxXfSUCJkKEfBQNPv-Jsb9ZgCXIKxQPqaLBV7gz-pM8dYKUA");
4829
4830  // Callback fired if Instance ID token is updated.
4831  messaging.onTokenRefresh(function(){
4832    messaging.getToken().then(function(refreshedToken){
4833      // Indicate that the new Instance ID token has not yet been sent to the
4834      // app server.
4835      setTokenSentToServer(false);
4836      // Send Instance ID token to app server.
4837      sendTokenToServer(refreshedToken);
4838      // Display new Instance ID token and clear UI of all previous messages.
4839      resetUI();
4840      // [END_EXCLUDE]
4841    })["catch"](function(err){
4842      console.log('Unable to retrieve refreshed token ', err);
4843      showToken('Unable to retrieve refreshed token ', err);
4844      requestPermission();
4845    });
4846  });
4847
4848  // Handle incoming messages. Called when:
4849  // - a message is received while the app has focus
4850  // - the user clicks on an app notification created by a service worker
4851  //   `messaging.setBackgroundMessageHandler` handler.
4852  messaging.onMessage(function(payload){
4853    console.log('Message received. ', payload);
4854    appendMessage(payload);
4855  });
4856
4857  function resetUI() {
4858    clearMessages();
4859    $(function(){
4860        $("#ui-notification-container").notification();
4861    });
4862    // Get Instance ID token. Initially this makes a network call, once retrieved
4863    // subsequent calls to getToken will return from cache.
4864    messaging.getToken().then(function(currentToken) {
4865      if (currentToken) {
4866        sendTokenToServer(currentToken);
4867        updateUIForPushEnabled(currentToken);
4868      } else {
4869        // Show permission request.
4870        console.log('No Instance ID token available. Request permission to generate one.');
4871        // Show permission UI.
4872        updateUIForPushPermissionRequired();
4873        setTokenSentToServer(false);
4874      }
4875    })["catch"](function(err) {
4876      console.log('An error occurred while retrieving token. ', err);
4877      showToken('Error retrieving Instance ID token. ', err);
4878      setTokenSentToServer(false);
4879    });
4880    // [END get_token]
4881  }
4882
4883  function showToken(currentToken) {
4884    // Show token in console and UI.
4885    console.log(currentToken);
4886  }
4887
4888  // Send the Instance ID token your application server, so that it can:
4889  // - send messages back to this app
4890  // - subscribe/unsubscribe the token from topics
4891  function sendTokenToServer(currentToken) {
4892    if (!isTokenSentToServer()) {
4893      console.log('Sending token to server...');
4894      var packet = {
4895			  url : "/public/v1/fcm/token",
4896			  data: {token: currentToken},
4897			  success: function(data, params) {
4898				  console.log("Token successfully sent")
4899				  setTokenSentToServer(true);
4900				  setTokenSentToServerUserId(window.userId);
4901			  }
4902	  };
4903	  postData(packet, {});
4904    } else {
4905      console.log('Token already sent to server so won\'t send it again ' +
4906          'unless it changes');
4907    }
4908
4909  }
4910
4911  function isTokenSentToServer() {
4912    return window.localStorage.getItem('sentToServer') === '1' && isTokenSentToServerWithUser(window.userId);
4913  }
4914  
4915  function isTokenSentToServerWithUser(userId) {
4916	 return window.localStorage.getItem('sentToServer-user') === userId;
4917  }
4918
4919  function setTokenSentToServer(sent) {
4920    window.localStorage.setItem('sentToServer', sent ? '1' : '0');
4921  }
4922  
4923  function setTokenSentToServerUserId(userId) {
4924	    window.localStorage.setItem('sentToServer-user', userId);
4925  }
4926
4927  function requestPermission() {
4928    console.log('Requesting permission...');
4929    // [START request_permission]
4930    Notification.requestPermission().then(function(permission) {
4931      if (permission === 'granted') {
4932        console.log('Notification permission granted.');
4933        resetUI();
4934      } else {
4935        console.log('Unable to get permission to notify.');
4936      }
4937    });
4938    // [END request_permission]
4939  }
4940
4941  function deleteToken() {
4942    // Delete Instance ID token.
4943    // [START delete_token]
4944    messaging.getToken().then(function(currentToken){
4945      messaging.deleteToken(currentToken).then(function(){
4946        console.log('Token deleted.');
4947        setTokenSentToServer(false);
4948        // Once token is deleted update UI.
4949        resetUI();
4950      })["catch"](function(err) {
4951        console.log('Unable to delete token. ', err);
4952      });
4953    })["catch"](function(err) {
4954      console.log('Error retrieving Instance ID token. ', err);
4955      showToken('Error retrieving Instance ID token. ', err);
4956    });
4957
4958  }
4959
4960  // Add a message to the messages element.
4961  function appendMessage(payload) {
4962	  $("#ui-notification-container").notification("create", {
4963          title: payload.data.title,
4964          content: payload.data.message,
4965          customIcon: payload.data.customIcon,
4966          customImage: payload.data.customImage,
4967          link: payload.data.link
4968      },
4969      {
4970          sticky: true 
4971      });
4972  }
4973
4974  // Clear the messages element of all children.
4975  function clearMessages() {
4976    const messagesElement = document.querySelector('#ui-notification-container');
4977    while (messagesElement.hasChildNodes()) {
4978      messagesElement.removeChild(messagesElement.lastChild);
4979    }
4980  }
4981
4982  function updateUIForPushEnabled(currentToken) {
4983	  showToken("Token update ui: " + currentToken);
4984  }
4985
4986  function updateUIForPushPermissionRequired() {
4987    console.warg("Push notification permission is requred")
4988  }
4989
4990  window.userId = "";
4991  resetUI();
4992  
4993  
4994 </script>
4994
4995
4996
4997<script src="https://d502jbuhuh9wk.cloudfront.net/static/files/lazyload.min.js"></script>
vendor: 1 bytes, line 4997
4997
4998<script type="text/javascript">
4999	var lazyLoadInstance = new LazyLoad({
5000	  unobserve_entered: true,
5001	  callback_enter: function(element) {
5002		  resizeCdnImage(element);
5003	  }
5004	});
5005</script>
5005
5006</body>
5007</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.