our-network

Our network

Helping you make the connections that matter to your business

Our network

Helping you make the connections that matter to your business

Our presence

DBS’ global network of experts enables us to support our customers globally with a comprehensive suite of customised solutions and relevant insights.

DBS is present in 18 markets globally, including six priority markets in Asia, namely Singapore, Hong Kong, China, India, Indonesia and Taiwan. This makes us the only Asian bank with a presence in the three key axes of growth – Southeast Asia, Greater China and South Asia.

An error occurred while processing the template.
The following has evaluated to null or missing:
==> cur_tile.TilesGridDescription  [in template "20100#20136#8884743" at line 72, column 110]

----
Tip: It's the step after the last dot that caused this error, not those before it.
----
Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${cur_tile.TilesGridDescription.getDa...  [in template "20100#20136#8884743" at line 72, column 108]
----
1<div class="tab-tilelisting"> 
2<div class="corp-market-component-title"> 
3	<#if ComponentName?has_content> 
4		${ComponentName.getData()} 
5	</#if> 
6</div> 
7<div class="corp-market-component-desc"> 
8<#if ComponentDescription?has_content> 
9	${ComponentDescription.getData()} 
10</#if> 
11</div> 
12<#assign modalCounter=1> 
13<section id="tabs"> 
14        <div class="container"> 
15            
16            <div class="row"> 
17                <div class="col-xs-12 tabs-container-pad"> 
18 
19					 
20					<div class="dbs-dropdown mobile-network-select-options"> 
21					  
22						<i class="icon ico-arrowdown1"></i> 
23						<select id="country-selector" name="category"> 
24						<#if TabName.getSiblings()?has_content> 
25							<#list TabName.getSiblings() as cur_tab> 
26							<option value="${cur_tab.TabNameWithoutSpaces.getData()}">${cur_tab.getData()}</option> 
27							</#list> 
28						</#if>	 
29						</select> 
30									 
31					</div> 
32					 
33					  <div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent"> 
34					  <#if TabName.getSiblings()?has_content>			 
35					   
36						<#list TabName.getSiblings() as cur_tab> 
37						<#if cur_tab?index == 0> 
38						 <div class="tab-pane fade show active col-md-12 row" style="padding-left:0px;" id="${cur_tab.TabNameWithoutSpaces.getData()}" role="tabpanel"  
39							aria-labelledby="${cur_tab.TabNameWithoutSpaces.getData()}-tab"> 
40							<div class="market-box-layout col-md-12 col-xs-12 row"> 
41								<div class="corp-market-title-main"> 
42									<#if cur_tab.TabSubHeader?has_content> 
43										${cur_tab.TabSubHeader.getData()} 
44									</#if> 
45								</div> 
46								<div class="corp-market-desc-main"> 
47								<#if cur_tab.AboutTab?has_content> 
48									${cur_tab.AboutTab.getData()} 
49								</#if> 
50								</div> 
51														 
52							<#list cur_tab.NewTileSeparator.getSiblings() as cur_tile> 
53							 
54							<div class="col-md-4 col-sm-12 col-xs-12 tab-market-panel"> 
55                              <div class="asia-market-box" id="asia-market"> 
56									<div class="market-box single-item">              
57											<#if cur_tile.TileImage.getData()?? &&  
58											cur_tile.TileImage.getData() != ""> 
59											<div class="tile-listing-img-wrapper"> 
60												<img alt="${cur_tile.TileImage.getAttribute("alt")}"  
61													data-fileentryid="${cur_tile.TileImage.getAttribute("fileEntryId")}"  
62													src="${cur_tile.TileImage.getData()}" /> 
63												<#if cur_tile.SelectType.getData()=='video'> 
64													<div class="tabtiles-video-overlay"></div> 
65												</#if> 
66											</div> 
67											</#if> 
68											<div class="corp-market-title"> 
69													${cur_tile.TileName.getData()} 
70											</div>    
71											<div class="market-desc"> 
72													<p>${cur_tile.TilesGridDescription.getData()} 
73													</p> 
74											</div>   
75												<div class="market-title-2"> 
76												<#if cur_tile.SelectType?has_content> 
77													<#if cur_tile.SelectType.getData()=='pageURL'> 
78														<#if cur_tile.PageSeparator.ButtonName.getData()?has_content && 
79														 cur_tile.PageSeparator.PageURL.getData()?has_content > 
80															<a href="${cur_tile.PageSeparator.PageURL.getData()}" target="_self" class="red"> 
81															${cur_tile.PageSeparator.ButtonName.getData()}</a> 
82														</#if> 
83													<#elseif cur_tile.SelectType.getData()=='freeContent'> 
84													<!-- start --> 
85													 
86													<#if cur_tile.FreeContentSeparator.getSiblings()?has_content> 
87														<#list cur_tile.FreeContentSeparator.getSiblings() as cur_freeContent> 
88 
89														<#if cur_tile.FreeContentSeparator.getSiblings()?size &gt; 1 > 
90															<div class="accordion-tiles"> 
91															<div class="accordion-article"> 
92																<#assign portlet_display = portletDisplay> 
93																<#assign portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
94																<#assign market_experts_portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
95															 
96															<div class="accor-wrapper"> 
97																 <table class='accordion-table'> 
98																	<hr> 
99																	<tr> 
100																	<!--started --> 
101																	<td id='${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}-icon-td'> 
102																		<#if cur_freeContent?index == 0> 
103																		<a class="collapse-icon-accordion" aria-expanded="true" data-toggle="collapse" 
104																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
105																		<#else> 
106																		<a class="collapse-icon-accordion" aria-expanded="false" data-toggle="collapse"  
107																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
108																		</#if> 
109																		   <i class="icon ico-add-4-line plus"></i> 
110																		   <i class='icon ico-minus-4-box-line minus'></i> 
111																		</a> 
112																	</td> 
113																	 
114																	<!-- ended --> 
115																	 
116																	<!--started --> 
117																	<td> 
118																	<div class='acc-title'> 
119																		<#if cur_freeContent.Title.getData()?has_content> 
120																			${cur_freeContent.Title.getData()} 
121																		</#if> 
122																	</div> 
123																	<div class="acc-description dbs-table"> 
124																		<#if cur_freeContent.Description.getData()?has_content> 
125																			${cur_freeContent.Description.getData()} 
126																		</#if> 
127																	</div> 
128																	</td> 
129																	<!-- ended --> 
130																</tr> 
131																<!--started --> 
132																 
133																<tr> 
134																  <td></td> 
135																  <td> 
136																  <#if cur_freeContent?index == 0> 
137																	<div class="collapse acc-content dbs-table show" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
138																  <#else> 
139																	<div class="collapse acc-content dbs-table" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
140																  </#if> 
141																 
142																	<div class="glance-description dbs-table"> 
143																		<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
144																		${cur_freeContent.FreeContentHTML.getData()}																		 
145																		</#if> 
146																	</div> 
147																	  </div> 
148																	</td> 
149																	 
150																</tr> 
151																<!-- ended --> 
152																</table> 
153																</div> 
154															</div> 
155															</div> 
156														<#else> 
157														<div class='acc-title-noacc'> 
158															<#if cur_freeContent.Title.getData()?has_content> 
159																${cur_freeContent.Title.getData()} 
160															</#if> 
161														</div> 
162														<div class="glance-description-noacc dbs-table"> 
163															<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
164															${cur_freeContent.FreeContentHTML.getData()} 
165															</#if> 
166														</div> 
167														</#if> 
168														 
169														</#list> 
170													</#if> 	 
171													 
172													<!-- end --> 
173													<#elseif cur_tile.SelectType.getData()=='video'> 
174													<#assign modalCounter = modalCounter +1> 
175													<#assign modalId = "modal0" + modalCounter>														 
176													<div class="product-card-content-modal" id="${modalId}"> 
177														<div class="product-card-content-modal-content" id="${modalId}"> 
178															<div class="product-card-content-modal-header"> 
179																<span class="product-card-content-modal-close">&times;</span> 
180																<h2>${cur_tile.TileName.getData()}</h2> 
181															</div> 
182															<div class="product-card-content-modal-body"> 
183																<iframe src="${cur_tile.VideoSeparator.VideoURL.getData()?replace("watch?v=","embed/",'f')}" 
184																 allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" 
185																  msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" 
186																   webkitallowfullscreen="webkitallowfullscreen"></iframe> 
187															</div> 
188														</div> 
189													</div> 
190																								 
191													 
192													<div class="content-tile-listing"> 
193														 
194													   <#if cur_tile.VideoSeparator.ButtonName1.getData()??> 
195															<div class="tile-button">	 
196															<a class="product-card-group__btn" name="${modalId}" href="javascript:void(0)" target="_self" class="red"> 
197															${cur_tile.VideoSeparator.ButtonName1.getData()}</a> 
198															</div> 
199														</#if> 
200													</div> 
201												</#if> 
202												</#if>    
203												</div> 
204									</div>   
205                                </div> 
206								</div> 
207								 
208								</#list> 
209							</div> 
210						<#else> 
211						<div class="tab-pane col-md-12 row" style="padding-left:0px;" id="${cur_tab.TabNameWithoutSpaces.getData()}" role="tabpanel"  
212							aria-labelledby="${cur_tab.TabNameWithoutSpaces.getData()}-tab"> 
213							<div class="market-box-layout col-md-12 col-xs-12 row"> 
214								<div class="corp-market-title-main"> 
215									<#if cur_tab.TabSubHeader?has_content> 
216										${cur_tab.TabSubHeader.getData()} 
217									</#if> 
218								</div> 
219								<div class="corp-market-desc-main"> 
220								<#if cur_tab.AboutTab?has_content> 
221									${cur_tab.AboutTab.getData()} 
222								</#if> 
223								</div> 
224							<#list cur_tab.NewTileSeparator.getSiblings() as cur_tile> 
225							 
226							<div class="col-md-4 col-sm-12 col-xs-12 tab-market-panel"> 
227                              <div class="asia-market-box" id="asia-market"> 
228									<div class="market-box single-item">              
229											<#if cur_tile.TileImage.getData()?? &&  
230											cur_tile.TileImage.getData() != ""> 
231											<div class="tile-listing-img-wrapper"> 
232												<img alt="${cur_tile.TileImage.getAttribute("alt")}"  
233													data-fileentryid="${cur_tile.TileImage.getAttribute("fileEntryId")}"  
234													src="${cur_tile.TileImage.getData()}" /> 
235												<#if cur_tile.SelectType.getData()=='video'> 
236													<div class="tabtiles-video-overlay"></div> 
237												</#if> 
238											</div> 
239											 
240											</#if> 
241											<div class="corp-market-title"> 
242													${cur_tile.TileName.getData()} 
243											</div>    
244											<div class="market-desc"> 
245													<p>${cur_tile.TilesGridDescription.getData()} 
246													</p> 
247											</div>   
248												<div class="market-title-2"> 
249												<#if cur_tile.SelectType?has_content> 
250													<#if cur_tile.SelectType.getData()=='pageURL'> 
251														<#if cur_tile.PageSeparator.ButtonName.getData()?has_content && 
252														 cur_tile.PageSeparator.PageURL.getData()?has_content > 
253															<a href="${cur_tile.PageSeparator.PageURL.getData()}" target="_self" class="red"> 
254															${cur_tile.PageSeparator.ButtonName.getData()}</a> 
255														</#if> 
256													<#elseif cur_tile.SelectType.getData()=='freeContent'> 
257													 
258													<!-- start --> 
259													<#if cur_tile.FreeContentSeparator.getSiblings()?has_content> 
260														<#list cur_tile.FreeContentSeparator.getSiblings() as cur_freeContent> 
261 
262														<#if cur_tile.FreeContentSeparator.getSiblings()?size &gt; 1 > 
263															<div class="accordion-tiles"> 
264															<div class="accordion-article"> 
265																<#assign portlet_display = portletDisplay> 
266																<#assign portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
267																<#assign market_experts_portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
268															 
269															<div class="accor-wrapper"> 
270																 <table class='accordion-table'> 
271																	<hr> 
272																	<tr> 
273																	<!--started --> 
274																	<td id='${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}-icon-td'> 
275																		<#if cur_freeContent?index == 0> 
276																		<a class="collapse-icon-accordion" aria-expanded="true" data-toggle="collapse" 
277																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
278																		<#else> 
279																		<a class="collapse-icon-accordion" aria-expanded="false" data-toggle="collapse"  
280																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
281																		</#if> 
282																		   <i class="icon ico-add-4-line plus"></i> 
283																		   <i class='icon ico-minus-4-box-line minus'></i> 
284																		</a> 
285																	</td> 
286																	 
287																	<!-- ended --> 
288																	 
289																	<!--started --> 
290																	<td> 
291																	<div class='acc-title'> 
292																		<#if cur_freeContent.Title.getData()?has_content> 
293																			${cur_freeContent.Title.getData()} 
294																		</#if> 
295																	</div> 
296																	<div class="acc-description dbs-table"> 
297																		<#if cur_freeContent.Description.getData()?has_content> 
298																			${cur_freeContent.Description.getData()} 
299																		</#if> 
300																	</div> 
301																	</td> 
302																	<!-- ended --> 
303																</tr> 
304																<!--started --> 
305																 
306																<tr> 
307																  <td></td> 
308																  <td> 
309																  <#if cur_freeContent?index == 0> 
310																	<div class="collapse acc-content dbs-table show" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
311																  <#else> 
312																	<div class="collapse acc-content dbs-table" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
313																  </#if> 
314																  
315																	<div class="glance-description glance-accordian-desc dbs-table"> 
316																		<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
317																		${cur_freeContent.FreeContentHTML.getData()} 
318																		</#if> 
319																	</div> 
320																	 </div> 
321																	</td> 
322																	 
323																</tr> 
324																<!-- ended --> 
325																</table> 
326																</div> 
327															</div> 
328														</div> 
329														<#else> 
330														<div class='acc-title-noacc'> 
331															<#if cur_freeContent.Title.getData()?has_content> 
332																${cur_freeContent.Title.getData()} 
333															</#if> 
334														</div> 
335														<div class="glance-description-noacc dbs-table"> 
336															<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
337															${cur_freeContent.FreeContentHTML.getData()} 
338															</#if> 
339														</div> 
340														</#if> 
341														</#list> 
342													</#if> 	 
343													 
344													<!-- end --> 
345													<#elseif cur_tile.SelectType.getData()=='video'> 
346													<#assign modalCounter = modalCounter +1> 
347													<#assign modalId = "modal0" + modalCounter>		 
348													<div class="product-card-content-modal" id="${modalId}"> 
349														<div class="product-card-content-modal-content" id="${modalId}"> 
350															<div class="product-card-content-modal-header"> 
351																<span class="product-card-content-modal-close">&times;</span> 
352																<h2>${cur_tile.TileName.getData()}</h2> 
353															</div> 
354															<div class="product-card-content-modal-body"> 
355																<iframe src="${cur_tile.VideoSeparator.VideoURL.getData()?replace("watch?v=","embed/",'f')}" 
356																 allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" 
357																  msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" 
358																   webkitallowfullscreen="webkitallowfullscreen"></iframe> 
359															</div> 
360														</div> 
361													</div> 
362																								 
363													 
364													<div class="content-tile-listing"> 
365														 
366													   <#if cur_tile.VideoSeparator.ButtonName1.getData()??> 
367															<div class="tile-button">	 
368															<a class="product-card-group__btn" name="${modalId}" href="javascript:void(0)" target="_self" class="red"> 
369															${cur_tile.VideoSeparator.ButtonName1.getData()}</a> 
370															</div> 
371														</#if> 
372													</div> 
373												</#if> 
374												</#if>    
375												</div> 
376									</div>   
377                                </div> 
378								</div> 
379								 
380								</#list> 
381							</div> 
382						</#if> 
383						 
384						 
385						</div> 
386						</#list> 
387					</#if> 
388				</div> 
389		</div> 
390        </div> 
391		</div> 
392    </section>			 
393	<div class="view-allpage"> 
394		 
395		<#if ViewAllPageUrlTitle.getData()?has_content> 
396			<#if ViewAllPageUrlTitle.ViewAllPageUrl.getData()?has_content> 
397				<input type="button" onclick="location.href='${ViewAllPageUrlTitle.ViewAllPageUrl.getData()}';" class="cta-btn-inline dbsred" value="${ViewAllPageUrlTitle.getData()}" />  
398			</#if> 
399		</#if> 
400	</div> 
401 </div> 
402  
403  
404<style> 
405 
406.tab-tilelisting .view-allpage{ 
407	text-align: center; 
408	padding-bottom:8px; 
409	padding-top: 0px !important; 
410
411.pagination { 
412  display: flex; 
413  justify-content: center; 
414
415.pagination a { 
416  color: black; 
417  float: left; 
418  padding: 8px 16px; 
419  text-decoration: none; 
420  transition: background-color .3s; 
421  border: 1px solid #ddd; 
422
423.pagination a.current { 
424  background-color: #CCC; 
425  color: white; 
426  border: 1px solid #CCC; 
427
428.pagination a:hover:not(.active) {background-color: #ddd;} 
429 
430.tab-tilelisting{ 
431	margin: 0 auto; 
432    max-width: 960px; 
433	color:#2E2E2E; 
434
435.tab-tilelisting .market-box-layout { 
436	padding-right: 0px; 
437
438.tab-tilelisting .tab-content{ 
439	padding: 0px; 
440    margin: 0 auto; 
441    max-width: 960px; 
442
443.tab-tilelisting .tab-content .pt-3, .py-3{ 
444	padding-bottom: 4px !important 
445
446.market-box{ 
447	color:#2E2E2E; 
448	height: 100%; 
449	width:	300px; 
450	border: 1px solid #ececec; 
451	padding-left: 0%; 
452	padding-bottom:20px; 
453
454.layout-container-market{ 
455	height: 128px; 
456	width:300px; 
457	padding-left: 0px; 
458
459 
460.market-title{ 
461	padding-left: 24px; 
462	padding-top: 15px; 
463
464.market-title p{ 
465    font-size: 16px; 
466    font-weight: 500; 
467
468.market-desc p{ 
469	color:#656565; 
470	font-size: 14px; 
471	padding-left: 18px; 
472    padding-bottom: 0px; 
473    padding-right: 18px; 
474
475.market-title-2{ 
476	padding-left: 24px; 
477	font-size: 14px; 
478	padding-right: 20px; 
479
480.accordion-tiles{ 
481	padding-left: 8px; 
482
483.tab-market-panel{ 
484	display: inline-flex !important; 
485    padding-top: 0px; 
486    list-style: none; 
487	margin-bottom: 20px 
488
489.market-box img{ 
490	max-width: 100%; 
491	width: 100%; 
492	height: 128px !important; 
493	object-fit: cover; 
494
495.tab-pane { 
496	padding-left: 0px; 
497    padding-right: 0px; 
498
499.container{ 
500	padding-left:0px; 
501	padding-right:0px; 
502
503.tabs-container-pad{ 
504	padding-left:0px; 
505
506.market-box-layout{ 
507	display:flex !important; 
508
509.tab-tilelisting .accor-wrapper{ 
510	position:relative; 
511	padding:0px !important; 
512
513.accordion-media{ 
514	color: #2E2E2E !important; 
515
516.accordion-desc{ 
517	font-weight: bold !important; 
518	margin-left: 8px; 
519
520.tab-tilelisting .acc-title{ 
521	font-weight: 700 !important; 
522	font-size:14px !important; 
523	margin-left: -20px; 
524
525.tab-tilelisting .acc-title-noacc{ 
526	font-weight: 700 !important; 
527	font-size:14px !important; 
528
529.corp-market-component-title{ 
530	font-weight: bold !important; 
531	margin-bottom:16px; 
532	margin-left:-16px; 
533	font-size:32px; 
534
535.corp-market-component-desc{ 
536	margin-bottom:16px; 
537	margin-left:-16px; 
538
539.corp-market-title{ 
540	font-weight: bold !important; 
541	margin-bottom:16px; 
542	margin-top:16px;	 
543	margin-left: 16px; 
544	font-size:20px; 
545	color:#2E2E2E; 
546
547.corp-market-title-main{ 
548	font-weight: bold !important; 
549	margin-bottom:16px; 
550	margin-top:16px;	 
551	font-size:20px; 
552	color:#2E2E2E; 
553
554.corp-market-desc-main{ 
555	margin-bottom:16px; 
556	margin-left: 16px; 
557
558.corp-market-desc{ 
559	margin-bottom:16px; 
560	margin-left: 16px; 
561
562.tab-tilelisting .acc-content{ 
563	font-weight: bold !important; 
564	margin-left: -20px; 
565
566.tab-tilelisting .accordion-media-freecontent{ 
567	padding: 0px; 
568
569.tab-tilelisting .accordion-table{ 
570    margin-left: -16px; 
571
572 
573 
574.table-icon-title-des, .landingtemplatepage .table-icon-title-des { 
575	max-width: 992px; 
576    margin: 0 auto; 
577    overflow: hidden; 
578	padding-left:15px; 
579
580.tab-tilelisting .glance-description{ 
581	margin-left: 0px; 
582	color:#656565; 
583	font-size:14px !important; 
584
585 
586.tab-tilelisting .glance-description-noacc{ 
587	margin-left: 0px; 
588	color:#656565; 
589	font-size:14px !important; 
590
591.tab-tilelisting .acc-description{ 
592	margin-left:-20px; 
593	font-size: 12px; 
594
595.tab-tilelisting .collapse-icon-accordion { 
596    position: absolute; 
597    right: 0px; 
598	color:#504d4d; 
599	top: 20px; 
600
601.tab-tilelisting .accordion-article .accor-wrapper .collapse-icon-accordion .icon{ 
602	color:#2E2E2E; 
603	font-size: 20px; 
604
605.tab-tilelisting .accordion-article .accor-wrapper table.accordion-table td:nth-child(1) .ico-minus-4-box-line:before { 
606	background:none; 
607	color:#2E2E2E; 
608
609 
610.tab-tilelisting .accordion-article .accor-wrapper table.accordion-table td:nth-child(1) [class*="ico-"] { 
611    font-size: 13.43px; 
612
613 
614@media (max-width: 767px) and (min-width: 320px) { 
615.tab-tilelisting .accordion-table{ 
616    margin-left: -20px !important; 
617
618	.corp-market-title{ 
619		margin-left:24px !important; 
620		margin-right:23px !important; 
621
622.corp-market-title-main{ 
623	padding-left:16px; 
624
625.accordion-table{ 
626    margin-left: -15px; 
627
628 
629.accordion-table .accordion-media { 
630    padding-right: 15px;  
631    padding-bottom: 30px; 
632    
633
634 
635.accor-wrapper { 
636	padding:0px; 
637
638accordion-article .accor-wrapper table.accordion-table td .acc-title { 
639     padding-left: 0px !important;  
640	 font-size:14px !important; 
641
642.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-title { 
643    padding-left: 0px !important; 
644	font-size:14px !important; 
645
646 
647accordion-article .accor-wrapper table.accordion-table td .acc-title-noacc { 
648     padding-left: 0px !important;  
649	 font-size:14px; 
650	 margin-bottom: 8px; 
651
652.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-title-noacc { 
653    padding-left: 0px !important; 
654	font-size:14px !important; 
655
656
657 
658.product-card-content-modal { 
659	 display: none; 
660	 position: fixed; 
661	 z-index: 1001; 
662	 padding-top: 0; 
663	 left: 0; 
664	 top: 0; 
665	 width: 100%; 
666	 height: 100%; 
667	 overflow: hidden; 
668	 background-color: rgba(0, 0, 0, 0.5); 
669
670 .product-card-content-modal.active { 
671	 display: block; 
672
673 .product-card-content-modal-content { 
674	 top: 50vh; 
675	 background-color: #fff; 
676	 margin: 0 auto; 
677	 position: relative; 
678	 margin-top: -210px; 
679	 max-width: 640px; 
680	 max-height: 420px; 
681	 border-radius: 4px; 
682	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
683
684 .product-card-content-modal-content.active { 
685	 -webkit-animation-name: comedown; 
686	 -webkit-animation-duration: 0.4s; 
687	 animation-name: comedown; 
688	 animation-duration: 0.4s; 
689
690@-webkit-keyframes comedown { 
691	 from { 
692		 top: -300px; 
693		 opacity: 0; 
694
695	 to { 
696		 top: 50vh; 
697		 opacity: 1; 
698
699
700@keyframes comedown { 
701	 from { 
702		 top: -300px; 
703		 opacity: 0; 
704
705	 to { 
706		 top: 50vh; 
707		 opacity: 1; 
708
709
710.product-card-content-modal-header { 
711	 height: 70px; 
712	 padding: 2px 16px; 
713	 text-align: center; 
714	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.01); 
715
716 .product-card-content-modal-header .product-card-content-modal-close { 
717	 color: #2E2E2E; 
718	 font-size: 32px; 
719	 cursor: pointer; 
720	 position: absolute; 
721	 left: 20px; 
722	 top: 12px; 
723
724 .product-card-content-modal-header .product-card-content_modal-download { 
725	 color: #2E2E2E; 
726	 font-size: 24px; 
727	 cursor: pointer; 
728	 position: absolute; 
729	 right: 20px; 
730	 top: 16px; 
731
732.product-card-layout .product-card-checkbox .product-card-content__btn-info .ico-information-line{ 
733	color: #909090; 
734	font-size: 18px; 
735    margin-right: 5px; 
736
737 .product-card-content-modal-header .product-card-content-modal-close:hover { 
738	 color: #2E2E2E; 
739	 text-decoration: none; 
740
741.product-card-content-modal-header h2 { 
742	 font-size: 16px; 
743	 font-weight: bold; 
744	 margin-top: 24px; 
745
746.product-card-content-modal-body { 
747	 padding: 12px 24px; 
748	 overflow: auto; 
749	 height: 350px; /*270  was default 350 for academy online due to no footer*/ 
750	 font-size: 14px; 
751	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.01); 
752	 -ms-overflow-style: none; 
753	 scrollbar-width: none; 
754
755 .product-card-content-modal-body::-webkit-scrollbar { 
756	 display: none; 
757
758 .product-card-content-modal-footer { 
759	 text-align: center; 
760	 height: 100px; 
761
762 .product-card-content-modal-btn-cta { 
763	 margin-top: 20px; 
764	 background-color: #f33333; 
765	 color: #fff; 
766	 border: 1px solid #ee1818; 
767	 border-radius: 4px; 
768	 height: 40px; 
769	 width: 160px; 
770	 cursor: pointer; 
771
772.product-card-layout .product-card-checkbox .product-card-content-modal-btn-cta:hover { 
773	 background-color: #ee1818; 
774
775 
776.product-card-layout .product-card-checkbox .product-card-footer { 
777    position: absolute; 
778    bottom: 0px; 
779    width: 100%; 
780    left: 0px; 
781	height: 64px; 
782
783 
784.product-card-content-modal-body iframe{  
785	width:100%; 
786	height:100%; 
787
788@media (min-width: 320px) and (max-width: 767px) { 
789 
790.cardlisting-parent-title { 
791		margin-left: -8px; 
792
793	.cardlisting-listing-display{ 
794		padding: 16px 17px 16px 18px; 
795
796 
797
798@media (min-width:768px){ 
799	.content-tile-listing{ 
800		padding: 15px 15px 15px 0px !important; 
801
802	.tab-pane{ 
803		padding-left: 0px; 
804		margin-right: 0px; 
805		margin-left: 15px; 
806
807	.tab-market-panel:nth-child(1){ 
808		padding-left: 0px; 
809		padding-right: 8px; 
810
811	.tab-market-panel:nth-child(n+3){ 
812		padding-left: 0px; 
813		padding-right: 8px; 
814
815	.tab-market-panel{ 
816		padding-left: 8px; 
817		padding-right: 8px; 
818
819	.dbs-dropdown { 
820		margin-left:20px !important; 
821
822	.corp-market-component-title{ 
823		margin-left:5px !important; 
824
825	.corp-market-component-desc{ 
826		margin-left:5px !important; 
827
828	.tab-pane{ 
829		padding-left:15px; 
830
831	.corp-market-title{ 
832		margin-left:24px !important; 
833		margin-right:23px !important; 
834
835	 
836	.corp-market-main{ 
837		margin-left:0px !important; 
838		margin-right:0px !important; 
839
840	.corp-market-desc-main{ 
841		margin-left:0px !important; 
842		margin-right:0px !important; 
843
844	.market-desc p { 
845		padding-left: 24px !important; 
846
847	.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-content p{ 
848		font-size: 14px !important; 
849		font-weight: 400; 
850
851 
852
853.corp-market-desc-main { 
854    display: block; 
855    width: 100%; 
856
857@media (min-width:320px) and (max-width:767px) { 
858.asia-market-box { 
859    width: 100% !important; 
860
861.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-content p { 
862    font-size: 14px !important; 
863    font-weight: 400; 
864
865.market-desc p { 
866    color: #656565; 
867    font-size: 14px; 
868    padding-left: 24px; 
869    padding-bottom: 0px; 
870    padding-right: 18px; 
871
872	.tab-tilelisting{ 
873		padding-left: 16px; 
874		padding-right:16px; 
875
876 
877	.tab-tilelisting .tab-pane { 
878		padding-left: 0px; 
879		padding-right: 0px; 
880		margin-left: 0 !important; 
881
882	 
883	.tab-market-panel { 
884		padding: 0 !important; 
885
886	 
887	.tab-tilelisting .market-box-layout { 
888		margin-left: 0 !important; 
889		padding-left: 0 !important; 
890
891	 
892	.tab-tilelisting .market-box img { 
893		height: auto !important; 
894
895	.tab-tilelisting .market-box { 
896		width: 100% !important; 
897		height: auto !important; 
898
899	 
900	.tab-tilelisting .market-box { 
901    color: #2E2E2E; 
902    height: 100%; 
903    width: 330px; 
904    border: 1px solid #ececec; 
905    padding-left: 0%; 
906
907	.tabtiles-video-overlay { 
908		left:0 !important; 
909		height: 160px !important; 
910
911	.corp-market-component-title,.corp-market-component-desc{ 
912		margin-left:0px; 
913
914	/* .corp-market-title{ 
915		margin-top:0px; 
916	}*/ 
917	.tab-content { 
918		padding-top: 0px !important; 
919		padding-right: 0 !important; 
920
921	.nav-tabs{ 
922		display:none; 
923
924	 
925
926	.dbs-dropdown select::-ms-expand{  
927		display:none; 
928
929	.dbs-dropdown .icon.ico-arrowdown1 { 
930		 position: absolute; 
931		 right: 8px; 
932		 top: 10px; 
933
934	.dbs-dropdown select { 
935		 color: #2e2e2e; 
936		 border-width: 1px; 
937		 border-style: solid; 
938		 border-color: #c0c0c0; 
939		 border-image: initial; 
940		 width: 100%; 
941		 position: relative; 
942		 font-size: 16px; 
943		 z-index: 2; 
944		 letter-spacing: 0px; 
945		 -webkit-appearance: none; 
946		 height: 40px; 
947		 background: transparent; 
948		 border-radius: 4px; 
949		 padding: 8px 40px 8px 12px; 
950		 outline-style:none; 
951
952	 .dbs-dropdown i.icon {  
953		top: 13px; 
954
955	.dbs-dropdown { 
956		 position: relative; 
957		 width: 300px; 
958		margin-left:16px; 
959
960	.accordion-article .accor-wrapper table .accordion-table td:nth-child(2) .acc-content p { 
961		padding-left: 0px !important; 
962		font-size:14px !important; 
963
964 
965.tile-listing-img-wrapper { 
966	position: relative; 
967
968 
969.tile-listing-img-wrapper .tabtiles-video-overlay { 
970    background-image: url(/o/corporate-theme/images/player-icon.png); 
971    height: 128px; 
972    position: absolute; 
973    top: 0px; 
974    left: 0px; 
975    z-index: 9; 
976    width: 100%; 
977    background-position: center; 
978    background-repeat: no-repeat; 
979    background-size: auto; 
980    cursor: pointer; 
981
982 
983</style> 
984<script type="text/javascript"> 
985	$(".market-box .tabtiles-video-overlay").click(function(){ 
986		var href = $(this).attr("href"); 
987		var videoLink1 = $(".product-card-content-modal-content.active iframe").attr("src"); 
988		console.log(href); 
989		if(href == "javascript:void(0)" || $(this).hasClass("tabtiles-video-overlay")) { 
990	    $(".product-card-content-modal").removeClass("active"); 
991		$(this).closest('.market-box').find('.product-card-content-modal').addClass("active"); 
992		$(this).closest('.market-box').find('.product-card-content-modal-content').addClass("active"); 
993      //  $(".product-card-content-modal").addClass("active"); 
994       // $(".product-card-content-modal-content").addClass("active"); 
995
996	}); 
997	$('.nav li .nav-item').click(function(e) { 
998		e.preventDefault(); 
999		$('.nav li .nav-item').removeClass('active show'); 
1000	 }); 
1001  
1002    $(".product-card-content-modal-close").click(function() { 
1003	 var videoLink = $(".product-card-content-modal-content.active iframe").attr("src"); 
1004	  $(".product-card-content-modal.active iframe").attr("src",'');  
1005	  $(".product-card-content-modal.active iframe").attr("src",videoLink);  
1006	 $(".product-card-content-modal-content.active").removeClass("active"); 
1007	 $(".product-card-content-modal.active").removeClass("active"); 
1008	  
1009	  
1010    }); 
1011     
1012    $(".product-card-group__btn").click(function(){ 
1013	    $(".product-card-content-modal").removeClass("active"); 
1014		$(this).closest('.market-box').find('.product-card-content-modal').addClass("active"); 
1015		$(this).closest('.market-box').find('.product-card-content-modal-content').addClass("active"); 
1016       // $(".product-card-content-modal").addClass("active"); 
1017       // $(".product-card-content-modal-content").addClass("active"); 
1018 
1019    }); 
1020	$('#country-selector').on('change', function(){  
1021		$('.tab-pane').removeClass("show active"); 
1022		$('.tab-pane').css("display", "none"); 
1023		console.log('#'+this.value); 
1024		$('#'+this.value).css("display","block"); 
1025		$('#'+this.value).addClass("show active"); 
1026	}); 
1027	 
1028(function($) { 
1029	var pagify = { 
1030		items: {}, 
1031		container: null, 
1032		totalPages: 1, 
1033		perPage: ${NoOfTilesPerPage.getData()}, 
1034		currentPage: 0, 
1035		createNavigation: function() { 
1036			this.totalPages = Math.ceil(this.items.length / this.perPage); 
1037			$('.pagination', this.container.parent()).remove(); 
1038			var pagination = $('<div class="pagination"></div>'); 
1039			for (var i = 0; i < this.totalPages; i++) { 
1040				var pageElClass = "page"; 
1041				if (!i) 
1042					pageElClass = "page current"; 
1043				var pageEl = '<a class="' + pageElClass + '" data-page="' + ( 
1044				i + 1) + '">' + ( 
1045				i + 1) + "</a>"; 
1046				pagination.append(pageEl); 
1047
1048			this.container.after(pagination); 
1049			var that = this; 
1050			$("body").off("click", ".nav"); 
1051			this.navigator = $("body").on("click", ".nav", function() { 
1052				var el = $(this); 
1053				that.navigate(el.data("next")); 
1054			}); 
1055			$("body").off("click", ".page"); 
1056			this.pageNavigator = $("body").on("click", ".page", function() { 
1057				var el = $(this); 
1058				that.goToPage(el.data("page")); 
1059			}); 
1060		}, 
1061		navigate: function(next) { 
1062			// default perPage to 5 
1063			if (isNaN(next) || next === undefined) { 
1064				next = true; 
1065
1066			$(".pagination .nav").removeClass("disabled"); 
1067			if (next) { 
1068				this.currentPage++; 
1069				if (this.currentPage > (this.totalPages - 1)) 
1070					this.currentPage = (this.totalPages - 1); 
1071				if (this.currentPage == (this.totalPages - 1)) 
1072					$(".pagination .nav.next").addClass("disabled"); 
1073
1074			else { 
1075				this.currentPage--; 
1076				if (this.currentPage < 0) 
1077					this.currentPage = 0; 
1078				if (this.currentPage == 0) 
1079					$(".pagination .nav.prev").addClass("disabled"); 
1080
1081			this.showItems(); 
1082		}, 
1083		updateNavigation: function() { 
1084			var pages = $(".pagination .page"); 
1085			pages.removeClass("current"); 
1086			$('.pagination .page[data-page="' + ( 
1087			this.currentPage + 1) + '"]').addClass("current"); 
1088		}, 
1089		goToPage: function(page) { 
1090			this.currentPage = page - 1; 
1091			$(".pagination .nav").removeClass("disabled"); 
1092			if (this.currentPage == (this.totalPages - 1)) 
1093				$(".pagination .nav.next").addClass("disabled"); 
1094			if (this.currentPage == 0) 
1095				$(".pagination .nav.prev").addClass("disabled"); 
1096			this.showItems(); 
1097		}, 
1098		showItems: function() { 
1099			this.items.hide(); 
1100			var base = this.perPage * this.currentPage; 
1101			this.items.slice(base, base + this.perPage).show(); 
1102			this.updateNavigation(); 
1103		}, 
1104		init: function(container, items, perPage) { 
1105			this.container = container; 
1106			this.currentPage = 0; 
1107			this.totalPages = 1; 
1108			this.perPage = perPage; 
1109			this.items = items; 
1110			this.createNavigation(); 
1111			this.showItems(); 
1112
1113	}; 
1114	// stuff it all into a jQuery method! 
1115	$.fn.pagify = function(perPage, itemSelector) { 
1116		var el = $(this); 
1117		var items = $(itemSelector, el); 
1118		// default perPage to 5 
1119		if (isNaN(perPage) || perPage === undefined) { 
1120			perPage = ${NoOfTilesPerPage.getData()}; 
1121
1122		// don't fire if fewer items than perPage 
1123		if (items.length <= perPage) { 
1124			$( "div" ).remove( ".pagination" ); 
1125			return true; 
1126
1127		pagify.init(el, items, perPage); 
1128	}; 
1129})(jQuery); 
1130		<#if DisplayPagination.getData() == "Yes"> 
1131		$(".container").pagify(${NoOfTilesPerPage.getData()}, ".active .tab-market-panel .single-item"); 
1132		<#else> 
1133		$(".container").pagify(100000, ".single-item"); 
1134		</#if>	 
1135	$('#country-selector').on('change', function(){  
1136	console.log("into country change selector"); 
1137		<#if DisplayPagination.getData() == "Yes"> 
1138		$(".container").pagify(${NoOfTilesPerPage.getData()}, ".active .tab-market-panel .single-item"); 
1139		<#else> 
1140		$(".container").pagify(100000, ".single-item"); 
1141		</#if>	 
1142	}); 
1143$(document).ready(function(){ 
1144    $("#country-selector").trigger("change"); 
1145}); 
1146</script>