Open Star Mahila Account | Women Saving Account

An error occurred while processing the template.

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")>

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>

11<#attempt>

12<#assign hkUrl=themeDisplay.getPortalURL()/>

13<#recover>

14<#assign hkUrl=""/>

15</#attempt>

17<#assign language = locale.getLanguage()>

18<#assign languageId=themeDisplay.getLanguageId()/>

19<style>

20.login-dropdown-menu.dropdown-menu {

21max-width:280px !important;

22}

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}

38@media (min-width: 992px) {

39	.login-dropdown-menu.dropdown-menu {

40max-width:300px !important;

41}

42	}

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}

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}

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}

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    }

151	.top-navbar {

152		max-height: 40px;

153	}

155	ul.list-inline.customnew-top-nav li {

156		font-size: 10px !important;

157	}

159	ul.list-inline.customnew-top-nav li:after {

160		top: 14px;

161		height: 13px !important;

162	}

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  }

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}

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  }

210  .navbar-nav.tab-block-wrapper li {

211    font-size: 14px;

212  }

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}

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  }

256}

258@media (max-width: 575px) {

260    .logoImg-lg { max-width: 105px !important; min-width: 100px !important; }

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  }

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}

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}

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}

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}

328@media (max-width: 768px) {

330#tab-nondesk ul#secondlevelmenu{

331    font-size:14px;

332}

333  .ExternalLinkPopup .modal-content {

334    height: 500px;

335    overflow-y: scroll;

336  }

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}

348.login-dropdown-menu a img {

349  width: 14px;

350}

351/* hover fat menu css changes are here */

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}

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}

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}

515#desktop-navbar .online-banking-list .dropdown-menu1 a.dropdown-item {

516  text-overflow: initial !important;

517}

519#tab-desk .megamenu .dropdown-card .card-img-top {

520  border-radius: 0 0 25px 0 !important;

521}

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}

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}

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}

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}

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 }

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  }

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  }

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}

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	}

750}

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}

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}

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}

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          }

838}

839.logoImg-lg {

840    max-width: 215px;

841    min-width: 130px !important;

842}

845.megamenu-li.Forex .megamenu {

846    height: 400px;

847}

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}

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)/>

862<#recover>

863<#assign isMobile=false/>

864</#attempt>

865  <#assign themeDisplayLanguageId=themeDisplay.getLanguageId()/>

866  <p style="display:none;">${isMobile?c}</p>

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="/">

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					/>

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">

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> -->

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>

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>

947							 <div

948				                class="p-2 dropdown-menu login-dropdown-menu dropdown-menu-right"

949				              >

950                              <#assign OmniURL="https://uaibconnect.bankofindia.co.in/omnineo">

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>

965								<#assign CorporateURL="https://starconnectcbs.bankofindia.com/BankAwayCorporate/sgonHttpHandler.aspx?Action.CorpUser.Init.001=Y&amp;AppSignonBankId=013&amp;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>

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 &gt; </a></span>

976				                </div>-->

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>

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>

1004            </div>

1005          </div>

1006          <div class="collapse navbar-collapse" id="navbarSupportedContent">

1007            <ul class="navbar-nav mr-auto">

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">

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>

1031                        <ul class="p-2 child-div-ul" id="secondlevelmenu">

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">

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>

1057							                      <#recover>

1058																			<#assign targetType="_self"/>

1059							                     </#attempt>

1061                                      <a href="${nav_subchild.getURL()}" class="sub-child-link" target="${targetType}" >${nav_subchild.getName()}</a>

1062                                    </li>

1063                                  </#list>

1064                                </ul>

1066                                </div>

1067                              </li>

1068                             </#list>

1069                             </ul>

1071                      </div>

1072                 </li>

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>

1079                 </#if>

1082              </#list>

1083            </ul>

1084          </div>

1086		 </ul>

1087          </div>

1088        </nav>

