கணக்குகள்
கார்டுகள்
கடன்
வைப்பு
கணக்குகள்
எம்.எஸ்.எம்.இ
உறுப்பினர் நிறைகூட்டான
வணிகர் வணிகத்தைப் பெறுதல்
அரசு வைப்புத் திட்டங்கள்
பரஸ்பர நிதி
காப்பீடு
கணக்குகள்
கடன்கள்
எங்களுடன் முதலீடு செய்யுங்கள்
எங்களுடன் காப்பீடு செய்யுங்கள்
பணத்தை அனுப்பவும்
துணை சேவைகள்
படிவங்கள் & அடிக்கடி கேட்கப்படும் கேள்விகள்
அக்ரி பொருட்கள்
நிதி உள்ளடக்கம்
துணை சேவைகள்
Template ப்ராஸஸிங் செய்யும்போது பிழை ஏற்பட்டது.
The following has evaluated to null or missing:
==> cur_mainHeading.descriptionList [in template "20097#20123#68245" at line 766, column 6]
----
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 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: #if cur_mainHeading.descriptionList.g... [in template "20097#20123#68245" at line 766, column 1]
----
1<style>
2td.clickhereUnderline{
3 text-decoration:underline
4}
5 table#tbl-dept tr td {
6 font-weight: normal;
7 }
8 /* tr:nth-child(even) {
9 background-color: #EBEBEB;
10 } */
11 .text-md-center {
12 text-align: center !important;
13 }
14 .List-eligiblity li{
15 list-style-type: none;
16 }
17
18 .List-eligiblity li:before {
19 content: url('/documents/20121/135495/Bullet_Star.svg/c69ffea0-4ff6-b438-c35c-f8c00d6a3e66?t=1655997967712');
20 color: black;
21 left: 13px;
22 position: absolute;
23 margin-top: -2px;
24 }
25 li.normal-text {
26 list-style-type: disc ! important;
27 }
28 .f-14 {
29 font-size: 14px ! important;
30 }
31 .all-tab-img img {
32 padding-bottom: 20px;
33 }
34 .all-tab-img img:nth-last-child(2) {
35 padding-bottom: 0;
36 }
37 .details-tab-wrap {
38 /*padding: 50px 0px;*/
39 position: relative;
40 }
41 .details-tab-wrap .nav-tabs {
42 display: none;
43 }
44 .details-tab-wrap .nav-tabs .nav-item {
45 margin-right: 10px;
46 margin-bottom: 0px;
47 }
48 .details-tab-wrap .nav-tabs .nav-link {
49 border: none;
50 border-top-left-radius: 0px;
51 border-top-right-radius: 0px;
52 font: normal normal normal 18px/24px Montserrat !important;
53 letter-spacing: 0px;
54 color: #333333;
55 text-transform: uppercase;
56 opacity: 1;
57 }
58 .details-tab-wrap .nav-tabs .nav-item.show .nav-link,
59 .nav-tabs .nav-link.active {
60 background: #54bbca;
61 color: #fff;
62 }
63 .accordion-div .panel ul li a {
64 color: #0075BE !important;
65 }
66
67 .accordion-div .panel ul li a:hover {
68 color: #051E33 !important;
69 }
70 @media(min-width:768px) {
71 .details-tab-wrap .nav-tabs {
72 display: flex;
73 }
74 .details-tab-wrap .card {
75 border: none;
76 }
77 .details-tab-wrap .card .card-header {
78 display: none;
79 }
80 .details-tab-wrap .card .collapse {
81 display: block;
82 }
83 }
84 .tabbable .nav-tabs {
85 overflow-x: auto;
86 overflow-y: hidden;
87 flex-wrap: nowrap;
88 }
89 .tabbable .nav-tabs .nav-link {
90 white-space: nowrap;
91 }
92 .details-tab {
93 padding: 10%;
94 margin-top: -8%;
95 }
96 .details-tab #tabs {
97 background: #007b5e;
98 color: #eee;
99 }
100 .details-tab #tabs h6.section-title {
101 color: #eee;
102 }
103 .details-tab #tabs .nav-tabs .nav-item.show .nav-link,
104 .nav-tabs .nav-link.active {
105 color: #333333;
106 background-color: transparent;
107 border-color: transparent transparent #f3f3f3;
108 border-bottom: 6px solid #F68223 !important;
109 font-family: Montserrat;
110 font-size: 18px;
111 font-weight: bold;
112 padding-left: 0;
113 padding-right: 0;
114 margin: 0px 8px;
115 }
116 .details-tab .nav-link {
117 border: 1px solid transparent;
118 border-top-left-radius: .25rem;
119 border-top-right-radius: .25rem;
120 color: #0062cc;
121 font-size: 16px;
122 font-weight: 600;
123 }
124 .details-tab .nav-link:hover {
125 border: none;
126 }
127 .details-tab thead {
128 background: #f3f3f3;
129 color: #333;
130 }
131 .details-tab a {
132 text-decoration: none;
133 color: #333;
134 font-weight: 600;
135 }
136 .normal-text {
137 text-align: left;
138 font: normal normal normal 16px/24px Open Sans;
139 letter-spacing: 0.09px;
140 color: #333333;
141 opacity: 1;
142 }
143 .tab-contet-botom-headin {
144 text-align: left;
145 font: normal normal bold 18px / 24px Montserrat !important;
146 letter-spacing: 0px;
147 color: #333333;
148 text-transform: uppercase;
149 opacity: 1;
150 }
151 .blue-secure-section {
152 background: #051E33 0% 0% no-repeat padding-box;
153 border-radius: 0px 0px 24px 0px;
154 opacity: 1;
155 }
156 .text-mute-type {
157 text-align: left;
158 font: normal normal normal 16px/28px Open Sans;
159 letter-spacing: 0px;
160 color: #FFFFFF;
161 opacity: 1;
162 }
163 .text-mute-type-dark {
164 text-align: left;
165 font: normal normal normal 16px/28px Open Sans;
166 letter-spacing: 0px;
167 color: #333333;
168 opacity: 1;
169 }
170 .amount-sec-unsec {
171 text-align: left;
172 font: normal normal bold 20px/26px Open Sans;
173 letter-spacing: 0px;
174 color: #FFFFFF;
175 opacity: 1;
176 }
177 .list-heading {
178 font: normal normal bold 18px/28px Open Sans;
179 letter-spacing: 0.09px;
180 color: #333333;
181 text-transform: capitalize;
182 opacity: 1;
183 }
184 .table-boi {
185 border: 1px solid #ADADAD;
186 }
187 thead.th-boi,.table thead th {
188 background: #051E33 ! important;
189 color: white ! important;
190 }
191 .form-border {
192 border: 1px solid #ADADAD;
193 }
194 /* from */
195 .boi-form-label {
196 text-align: left;
197 font: normal normal bold 16px/30px Open Sans;
198 letter-spacing: 0px;
199 color: #333333;
200 opacity: 1;
201 }
202 .form-border .annimated-button,
203 .annimated-button {
204 cursor: pointer;
205 width: auto;
206 color: #0075be;
207 font-weight: bold;
208 font-size: 16px;
209 user-select: none;
210 right: 75px;
211 transition: 0.2s ease-in;
212 border: 2px solid #0075be;
213 padding: 8px 40px 9px 10px;
214 border-radius: 5px;
215 text-decoration: none;
216 background: transparent;
217 }
218 .expore-link-popularProduct {
219 font-size: 14px;
220 font-weight: bold;
221 color: #007bff;
222 text-decoration: none;
223 }
224 .form-border .annimated-button:hover,
225 .annimated-button:hover {
226 background-color: #051e33;
227 color: #fff;
228 border-color: #051e33;
229 }
230 .form-border .annimated-button:hover:before,
231 .annimated-button:hover:before {
232 opacity: 1;
233 }
234 .form-border .annimated-button span,
235 .annimated-button span {
236 display: inline-block;
237 transition: 0.6s ease-in;
238 }
239 .form-border .annimated-button:hover span.arrow,
240 .annimated-button:hover span.arrow {
241 transform: translateX(110px);
242 }
243 .arrow {
244 color: #fff;
245 background-color: #f6821e;
246 border-radius: 5px;
247 margin-right: 12px;
248 font-size: 18px;
249 }
250 .arrow .bi {
251 padding: 3px 3px;
252 }
253 .btn-text {
254 line-height: 26px;
255 }
256 .f-14 {
257 font-size: 14px ! important;
258 }
259 .Calculated-amt {
260 font: normal normal bold 28px/48px Open Sans;
261 }
262 .gray-secure-section {
263 background: #EBEBEB;
264 border-radius: 0px 0px 24px 0px;
265 opacity: 1;
266 color: #333333;
267 }
268 .img-video-container {
269 position: relative;
270 width: 100%;
271 }
272 .img-video-container .bgimg {
273 width: 100%;
274 height: 400px;
275 }
276 .img-video-container .btn-video {
277 position: absolute;
278 top: 50%;
279 left: 50%;
280 transform: translate(-50%, -50%);
281 -ms-transform: translate(-50%, -50%);
282 border: none;
283 cursor: pointer;
284 border-radius: 5px;
285 text-align: center;
286 }
287 .img-video-container .btn-video:hover {
288 /* background-color: black; */
289 }
290 .modal-dialog{
291 height: 200%;
292 width: 200%;
293 }
294 /* Stepper Css */
295 .pgb .step {
296 text-align: center;
297 position: relative;
298 }
299 .pgb .step img {
300 position: absolute;
301 height: 30px;
302 width: 100%;
303 text-align: center;
304 display: block;
305 z-index: 3;
306 color: #fff;
307 line-height: 0px;
308 top: 22%;
309 }
310 .pgb .active.step p {
311 opacity: 1;
312 font-weight: 600;
313 }
314 .pgb .img-circle {
315 display: inline-block;
316 width: 60px;
317 height: 60px;
318 border-radius: 50%;
319 }
320 .pgb .complete .img-circle {
321 background-color: #4CAF50;
322 }
323 .pgb .active .img-circle {
324 background-color: #FF9800;
325 }
326 .pgb .step .img-circle:before {
327 content: "";
328 display: block;
329 background: #9E9E9E;
330 height: 4px;
331 width: 50%;
332 position: absolute;
333 bottom: 50%;
334 left: 0;
335 z-index: -1;
336 margin-right: 24px;
337 }
338 .pgb .step .img-circle::after {
339 content: "";
340 display: block;
341 background: rgb(158, 158, 158);
342 height: 1px;
343 width: 88%;
344 position: absolute;
345 bottom: 50%;
346 left: 56%;
347 z-index: 0;
348 }
349 .pgb .step.active .img-circle:after {
350 background: #9E9E9E;
351 }
352 .pgb .step.complete .img-circle:after,
353 .pgb .step.active .img-circle:before {
354 background: #4CAF50;
355 }
356 .pgb .step:last-of-type .img-circle:after,
357 .pgb .step:first-of-type .img-circle:before {
358 display: none;
359 }
360 .step-heading {
361 font: normal normal bold 18px/28px Open Sans;
362 letter-spacing: 0.09px;
363 color: #333333;
364 text-transform: uppercase;
365 opacity: 1;
366 }
367 .download-section {
368 border: 2px solid #0075BE;
369 border-radius: 8px;
370 opacity: 1;
371 text-align: center;
372 }
373 .color-hyperlink {
374 font: normal normal bold 16px/30px Open Sans;
375 letter-spacing: 0px;
376 color: #0075BE;
377 opacity: 1;
378 }
379 .accordion {
380 background-color: #eee;
381 color: #444;
382 cursor: pointer;
383 padding: 18px;
384 width: 100%;
385 border: none;
386 text-align: left;
387 outline: none;
388 font-size: 15px;
389 transition: 0.4s;
390 }
391 button.accordion:after {
392 content: url(/documents/20121/0/plus.svg/253440da-248d-9282-2914-a1fa21c5813c?t=1655445474836);
393 color: #777;
394 font-weight: bold;
395 float: right;
396 margin-left: 5px;
397 position: absolute;
398 right: 30px;
399 margin-top: 2px;
400 }
401 button.accordion.active:after {
402 content: url("/documents/20121/0/minus.svg/8fbcf229-9d8e-af0b-4fee-748a80c85d5b?t=1655445474368");
403 }
404 .accordion.active {
405 background: white;
406 text-align: left;
407 font: normal normal bold 16px/28px Open Sans;
408 letter-spacing: 0.09px;
409 color: #333333;
410 opacity: 1;
411 border: none;
412 margin-bottom: 0;
413 }
414 button.accordion {
415 font: normal normal bold 16px/28px Open Sans;
416 letter-spacing: 0.09px;
417 color: #0075BE;
418 background: white;
419 border: 1px solid #0075BE;
420 border-radius: 8px;
421 opacity: 1;
422 margin-bottom: 15px;
423 padding: 10px 16px;
424 }
425 .panel {
426 padding: 0 18px;
427 display: none;
428 background-color: white;
429 overflow: hidden;
430 }
431 .stylish-input-group .input-group-addon {
432 background: white !important;
433 }
434 .stylish-input-group .form-control {
435 border-right: 0;
436 box-shadow: 0 0 0;
437 }
438 .stylish-input-group button {
439 border: 0;
440 background: transparent;
441 }
442 .stylish-input-group ::-webkit-input-placeholder {
443 /* Edge */
444 text-align: left;
445 font: normal normal normal 18px/24px Open Sans;
446 letter-spacing: 0px;
447 color: #333333;
448 }
449 .stylish-input-group :-ms-input-placeholder {
450 /* Internet Explorer */
451 text-align: left;
452 font: normal normal normal 18px/24px Open Sans;
453 letter-spacing: 0px;
454 color: #333333;
455 }
456 .stylish-input-group ::placeholder {
457 text-align: left;
458 font: normal normal normal 18px/24px Open Sans;
459 letter-spacing: 0px;
460 color: #333333;
461 }
462 .voicesearch {
463 border-top: none;
464 border-radius: 0;
465 border-left: 0;
466 border-right: 0;
467 border-bottom: 1px solid #ADADAD;
468 opacity: 1;
469 }
470 .stylish-input-group .input-group-addon {
471 background: white !important;
472 border-bottom: 1px solid #ADADAD;
473 }
474 span.badge.btn.btn-outline-primary {
475 text-align: left;
476 font: normal normal normal 16px/30px Open Sans;
477 letter-spacing: 0px;
478 color: #0075BE;
479 opacity: 1;
480 }
481 span.badge.btn.btn-outline-primary:hover {
482 color: white;
483 }
484 .question.my-2 {
485 font: normal normal bold 16px/28px Open Sans;
486 letter-spacing: 0.09px;
487 color: #0075BE;
488 background: white;
489 }
490 .showmore {
491 display: none;
492 }
493 .more {
494 background: lightblue;
495 color: navy;
496 font-size: 13px;
497 padding: 3px;
498 cursor: pointer;
499 }
500 .show-more {
501 font: normal normal bold 16px/44px Open Sans;
502 letter-spacing: 0px;
503 color: #0075BE;
504 opacity: 1;
505 }
506 .w-70 {
507 width: 70%;
508 }
509 @media(max-width:767px) {
510 .details-tab-wrap .tab-content>.tab-pane {
511 display: block !important;
512 opacity: 1;
513 margin-bottom: 0px;
514 }
515 .details-tab-wrap .card-header {
516 background: #FFFFFF;
517 border-bottom: 1px solid rgba(0, 0, 0, .125);
518 }
519 .details-tab-wrap .card-header h5 a {
520 font: normal normal bold 16px/24px Montserrat;
521 color: #0075BE;
522 display: block;
523 }
524 .details-tab-wrap .card-header h5 a i {
525 float: right;
526 padding-top: 5px;
527 }
528 .details-tab-wrap .card-header h5 a:hover {
529 color: #0075BE;
530 }
531 .w-70,
532 .w-xs-50 {
533 width: 100% !important;
534 }
535 i.bi.bi-plus-square {
536 font-size: 20px;
537 position: relative;
538 top: -3px;
539 }
540 i.bi.bi-dash-square {
541 font-size: 20px;
542 position: relative;
543 top: -3px;
544 }
545 .hide-formobile {
546 display: none;
547 }
548 .step-img-mobsep:before {
549 content: '';
550 position: absolute;
551 width: 2px;
552 height: 30px;
553 background: #9E9E9E;
554 top: -40px;
555 }
556 .step-img-mobsep {
557 margin-top: 53px;
558 }
559 .showleft-mobile {
560 width: 100%;
561 }
562 /*for only mobile table header better UI*/
563 .tabtext .table-boi .th-boi tr th {
564 font-size: 11px;
565 /* word-break: break-word;*/
566 }
567 }
568 @media(max-width:1199px) {
569 .w-xs-50 {
570 width: 75% !important;
571 }
572 }
573 @media(min-width:1200px) {
574 .w-xs-50 {
575 width: 50% !important;
576 }
577 }
578 .stylish-input-group .input-group-addon {
579 background: white !important;
580 border-bottom: 1px solid #ADADAD;
581 -webkit-font-smoothing: subpixel-antialiased;
582 border-top: 0;
583 border-right: 0;
584 border-radius: 0;
585 }
586 @media (min-width: 1400px) {
587 .details-tab-wrap .nav-tabs .nav-link {
588 font: normal normal normal 24px/32px Montserrat !important;
589 }
590 .details-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
591 font: normal normal bold 24px/32px Montserrat !important;
592 }
593 .normal-text {
594 font: normal normal normal 18px/30px Open Sans !important;
595 }
596 .tab-contet-botom-headin {
597 font: normal normal bold 18px/28px Montserrat !important;
598 }
599 .tabheadingmand.tabseo{
600 font: normal normal bold 18px/28px Montserrat !important;
601 }
602 label.boi-form-label {
603 font: normal normal bold 18px/30px Open Sans !important;
604 }
605 table.table.table-borderless.table-boi {
606 font: normal normal bold 18px/28px Open Sans !important;
607 }
608 }
609 .portlet-layout.row {
610 margin: 0 !important;
611 }
612 .col-md-12.portlet-column.portlet-column-only {
613 padding: 0 !important;
614 }
615 .portlet-content{
616 padding: 0!important;
617 }
618
619 .download-section {
620 border: 2px solid #0075BE;
621 border-radius: 8px;
622 opacity: 1;
623 text-align: center;
624
625 box-shadow: 0px 3px 12px #00000029;
626 border: 1px solid #70707033;
627
628 }
629
630 .download-section:hover {
631 background: transparent linear-gradient(180deg, #FFFFFF 0%, #0075BE05 100%) 0% 0% no-repeat padding-box;
632 box-shadow: 0px 3px 18px #0000004D;
633 }
634
635 .tabtext p,.tabtext ul {
636 text-align: justify;
637 }
638
639 .externalLink
640 {
641 cursor:pointer;
642 /*color:blue !important;
643 text-decoration:underline !important;
644 */
645
646 }
647 .selectedtabhr{
648
649 display : none;
650 }
651
652.accordion-div button.accordion:focus,
653.custom-tabs button.nav-link:focus {
654 outline: #051e33;
655 border: solid #051e33;
656 }
657
658 /** New CSS **/
659
660 /* .portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .table-boi thead, .table-boi tbody tr {
661 display: table;
662 width: 100%;
663 table-layout: fixed;
664 } */
665
666
667
668
669 @media (max-width: 767px) {
670 .portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .table-boi thead, .table-boi tbody tr {
671 width: auto !important;
672 table-layout: auto !important;
673 display: revert !important;
674 }
675
676
677
678
679 }
680 #tbl-dept th.th-exchange {
681 text-align: left;
682 font: normal normal bold 14px Montserrat;
683 letter-spacing: .32px;
684 color: #fff;
685 text-transform: uppercase;
686 border-bottom: 1px dotted #dee2e6 !important;
687 background-color: #051e33 !important
688 }
689
690 #tbl-dept .td-exchange {
691 font: normal normal bold 14px Montserrat;
692 letter-spacing: .48px;
693 color: #333;
694 opacity: .8;
695 border-style: dotted !important
696 }
697
698
699
700 #tbl-dept {
701 border: none !important;
702 margin-top: 0 !important;
703 margin-bottom: 0 !important
704 }
705
706 #tbl-dept th {
707 background: #051e33 !important
708 color: #white!important
709 }
710
711 #tbl-dept th tbody tr:nth-child(even) {
712 background: white !important;
713 }
714
715 .table-responsive {
716 margin-bottom: 0 !important
717 }
718
719 td.td-exchange a {
720 color: #0075be;
721 font-weight: bolder;
722 text-decoration: underline;
723}
724
725.boi-table-struture .card {
726 border: 1px solid #00000054;
727 border-radius: 10px;
728
729}
730 </style>
731
732<div class="container tabtext">
733<div class="row">
734<div class="col-12">
735<div class="card border-0">
736<div class="card-body pb-0 pt-0 px-0">
737<h2 class="tabheadingmand tabseo tab-contet-botom-headin my-3">
738</h2><hr class="selectedtabhr">
739<#if mainHeading.getSiblings()?has_content>
740<#list mainHeading.getSiblings() as cur_mainHeading>
741<div class="col-md-12 my-3">
742 <h3 class="tab-contet-botom-headin">
743 <#if (cur_mainHeading.getData())??>
744 ${cur_mainHeading.getData()}
745 </#if>
746
747 </h3>
748
749
750 <#if (cur_mainHeading.mainDescription.getData())?has_content>
751<p class="normal-text my-3 text-justify">
752 <#if (cur_mainHeading.mainDescription.getData())??>
753 ${cur_mainHeading.mainDescription.getData()}
754</#if>
755</p>
756</#if>
757
758<#if (cur_mainHeading.listHeading.getData())?has_content>
759 <h3 class="list-heading my-3">
760 <#if (cur_mainHeading.listHeading.getData())??>
761 ${cur_mainHeading.listHeading.getData()}
762 </#if>
763 </h3>
764
765 </#if>
766<#if cur_mainHeading.descriptionList.getData()?has_content && cur_mainHeading.descriptionList.getSiblings()?has_content>
767
768 <ul class="pl-3 normal-text my-3 List-eligiblity">
769 <#if cur_mainHeading.descriptionList.getSiblings()?has_content>
770 <#list cur_mainHeading.descriptionList.getSiblings() as cur_mainHeading_descriptionList>
771 <li class="my-2">
772 <#if (cur_mainHeading_descriptionList.getData())??>
773 ${cur_mainHeading_descriptionList.getData()}
774 </#if>
775 </li>
776 </#list>
777 </#if>
778 </ul>
779 </#if>
780
781<#if cur_mainHeading.tableHeaders.getData()?has_content && cur_mainHeading.tableHeaders.getSiblings()?has_content>
782
783<div class="col-12 col-sm-12 col-md-12 col-lg-12 mt-2 px-0 boi-table-struture">
784 <div class="card">
785 <div class="card-body">
786<div class="table-responsive mb-0">
787<#if cur_mainHeading.tableHeaders.getSiblings()?has_content>
788 <table class="table table-borderless table-boi mb-0 " id="tbl-dept">
789 <#if cur_mainHeading.tableHeaders.getSiblings()?has_content>
790 <thead class="th-boi">
791
792 <tr>
793 <#list cur_mainHeading.tableHeaders.getSiblings() as cur_mainHeading_tableHeaders>
794 <th scope="col" class="th-exchange"><#if (cur_mainHeading_tableHeaders.getData())??>
795 ${cur_mainHeading_tableHeaders.getData()}
796 </#if>
797
798 </th>
799 </#list>
800 </tr>
801
802 </thead>
803 </#if>
804 <#if cur_mainHeading.tableRow.getSiblings()?has_content>
805 <tbody>
806 <#if cur_mainHeading.tableRow.getSiblings()?has_content>
807 <#list cur_mainHeading.tableRow.getSiblings() as cur_mainHeading_tableRow>
808 <tr>
809 <#if cur_mainHeading_tableRow.tableData.getSiblings()?has_content>
810 <#list cur_mainHeading_tableRow.tableData.getSiblings() as cur_mainHeading_tableRow_tableData>
811 <#if (cur_mainHeading_tableRow_tableData.tdCssClass.getData())??>
812 <td class="${cur_mainHeading_tableRow_tableData.tdCssClass.getData()} td-exchange">
813 <#if (cur_mainHeading_tableRow_tableData.getData())??>
814 <#assign tableRowUrl=cur_mainHeading_tableRow_tableData.getData()>
815
816 <#if cur_mainHeading_tableRow_tableData.tabledata_external_link.getData()?? && cur_mainHeading_tableRow_tableData.tabledata_external_link.getData()=="yes">
817
818 <#assign customNorelAttr=""/>
819<#if (cur_mainHeading_tableRow_tableData.tabledata_external_link.getData())??>
820 <#if cur_mainHeading_tableRow_tableData.tabledata_external_link.getData()?matches("yes")>
821 <#assign customNorelAttr="rel='nofollow'"/>
822 </#if>
823</#if>
824
825 <a ${customNorelAttr} onclick="showSRADisclaimer${cur_mainHeading_tableRow?index}${cur_mainHeading_tableRow_tableData?index}('${cur_mainHeading_tableRow_tableData.getData()}','${cur_mainHeading_tableRow_tableData.tabledata_external_link.getData()}')">
826 <#--<span class="externalLink"> ${cur_mainHeading_tableRow_tableData.getData()}</span>-->
827 <span class="externalLink">
828 <@liferay_ui["message"] key="click-here" />
829 </span>
830 </a>
831 <#else>
832
833 <span class="externalLink"> ${cur_mainHeading_tableRow_tableData.getData()}</span>
834 </#if>
835
836
837 </#if>
838 </td>
839 <#else>
840 <td>
841 <#if (cur_mainHeading_tableRow_tableData.getData())??>
842
843 ${cur_mainHeading_tableRow_tableData.getData()}
844 </#if>
845 </td>
846 </#if>
847
848
849 <div class="modal ExternalLinkPopup"
850 id="sraExternalLinkPopup${cur_mainHeading_tableRow?index}${cur_mainHeading_tableRow_tableData?index}"
851 tabindex="-1" role="dialog" style="display:none">
852 <div class="modal-dialog modal-lg" role="document">
853 <div class="modal-content">
854 <div class="modal-header">
855 <h5 class="modal-title">Disclaimer</h5>
856 <button type="button" class="close" data-dismiss="modal" onclick="closePopup(this)" aria-label="Close">
857 <span aria-hidden="true">×</span>
858 </button>
859 </div>
860 <div class="modal-body">
861
862 <#if (cur_mainHeading_tableRow_tableData.disclaimer_text.getData())??>
863 ${cur_mainHeading_tableRow_tableData.disclaimer_text.getData()}
864</#if>
865
866
867 </div>
868
869 <div class="modal-footer">
870 <button type="button " class="btn btn-primary confirm-fradulent-btn confirmRedirect" onclick="closeRedirectPopup(this)">Agree</button>
871
872 </div>
873
874 </div>
875 </div>
876</div>
877
878
879 <script type="text/javascript">
880 function showSRADisclaimer${cur_mainHeading_tableRow?index}${cur_mainHeading_tableRow_tableData?index}(arg,externalLink)
881 {
882
883
884console.log("inside discalimer" +externalLink);
885
886
887 var getLink=arg.trim();
888
889 console.log("inside showDisclaimer function arg"+getLink +"external "+externalLink);
890 console.log("current index "+${cur_mainHeading_tableRow_tableData?index});
891
892
893
894 var getSelected=externalLink.trim();
895
896 if(getSelected=="yes")
897 {
898 $("#sraExternalLinkPopup${cur_mainHeading_tableRow?index}${cur_mainHeading_tableRow_tableData?index}").show();
899 $(".confirmRedirect").data('discHref',getLink);
900
901 }
902
903 else
904 {
905
906 window.location.href =getLink;
907 }
908
909 }
910
911 function closePopup(x)
912 {
913 console.log("get x"+x);
914 $(".ExternalLinkPopup").hide();
915 }
916 function closeRedirectPopup(ele)
917 {
918 $(".ExternalLinkPopup").hide();
919 window.open($(".confirmRedirect").data('discHref'),"_blank").focus();
920
921 }
922
923 </script>
924
925
926
927
928
929
930
931
932 </#list>
933 </#if>
934 </tr>
935 </#list>
936 </#if>
937 </tbody>
938 </#if>
939 </table>
940 </#if>
941 </div>
942 </div>
943 </div>
944</div>
945</#if>
946</div>
947</#list>
948</#if>
949<#if loanAmountHeader.getSiblings()?has_content && loanAmountHeader.getData()?has_content>
950<#list loanAmountHeader.getSiblings() as cur_loanAmountHeader>
951<div class="card-body pb-0 new-card-body pb-0 border-0">
952<div class="row mt-5">
953 <div class="col-12 col-sm-12 col-md-12 col-lg-6 ">
954 <#if (cur_loanAmountHeader.getData())??>
955 <div class="tab-contet-botom-headin">
956 <#if (cur_loanAmountHeader.getData())??>
957 ${cur_loanAmountHeader.getData()}
958 </#if>
959 </div>
960
961 </#if>
962<#if cur_loanAmountHeader.AmountText1wun.getSiblings()?has_content && cur_loanAmountHeader.AmountText1wun.getData()?has_content>
963 <div class="d-flex flex-row blue-secure-section my-4 w-xs-50">
964 <#list cur_loanAmountHeader.AmountText1wun.getSiblings() as cur_loanAmountHeader_AmountText1wun>
965 <div class="text-white px-3 py-4 flex-fill ">
966 <div class="text-mute-type">
967 <#if (cur_loanAmountHeader_AmountText1wun.getData())??>
968 ${cur_loanAmountHeader_AmountText1wun.getData()}
969 </#if>
970 </div>
971 <div class="amount-sec-unsec">
972 <#if (cur_loanAmountHeader_AmountText1wun.Amount1igi.getData())??>
973 ${cur_loanAmountHeader_AmountText1wun.Amount1igi.getData()}
974 </#if>
975 </div>
976 </div>
977 </#list>
978 </div>
979 </#if>
980</div>
981</div>
982</div>
983</#list>
984</#if>
985<#if OurMissoinVissionMandatory.ourVisionHeading.getData()?has_content && OurMissoinVissionMandatory.ourVisionHeading.getSiblings()?has_content>
986<div class="card-body new-card-body border-0">
987<div class="flex-row section-2 my-4 theme-color-blue-secondary text-white pt-5 pb-5 boder-img">
988 <div class="d-flex flex-sm-column flex-md-column flex-lg-row flex-column">
989 <#list OurMissoinVissionMandatory.ourVisionHeading.getSiblings() as cur_OurMissoinVissionMandatory_ourVisionHeading>
990 <div class="px-4 mb-4 mb-md-4 mb-lg-0 ">
991 <#if (cur_OurMissoinVissionMandatory_ourVisionHeading.getData())??>
992 <h5>${cur_OurMissoinVissionMandatory_ourVisionHeading.getData()}</h5>
993 </#if>
994 <#if (cur_OurMissoinVissionMandatory_ourVisionHeading.OurMissionVissionDescription.getData())??>
995 <p class="text-justify">
996 ${cur_OurMissoinVissionMandatory_ourVisionHeading.OurMissionVissionDescription.getData()}
997 </p>
998 </#if>
999 </div>
1000 </#list>
1001 </div>
1002</div>
1003</div>
1004</#if>
1005<#if (eligibiltyStepsText.getData())?has_content>
1006<div class="row mt-5 mb-3 p">
1007 <div class="col-12">
1008 <div class="tab-contet-botom-headin text-center">
1009 ${eligibiltyStepsText.getData()}
1010 </div>
1011 </div>
1012</div>
1013<!-- Mobile 3 Steps -->
1014<div class="row pgb p-0 d-sm-block d-md-none ">
1015 <div class="col-12 text-center">
1016 <#if eligibiltyStepsText.eligibilityImage.getSiblings()?has_content>
1017 <#list eligibiltyStepsText.eligibilityImage.getSiblings() as cur_eligibiltyStepsText_eligibilityImage>
1018 <div class="step-img-mob mb-3">
1019 <a href="${cur_eligibiltyStepsText_eligibilityImage.getData()}">
1020 <img src="${cur_eligibiltyStepsText_eligibilityImage.getData()}" width="32" alt="Step1">
1021 </a>
1022 </div>
1023 <h5 class="step-heading">
1024 <#if (cur_eligibiltyStepsText_eligibilityImage.eligibilityHeader.getData())??>
1025 ${cur_eligibiltyStepsText_eligibilityImage.eligibilityHeader.getData()}
1026 </#if>
1027 </h5>
1028 <p class="normal-text text-center mt-3">
1029 <#if (cur_eligibiltyStepsText_eligibilityImage.eligibilityHeader.eligibilityDescriptiom.getData())??>
1030 ${cur_eligibiltyStepsText_eligibilityImage.eligibilityHeader.eligibilityDescriptiom.getData()}
1031 </#if>
1032 </p>
1033 </#list>
1034 </#if>
1035 </div>
1036</div>
1037<!-- Mobile 3 Steps -->
1038<!-- Desktop 3 Steps -->
1039<div class="row pgb p-0 hide-formobile ">
1040 <#if eligibiltyStepsText.eligibilityImage.getSiblings()?has_content>
1041 <#list eligibiltyStepsText.eligibilityImage.getSiblings() as cur_eligibiltyStepsText_eligibilityImage>
1042 <div class="col step p-0">
1043 <img src="${cur_eligibiltyStepsText_eligibilityImage.getData()}" width="32" alt="Step1">
1044 <span class="img-circle"></span>
1045 </div>
1046 </#list>
1047 </#if>
1048</div>
1049<div class="row pgb p-0 hide-formobile ">
1050 <#if eligibiltyStepsText.eligibilityImage.getSiblings()?has_content>
1051 <#list eligibiltyStepsText.eligibilityImage.getSiblings() as cur_eligibiltyStepsText_eligibilityImage>
1052 <div class="col text-center">
1053 <h5 class="step-heading">
1054 <#if (cur_eligibiltyStepsText_eligibilityImage.eligibilityHeader.getData())??>
1055 ${cur_eligibiltyStepsText_eligibilityImage.eligibilityHeader.getData()}
1056 </#if>
1057 </h5>
1058 <p class="normal-text text-center mt-3">
1059 <#if (cur_eligibiltyStepsText_eligibilityImage.eligibilityHeader.eligibilityDescriptiom.getData())??>
1060 ${cur_eligibiltyStepsText_eligibilityImage.eligibilityHeader.eligibilityDescriptiom.getData()}
1061 </#if>
1062 </p>
1063 </div>
1064 </#list>
1065 </#if>
1066</div>
1067</#if>
1068<#if downloaddescription.getData()?has_content>
1069
1070 <#if (downloaddescription.downloadMainDescription1.getData())?has_content>
1071 <div class="row my-3">
1072 <div class="col-md-12 ">
1073 <p class="normal-text">${downloaddescription.downloadMainDescription1.getData()}</p>
1074 </div>
1075 </div>
1076 </#if>
1077 <div class="row mt-3 ">
1078 <#if downloaddescription.downloadMainText.getSiblings()?has_content>
1079 <#list downloaddescription.downloadMainText.getSiblings() as cur_downloaddescription_downloadMainText>
1080 <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 my-3">
1081 <div class="download-section py-3 px-2 px-m-3 ">
1082 <div class="normal-text font-weight-bold text-center my-2 f-14"><#if (cur_downloaddescription_downloadMainText.getData())??>
1083 ${cur_downloaddescription_downloadMainText.getData()}
1084 </#if>
1085 </div>
1086 <div class="normal-text text-center mb-4 f-14"><#if (cur_downloaddescription_downloadMainText.downloadSubText.getData())??>
1087 ${cur_downloaddescription_downloadMainText.downloadSubText.getData()}
1088 </#if>
1089 </div>
1090 <a href="${cur_downloaddescription_downloadMainText.downloadDocument.getData()}" target="_blank">
1091 <img src="${cur_downloaddescription_downloadMainText.downloadImage.getData()}" class="" alt="download">
1092 <div class="normal-text font-weight-bold color-hyperlink text-center"><#if (cur_downloaddescription_downloadMainText.download.getData())??>
1093 ${cur_downloaddescription_downloadMainText.download.getData()}
1094 </#if>
1095 </div>
1096 </a>
1097 </div>
1098 </div>
1099 </#list>
1100 </#if>
1101 </div>
1102
1103</#if>
1104<#if (chatHeading.getData())?has_content>
1105<div class="row my-3">
1106 <div class="col text-left text-md-center">
1107 <h5 class="step-heading my-2">
1108 <#if (chatHeading.getData())??>
1109 ${chatHeading.getData()}
1110 </h5>
1111 </#if>
1112 <p class="normal-text text-left text-md-center">
1113 <#if (chatHeading.chatBoxDescription.getData())??>
1114 ${chatHeading.chatBoxDescription.getData()}
1115 </#if>
1116 </p>
1117 <#if (chatHeading.chatBoxDescription.chatBoxImageLabel.getData())??>
1118 <button class="d-flex annimated-button mx-auto showleft-mobile">
1119 <span class="arrow"> <i class="bi bi-arrow-right-short"></i></span><span class="btn-text"><#if (chatHeading.chatBoxDescription.chatBoxImageLabel.getData())??>
1120 ${chatHeading.chatBoxDescription.chatBoxImageLabel.getData()}
1121 </#if></span>
1122 </button>
1123 </#if>
1124 </div>
1125</div>
1126</#if>
1127
1128<#if (faq.getData())?has_content>
1129<#if (faq.getData())?? && faq.getData()!="">
1130 ${faq.getData()}
1131</#if>
1132</#if><#---main faq closed-->
1133<#if (faq.faqMainPara.getData())?has_content>
1134 <#if (faq.faqMainPara.getData())?? && faq.faqMainPara.getData()!="">
1135 <div class="row my-3">
1136 <div class="col-md-12">
1137 <p class="normal-text text-justify">
1138
1139 ${faq.faqMainPara.getData()}
1140
1141</p>
1142 </div>
1143 </div>
1144 </#if>
1145 </#if>
1146
1147
1148<#if (faq.searchImage.getData())?? && faq.searchImage.getData() != "">
1149 <div class="row my-3">
1150 <div class="col-md-12 text-center">
1151 <div id="imaginary_container">
1152 <div class="input-group stylish-input-group w-70 mx-auto">
1153 <input type="text" class="form-control voicesearch " placeholder="What are you looking for ?">
1154 <span class="input-group-addon">
1155 <button type="submit">
1156 <img src="${faq.searchImage.getData()}" alt="voice">
1157 </button>
1158 </span>
1159 </div>
1160 </div>
1161 <#if faq.searchImage.searchOptions.getSiblings()?has_content>
1162 <div class="w-70 mx-auto my-3 text-left">
1163 <#list faq.searchImage.searchOptions.getSiblings() as cur_faq_searchImage_searchOptions>
1164 <a href="<#if (cur_faq_searchImage_searchOptions.searchOptionsLink.getData())??>
1165 ${cur_faq_searchImage_searchOptions.searchOptionsLink.getData()}
1166</#if>" class="m-1 d-inline-block"><span class="badge btn btn-outline-primary px-3 py-1 border"><#if (cur_faq_searchImage_searchOptions.getData())??>
1167 ${cur_faq_searchImage_searchOptions.getData()}
1168 </#if></span></a>
1169 </#list>
1170 </div>
1171 </#if>
1172 </div>
1173 </div>
1174</#if>
1175
1176
1177
1178<#if faq.FaqQuestions.getSiblings()?has_content>
1179
1180 <div class="row">
1181
1182 <#list faq.FaqQuestions.getSiblings() as cur_faq_FaqQuestions>
1183 <div class="col-12 d-none">
1184 <div class="question my-2">
1185 <#if (cur_faq_FaqQuestions.getData())??>
1186 ${cur_faq_FaqQuestions.getData()}
1187 </#if>
1188 </div>
1189 <div class="panel border-top py-2" style="display: block;">
1190 <#if faq.FaqQuestions.faqAnswers.getSiblings()?has_content>
1191 <#list faq.FaqQuestions.faqAnswers.getSiblings() as cur_faq_FaqQuestions_faqAnswers>
1192 <#if cur_faq_FaqQuestions_faqAnswers.faqSubAnswer.getSiblings()?has_content>
1193 <p class="normal-text mb-0 text-justify">
1194 <#if (cur_faq_FaqQuestions_faqAnswers.getData())??>
1195 ${cur_faq_FaqQuestions_faqAnswers.getData()}
1196 </#if>
1197 </p>
1198 <ul class="normal-text pl-3">
1199 <#if cur_faq_FaqQuestions_faqAnswers.faqSubAnswer.getSiblings()?has_content>
1200 <#list cur_faq_FaqQuestions_faqAnswers.faqSubAnswer.getSiblings() as cur_faq_FaqQuestions_faqAnswers_faqSubAnswer>
1201 <li> <#if (cur_faq_FaqQuestions_faqAnswers_faqSubAnswer.getData())??>
1202 ${cur_faq_FaqQuestions_faqAnswers_faqSubAnswer.getData()}
1203 </#if> </li>
1204 </#list>
1205 </#if>
1206 </ul>
1207
1208 <#else>
1209 <p class="normal-text mb-0 text-justify">
1210 <#if (cur_faq_FaqQuestions_faqAnswers.getData())??>
1211 ${cur_faq_FaqQuestions_faqAnswers.getData()}
1212 </#if>
1213 </p>
1214
1215 </#if>
1216 </#list>
1217 </#if>
1218 </div>
1219 </div>
1220 </#list>
1221
1222 <#if faq.FaqQuestions.getSiblings()?has_content>
1223 <#assign isFaqQuestionExists=0>
1224 <#list faq.FaqQuestions.getSiblings() as cur_faq_FaqQuestions>
1225 <#if (cur_faq_FaqQuestions.getData())?? && cur_faq_FaqQuestions.getData()!="" >
1226
1227 <#assign isFaqQuestionExists=isFaqQuestionExists +1>
1228 </#if>
1229 </#list>
1230</#if>
1231
1232 <#if isFaqQuestionExists gt 0>
1233 <div class="col-12 d-block">
1234 <#list faq.FaqQuestions.getSiblings() as cur_faq_FaqQuestions>
1235 <div class="accordion-div">
1236 <#if (cur_faq_FaqQuestions.getData())?? && cur_faq_FaqQuestions.getData()!="">
1237 <button class="accordion">
1238 <span class="d-inline-block w-75">
1239 ${cur_faq_FaqQuestions.getData()}
1240 </span>
1241 </button>
1242 </#if>
1243 <div class="panel border-top py-2">
1244 <#if cur_faq_FaqQuestions.faqAnswers.getSiblings()?has_content>
1245 <#list cur_faq_FaqQuestions.faqAnswers.getSiblings() as cur_faq_FaqQuestions_faqAnswers>
1246
1247 <p class="normal-text text-justify">
1248 <#if (cur_faq_FaqQuestions_faqAnswers.getData())??>
1249 ${cur_faq_FaqQuestions_faqAnswers.getData()}
1250 </#if>
1251 </p>
1252 <#if cur_faq_FaqQuestions_faqAnswers.faqSubAnswer.getData()?has_content && cur_faq_FaqQuestions_faqAnswers.faqSubAnswer.getSiblings()?has_content>
1253
1254 <ul class="normal-text pl-3">
1255
1256 <#list cur_faq_FaqQuestions_faqAnswers.faqSubAnswer.getSiblings() as cur_faq_FaqQuestions_faqAnswers_faqSubAnswer>
1257 <li class="normal-text pl-3"> <#if (cur_faq_FaqQuestions_faqAnswers_faqSubAnswer.getData())??>
1258 ${cur_faq_FaqQuestions_faqAnswers_faqSubAnswer.getData()}
1259 </#if> </li>
1260 </#list>
1261
1262 </ul>
1263 </#if>
1264
1265 <#-------faq table----->
1266
1267
1268 <#--<#if faq.FaqQuestions.faqAnswers.faq_table_head.getSiblings()?has_content>
1269 <#list faq.FaqQuestions.faqAnswers.faq_table_head.getSiblings() as cur_faq_FaqQuestions_faqAnswers_faq_table_head>
1270 <#if (cur_faq_FaqQuestions_faqAnswers_faq_table_head.getData())??>
1271 ${cur_faq_FaqQuestions_faqAnswers_faq_table_head.getData()}
1272 </#if>
1273 </#list>
1274</#if>-->
1275
1276
1277
1278<#if cur_faq_FaqQuestions_faqAnswers.faq_table_head.getSiblings()?has_content>
1279
1280<#assign isTdExists=0>
1281<#if cur_faq_FaqQuestions_faqAnswers.faq_table_row.faq_table_td.getSiblings()?has_content>
1282 <#list cur_faq_FaqQuestions_faqAnswers.faq_table_row.faq_table_td.getSiblings() as cur_faq_FaqQuestions_faqAnswers_faq_table_row_faq_table_td>
1283
1284 <#if (cur_faq_FaqQuestions_faqAnswers_faq_table_row_faq_table_td.getData())?? && cur_faq_FaqQuestions_faqAnswers_faq_table_row_faq_table_td.getData()!="">
1285 <#--${cur_faq_FaqQuestions_faqAnswers_faq_table_row_faq_table_td.getData()}-->
1286 <#assign isTdExists=isTdExists +1>
1287 </#if>
1288 </#list>
1289</#if>
1290
1291 <#if faq.FaqQuestions.faqAnswers.faq_table_head.getSiblings()?has_content && isTdExists gt 0>
1292
1293
1294
1295
1296<div class="col-12 col-sm-12 col-md-12 col-lg-12 mt-2 px-0">
1297 <div class="table-responsive">
1298
1299 <table class="table table-borderless table-boi mb-0 " id="tbl-dept">
1300
1301 <thead class="th-boi">
1302
1303 <tr>
1304 <#list cur_faq_FaqQuestions_faqAnswers.faq_table_head.getSiblings() as cur_faq_FaqQuestions_faqAnswers_faq_table_head>
1305 <th scope="col">
1306
1307 <#if (cur_faq_FaqQuestions_faqAnswers_faq_table_head.getData())??>
1308 ${cur_faq_FaqQuestions_faqAnswers_faq_table_head.getData()}
1309 </#if>
1310
1311
1312 </th>
1313 </#list>
1314 </tr>
1315
1316 </thead>
1317
1318
1319 <#if cur_faq_FaqQuestions_faqAnswers.faq_table_row.getSiblings()?has_content>
1320 <tbody>
1321 <#if cur_faq_FaqQuestions_faqAnswers.faq_table_row.getSiblings()?has_content>
1322 <#list cur_faq_FaqQuestions_faqAnswers.faq_table_row.getSiblings() as cur_faq_FaqQuestions_faqAnswers_faq_table_row>
1323
1324
1325 <tr>
1326
1327 <#list cur_faq_FaqQuestions_faqAnswers_faq_table_row.faq_table_td.getSiblings() as cur_faq_FaqQuestions_faqAnswers_faq_table_row_faq_table_td>
1328
1329
1330
1331 <#-- <#if (cur_faq_FaqQuestions_faqAnswers_faq_table_row_faq_table_td.getData())??>-->
1332
1333 <td class="">
1334
1335 <#-- <#if (cur_faq_FaqQuestions_faqAnswers_faq_table_row_faq_table_td.getData())??>-->
1336
1337 <span> ${cur_faq_FaqQuestions_faqAnswers_faq_table_row_faq_table_td.getData()}</span>
1338
1339
1340
1341 <#-- </#if>-->
1342 </td>
1343
1344 <#--
1345 <#else>
1346 <td>
1347 <#if (cur_faq_FaqQuestions_faqAnswers_faq_table_row_faq_table_td.getData())??>
1348
1349 ${cur_faq_FaqQuestions_faqAnswers_faq_table_row_faq_table_td.getData()}
1350 </#if>
1351 </td>
1352 -->
1353
1354
1355
1356 </#list>
1357
1358 </tr>
1359
1360 </#list>
1361 </#if>
1362 </tbody>
1363 </#if>
1364 </table>
1365 </div>
1366 </div>
1367 </#if>
1368
1369
1370</#if>
1371 <#----faq table--->
1372
1373
1374 </#list>
1375 </#if>
1376 </div>
1377 </div>
1378 </#list>
1379 <div class="show-more text-center">
1380 <button class="btn btn-link show-more my-2 text-decoration-none"><@liferay_ui["message"] key="Show-More" /> <i class="bi bi-chevron-down ml-1"></i></button>
1381 </div>
1382 </div>
1383
1384 </div>
1385 </#if><#--- grater than 0 questionsisfaqquestion exist-->
1386
1387</#if>
1388
1389
1390<#if (twColumnHeading.getData())??>
1391<div class="row">
1392<#if (twColumnHeading.getData())?has_content>
1393 <div class="col-md-12">
1394 <div class="tab-contet-botom-headin my-4">
1395 <#if (twColumnHeading.getData())??>
1396 ${twColumnHeading.getData()}
1397 </#if>
1398 </div>
1399 </div>
1400</#if>
1401 <div class="clearfix"></div>
1402 <#if (twColumnHeading.twoColumnImage.getData())?has_content && twColumnHeading.twoColumnImage.getData() != "">
1403 <div class="col-12 col-sm-12 col-md-12 col-lg-6">
1404 <div class="img-video-container position-relative">
1405
1406
1407 <img alt="eligibility" src="${twColumnHeading.twoColumnImage.getData()}">
1408
1409
1410
1411 </div>
1412 </div>
1413 </#if>
1414
1415 <#if twColumnHeading.twoCoumnDescriptionList.getSiblings()?has_content && twColumnHeading.twoCoumnDescriptionList.getData()?has_content>
1416 <div class="col-12 col-sm-12 col-md-12 col-lg-6 py-3">
1417 <#list twColumnHeading.twoCoumnDescriptionList.getSiblings() as cur_twColumnHeading_twoCoumnDescriptionList>
1418 <div class="normal-text my-3">
1419 <#if (cur_twColumnHeading_twoCoumnDescriptionList.getData())??>
1420 ${cur_twColumnHeading_twoCoumnDescriptionList.getData()}
1421 </#if>
1422 </div>
1423 </#list>
1424
1425
1426 </div>
1427 </#if>
1428</div>
1429</#if>
1430</div>
1431</div>
1432</div>
1433</div>
1434</div>
1435<script type="text/javascript">
1436
1437 $(document).ready(function() {
1438
1439 var accordions = document.querySelectorAll('.accordion-div > .accordion');
1440 for (accordion of accordions) {
1441 $(accordion).off('click').on('click', function(e) {
1442 var button = e.currentTarget;
1443 if (e.currentTarget.classList.contains('active')) {
1444 button.classList.remove('active');
1445 button.nextElementSibling.classList.remove('d-block');
1446 } else {
1447 button.classList.add('active');
1448 button.nextElementSibling.classList.add('d-block');
1449 }
1450 var activeBtns = document.querySelectorAll('.accordion-div .accordion.active');
1451 for (let i = 0; i < activeBtns.length; i++) {
1452 if (e.currentTarget !== activeBtns[i]) {
1453 activeBtns[i].classList.remove('active');
1454 activeBtns[i].nextElementSibling.classList.remove('d-block');
1455 }
1456 }
1457 })
1458
1459 }
1460
1461
1462
1463
1464 if ($(this).find('.accordion-div').length > 4) {
1465 $(this)
1466 .find('.accordion-div')
1467 .slice(-($(this).find('.accordion-div').length - 4))
1468 .css('display', 'none');
1469 } else {
1470 $(this).find('.show-more').hide();
1471 }
1472
1473 $('.show-more > button').off('click').on('click', function(e) {
1474 // const currentElm = e.currentTarget;
1475 // const parentElm = $(currentElm).closest('.accordion-div');
1476 $('.accordion-div').slice(-($('.accordion-div').length - 4)).css('display', 'block');
1477 $('.show-more').hide();
1478 })
1479
1480
1481
1482
1483
1484
1485 // console.log("inside plus minus.........");
1486 // Add minus icon for collapse element which is open by default
1487 $(".tabtext .collapse.show").each(function() {
1488 $(this).prev(".card-header").find(".bi").addClass("bi-dash-square").removeClass("bi-plus-square");
1489 });
1490
1491 // Toggle plus minus icon on show hide of collapse element
1492 $(".tabtext .collapse").on('show.bs.collapse', function() {
1493 $(this).prev(".card-header").find(".bi").removeClass("bi-plus-square").addClass(" bi-dash-square");
1494 }).on('hide.bs.collapse', function() {
1495 $(this).prev(".card-header").find(".bi").removeClass("bi-dash-square").addClass(" bi-plus-square");
1496 });
1497
1498 // accordion our leaders section scroll top
1499 $('.accordion').on('click', function(e) {
1500 const accordion = e.currentTarget;
1501 const nextPanel = $(accordion).next();
1502 //console.log($(nextPanel).offset().top);
1503 if($(nextPanel).offset().top) {
1504 $('html,body').animate({
1505 scrollTop: $(nextPanel).offset().top - 300
1506 }, 250);
1507 }
1508 })
1509 });
1510
1511
1512 </script>
நீங்கள் விரும்பக்கூடிய தயாரிப்புகள்
POLICIES
