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