1090		   <!-- Mobile/Tab UI Ends -->

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>

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>

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>

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">

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>

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>

1185                 </li>

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>

1192                 </#if>

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>

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>

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="">

1265					<i class="bi bi-arrow-down d-none" ></i></span>

1266              </a>

1268			 <div

1269                class="p-2 dropdown-menu login-dropdown-menu dropdown-menu-right"

1271              >

1272              <#assign OmniURL="https://uaibconnect.bankofindia.co.in/omnineo">

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" />

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>

1296                </div>

1297<#assign CorporateURL="https://starconnectcbs.bankofindia.com/BankAwayCorporate/sgonHttpHandler.aspx?Action.CorpUser.Init.001=Y&amp;AppSignonBankId=013&amp;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" />

1306				      <img src="/documents/20121/135471/right-seemore-arrow.svg" class="ml-1" alt="more"></a></span>

1307                </div>

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 &gt; </a></span>

1313                </div>-->

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>

1329      </#if>

1331            </li>

1336             </ul>

1337          </div>

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">&times;</span>

1346        </button>

1347      </div>

1348      <div class="modal-body">

1351      </div>

1353      <div class="modal-footer">

1354        <button type="button " class="btn btn-primary confirm-fradulent-btn confirmRedirect" onclick="closeRedirectPopup(this)">Agree</button>

1356      </div>

1358    </div>

1359  </div>

1360</div>

1362---->

1363          <script>

1364              $(document).ready(function () {

1365            if(Liferay.ThemeDisplay.isSignedIn()){

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;

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"){

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}";

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"):

1400                          $(this).addClass('dynamic-link-ml');

1403                        break;

1404                      case ("ta_IN"):

1406                          $(this).addClass('dynamic-link-ta');

1408                        break;

1409                        case ("te_IN"):

1411                          $(this).addClass('dynamic-link-te');

1413                        break;

1414                        case ("kn_IN"):

1416                          $(this).addClass('dynamic-link-kn');

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                }

1428                $('.tab-block-wrapper > li.nav-item.megamenu-li').on('mouseenter keypress', function (e) {

1430                      const currentElm = e.currentTarget;

1431                      // nav link border and arw change on nav link click

1434                      if($(currentElm).hasClass('nav-border') && $(currentElm).find('a.nav-link > img').hasClass('arw-change')) {

1436                        $(currentElm).removeClass('nav-border');

1438                        $(currentElm).find('a.nav-link > img').removeClass('arw-change');

1440                        // console.log('true');

1442                      } else {

1446                        $('.tab-block-wrapper > li').not(this).removeClass('nav-border');

1448                        $('.tab-block-wrapper > li').not(this).find('a.nav-link > img').removeClass('arw-change');

1450                        $(currentElm).addClass('nav-border');

1452                        $(currentElm).find('a.nav-link > img').addClass('arw-change');

1454                        // console.log('false');

1456                      }

1458                      // two extra line code for navigation overlapping issue fix

1460                      $(currentElm).find('ul.dropdown-submenu-ul > li').removeClass('active');

1462                      $(currentElm).find('ul.dropdown-submenu-ul > li:nth-child(1)').addClass('active');

1464                      $(currentElm).find('ul.dropdown-submenu-ul > li:nth-child(1)').addClass('active');

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);

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                      }

1537                      // new logic one ends

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');

1544                      } else {

1545                        $(currentElm).find('div.main-eligibility').removeClass('d-block');

1546                        $(currentElm).find('div.main-eligibility').addClass('d-none');

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');

1553                    });

1554                    // sub menu navigation function

1555                     $('.dropdown-submenu-ul > li').on('click',function(e) {

1556                       const currentElm = e.currentTarget;

1557                      //console.log(currentElm);

1559                      const subChildLink = $(currentElm).find('ul.childsubchild > li > a.dropdown-item');

1560                      //console.log(subChildLink.length);

1561                      //getChar(subChildLink);

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);

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

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");

1682                      }

