Portlet is temporarily unavailable.
Portlet is temporarily unavailable.
Java method "com.sun.proxy.$Proxy1225.getArticleDisplay(long, String, String, String, String, com.liferay.portal.kernel.theme.ThemeDisplay)" threw an exception when invoked on com.sun.proxy.$Proxy1225 object "com.boi.webcontent.service.wrapper.BoiJournalArticleServiceWrapper@643f081e"; see cause exception in the Java stack trace.
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign disclaimerText1 = journalArti... [in template "20097#20123#205415" at line 6, column 1]
----
1<#assign journalArticle = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
2
3<#assign getjournelarticle=journalArticle.getArticleByUrlTitle (themeDisplay.getScopeGroupId(),"Logout Links Disclaimer")>
4<#assign articleId = getjournelarticle.getArticleId()>
5<#assign groupId = themeDisplay.getScopeGroupId()>
6<#assign disclaimerText1=
7journalArticle.getArticleDisplay(groupId,articleId,"0", null,themeDisplay.getLanguageId(), themeDisplay).getContent()>
8<#assign disclaimerText=disclaimerText1?trim>
9
10
11<#attempt>
12<#assign hkUrl=themeDisplay.getPortalURL()/>
13<#recover>
14<#assign hkUrl=""/>
15</#attempt>
16
17<#assign language = locale.getLanguage()>
18<#assign languageId=themeDisplay.getLanguageId()/>
19<style>
20.login-dropdown-menu.dropdown-menu {
21max-width:280px !important;
22}
23
24.custom_lang_mr_IN .login-dropdown-menu.dropdown-menu,
25.custom_lang_gu_IN .login-dropdown-menu.dropdown-menu,
26.custom_lang_pa_IN .login-dropdown-menu.dropdown-menu,
27.custom_lang_kn_IN .login-dropdown-menu.dropdown-menu
28 {
29 font-size: 12px !important;
30}
31.custom_lang_ta_IN .login-dropdown-menu.dropdown-menu {
32 font-size: 10px !important;
33}
34.custom_lang_ml_IN .login-dropdown-menu.dropdown-menu {
35 font-size: 8px !important;
36}
37
38@media (min-width: 992px) {
39 .login-dropdown-menu.dropdown-menu {
40max-width:300px !important;
41}
42 }
43
44
45img.digital-loan-link-mob {
46 max-height: 28px;
47}
48div#mobileTab-navbar .list-inline-item:not(:last-child) {
49 padding: 4px 9px !important;
50}
51.text-truncate1 {
52 word-break: break-word;
53}
54.text-truncate1 a {
55 max-width: 100% !important;
56}
57#tab-nondesk .sub-child-ul {
58 max-height: 99% !important;
59}
60#mobileTab-navbar .logoImg {
61 height: 70px;
62 width: 114px;
63}
64#thirdlevelmenu {
65 top: 136px !important;
66}
67#tab-nondesk li.mobilebreadcrumb {
68 background: #0c345740;
69 padding-top: 22px !important;
70 padding-bottom: 22px !important;
71 font: normal normal bold 12px/18px Open Sans;
72 letter-spacing: 0px;
73 color: #ffffff;
74 max-height: 91px;
75}
76.text-overlaping-links {
77 white-space: nowrap;
78 overflow: hidden;
79 text-overflow: ellipsis;
80 width: 220px;
81 font-size: 16px;
82}
83.mainparent-nav:after {
84 position: absolute !important;
85 top: 30px !important;
86 background: transparent !important;
87 font-family: "bootstrap-icons" !important;
88 content: "\f285" !important;
89}
90
91.backbuttonmenu:after {
92 display: none;
93}
94.backbuttonmenu {
95 display: inline-block;
96}
97.subParentShow {
98 display: none !important;
99}
100#tablet-top-navbar .locateUs-lg::after,
101#tablet-top-navbar .topbar-lang-lg::after,
102#tablet-top-navbar .topbar-country-lg::after {
103 width: 8px;
104 margin-left: 12px;
105 position: relative;
106 top: -2px;
107}
108.portlet {
109 margin-bottom: 0;
110}
111.home-icon{
112 padding-bottom:10px !important;
113}
114.home-icon a.active {
115 border-bottom: solid 6px #0075be;
116 height: 41px;
117 padding: 9px 4px;
118}
119.login-lg a.login-primary-link {
120 line-height: 18px;
121 height: 38px;
122 padding: 10px;
123}
124
125@media (min-width: 992px) and (max-width : 1199px) {
126 .custom_lang_ta_IN .navbar-nav.tab-block-wrapper li {
127 font-size: 7px !important;
128}
129 .megamenu-li.Forex .megamenu {
130 height: 320px !important;
131}
132 li.nav-item.applynow{
133 margin:0px !important;
134 }
135 li.nav-item.megamenu-li {
136 padding: 0px !important;
137}
138
139 img.digital-loan-link-desktop {
140 width: 60px !important;
141 }
142 .navbar-nav.tab-block-wrapper li {
143 font-size: 10px;
144 padding: 0 3px !important;
145 }
146 .logoImg-lg {
147 max-width: 110px;
148 min-width: 110px !important;
149 }
150
151 .top-navbar {
152 max-height: 40px;
153 }
154
155 ul.list-inline.customnew-top-nav li {
156 font-size: 10px !important;
157 }
158
159 ul.list-inline.customnew-top-nav li:after {
160 top: 14px;
161 height: 13px !important;
162 }
163
164 .customnew-top-nav {
165 position: relative;
166 top: -7px;
167 max-height: 40px;
168 }
169 .online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li{
170 left: 95% !important;
171 }
172
173 .childsubmenu ul.dropdown-menu1 > li.dropdown-submenu-li {
174 width: 100% !important;
175}
176#desktop-navbar .online-banking-list .dropdown-menu1 a.dropdown-item{
177 font-size: 14px !important;
178}
179.online-banking-list .dropdown-menu1 .list-item {
180 width: 233px !important;
181 }
182}
183
184@media (min-width: 1200px) and (max-width: 1400px) {
185 .megamenu-li.Forex .megamenu {
186 height: 360px !important;
187}
188 li.nav-item.megamenu-li {
189 padding: 0px !important;
190}
191 img.digital-loan-link-desktop {
192 width: 80px !important;
193 }
194 .megamenu {
195 top: 97% !important;
196 }
197 .top-navbar {
198 max-height: 40px;
199 }
200 .top-navbar .container.py-2 {
201 padding: 6px 0 !important;
202 }
203 div#desktop-navbar {
204 height: 90px;
205 }
206 .container {
207 max-width: 86.6% !important;
208 }
209
210 .navbar-nav.tab-block-wrapper li {
211 font-size: 14px;
212 }
213
214 .img-fluid.logoImg-lg {
215 width: 124px;
216 }
217 #tab-desk {
218 margin-top: 26px;
219 }
220 .top-fixed-nav {
221 margin-top: 132px;
222 }
223 .home-icon a.active {
224 border-bottom: solid 4px #0075be;
225 }
226}
227@media (min-width: 1400px) and (max-width : 1465px) {
228 .navbar-nav.tab-block-wrapper li.megamenu-li {
229 padding: 0px 6px !important;
230 }
231 li.nav-item.applynow {
232 margin: 0px !important;
233}
234 li#login-buttonTwo {
235 margin: 0px !important;
236}
237 }
238@media (min-width: 1400px) {
239 .Module.Management .megamenu {
240 min-height: 450px !important;
241}
242
243 .megamenu {
244 top: 100% !important;
245 }
246 .home-icon a.active {
247 padding: 6px 4px;
248 }
249 .customnew-top-nav {
250 position: relative;
251 top: 0;
252 max-height: 48px;
253 font-size: 16px;
254 }
255
256}
257
258@media (max-width: 575px) {
259
260 .logoImg-lg { max-width: 105px !important; min-width: 100px !important; }
261
262 #tab-nondesk li.mobilebreadcrumb {
263 background: #0c345740;
264 padding-top: 8px !important;
265 padding-bottom: 8px !important;
266 }
267 #tab-nondesk .sub-child-ul li.sub-child-list {
268 padding-left: 3rem;
269 padding-right: 3rem;
270 padding-top: 1px;
271 padding-bottom: 1px;
272 }
273
274 #tab-nondesk .sub-child-ul li.sub-child-list > a {
275 display: block;
276 color: #fff;
277 margin-top: 5px;
278 padding: 9px 0;
279 border: solid 1px;
280 border-radius: 0 0 30px 0;
281 padding-left: 10px;
282 letter-spacing: 1px;
283 font-size: 12px;
284 }
285}
286
287#tab-nondesk
288 a.nav-link.d-flex.justify-content-between.border-bottom.border-color-sm.parent-link
289 .arow-menu:before {
290 font-weight: bold !important;
291 color: #0075be;
292 font-size: 18px;
293}
294
295#tab-nondesk .nondesk-active .arow-menu:before {
296 color: white !important;
297 transform: rotate(180deg);
298}
299#tab-nondesk li.parent-list.nondesk-active .child-div {
300 height: 175px;
301}
302
303.ExternalLinkPopup .modal-content {
304 overflow: hidden;
305 padding: 20px;
306 border: 1px solid #888;
307 background: #ffffff 0% 0% no-repeat padding-box;
308 box-shadow: 0px 3px 6px #00000029;
309 border-radius: 25px;
310 opacity: 1;
311}
312.ExternalLinkPopup p {
313 margin: 0;
314 padding: 0 0 10px 0;
315 font-size: 13px;
316 line-height: 20px;
317 text-align: justify;
318}
319.ExternalLinkPopup h5.modal-title {
320 text-align: center !important;
321 font: normal normal bold 24px/32px Montserrat;
322 letter-spacing: 0px;
323 color: #333333;
324 text-transform: uppercase;
325 opacity: 1;
326}
327
328@media (max-width: 768px) {
329
330#tab-nondesk ul#secondlevelmenu{
331 font-size:14px;
332}
333 .ExternalLinkPopup .modal-content {
334 height: 500px;
335 overflow-y: scroll;
336 }
337
338 .ExternalLinkPopup .modal-dialog {
339 height: auto !important;
340 width: auto !important;
341 }
342}
343.login-dropdown-menu a {
344 cursor: pointer;
345 color: #0075be !important;
346}
347
348.login-dropdown-menu a img {
349 width: 14px;
350}
351/* hover fat menu css changes are here */
352
353/* new css for hover style */
354.megamenu {
355 opacity: 0;
356 visibility: hidden;
357 overflow: hidden;
358 z-index: 1000;
359}
360.megamenu-li:hover > .megamenu,
361.megamenu-li:focus > .megamenu {
362 opacity: 1;
363 visibility: visible;
364 overflow: visible;
365}
366.megamenu-li:hover > a.nav-link > img,
367.megamenu-li:focus > a.nav-link > img {
368 transform: rotate(180deg);
369}
370.megamenu-li:hover > a.nav-link,
371.megamenu-li:focus > a.nav-link {
372 border-bottom: solid 4px #0075be;
373}
374/* css only for dynamic nav height */
375.megamenu {
376 height: auto;
377 min-height: 265px;
378}
379.min-height-zero {
380 min-height: 0 !important;
381}
382
383/* new height rules */
384.height-100 {
385 height: 100px !important;
386}
387.height-150 {
388 height: 150px !important;
389}
390.height-175 {
391 height: 175px !important;
392}
393.height-245 {
394 height: 245px !important;
395}
396.height-250 {
397 height: 250px !important;
398}
399.height-290 {
400 height: 290px !important;
401}
402.height-350 {
403 height: 350px !important;
404}
405.height-400,
406.megamenu-400 {
407 height: 400px !important;
408}
409.height-450 {
410 height: 450px !important;
411}
412.megamenu-325 {
413 height: 325px !important;
414}
415.megamenu-350 {
416 height: 350px !important;
417}
418.megamenu-460 {
419 height: 460px !important;
420}
421.megamenu-500 {
422 height: 500px !important;
423}
424.megamenu-550 {
425 height: 550px !important;
426}
427.img-dynamic .dropdown-card .card-img-top {
428 height: 225px;
429}
430.img-dynamic-lg .dropdown-card .card-img-top {
431 height: 300px;
432}
433.NRI .dropdown-card .card-img-top {
434 height: 250px;
435}
436@media (min-width: 1400px) {
437 .img-dynamic-lg .dropdown-card {
438 width: 330px;
439 }
440 .img-dynamic-lg .dropdown-card img.card-img-top {
441 height: 330px;
442 }
443 .NRI .dropdown-card img.card-img-top {
444 height: 275px;
445 }
446 .NRI .dropdown-card {
447 width: 320px;
448 }
449 .NRI .megamenu {
450 height: 440px !important;
451 }
452 .custom_lang_mr_IN .NRI .megamenu {
453 height: 500px !important;
454 }
455 .custom_lang_ta_IN .NRI .megamenu {
456 height: 500px !important;
457 }
458 .custom_lang_te_IN .NRI .megamenu {
459 height: 520px !important;
460 }
461 .custom_lang_pa_IN .NRI .megamenu {
462 height: 480px !important;
463 }
464 .custom_lang_bn_IN .NRI .megamenu {
465 height: 540px !important;
466 }
467 .custom_lang_gu_IN .NRI .megamenu {
468 height: 500px !important;
469 }
470 .custom_lang_kn_IN .NRI .megamenu {
471 height: 570px !important;
472 }
473 .custom_lang_ml_IN .NRI .megamenu {
474 height: 500px !important;
475 }
476 .custom_lang_ur_IN .NRI .megamenu {
477 height: 500px !important;
478 }
479 .Business .megamenu.img-dynamic-lg{
480 min-height: 439px;
481 }
482}
483
484
485.online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li {
486 margin-left: 0 !important;
487 margin-right: 0 !important;
488}
489.online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li {
490 height: auto;
491}
492.childsubchild > li.list-item {
493 /* margin-left: 0!important; */
494 margin-right: 0 !important;
495}
496.childsubmenu ul.dropdown-menu1 > li.dropdown-submenu-li {
497 width: 450px !important;
498}
499.navbar-nav.tab-block-wrapper li.megamenu-li {
500 margin-right: 0 !important;
501 margin-left: 0 !important;
502 padding: 0 6px;
503 padding-bottom:10px;
504}
505@media (min-width: 1400px) {
506 .navbar-nav.tab-block-wrapper li.megamenu-li {
507 padding-left: 10px;
508 padding-right: 10px;
509 }
510}
511#innersubmenu .childsubmenu {
512 margin-bottom: 0 !important;
513}
514
515#desktop-navbar .online-banking-list .dropdown-menu1 a.dropdown-item {
516 text-overflow: initial !important;
517}
518
519#tab-desk .megamenu .dropdown-card .card-img-top {
520 border-radius: 0 0 25px 0 !important;
521}
522
523/*#desktop-navbar .online-banking-list .dropdown-menu1 a.dropdown-item.dynamic-link {
524white-space: normal!important;
525display: flex;
526align-items: center;
527font-size: 14px;
528min-width: 100%;
529}
530#desktop-navbar .online-banking-list .dropdown-menu1 a.dropdown-item.dynamic-link.fs11 {
531font-size: 11px!important;
532}*/
533#desktop-navbar
534 .online-banking-list
535 .dropdown-menu1
536 a.dropdown-item.dynamic-link {
537 white-space: normal !important;
538}
539
540.online-banking-list .dropdown-menu1 .list-item {
541 min-width: auto !important;
542 max-width: none !important;
543}
544#desktop-navbar .online-banking-list .dropdown-menu1 a.dropdown-item {
545 max-width: 28ch !important;
546}
547.online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li {
548 min-height: 310px;
549}
550.online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li > ul {
551 min-width: auto !important;
552}
553@media (max-width: 1300px) {
554 .online-banking-list .dropdown-menu1 .list-item {
555 width: 255px !important;
556 }
557}
558@media (min-width: 1200px) and (max-width: 1366px) {
559 .online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li {
560 left: 95%;
561 }
562}
563@media (min-width: 1300px) and (max-width: 1366px) {
564 .online-banking-list .dropdown-menu1 .list-item {
565 width: 270px !important;
566 }
567}
568@media (min-width: 1367px) and (max-width: 1599px) {
569 .online-banking-list .dropdown-menu1 .list-item {
570 width: 255px !important;
571 }
572}
573@media (min-width: 1367px) and (max-width: 1599px) {
574 .online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li {
575 left: 95% !important;
576 }
577}
578@media (min-width: 1600px) and (max-width: 1679px) {
579 li.nav-item.applynow {
580 margin: 0px !important;
581}
582 .online-banking-list .dropdown-menu1 .list-item {
583 width: 300px !important;
584 }
585 .online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li {
586 left: 85% !important;
587 }
588}
589@media (min-width: 1680px) and (max-width: 1919px) {
590 #desktop-navbar .online-banking-list .dropdown-menu1 a.dropdown-item {
591 max-width: 30ch !important;
592 }
593 .online-banking-list .dropdown-menu1 .list-item {
594 width: 315px !important;
595 }
596 .online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li {
597 left: 81% !important;
598 }
599}
600
601 @media (min-width: 1900px) {
602 li.nav-item.megamenu-li.Forex .card-img-top.imgnav-bg{
603 min-height:300px;
604 }
605 .megamenu-li.Forex .megamenu {
606 height: 450px !important;
607}
608
609li#Forex ul.d-flex.flex-column.flex-wrap.childsubchild {
610 height:280px !important;
611}
612 .NRI .megamenu {
613 height: 500px !important;
614 }
615 li.nav-item.megamenu-li.Agri.height-150{
616 height:300px !important;
617}
618 li.nav-item.megamenu-li.Invest.\&.Insure .height-150{
619 min-height:200px !important;
620 }
621 li.nav-item.megamenu-li.Agri .height-450 {
622 min-height: 478px !important;
623}
624 .padding-extra-large {
625 padding:30px !important;
626}
627 #desktop-navbar .online-banking-list .dropdown-menu1 a.dropdown-item{
628 min-width: 340px;
629 }
630 ul.d-flex.flex-column.flex-wrap.childsubchild li{
631 min-width: 371px !important;
632}
633 li.nav-item.megamenu-li.Agri .height-245 {
634 min-height: 254px !important;
635}
636 li.nav-item.megamenu-li.NRI .height-245 {
637 min-height: 318px !important;
638}
639
640 li.nav-item.megamenu-li.NRI .height-150,li.nav-item.megamenu-li.Invest.\&.Insure .h-150,li.nav-item.megamenu-li.Personal .height-150,li.nav-item.megamenu-li.Business .height-150 {
641 min-height: 240px;
642}
643 li.nav-item.megamenu-li.Personal .height-290, li.nav-item.megamenu-li.Business .height-290 {
644 min-height: 390px !important;
645}
646 li.nav-item.megamenu-li.Personal .megamenu.img-dynamic.megamenu-400 {
647 min-height: 440px;
648}
649 li.nav-item.megamenu-li.Invest.\&.Insure .height-245 {
650 min-height: 277px !important;
651}
652 li.nav-item.megamenu-li.Business .megamenu.img-dynamic.megamenu-400{
653 height:500px !important;
654 }
655 li.nav-item.megamenu-li.Business .megamenu.img-dynamic.megamenu-400 .height-290 {
656 height: 414px !important;
657}
658 li.nav-item.megamenu-li.Invest.\&.Insure .height-450 {
659 min-height: 476px !important;
660}
661 }
662
663
664@media (min-width: 1920px) {
665 .Module.Management .megamenu {
666 min-height: 480px !important;
667}
668 .Module.Management .megamenu .childsubchild{
669 height: 400px !important;
670}
671 .Module.Management .megamenu .card-img-top{
672 min-height: 300px !important;
673}
674 .padding-extra-large {
675 padding: 50px !important;
676 }
677
678 #desktop-navbar .online-banking-list .dropdown-menu1 a.dropdown-item {
679 max-width: 40ch !important;
680 }
681 .online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li {
682 left: 75% !important;
683 }
684 .online-banking-list
685 .dropdown-submenu-ul
686 > .active
687 .dropdown-submenu-li
688 > ul {
689 max-height: 460px;
690 }
691
692 .NRI .megamenu {
693 height: 500px !important;
694 }
695 .custom_lang_mr_IN .NRI .megamenu {
696 height: 550px !important;
697 }
698 .custom_lang_ta_IN .NRI .megamenu {
699 height: 550px !important;
700 }
701 .custom_lang_te_IN .NRI .megamenu {
702 height: 570px !important;
703 }
704 .custom_lang_pa_IN .NRI .megamenu {
705 height: 530px !important;
706 }
707 .custom_lang_bn_IN .NRI .megamenu {
708 height: 600px !important;
709 }
710 .custom_lang_gu_IN .NRI .megamenu {
711 height: 550px !important;
712 }
713 .custom_lang_kn_IN .NRI .megamenu {
714 height: 620px !important;
715 }
716 .custom_lang_ml_IN .NRI .megamenu {
717 height: 560px !important;
718 }
719 .custom_lang_ur_IN .NRI .megamenu {
720 height: 550px !important;
721 }
722 .online-banking-list .dropdown-submenu-ul > .active .dropdown-submenu-li > ul{
723 width: 100%;
724 }
725 .online-banking-list .dropdown-menu1 .list-item {
726 width: 390px !important;
727 }
728}
729
730@media only screen
731and (min-device-width : 768px)
732and (max-device-width : 1024px)
733and (orientation : landscape) {
734 .navbar-nav.tab-block-wrapper li {
735 font-size: 10px;
736 padding: 0 3px !important;
737 }
738.logoImg-lg {
739 max-width: 110px !important;
740 min-width: 110px !important;
741}
742.top-navbar_tablet .list-inline-item:not(:last-child) {
743 margin-right: 0 !important;
744 padding: 4px 13px;
745}
746 .zoomaccess{
747 display:none !important;
748 }
749
750}
751
752
753
754 /* New menu Bg */
755 li.nav-item.megamenu-li.Reports .card-img-top.imgnav-bg {
756 background: url('/documents/d/guest/reports-logo');
757 background-repeat: no-repeat !important;
758 background-size: cover !important;
759 background-position: center !important;
760 min-height: 170px;
761}
762 li.nav-item.megamenu-li.Module.Management .card-img-top.imgnav-bg {
763 background: url('/documents/d/guest/admin-logo');
764 background-repeat: no-repeat !important;
765 background-size: cover !important;
766 background-position: center !important;
767 min-height: 170px;
768}
769li.nav-item.megamenu-li.Agri .card-img-top.imgnav-bg{
770 background: url('/documents/d/guest/agree') ;
771 background-repeat: no-repeat !important;
772 background-size: cover !important;
773 background-position: center !important;
774 border-bottom-right-radius: 30px !important;
775 min-height: 170px;
776}
777
778li.nav-item.megamenu-li.NRI .card-img-top.imgnav-bg{
779 background: url('/documents/d/guest/nri') ;
780 background-repeat: no-repeat !important;
781 background-size: cover !important;
782 background-position: center !important;
783 border-bottom-right-radius: 30px !important;
784 min-height: 170px;
785}
786li.nav-item.megamenu-li.Invest.\&.Insure .card-img-top.imgnav-bg{
787 background: url('/documents/d/guest/invest-insure') ;
788 background-repeat: no-repeat !important;
789 background-size: cover !important;
790 background-position: center !important;
791 border-bottom-right-radius: 30px !important;
792 min-height: 170px;
793}
794
795li.nav-item.megamenu-li.Business .card-img-top.imgnav-bg{
796 background: url('/documents/d/guest/bussines') ;
797 background-repeat: no-repeat !important;
798 background-size: cover !important;
799 background-position: center !important;
800 border-bottom-right-radius: 30px !important;
801 min-height: 170px;
802}
803li.nav-item.megamenu-li.Personal .card-img-top.imgnav-bg{
804 background: url('/documents/d/guest/personal') ;
805 background-repeat: no-repeat !important;
806 background-size: cover !important;
807 background-position: center !important;
808 border-bottom-right-radius: 30px !important;
809 min-height: 170px;
810}
811 li.nav-item.megamenu-li.Forex .card-img-top.imgnav-bg{
812 background: url('/documents/d/guest/forex') ;
813 background-repeat: no-repeat !important;
814 background-size: cover !important;
815 background-position: center !important;
816 border-bottom-right-radius: 30px !important;
817 min-height: 250px;
818}
819
820 @media (min-width: 1700px){
821 .height-290 {
822 height: 320px !important;
823 }
824 li.nav-item.megamenu-li.Personal .card-img-top.imgnav-bg,li.nav-item.megamenu-li.Business .card-img-top.imgnav-bg,li.nav-item.megamenu-li.Invest.\&.Insure .card-img-top.imgnav-bg{
825 min-height:200px;
826 }
827 li.nav-item.megamenu-li.NRI .card-img-top.imgnav-bg{
828 min-height:330px;
829 }
830 .img-dynamic-lg .dropdown-card .card-img-top{
831 min-height:340px !important;
832 }
833 .megamenu-500,.megamenu.img-dynamic-lg {
834 height: 530px !important;
835 }
836
837
838}
839.logoImg-lg {
840 max-width: 215px;
841 min-width: 130px !important;
842}
843
844
845.megamenu-li.Forex .megamenu {
846 height: 400px;
847}
848
849li#Forex ul.d-flex.flex-column.flex-wrap.childsubchild {
850 height:300px !important;
851}
852 .Module.Management .megamenu .card-img-top{
853 min-height: 270px !important;
854}
855
856</style>
857 <#attempt>
858<#assign requestObj = themeDisplay.getRequest()/>
859<#assign browserSnifferService=staticUtil["com.liferay.portal.kernel.servlet.BrowserSnifferUtil"]/>
860<#assign isMobile=browserSnifferService.isMobile(requestObj)/>
861
862<#recover>
863<#assign isMobile=false/>
864</#attempt>
865 <#assign themeDisplayLanguageId=themeDisplay.getLanguageId()/>
866 <p style="display:none;">${isMobile?c}</p>
867
868
869
870 <!-- Mobile/Tab UI Starts -->
871 <nav class="navbar navbar-light px-0 navbar-white-sm d-block d-lg-none">
872 <div class="row align-items-center px-3">
873 <div class="col-3 col-md-3">
874 <a class="navbar-brand" href="/">
875
876 <img
877 src="/o/boi-global-theme/images/boi/logos/boi_${themeDisplayLanguageId}_logo.png"
878 class="img-fluid logoImg-lg boi-english"
879 alt="Bank of India brand logo"
880 />
881
882
883 <span class="sr-only">Bank Of India Home Page</span>
884 </a>
885 </div>
886 <div class="col-9 col-md-9 text-right">
887
888 <ul class="list-inline d-lg-none">
889 <li class="list-inline-item">
890 <button type="button" class="btn btn-link" id="serachformobile">
891 <img
892 src="/o/boi-global-theme/images/boi/Group 118949.svg"
893 alt="search button for bank service"
894 title="search services"
895 class="mb-1"
896 />
897 </button>
898 </li>
899 <!-- <li class="list-inline-item">
900 <button type="button" class="btn btn-link" >
901 <img
902 src="/o/boi-global-theme/images/boi/Group 118949.svg"
903 alt="login for bank services"
904 title="customer Log In"
905 class="mb-1"
906 />
907 </button>
908 </li> -->
909
910 <li class="list-inline-item">
911<a href="https://staraks.bankofindia.co.in/">
912<img src="/documents/20121/818478/DigitalProducts_Mobile.svg" alt="digital-loan" class="digital-loan-link-mob">
913</a>
914</li>
915
916 <li class="list-inline-item dropdown login-lg mr-0 px-0 " id="login-button">
917 <#if themeDisplay.isSignedIn()>
918 <a
919 class="dropdown-toggle login-primary-link1 loglogout-mob"
920 href="/c/portal/logout"
921 id="navbarDropdown8"
922 role="button"
923 >
924 <img
925 src="/o/boi-global-theme/images/boi/Logout-Icon-mobile.svg"
926 alt="Logout"
927 title="Logout"
928 class="mobile-login"
929 />
930 </a>
931 <#else>
932 <a
933 class="dropdown-toggle login-primary-link1 loglogout-mob"
934 href="#"
935 role="button"
936 data-toggle="dropdown"
937 aria-expanded="false"
938 >
939 <img
940 src="/documents/20121/17715647/NetBanking3.svg/bb7b428c-1568-3b5f-fa5c-2bc54713eb55?t=1679030520786"
941 alt="Internet Banking"
942 title="Internet Banking"
943 class="mobile-login"
944 />
945 </a>
946
947 <div
948 class="p-2 dropdown-menu login-dropdown-menu dropdown-menu-right"
949 >
950 <#assign OmniURL="https://uaibconnect.bankofindia.co.in/omnineo">
951
952 <div class="clearfix hideForGlobal ">
953 <span class="float-left font-weight-bold text-dark" ><@liferay_ui["message"] key="Omni-neo" /> </span>
954 <span class="float-right"><a onclick="showNavDisclaimer('${OmniURL}')"><@liferay_ui["message"] key="Login" /><img src="/documents/20121/135471/right-seemore-arrow.svg" class="ml-1" alt="more"></a></span>
955 </div>
956 <div class="dropdown-divider"></div>
957 <div class="clearfix hideForGlobal">
958 <#assign PersonalURL="https://starconnectcbs.bankofindia.com/BankAwayRetail/sgonHttpHandler.aspx?Action.RetUser.Init.001=Y&AppSignonBankId=013&AppType=retail">
959 <span class="float-left font-weight-bold text-dark"><@liferay_ui["message"] key="Personal" /></span>
960 <span class="float-right">
961 <a onclick="showNavDisclaimer('${PersonalURL}')" ><@liferay_ui["message"] key="Login" /><img src="/documents/20121/135471/right-seemore-arrow.svg" class="ml-1" alt="more"></a>
962 </span>
963 </div>
964
965 <#assign CorporateURL="https://starconnectcbs.bankofindia.com/BankAwayCorporate/sgonHttpHandler.aspx?Action.CorpUser.Init.001=Y&AppSignonBankId=013&AppType=corporate">
966 <div class="dropdown-divider"></div>
967 <div class="clearfix hideForGlobal ">
968 <span class="float-left font-weight-bold text-dark" ><@liferay_ui["message"] key="Corporate" /></span>
969 <span class="float-right"><a onclick="showNavDisclaimer('${CorporateURL}')"><@liferay_ui["message"] key="Login" /><img src="/documents/20121/135471/right-seemore-arrow.svg" class="ml-1" alt="more"></a></span>
970 </div>
971
972 <#--<div class="dropdown-divider"></div>
973 <div class="clearfix">
974 <a class="float-left font-weight-bold text-dark" href="#">Credit Cards</a
975 ><span class="float-right"><a href="#">Login > </a></span>
976 </div>-->
977
978 <div class="dropdown-divider"></div>
979 <div class="clearfix hideForGlobal">
980 <span class="float-left font-weight-bold text-dark"><@liferay_ui["message"] key="Global" /></span>
981 <span class="float-right"><a target="_blank" href="https://bankofindia.co.in/overseas-internet-banking"><@liferay_ui["message"] key="Login" /><img src="/documents/20121/135471/right-seemore-arrow.svg" class="ml-1" alt="more"></a></span>
982 </div>
983 </div>
984 </#if>
985 </li>
986
987 <li class="list-inline-item">
988 <button
989 class="navbar-toggler border-white"
990 type="button"
991 data-toggle="collapse"
992 data-target="#navbarSupportedContent"
993 aria-controls="navbarSupportedContent"
994 aria-expanded="false"
995 aria-label="Toggle navigation"
996 >
997 <span class="navbar-toggler-icon"></span>
998 </button>
999 </li>
1000 </ul>
1001
1002
1003
1004 </div>
1005 </div>
1006 <div class="collapse navbar-collapse" id="navbarSupportedContent">
1007 <ul class="navbar-nav mr-auto">
1008
1009
1010
1011 <div class="d-lg-none" id="tab-nondesk">
1012 <ul class="navbar-nav">
1013 <li class="nav-item px-3 pb-1 parent-list">
1014 <a class="nav-link active border-bottom border-color-sm" href="/"
1015 >Home <span class="sr-only">(current)</span>
1016 </a>
1017 </li>
1018 <#list navItems as nav_item>
1019 <#if nav_item.getChildren()?has_content>
1020 <li class="nav-item px-3 pb-1 parent-list">
1021 <a class="nav-link d-flex justify-content-between border-bottom border-color-sm parent-link">${nav_item.getName()}
1022 <span role="presentation"><i class="bi bi-chevron-down mb-1 arow-menu font-weight-bold"></i></span>
1023 </a>
1024 <div class="child-div">
1025
1026 <#if nav_item.getName()=="NRI">
1027 <span class="d-block text-white help-lineinmenu">(For assistance, NRI can reach<span class=" d-block">Helpline Number : +91 7969241100 </span><span class="d-block">Email: <u>FEBO.NRI@bankofindia.co.in</u> )</span>
1028 </span>
1029 </#if>
1030
1031 <ul class="p-2 child-div-ul" id="secondlevelmenu">
1032
1033 <#list nav_item.getChildren() as nav_child>
1034 <li class="child-list" id="${nav_item.getName()}" data-value="${nav_item.getName()}">
1035 <img class="parentimgs" src="${nav_child.iconURL()}" alt=""/>
1036 <a class="font-weight-bold child-link">${nav_child.getName()}</a>
1037 <div class="sub-child-div" id="sub-child-div">
1038
1039 <ul class="sub-child-ul d-none" id="thirdlevelmenu">
1040 <li class="mobilebreadcrumb">
1041 <ul class="list-inline">
1042 <li class="list-inline-item px-0 backbuttonmenu" onclick="navigateBack(this)"><img src="/o/boi-global-theme/images/boi/Prev-icon.png" alt="previous"></li>
1043 <li class="list-inline-item px-2 text-overlaping-links"><span title="${nav_item.getName()}">${nav_item.getName()}</span><i class="bi bi-chevron-right mx-1"></i><img class="parentimgs mr-1" src="${nav_child.iconURL()}" alt=""/><span title="${nav_child.getName()}">${nav_child.getName()}</span></li>
1044 </ul>
1045 </li>
1046 <#list nav_child.getChildren() as nav_subchild>
1047 <!--<li class="nondesk-breadcrumb">link site here</li>-->
1048 <li class="sub-child-list">
1049 <#attempt>
1050 <#assign layoutType=nav_subchild.getLayout().getType()/>
1051 <#if layoutType=="url">
1052 <#assign targetType="_blank"/>
1053 <#else>
1054 <#assign targetType="_self"/>
1055 </#if>
1056
1057 <#recover>
1058 <#assign targetType="_self"/>
1059 </#attempt>
1060
1061 <a href="${nav_subchild.getURL()}" class="sub-child-link" target="${targetType}" >${nav_subchild.getName()}</a>
1062 </li>
1063 </#list>
1064 </ul>
1065
1066 </div>
1067 </li>
1068 </#list>
1069 </ul>
1070
1071 </div>
1072 </li>
1073
1074 <#else>
1075 <li class="nav-item px-3 pb-1 parent-list">
1076 <a class="nav-link dropdown-toggle" style="white-space: nowrap;" title="${nav_item.getName()}" href="${nav_item.getURL()}">${nav_item.getName()}</a>
1077 </li>
1078
1079 </#if>
1080
1081
1082 </#list>
1083 </ul>
1084 </div>
1085
1086 </ul>
1087 </div>
1088 </nav>
1089
1090 <!-- Mobile/Tab UI Ends -->
1091
1092
1093
1094 <div class="cusnavtabs-wrapper-desk d-none d-lg-block" id="tab-desk">
1095 <ul class="navbar-nav tab-block-wrapper mt-4">
1096 <#assign theme_display = themeDisplay>
1097 <#assign is_signed_in = theme_display.isSignedIn()>
1098 <#if is_signed_in>
1099 <li></li>
1100 <#else>
1101 <li class="align-self-center ml-0 home-icon">
1102 <a href="/${languageId}/home">
1103 <span role="presentation">
1104 <img src="/o/boi-global-theme/images/boi/Mask Group 122.svg" alt="A go to home page link with home icon " class="mb-1"/>
1105 </span>
1106 <span class="sr-only">Home</span>
1107 </a>
1108 </li>
1109 </#if>
1110 <#list navItems as nav_item>
1111 <#if nav_item.getChildren()?has_content>
1112 <!-- <li class="nav-item megamenu-li ${nav_item.getName()}"> -->
1113 <li class="nav-item megamenu-li ${nav_item.getLayout().getName('en_US')}">
1114 <a class="nav-link" href="#0" aria-haspopup="true" aria-expanded="false">${nav_item.getName()}
1115 <img class="activearrow" src="/o/boi-global-theme/images/boi/arrow_forward_ios_black_24dp.svg" alt="" /></a>
1116
1117 <div class="megamenu">
1118 <ul>
1119 <li class="online-banking-list px-5 py-4 padding-extra-large">
1120 <div class="dropdown-header px-0">
1121 <p class="dropdown-heading d-inline">${nav_item.getName()}
1122 </p>
1123 <#if nav_item.getName()=="NRI">
1124 <span class="d-inline" style="color: white;font-weight: bold;">(For Your assistance Helpline Number : +91 7969241100 </span><span class="d-inline" style="color: white;font-weight: bold;">Email : <u>FEBO.NRI@bankofindia.co.in</u>)</span>
1125 </#if>
1126 </div>
1127 <div class="row">
1128 <div class="col-lg-3 left-top-img">
1129 <div class="card border-0 dropdown-card mb-0">
1130 <!--<img class="card-img-top" src="${nav_item.iconURL()}" alt=""/>-->
1131 <div class="card-img-top imgnav-bg"></div>
1132
1133 <div class="card-body theme-color-blue-secondary d-none text-white dropdown-card-body" id="text-submenu-area">
1134 <div class="d-flex align-items-end">
1135 <div class="image-heading text-justify">
1136 <#attempt>
1137 <#assign val = nav_item.getTarget()>
1138 <#assign valupdate = val?keep_after_last("=")>
1139 <#assign cardbottomtitle = valupdate?js_string?replace("\"", "")?replace("\\", "")>
1140 ${cardbottomtitle}
1141 <#recover>
1142 </#attempt>
1143 </div>
1144
1145 </div>
1146 </div>
1147 </div>
1148 </div>
1149 <div class="col-lg-3 padding-left-xxl">
1150 <ul class="dropdown-submenu-ul" id="innersubmenu">
1151 <#list nav_item.getChildren() as nav_child>
1152 <li class="dropdown-subMenu key-services childsubmenu" id="${nav_item.getName()}" data-value="${nav_item.getName()}">
1153 <a class="dropdown-submenu-link d-flex text-truncate1 align-items-center active-style"href="#0" title="${nav_child.getName()}" ><img class="parentimgs align-items-center" src="${nav_child.iconURL()}" alt=""/>${nav_child.getName()}</a>
1154 <ul aria-labelledby="onlineBankingMenuOne" class="dropdown-menu1">
1155 <li class="dropdown-submenu-li position-absolute d-none">
1156
1157 <ul class="d-flex flex-column flex-wrap childsubchild">
1158 <#list nav_child.getChildren() as nav_subchild>
1159 <li class="list-item">
1160 <#attempt>
1161 <#assign layoutType=nav_subchild.getLayout().getType()/>
1162 <#if layoutType=="url">
1163 <#assign targetType="_blank"/>
1164 <#else>
1165 <#assign targetType="_self"/>
1166 </#if>
1167
1168 <#recover>
1169 <#assign targetType="_self"/>
1170 </#attempt>
1171 <a class="dropdown-item" style="white-space: nowrap;" target="${targetType}" title="${nav_subchild.getName()}" href="${nav_subchild.getURL()}">${nav_subchild.getName()}</a></li>
1172 </#list>
1173 </ul>
1174 </li>
1175 </ul>
1176 </li>
1177 </#list>
1178 </ul>
1179 </div>
1180 </div>
1181 </li>
1182 </ul>
1183 </div>
1184
1185 </li>
1186
1187 <#else>
1188 <li class="nav-item">
1189 <a class="nav-link dropdown-toggle" style="white-space: nowrap;" title="${nav_item.getName()}" href="${nav_item.getURL()}">${nav_item.getName()}</a>
1190 </li>
1191
1192 </#if>
1193
1194 </#list>
1195 <li class="align-self-center search nav-item dropdown megamenu-li">
1196 <a class="nav-link dropdown-toggle" href="#0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1197 <span role="presentation">
1198 <img
1199 src="/o/boi-global-theme/images/boi/Group 118949.svg"
1200 alt="search icon"
1201 title="search"
1202 />
1203 </span>
1204 <span class="sr-only">click here to search</span>
1205 </a>
1206 <div class="dropdown-menu megamenu">
1207 <@liferay_portlet["runtime"] portletName="boi_search_BoiSearchPortlet" />
1208 </div>
1209 </li>
1210
1211
1212 <#--- <li class="nav-item align-self-center dropdown login-lg mr-0" id="login-button">
1213 <#if themeDisplay.isSignedIn()>
1214 <a
1215 class="dropdown-toggle login-primary-link"
1216 href="/c/portal/logout"
1217 role="button"
1218 >
1219 Logout
1220 <span role="presentation"><i class="bi bi-arrow-down arrow-btn p-0"></i></span>
1221 </a>
1222 <#else>
1223 <a
1224 class="dropdown-toggle login-primary-link"
1225 href="https://www.boiweb.bankofindia.co.in/"
1226 role="button"
1227 target="_blank">
1228 Internet Banking
1229 <span class="d-none" role="presentation">
1230 <img src="/o/boi-global-theme/images/boi/arrow_forward_black_24dp.png" class="arrow-btn" alt="">
1231 <i class="bi bi-arrow-down d-none" ></i></span>
1232 </a>
1233 </#if>
1234 </li>---->
1235 <li class="nav-item applynow">
1236<a href="https://staraks.bankofindia.co.in/">
1237<img src="/documents/20121/818478/DigitalLoanIconHorizontal%20%281%29.svg/4ae21cb4-c878-478e-791b-c34997710f58?t=1694011167080" alt="digital-loan" class="digital-loan-link-desktop">
1238</a>
1239</li>
1240
1241<li class="nav-item align-self-center dropdown login-lg mr-0" id="login-buttonTwo">
1242 <#if themeDisplay.isSignedIn()>
1243 <a
1244 class="dropdown-toggle login-primary-link"
1245 href="/c/portal/logout"
1246 id="navbarDropdown8"
1247 role="button"
1248 >
1249 Logout
1250 <span role="presentation"><img src="/o/boi-global-theme/images/boi/down_arrow_black.svg" class="arrow-btn" alt="logout"></span>
1251 </a>
1252 <#else>
1253 <a
1254 class="dropdown-toggle login-primary-link"
1255 href="#"
1256 role="button"
1257 data-toggle="dropdown"
1258 aria-expanded="false"
1259 >
1260 <@liferay_ui["message"] key="Internet-banking" />
1261 <span role="presentation">
1262 <img src="/o/boi-global-theme/images/boi/down_arrow_black.svg" class="arrow-btn" alt="">
1263
1264
1265 <i class="bi bi-arrow-down d-none" ></i></span>
1266 </a>
1267
1268 <div
1269 class="p-2 dropdown-menu login-dropdown-menu dropdown-menu-right"
1270
1271 >
1272 <#assign OmniURL="https://uaibconnect.bankofindia.co.in/omnineo">
1273
1274 <div class="clearfix">
1275 <span class="float-left font-weight-bold text-dark" >
1276 <@liferay_ui["message"] key="Omni-neo" />
1277 </span>
1278 <span class="float-right"><a rel='nofollow' onclick="showNavDisclaimer('${OmniURL}')">
1279 <@liferay_ui["message"] key="Login" />
1280
1281 <img src="/documents/20121/135471/right-seemore-arrow.svg" class="ml-1" alt="more"></a></span>
1282 </div>
1283 <div class="dropdown-divider"></div>
1284 <div class="clearfix">
1285<#assign PersonalURL="https://starconnectcbs.bankofindia.com/BankAwayRetail/sgonHttpHandler.aspx?Action.RetUser.Init.001=Y&AppSignonBankId=013&AppType=retail">
1286<span class="float-left font-weight-bold text-dark">
1287 <@liferay_ui["message"] key="Personal" />
1288 </span>
1289<span class="float-right">
1290<a rel='nofollow' onclick="showNavDisclaimer('${PersonalURL}')" >
1291 <@liferay_ui["message"] key="Login" />
1292 <img src="/documents/20121/135471/right-seemore-arrow.svg" class="ml-1" alt="more"></a>
1293</span>
1294
1295
1296 </div>
1297<#assign CorporateURL="https://starconnectcbs.bankofindia.com/BankAwayCorporate/sgonHttpHandler.aspx?Action.CorpUser.Init.001=Y&AppSignonBankId=013&AppType=corporate">
1298 <div class="dropdown-divider"></div>
1299 <div class="clearfix">
1300 <span class="float-left font-weight-bold text-dark" >
1301 <@liferay_ui["message"] key="Corporate" />
1302 </span>
1303 <span class="float-right"><a rel='nofollow' onclick="showNavDisclaimer('${CorporateURL}')">
1304 <@liferay_ui["message"] key="Login" />
1305
1306 <img src="/documents/20121/135471/right-seemore-arrow.svg" class="ml-1" alt="more"></a></span>
1307 </div>
1308
1309 <#--<div class="dropdown-divider"></div>
1310 <div class="clearfix">
1311 <a class="float-left font-weight-bold text-dark" href="#">Credit Cards</a
1312 ><span class="float-right"><a href="#">Login > </a></span>
1313 </div>-->
1314
1315 <div class="dropdown-divider"></div>
1316 <div class="clearfix">
1317 <#assign GlobalURL="https://bankofindia.co.in/overseas-internet-banking">
1318 <span class="float-left font-weight-bold text-dark">
1319 <@liferay_ui["message"] key="Global" />
1320 </span>
1321 <span class="float-right"><a target="_blank" href="${GlobalURL}">
1322 <@liferay_ui["message"] key="Login" />
1323 <img src="/documents/20121/135471/right-seemore-arrow.svg" class="ml-1" alt="more"></a></span>
1324 </div>
1325 </div>
1326
1327
1328
1329 </#if>
1330
1331 </li>
1332
1333
1334
1335
1336 </ul>
1337 </div>
1338
1339 <!----<div class="modal ExternalLinkPopup navExternalLinkPopup" id="navExternalLinkPopup" tabindex="-1" role="dialog" style="display:none">
1340 <div class="modal-dialog modal-lg" role="document">
1341 <div class="modal-content">
1342 <div class="modal-header">
1343 <h5 class="modal-title">Disclaimer</h5>
1344 <button type="button" class="close" data-dismiss="modal" onclick="closePopup(this)" aria-label="Close">
1345 <span aria-hidden="true">×</span>
1346 </button>
1347 </div>
1348 <div class="modal-body">
1349
1350
1351 </div>
1352
1353 <div class="modal-footer">
1354 <button type="button " class="btn btn-primary confirm-fradulent-btn confirmRedirect" onclick="closeRedirectPopup(this)">Agree</button>
1355
1356 </div>
1357
1358 </div>
1359 </div>
1360</div>
1361
1362---->
1363 <script>
1364 $(document).ready(function () {
1365 if(Liferay.ThemeDisplay.isSignedIn()){
1366
1367 $(".Personal").hide();
1368 $(".Business").hide();
1369 $(".Forex").hide();
1370 $(".Banking").hide();
1371 $(".NRI").hide();
1372 $(".Agri").hide();
1373 $(".Wealth").hide();
1374 $(".Training").hide();
1375 $(".Insure").hide();
1376 }
1377 var pageurl = window.location.href;
1378
1379
1380 if(pageurl =="http://dev.corp.bankofindiaweb.com:8080/web/guest/home?p_p_id=com_liferay_login_web_portlet_LoginPortlet&p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view&saveLastPath=false&_com_liferay_login_web_portlet_LoginPortlet_mvcRenderCommandName=%2Flogin%2Flogin" || pageurl == "http://dev.corp.bankofindiaweb.com:8080/web/guest/home?p_p_id=com_liferay_login_web_portlet_LoginPortlet&p_p_lifecycle=0&p_p_state=maximized&saveLastPath=false"){
1381
1382 $(".portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_").hide();
1383 $("#portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_footer").hide();
1384 $("#portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet").hide();
1385 }
1386 // main navigation functoion
1387 // function for dynamic language size fix
1388 //const selectLang = document.querySelector('li.languge-sel span#selected');
1389 // console.log(selectLang.textContent);
1390 const selectLangtext = "${languageId}";
1391
1392 const getChar = function(links,langText) {
1393 $(links).each(function() {
1394 //console.log('----' + $(this).text());
1395 //console.log('link length ' + $(this).text().length);
1396 // const testSubLink = $(this).closest('.childsubchild').find('li.list-item').length;
1397 switch (langText) {
1398 case ("ml_IN"):
1399
1400 $(this).addClass('dynamic-link-ml');
1401
1402
1403 break;
1404 case ("ta_IN"):
1405
1406 $(this).addClass('dynamic-link-ta');
1407
1408 break;
1409 case ("te_IN"):
1410
1411 $(this).addClass('dynamic-link-te');
1412
1413 break;
1414 case ("kn_IN"):
1415
1416 $(this).addClass('dynamic-link-kn');
1417
1418 break;
1419 default:
1420 //console.log("Empty switch received.");
1421 if($(this).text().length > 28) {
1422 $(this).addClass('dynamic-link');
1423 }
1424 }
1425 })
1426 }
1427
1428 $('.tab-block-wrapper > li.nav-item.megamenu-li').on('mouseenter keypress', function (e) {
1429
1430 const currentElm = e.currentTarget;
1431 // nav link border and arw change on nav link click
1432
1433
1434 if($(currentElm).hasClass('nav-border') && $(currentElm).find('a.nav-link > img').hasClass('arw-change')) {
1435
1436 $(currentElm).removeClass('nav-border');
1437
1438 $(currentElm).find('a.nav-link > img').removeClass('arw-change');
1439
1440 // console.log('true');
1441
1442 } else {
1443
1444
1445
1446 $('.tab-block-wrapper > li').not(this).removeClass('nav-border');
1447
1448 $('.tab-block-wrapper > li').not(this).find('a.nav-link > img').removeClass('arw-change');
1449
1450 $(currentElm).addClass('nav-border');
1451
1452 $(currentElm).find('a.nav-link > img').addClass('arw-change');
1453
1454 // console.log('false');
1455
1456 }
1457
1458 // two extra line code for navigation overlapping issue fix
1459
1460 $(currentElm).find('ul.dropdown-submenu-ul > li').removeClass('active');
1461
1462 $(currentElm).find('ul.dropdown-submenu-ul > li:nth-child(1)').addClass('active');
1463
1464 $(currentElm).find('ul.dropdown-submenu-ul > li:nth-child(1)').addClass('active');
1465
1466 //new logic one add for dynamic nav height on load
1467 const firstSubMenu = currentElm.querySelector('ul.dropdown-submenu-ul');
1468 const firstChildsub = currentElm.querySelector('ul.childsubchild');
1469 //new rules to get anchor tag
1470 const childLink = $(currentElm).find('ul.dropdown-submenu-ul > li.childsubmenu.active ul.childsubchild > li > a');
1471 //console.log(firstChildsubLink.length);
1472
1473 if(firstSubMenu && window.matchMedia('(min-width: 992px)').matches) {
1474 getChar(childLink,selectLangtext);
1475 if($(firstChildsub).children().length <= 2) {
1476 //console.log('2 or below 2');
1477 $(firstChildsub).addClass('height-100');
1478 $(firstSubMenu).closest('.megamenu').removeClass('img-dynamic');
1479 $(firstSubMenu).closest('.megamenu').removeClass('img-dynamic-lg');
1480 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-350');
1481 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-400');
1482 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-460');
1483 } else if($(firstChildsub).children().length <= 4) {
1484 //console.log('4 or below 4');
1485 $(firstChildsub).addClass('height-175');
1486 $(firstChildsub).removeClass('height-100');
1487 $(firstSubMenu).closest('.megamenu').removeClass('img-dynamic');
1488 $(firstSubMenu).closest('.megamenu').removeClass('img-dynamic-lg');
1489 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-350');
1490 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-400');
1491 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-460');
1492 } else if($(firstChildsub).children().length === 10) {
1493 //console.log('when 10');
1494 $(firstChildsub).addClass('height-350');
1495 $(firstSubMenu).closest('.megamenu').addClass('img-dynamic-lg');
1496 if($(childLink).hasClass('dynamic-link')) {
1497 //console.log('has dynamic');
1498 $(firstSubMenu).closest('.megamenu').addClass('megamenu-460');
1499 } else {
1500 //console.log('no dynamic');
1501 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-460');
1502 $(firstSubMenu).closest('.megamenu').addClass('megamenu-400');
1503 }
1504 //console.log(childLink);
1505 }
1506 } if(firstSubMenu && window.matchMedia('(min-width: 1400px)').matches) {
1507 getChar(childLink,selectLangtext);
1508 if($(firstChildsub).children().length === 10) {
1509 $(firstChildsub).removeClass('height-350');
1510 //$(firstSubMenu).closest('.megamenu').addClass('megamenu-460');
1511 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-350');
1512 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-400');
1513 if($(childLink).hasClass('dynamic-link')) {
1514 //console.log('has dynamic');
1515 $(firstChildsub).addClass('height-450');
1516 $(firstSubMenu).closest('.megamenu').addClass('megamenu-500');
1517 } else {
1518 //console.log('no dynamic');
1519 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-500');
1520 $(firstSubMenu).closest('.megamenu').addClass('megamenu-460');
1521 }
1522 }
1523 } if(firstSubMenu && window.matchMedia('(min-width: 1920px)').matches) {
1524 getChar(childLink,selectLangtext);
1525 if($(firstChildsub).children().length <= 4) {
1526 $(firstSubMenu).closest('.megamenu').addClass('megamenu-400');
1527 } else if($(firstChildsub).children().length === 10) {
1528 $(firstChildsub).removeClass('height-400');
1529 $(firstChildsub).addClass('height-450');
1530 $(firstSubMenu).closest('.megamenu').removeClass('megamenu-460');
1531 // $(firstSubMenu).closest('.megamenu').addClass('megamenu-550');
1532 }
1533 }
1534
1535
1536
1537 // new logic one ends
1538
1539 if($(currentElm).find('div.main-eligibility').hasClass('d-none')) {
1540 $(currentElm).find('div.main-eligibility').removeClass('d-none');
1541 $(currentElm).find('div.main-eligibility').addClass('d-block');
1542
1543
1544 } else {
1545 $(currentElm).find('div.main-eligibility').removeClass('d-block');
1546 $(currentElm).find('div.main-eligibility').addClass('d-none');
1547
1548 }
1549 $('.tab-block-wrapper > li').not(this).find("div.main-eligibility").removeClass('d-block');
1550 $('.tab-block-wrapper > li').not(this).find("div.main-eligibility").addClass('d-none');
1551
1552
1553 });
1554 // sub menu navigation function
1555 $('.dropdown-submenu-ul > li').on('click',function(e) {
1556 const currentElm = e.currentTarget;
1557 //console.log(currentElm);
1558
1559 const subChildLink = $(currentElm).find('ul.childsubchild > li > a.dropdown-item');
1560 //console.log(subChildLink.length);
1561 //getChar(subChildLink);
1562
1563 // new logic two add for dynamic nav height on sub menu nav hover
1564 const subChild = this.querySelector('.childsubchild');
1565 // console.log('test ' + $(subChild).children().length);
1566 //console.log(subChild.clientHeight);
1567 // console.log('test2 ' + subChild.children.length);
1568
1569 if(window.matchMedia('(min-width: 992px)').matches) {
1570 getChar(subChildLink,selectLangtext);
1571 if($(subChild).children().length <= 2) {
1572 $(subChild).addClass('height-100');
1573 $(subChild).closest('.megamenu').removeClass('megamenu-350');
1574 $(subChild).closest('.megamenu').removeClass('megamenu-400');
1575 $(subChild).closest('.megamenu').removeClass('megamenu-460');
1576 $(subChild).closest('.megamenu').removeClass('megamenu-500');
1577 $(subChild).closest('.megamenu').removeClass('img-dynamic');
1578 $(subChild).closest('.megamenu').removeClass('img-dynamic-lg');
1579 } else if($(subChild).children().length <= 4) {
1580 $(subChild).closest('.megamenu').removeClass('megamenu-350');
1581 $(subChild).closest('.megamenu').removeClass('megamenu-400');
1582 $(subChild).closest('.megamenu').removeClass('megamenu-460');
1583 $(subChild).closest('.megamenu').removeClass('megamenu-500');
1584 $(subChild).closest('.megamenu').removeClass('img-dynamic');
1585 $(subChild).closest('.megamenu').removeClass('img-dynamic-lg');
1586 $(subChild).removeClass('height-245');
1587 $(subChild).removeClass('height-175');
1588 $(subChild).addClass('height-150');
1589 } else if($(subChild).children().length <= 6 ) {
1590 $(subChild).addClass('height-245');
1591 $(subChild).closest('.megamenu').removeClass('megamenu-350');
1592 $(subChild).closest('.megamenu').removeClass('img-dynamic');
1593 $(subChild).closest('.megamenu').removeClass('img-dynamic-lg');
1594 $(subChild).closest('.megamenu').removeClass('megamenu-400');
1595 $(subChild).closest('.megamenu').removeClass('megamenu-460');
1596 $(subChild).closest('.megamenu').removeClass('megamenu-500');
1597 } else if($(subChild).children().length > 6 && $(subChild).children().length < 10) {
1598 $(subChild).addClass('height-290');
1599 $(subChild).closest('.megamenu').addClass('megamenu-350');
1600 $(subChild).closest('.megamenu').addClass('img-dynamic');
1601 } else if($(subChild).children().length === 10) {
1602 $(subChild).closest('.megamenu').removeClass('megamenu-350');
1603 $(subChild).closest('.megamenu').addClass('img-dynamic-lg');
1604 $(subChild).removeClass('height-450');
1605 if($(subChildLink).hasClass('dynamic-link')) {
1606 //console.log('has dynamic');
1607 $(subChild).addClass('height-350');
1608 $(subChild).closest('.megamenu').addClass('megamenu-460');
1609 } else {
1610 //console.log('no dynamic');
1611 $(subChild).closest('.megamenu').removeClass('megamenu-500');
1612 $(subChild).closest('.megamenu').addClass('megamenu-400');
1613 }
1614 }
1615 } if(window.matchMedia('(min-width: 1400px)').matches) {
1616 getChar(subChildLink,selectLangtext);
1617 //console.log('1400-2');
1618 if($(subChild).children().length <= 2) {
1619 $(subChild).removeClass('height-245');
1620 } else if($(subChild).children().length === 3) {
1621 $(subChild).closest('.megamenu').removeClass('megamenu-350');
1622 } else if($(subChild).children().length <= 4) {
1623 $(subChild).removeClass('height-245');
1624 } else if($(subChild).children().length <= 6 ) {
1625 $(subChild).addClass('height-245');
1626 $(subChild).closest('.megamenu').addClass('img-dynamic');
1627 //$(subChild).closest('.megamenu').addClass('megamenu-350');
1628 } else if($(subChild).children().length > 6 && $(subChild).children().length < 10) {
1629 $(subChild).closest('.megamenu').removeClass('megamenu-350');
1630 $(subChild).closest('.megamenu').addClass('megamenu-400');
1631 } else if($(subChild).children().length === 10) {
1632 $(subChild).closest('.megamenu').removeClass('megamenu-350');
1633 $(subChild).closest('.megamenu').removeClass('megamenu-400');
1634 $(subChild).closest('.megamenu').addClass('img-dynamic-lg');
1635 if($(subChildLink).hasClass('dynamic-link')) {
1636 //console.log('has dynamic');
1637 $(subChild).addClass('height-450');
1638 $(subChild).closest('.megamenu').addClass('megamenu-500');
1639 } else {
1640 //console.log('no dynamic');
1641 $(subChild).closest('.megamenu').removeClass('megamenu-500');
1642 }
1643 }
1644 } if(window.matchMedia('(min-width: 1920px)').matches) {
1645 getChar(subChildLink,selectLangtext);
1646 if($(subChild).children().length <= 2) {
1647 $(subChild).removeClass('height-175');
1648 $(subChild).closest('.megamenu').addClass('megamenu-400');
1649 } else if($(subChild).children().length <= 4) {
1650 $(subChild).removeClass('height-150');
1651 $(subChild).addClass('height-175');
1652 $(subChild).closest('.megamenu').addClass('megamenu-400');
1653 } else if($(subChild).children().length <= 6 ) {
1654 $(subChild).addClass('height-250');
1655 $(subChild).closest('.megamenu').removeClass('img-dynamic');
1656 $(subChild).closest('.megamenu').addClass('megamenu-400');
1657 $(subChild).closest('.megamenu').removeClass('megamenu-350');
1658 } else if($(subChild).children().length > 6 && $(subChild).children().length < 10) {
1659 $(subChild).removeClass('height-290');
1660 $(subChild).addClass('height-350');
1661 $(subChild).closest('.megamenu').removeClass('img-dynamic');
1662 $(subChild).closest('.megamenu').addClass('img-dynamic-lg');
1663 $(subChild).closest('.megamenu').removeClass('megamenu-400');
1664 $(subChild).closest('.megamenu').addClass('megamenu-500');
1665 } else if($(subChild).children().length === 10) {
1666 $(subChild).closest('.megamenu').removeClass('megamenu-460');
1667 }
1668 }
1669 // new logic two ends
1670
1671 if($(currentElm).hasClass('active')) {
1672 // $(this).removeClass('active');
1673 // console.log('has active')
1674 }
1675 else {
1676 // $('.dropdown-submenu-ul > li').not(this).removeClass('active');
1677 $(this).closest('.dropdown-submenu-ul').find('li:nth-child(1)').removeClass('active');
1678 $(this).closest('.dropdown-submenu-ul').not(this).find('li.active').removeClass('active');
1679 $(this).addClass('active');
1680 // console.log("has not active");
1681
1682 }
1683 e.stopPropagation();
1684 // e.preventDefault();
1685 })
1686
1687
1688
1689
1690
1691 // non desktop navigation function starts
1692 $('#tab-nondesk li.parent-list:nth-child(2)').addClass('nondesk-active');
1693 $('#tab-nondesk li.nondesk-active li.child-list:nth-child(1)').addClass('child-active');
1694
1695 $('#tab-nondesk .parent-link').off('click').on('click', function(e) {
1696 const currentElm = e.currentTarget;
1697 // const parentActive = currentElm.closest('li.nondesk-active');
1698 if(currentElm.closest('li.nondesk-active')) {
1699 $(currentElm).parent('.parent-list').removeClass('nondesk-active');
1700 } else {
1701 $('.parent-list').not(this).removeClass('nondesk-active');
1702 $(currentElm).parent('.parent-list').addClass('nondesk-active');
1703 }
1704
1705 })
1706
1707 $('#tab-nondesk li.child-list').off('click').on('click', function(e){
1708 const parentList = e.currentTarget;
1709
1710 if($(parentList).hasClass('child-active')) {
1711 // show sub-child
1712 $(parentList).find('div.sub-child-div > ul.sub-child-ul').removeClass('d-none');
1713 $(parentList).find('div#sub-child-div').removeClass('d-none');
1714
1715 // new function for body scroll stop
1716 $('body').addClass('jsNav-bodyScroll-stop');
1717
1718
1719 }
1720 else {
1721 // add child-active class on list
1722 $(this).addClass('child-active');
1723 // remove child-active from other list
1724 $('#tab-nondesk li.child-list').not(this).removeClass('child-active');
1725 // show sub-child
1726 $(this).find('div.sub-child-div > ul.sub-child-ul').removeClass('d-none');
1727
1728 // new function for body scroll stop
1729 // $('body').addClass('jsNav-bodyScroll-stop');
1730
1731 }
1732 })
1733
1734
1735 // non desktop navigation function ends
1736
1737
1738 // Home Active class
1739
1740
1741
1742
1743
1744 });
1745
1746 var links = document.querySelectorAll('.home-icon a');
1747
1748 for (link of links) {
1749 if (window.location.pathname == link.getAttribute('href')) {
1750 link.classList.add('active')
1751 } else {
1752 link.classList.remove('active')
1753 }
1754 }
1755
1756
1757 function navigateBack(ele){
1758
1759 $(ele).closest("#sub-child-div").addClass("d-none");
1760 $(ele).closest(".child-list").removeClass("child-active");
1761 }
1762
1763
1764
1765
1766 function showNavDisclaimer(arg)
1767 {
1768 var getLink=arg.trim();
1769 var disctext=`${disclaimerText}`;
1770
1771
1772
1773
1774
1775 // $(".navExternalLinkPopup .modal-body").html(disctext);
1776 $("#externalLinkPopup .modal-body").html(disctext);
1777
1778 // $(".megamenu").hide();
1779 //alert("hi");
1780 //$(".navExternalLinkPopup").show();
1781
1782 $("#externalLinkPopup").show();
1783 //console.log("after show");
1784 $(".confirmRedirect").data('discHref', getLink);
1785
1786 }
1787
1788 function closePopup(x)
1789 {
1790
1791 $(".ExternalLinkPopup").hide();
1792 }
1793 function closeRedirectPopup(ele)
1794 {
1795 $(".ExternalLinkPopup").hide();
1796
1797 var redirectURL=$(".confirmRedirect").data('discHref');
1798 window.open(redirectURL,'_blank');
1799 }
1800
1801
1802 </script>