1683                      e.stopPropagation();

1684                      // e.preventDefault();

1685                    })

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');

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                      }

1705                    })

1707                    $('#tab-nondesk li.child-list').off('click').on('click', function(e){

1708                      const parentList = e.currentTarget;

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');

1715                        // new function for body scroll stop

1716                        $('body').addClass('jsNav-bodyScroll-stop');

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');

1728                        // new function for body scroll stop

1729                       // $('body').addClass('jsNav-bodyScroll-stop');

1731                      }

1732                    })

1735                    // non desktop navigation function ends

1738                  //   Home Active class

1744              });

1746         var links = document.querySelectorAll('.home-icon a');

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          }

1757             function navigateBack(ele){

1759                $(ele).closest("#sub-child-div").addClass("d-none");

1760                $(ele).closest(".child-list").removeClass("child-active");

1761            }

1766    function showNavDisclaimer(arg)

1767    {

1768    var getLink=arg.trim();

1769    var disctext=`${disclaimerText}`;

1775	    // $(".navExternalLinkPopup .modal-body").html(disctext);

1776		 $("#externalLinkPopup .modal-body").html(disctext);

1778		// $(".megamenu").hide();

1779		 //alert("hi");

1780	    //$(".navExternalLinkPopup").show();

1782		$("#externalLinkPopup").show();

1783		//console.log("after show");

1784	    $(".confirmRedirect").data('discHref', getLink);

1786	    }

1788	   function closePopup(x)

1789	   {

1791	    $(".ExternalLinkPopup").hide();

1792	   }

1793	   function closeRedirectPopup(ele)

1794	   {

1795	   $(".ExternalLinkPopup").hide();

1797	   var redirectURL=$(".confirmRedirect").data('discHref');

1798	   window.open(redirectURL,'_blank');

1799	  }

1802              </script>

An error occurred while processing the template.

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")>

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>

11<#attempt>

12<#assign hkUrl=themeDisplay.getPortalURL()/>

13<#recover>

14<#assign hkUrl=""/>

15</#attempt>

17<#assign language = locale.getLanguage()>

18<#assign languageId=themeDisplay.getLanguageId()/>

19<style>

20.login-dropdown-menu.dropdown-menu {

21max-width:280px !important;

22}

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}

38@media (min-width: 992px) {

39	.login-dropdown-menu.dropdown-menu {

40max-width:300px !important;

41}

42	}

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}

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}

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}

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    }

151	.top-navbar {

152		max-height: 40px;

153	}

155	ul.list-inline.customnew-top-nav li {

156		font-size: 10px !important;

157	}

159	ul.list-inline.customnew-top-nav li:after {

160		top: 14px;

161		height: 13px !important;

162	}

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  }

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}

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  }

210  .navbar-nav.tab-block-wrapper li {

211    font-size: 14px;

212  }

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}

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  }

256}

258@media (max-width: 575px) {

260    .logoImg-lg { max-width: 105px !important; min-width: 100px !important; }

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  }

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}

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}

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}

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}

328@media (max-width: 768px) {

330#tab-nondesk ul#secondlevelmenu{

331    font-size:14px;

332}

333  .ExternalLinkPopup .modal-content {

334    height: 500px;

335    overflow-y: scroll;

336  }

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}

348.login-dropdown-menu a img {

349  width: 14px;

350}

351/* hover fat menu css changes are here */

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}

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}

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}

515#desktop-navbar .online-banking-list .dropdown-menu1 a.dropdown-item {

516  text-overflow: initial !important;

517}

519#tab-desk .megamenu .dropdown-card .card-img-top {

520  border-radius: 0 0 25px 0 !important;

521}

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}

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}

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}

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}

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 }

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  }

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  }

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}

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	}

750}

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}

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}

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}

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          }

838}

839.logoImg-lg {

840    max-width: 215px;

841    min-width: 130px !important;

842}

845.megamenu-li.Forex .megamenu {

846    height: 400px;

847}

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}

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)/>

862<#recover>

863<#assign isMobile=false/>

864</#attempt>

865  <#assign themeDisplayLanguageId=themeDisplay.getLanguageId()/>

866  <p style="display:none;">${isMobile?c}</p>

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="/">

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					/>

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">

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> -->

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>

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>

947							 <div

948				                class="p-2 dropdown-menu login-dropdown-menu dropdown-menu-right"

949				              >

950                              <#assign OmniURL="https://uaibconnect.bankofindia.co.in/omnineo">

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>

965								<#assign CorporateURL="https://starconnectcbs.bankofindia.com/BankAwayCorporate/sgonHttpHandler.aspx?Action.CorpUser.Init.001=Y&amp;AppSignonBankId=013&amp;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>

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 &gt; </a></span>

976				                </div>-->

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>

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>

1004            </div>

1005          </div>

1006          <div class="collapse navbar-collapse" id="navbarSupportedContent">

1007            <ul class="navbar-nav mr-auto">

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">

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>

1031                        <ul class="p-2 child-div-ul" id="secondlevelmenu">

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">

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>

1057							                      <#recover>

1058																			<#assign targetType="_self"/>

1059							                     </#attempt>

1061                                      <a href="${nav_subchild.getURL()}" class="sub-child-link" target="${targetType}" >${nav_subchild.getName()}</a>

1062                                    </li>

1063                                  </#list>

1064                                </ul>

1066                                </div>

1067                              </li>

1068                             </#list>

1069                             </ul>

1071                      </div>

1072                 </li>

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>

1079                 </#if>

1082              </#list>

1083            </ul>

1084          </div>

1086		 </ul>

1087          </div>

1088        </nav>

1090		   <!-- Mobile/Tab UI Ends -->

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>

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>

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>

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">

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>

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>

1185                 </li>

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>

1192                 </#if>

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>

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>

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="">

1265					<i class="bi bi-arrow-down d-none" ></i></span>

1266              </a>

1268			 <div

1269                class="p-2 dropdown-menu login-dropdown-menu dropdown-menu-right"

1271              >

1272              <#assign OmniURL="https://uaibconnect.bankofindia.co.in/omnineo">

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" />

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>

1296                </div>

1297<#assign CorporateURL="https://starconnectcbs.bankofindia.com/BankAwayCorporate/sgonHttpHandler.aspx?Action.CorpUser.Init.001=Y&amp;AppSignonBankId=013&amp;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" />

1306				      <img src="/documents/20121/135471/right-seemore-arrow.svg" class="ml-1" alt="more"></a></span>

1307                </div>

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 &gt; </a></span>

1313                </div>-->

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>

1329      </#if>

1331            </li>

1336             </ul>

1337          </div>

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">&times;</span>

1346        </button>

1347      </div>

1348      <div class="modal-body">

1351      </div>

1353      <div class="modal-footer">

1354        <button type="button " class="btn btn-primary confirm-fradulent-btn confirmRedirect" onclick="closeRedirectPopup(this)">Agree</button>

1356      </div>

1358    </div>

1359  </div>

1360</div>

1362---->

1363          <script>

1364              $(document).ready(function () {

1365            if(Liferay.ThemeDisplay.isSignedIn()){

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;

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"){

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}";

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"):

1400                          $(this).addClass('dynamic-link-ml');

1403                        break;

1404                      case ("ta_IN"):

1406                          $(this).addClass('dynamic-link-ta');

1408                        break;

1409                        case ("te_IN"):

1411                          $(this).addClass('dynamic-link-te');

1413                        break;

1414                        case ("kn_IN"):

1416                          $(this).addClass('dynamic-link-kn');

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                }

1428                $('.tab-block-wrapper > li.nav-item.megamenu-li').on('mouseenter keypress', function (e) {

1430                      const currentElm = e.currentTarget;

1431                      // nav link border and arw change on nav link click

1434                      if($(currentElm).hasClass('nav-border') && $(currentElm).find('a.nav-link > img').hasClass('arw-change')) {

1436                        $(currentElm).removeClass('nav-border');

1438                        $(currentElm).find('a.nav-link > img').removeClass('arw-change');

1440                        // console.log('true');

1442                      } else {

1446                        $('.tab-block-wrapper > li').not(this).removeClass('nav-border');

1448                        $('.tab-block-wrapper > li').not(this).find('a.nav-link > img').removeClass('arw-change');

1450                        $(currentElm).addClass('nav-border');

1452                        $(currentElm).find('a.nav-link > img').addClass('arw-change');

1454                        // console.log('false');

1456                      }

1458                      // two extra line code for navigation overlapping issue fix

1460                      $(currentElm).find('ul.dropdown-submenu-ul > li').removeClass('active');

1462                      $(currentElm).find('ul.dropdown-submenu-ul > li:nth-child(1)').addClass('active');

1464                      $(currentElm).find('ul.dropdown-submenu-ul > li:nth-child(1)').addClass('active');

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);

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                      }

1537                      // new logic one ends

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');

1544                      } else {

1545                        $(currentElm).find('div.main-eligibility').removeClass('d-block');

1546                        $(currentElm).find('div.main-eligibility').addClass('d-none');

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');

1553                    });

1554                    // sub menu navigation function

1555                     $('.dropdown-submenu-ul > li').on('click',function(e) {

1556                       const currentElm = e.currentTarget;

1557                      //console.log(currentElm);

1559                      const subChildLink = $(currentElm).find('ul.childsubchild > li > a.dropdown-item');

1560                      //console.log(subChildLink.length);

1561                      //getChar(subChildLink);

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);

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

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");

1682                      }

1683                      e.stopPropagation();

1684                      // e.preventDefault();

1685                    })

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');

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                      }

1705                    })

1707                    $('#tab-nondesk li.child-list').off('click').on('click', function(e){

1708                      const parentList = e.currentTarget;

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');

1715                        // new function for body scroll stop

1716                        $('body').addClass('jsNav-bodyScroll-stop');

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');

1728                        // new function for body scroll stop

1729                       // $('body').addClass('jsNav-bodyScroll-stop');

1731                      }

1732                    })

1735                    // non desktop navigation function ends

1738                  //   Home Active class

1744              });

1746         var links = document.querySelectorAll('.home-icon a');

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          }

1757             function navigateBack(ele){

1759                $(ele).closest("#sub-child-div").addClass("d-none");

1760                $(ele).closest(".child-list").removeClass("child-active");

1761            }

1766    function showNavDisclaimer(arg)

1767    {

1768    var getLink=arg.trim();

1769    var disctext=`${disclaimerText}`;

1775	    // $(".navExternalLinkPopup .modal-body").html(disctext);

1776		 $("#externalLinkPopup .modal-body").html(disctext);

1778		// $(".megamenu").hide();

1779		 //alert("hi");

1780	    //$(".navExternalLinkPopup").show();

1782		$("#externalLinkPopup").show();

1783		//console.log("after show");

1784	    $(".confirmRedirect").data('discHref', getLink);

1786	    }

1788	   function closePopup(x)

1789	   {

1791	    $(".ExternalLinkPopup").hide();

1792	   }

1793	   function closeRedirectPopup(ele)

1794	   {

1795	   $(".ExternalLinkPopup").hide();

1797	   var redirectURL=$(".confirmRedirect").data('discHref');

1798	   window.open(redirectURL,'_blank');

1799	  }

1802              </script>

Portlet is temporarily unavailable.

Please select Web content and sub type from portlet configuration to display content .

Node: tf-ce-asia-south1-boi-liferay-dc-1:-1:

Portlet is temporarily unavailable.