@charset "utf-8";*{padding:0;margin:0;}
*, *::after, *::before{box-sizing:border-box;}
body{font-weight:normal;line-height:1;font-family:'Roboto', sans-serif;}
.main{float:left;width:100%;position:relative;overflow:hidden;}
.common{width:1170px;margin:0 auto;float:none;max-width:100%;position:relative;}
.clear{clear:both;}
::-webkit-input-placeholder{color:#000;opacity:1;font-family:'Roboto', sans-serif;}
::-moz-placeholder{color:#000;opacity:1;font-family:'Roboto', sans-serif;}
:-ms-input-placeholder{color:#000;opacity:1;font-family:'Roboto', sans-serif;}
:-moz-placeholder{color:#000;opacity:1;font-family:'Roboto', sans-serif;}
* ul{list-style:none;width:100%;float:left;}
* li, * div, * section{float:left;width:100%;}
* img{float:left;}
* a{text-decoration:none;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;float:left;}
* a:hover{transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
* p{float:left;line-height:1;width:100%;}
.FL{float:left !important;}
.FR{float:right !important;}
/* WCAG 1.3.1 Info and Relationships: visually-hidden helper text, exposed to assistive tech only */
.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.sprite-bg{background:url(../images/sprite.png) no-repeat center;}
.top-portion-wrap{background:#4d4d4d;color:#fff;padding:15px 15px 0 15px;}
.top-content-wrap{width:auto;}
.branch-finder-wrap:after{content:"";background:#fff;width:1px;height:17px;position:absolute;right:0;top:-3px;}
.branch-finder-wrap{width:auto;position:relative;padding:0 10px 0 0;}
.branch-finder-wrap a{position:relative;}
.branch-finder-wrap a:before{background:url(../images/sprite.png) no-repeat center;background-position:0 0;width:15px;height:20px;position:absolute;left:-19px;top:-5px;content:"";}
.search-wrap{width:auto;}
.quick-links-wrap{width:auto;}
.quick-links-wrap ul{width:auto;margin:0px;}
.quick-links-wrap ul li{width:auto;position:relative;padding-bottom:15px;}
.quick-links-wrap ul li ul{display:none;position:absolute;width:360px;z-index:999999999;top:21px;right:0;}
.quick-links-wrap ul li{background:#e9e9e9;text-align:center;transition:0.5s;}
.quick-links-wrap ul li:hover{background:#b11127;transition:0.5s;}
.quick-links-wrap ul li:hover a{color:#fff;}
.quick-links-wrap ul li a{padding:25px 15px 0 15px;height:80px;font-size:12px;color:#646464;border-color:#bfbfbf;width:100%;}
.quick-links-wrap ul li a p{line-height:15px;margin:32px 0 0 0;}
.quick-links-wrap ul li:hover ul{display:block;}
.quick-links-wrap a{position:relative;padding:0 0 0 32px;}
.quick-links-wrap a:before{content:'';position:absolute;width:13px;height:1px;background:#fff;top:1px;left:10px;box-shadow:0 4px 0 #fff, 0 8px 0 #fff;}
.quick-links-wrap ul li a{padding:25px 15px 0 15px;font-size:12px;color:#646464;border-color:#bfbfbf;position:relative;height:90px;}
.quick-links-wrap ul li a:before{position:absolute;background:url(../images/sprite.png) no-repeat center;content:"";left:40%;top:20px;width:25px;height:25px;transition:0.5s;box-shadow:none;}
.quick-links-wrap ul li a:hover:before{transition:0.5s;}
.quick-links-wrap ul li a.term-deposit:before{background-position:-213px -85px;}
.quick-links-wrap ul li a.term-deposit:hover:before{background-position:-213px -58px;}
.quick-links-wrap ul li a.any-branch-banking:before{background-position:-265px -85px;}
.quick-links-wrap ul li a.any-branch-banking:hover:before{background-position:-265px -58px;}
.quick-links-wrap ul li a.quickmobil:before{background-position:-369px -85px;}
.quick-links-wrap ul li a.quickmobil:hover:before{background-position:-369px -58px;}
.quick-links-wrap ul li a.nri-services:before{background-position:-396px -85px;}
.quick-links-wrap ul li a.nri-services:hover:before{background-position:-396px -58px;}
.quick-links-wrap ul li a.loan-and-advances:before{background-position:-239px -85px;}
.quick-links-wrap ul li a.loan-and-advances:hover:before{background-position:-239px -58px;}
.quick-links-wrap ul li a.quick-atm:before{background-position:-291px -85px;}
.quick-links-wrap ul li a.quick-atm:hover:before{background-position:-291px -58px;}
.contact-content-wrap .quick-links-wrap ul li {background: #fff;text-align: center;transition:0.5s;width:100%;padding:0;border-bottom:1px solid #e9e9e9;}
.contact-content-wrap .quick-links-wrap ul li a {padding:15px;height: auto;width: 100%;float: left;text-align: left;}
.contact-content-wrap .quick-links-wrap ul li a:hover {background: #bd1929;}
.contact-content-wrap .quick-links-wrap ul li a:before {left: 15px;top: 13px;}
.contact-content-wrap .quick-links-wrap ul li a p {margin: 0;padding: 4px 0 0 35px;}

#thisdiv-2 .contact-content-wrap ul li:last-child:before {display:none;}
.quick-links-sidebar .contact-head-wrap.contact .contact-content-wrap:before {background: #f69c00;width: 50%;left: -40px;top: 0;content: "";position: absolute;transition: 0.5s;height: 0;display:none;}
.quick-links-sidebar .contact-head-wrap.contact.contactexpand .contact-content-wrap:before {transition: 0.5s;height:100%;}
.quick-links-sidebar .contact-label {background-position: -252px -523px;}
.top-portion-wrap a{color:#fff;font-size:13px;}
.search-wrap{width:90px;height:15px;position:relative;display:none;}
.search-wrap:after{content:"";background:#fff;width:1px;height:17px;position:absolute;right:5px;top:-3px;}
form.search-form{float:left;width:100%;}
.sb-icon-search{background-position:0 -21px;width:20px;height:20px;}
.sb-search{position:relative;width:100%;min-width:27px;height:15px;float:right;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;transition:width 0.3s;-webkit-backface-visibility:hidden;}
.sb-search-input{position:absolute;top:0;right:0;border:none;outline:none;background:transparent;width:100%;height:19px;margin:0;z-index:10;padding:0 0 0 3px;font-family:inherit;font-size:0;color:#fff;transition:0.5s;-webkit-transition:0.5s;}
.sb-search.sb-search-open .sb-search-input{background:#fff;transition:0.5s;-webkit-transition:0.5s;padding:0 0 0 3px;color:#000 !important;height:19px;z-index:9999;top:-3px;font-size:13px;}
.sb-search-input::-webkit-input-placeholder{color:#fff;}
.sb-search-input:-moz-placeholder{color:#fff;}
.sb-search-input::-moz-placeholder{color:#fff;}
.sb-search-input:-ms-input-placeholder{color:#fff;}
.sb-icon-search,.sb-search-submit{display:block;position:absolute;left:10px;top:-5px;padding:0;margin:0;text-align:center;cursor:pointer;}
.sb-search-submit{background:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;color:transparent;border:none;outline:none;z-index:-1;}
.sb-icon-search{z-index:90;font-size:22px;speak:none;-webkit-font-smoothing:antialiased;margin:0;transition:0.5s;-webkit-transition:0.5s;color:#f58634;}
.sb-search.sb-search-open .sb-icon-search{margin:0 10px 0 0;transition:0.5s;-webkit-transition:0.5s;color:#000;}
.sb-search.sb-search-open,.no-js .sb-search{width:100%;}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search{z-index:11;}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit{z-index:90;}
.sb-search p{position:absolute;z-index:99;font-size:13px;margin:0;right:15px;width:auto;display:block;transition:0.5s;-webkit-transition:0.5s;opacity:1;}
.sb-search.sb-search-open p{right:-20px;transition:0.5s;-webkit-transition:0.5s;opacity:0;}
.menu-wrappers {position: relative;z-index: 999999;}
.menu-wrappers:before{position:absolute;right:0;top:0;width:50%;background:#bb262c;height:100%;content:"";}
.menu-wrappers:after{position:absolute;left:0;top:0;width:50%;background:#91000b;height:100%;content:"";}
.logo {width: 27%;text-align: center;padding: 20px 0 20px 0;box-shadow: 0 5px 10px rgba(0,0,0,0.5);position: absolute;z-index: 999999;background: #fff;
top: -4px;border-radius: 0 0 20px 20px;}
.logo a{width:100%;}
.logo a img{float:none;}
.menu-nav {width: 73%;float: right;position: relative;z-index: 1;}
.menu-nav ul li {width: 12%;background: #bb262c;text-align: center;transition: 0.5s;position: relative;}
.menu-nav ul li.width-auto {
    width: 14%;
}

.menu-wrappers.home .menu-nav > ul > li {
  width: auto;
  max-width: unset;
}
.menu-wrappers.home .menu-nav > ul > li > a {
  padding: 20px 5px;
}
.menu-wrappers.home .menu-nav > ul > li.width-auto {
  width: 14%;
}
.menu-wrappers.home .menu-nav > ul > li.width-auto.grievance-redressal {
  width: 11%;
}
.menu-wrappers.home .menu-nav > ul > li.width-auto > a {
  padding: 10px 0;
  line-height: 1.2;
}
.menu-nav ul li.digi-menu { width:16%}
.menu-nav ul li:hover{background:#8a0508;transition:0.5s;-webkit-transition:0;overflow:visible;height:auto;}
.menu-nav ul li a {color: #fff;width: 100%;padding: 20px 0;border-right: 1px solid #fff;text-transform: uppercase; font-size:13px}
.menu-nav ul li li a{padding:25px 9px 0 9px;font-size:12px;color:#646464;border-color:#bfbfbf;position:relative;height:110px;}
.menu-nav ul li li a:before{position:absolute;background:url(../images/sprite.png) no-repeat center;content:"";left:40%;top:25px;width:25px;height:25px;transition:0.5s;-webkit-transition:0;}
.menu-nav ul li li a.complaints:before { background:url(../images/complaint-grievances.png) no-repeat 0 0}
.menu-nav ul li li a.complaints:hover:before, .menu-nav ul li li a.complaints:focus:before{background:url(../images/complaint-grievances-w.png) no-repeat 0 0}
.menu-nav ul li.digi-menu li a:before {top:50px;}
.menu-nav ul li li a:hover:before, .menu-nav ul li li a:focus:before{transition:0.5s;-webkit-transition:0;}
.menu-nav ul li ul{opacity:0;position:absolute;left:15px;top:54px;transition:0.5s;-webkit-transition:0;z-index:99;width:425px; display:none}
.menu-nav ul li:hover ul{opacity:1;transition:1s;-webkit-transition:0;left:0; display:block}
.menu-nav ul li.downloads-menu ul{margin-left:-100px;}
.menu-nav ul li li a.service-desk:before { background:url(../images/default-service-desk.png) no-repeat 0 0}
.menu-nav ul li li a.service-desk:hover:before, .menu-nav ul li li a.service-desk:focus:before{background:url(../images/hover-service-desk.png) no-repeat 0 0}

.menu-nav ul li ul li{width:140px;background:#e9e9e9;height:110px;}
.menu-nav ul li ul li:hover{background:#b11127;}
.menu-nav ul li ul li:hover a{color:#fff;}
.menu-nav ul {float: right;margin: 0;width: 100%;}
.menu-nav ul li.contact-menu ul{right:-5px;left:auto;}
.menu-nav ul li li a p{line-height:15px;margin:32px 0 0 0;}
.menu-nav ul li.products-menu ul li:nth-child(3){clear:both;}
.menu-nav ul li li a.vision-values:before{background-position:-161px -27px;}
.menu-nav ul li li a.vision-values:hover:before, .menu-nav ul li li a.vision-values:focus:before{background-position:-161px 0;}
.menu-nav ul li li a.company-profile:before{background-position:-187px -27px;}
.menu-nav ul li li a.company-profile:hover:before, .menu-nav ul li li a.company-profile:focus:before{background-position:-187px 0;}
.menu-nav ul li li a.chairmans-desk:before{background-position:-213px -27px;}
.menu-nav ul li li a.chairmans-desk:hover:before, .menu-nav ul li li a.chairmans-desk:focus:before{background-position:-213px 0;}
.menu-nav ul li li a.share-holders-corner:before{background-position:-239px -27px;}
.menu-nav ul li li a.share-holders-corner:hover:before, .menu-nav ul li li a.share-holders-corner:focus:before{background-position:-239px 0;}
.menu-nav ul li li a.board-of-directors:before{background-position:-265px -27px;}
.menu-nav ul li li a.board-of-directors:hover:before, .menu-nav ul li li a.board-of-directors:focus:before{background-position:-265px 0;}
.menu-nav ul li li a.key-personnel:before{background-position:-291px -27px;}
.menu-nav ul li li a.key-personnel:hover:before, .menu-nav ul li li a.key-personnel:focus:before{background-position:-291px 0;}
.menu-nav ul li li a.annual-reports:before{background-position:-317px -27px;}
.menu-nav ul li li a.annual-reports:hover:before, .menu-nav ul li li a.annual-reports:focus:before{background-position:-317px 0;}
.menu-nav ul li li a.celebration:before{background-position:-343px -27px;}
.menu-nav ul li li a.celebration:hover:before, .menu-nav ul li li a.celebration:focus:before{background-position:-343px 0;}
.menu-nav ul li li a.forex:before{background:url(../images/forex.png) no-repeat 0 0;}
.menu-nav ul li li a.forex:hover:before, .menu-nav ul li li a.forex:focus:before{background:url(../images/forex-w.png) no-repeat 0 0;}
.menu-nav ul li li a.locker-facility:before{background:url(../images/locker-facility.png) no-repeat 0 0;}
.menu-nav ul li li a.locker-facility:hover:before, .menu-nav ul li li a.locker-facility:focus:before{background:url(../images/locker-facility-w.png) no-repeat 0 0;}
.menu-nav ul li li a.positive-pay-system:before{background:url(../images/pps-icon.png) no-repeat 0 0; width:35px}
.menu-nav ul li li a.positive-pay-system:hover:before, .menu-nav ul li li a.positive-pay-system:focus:before{background:url(../images/pps-icon-w.png) no-repeat 0 0;}
.menu-nav ul li li a.savings-deposit:before{background-position:-161px -85px;}
.menu-nav ul li li a.savings-deposit:hover:before, .menu-nav ul li li a.savings-deposit:focus:before{background-position:-161px -58px;}
.menu-nav ul li li a.current-deposit:before{background-position:-187px -85px;}
.menu-nav ul li li a.current-deposit:hover:before, .menu-nav ul li li a.current-deposit:focus:before{background-position:-187px -58px;}
.menu-nav ul li li a.term-deposit:before{background-position:-213px -85px;}
.menu-nav ul li li a.term-deposit:hover:before, .menu-nav ul li li a.term-deposit:focus:before{background-position:-213px -58px;}
.menu-nav ul li li a.loan-and-advances:before{background-position:-239px -85px;}
.menu-nav ul li li a.loan-and-advances:hover:before, .menu-nav ul li li a.loan-and-advances:focus:before{background-position:-239px -58px;}
.menu-nav ul li li a.any-branch-banking:before{background-position:-265px -85px;}
.menu-nav ul li li a.any-branch-banking:hover:before, .menu-nav ul li li a.any-branch-banking:focus:before{background-position:-265px -58px;}
.menu-nav ul li li a.quick-atm:before{ background:url(../images/quick-atm.png) no-repeat 0 0;}
.menu-nav ul li li a.quick-atm:hover:before, .menu-nav ul li li a.quick-atm:focus:before{background:url(../images/quick-atm-w.png) no-repeat 0 0;}
.menu-nav ul li li a.internet-banking:before{background:url(../images/internet-banking.png) no-repeat 0 0;}
.menu-nav ul li li a.internet-banking:hover:before, .menu-nav ul li li a.internet-banking:focus:before{background:url(../images/internet-banking-w.png) no-repeat 0 0;}
.menu-nav ul li li a.upi:before{background:url(../images/upi.png) no-repeat 0 0;}
.menu-nav ul li li a.upi:hover:before, .menu-nav ul li li a.upi:focus:before{background:url(../images/upi-w.png) no-repeat 0 0;}
.menu-nav ul li li a.sms-banking:before{background:url(../images/sms-banking.png) no-repeat 0 0;}
.menu-nav ul li li a.sms-banking:hover:before, .menu-nav ul li li a.sms-banking:focus:before{background:url(../images/sms-banking-w.png) no-repeat 0 0;}
.menu-nav ul li li a.debit:before{background:url(../images/debit-card.png) no-repeat 0 0; width:28px; height:21px}
.menu-nav ul li li a.debit:hover:before, .menu-nav ul li li a.debit:focus:before{background:url(../images/debit-card-w.png) no-repeat 0 0;}
.menu-nav ul li li a.quickpay:before {background:url(../images/quickpay-b.png) no-repeat 0 0;}
.menu-nav ul li li a.quickpay:hover:before , .menu-nav ul li li a.quickpay:focus:before{background:url(../images/quickpay-w.png) no-repeat 0 0;}
.menu-nav ul li li a.board-of-management:before{background:url(../images/board-of-management-grey.png) no-repeat 0 0; background-size: 25px 25px;}
.menu-nav ul li li a.board-of-management:hover:before, .menu-nav ul li li a.board-of-management:focus:before{background:url(../images/board-of-management.png) no-repeat 0 0;background-size: 25px 25px}
.menu-nav ul li li a.ancillary-business:before{background-position:-317px -85px;}
.menu-nav ul li li a.ancillary-business:hover:before, .menu-nav ul li li a.ancillary-business:focus:before{background-position:-317px -58px;}
.menu-nav ul li li a.remittance:before{background-position:-343px -85px;}
.menu-nav ul li li a.remittance:hover:before, .menu-nav ul li li a.remittance:focus:before{background-position:-343px -58px;}
.menu-nav ul li li a.quickmobil:before{background-position:-369px -85px;}
.menu-nav ul li li a.quickmobil:hover:before, .menu-nav ul li li a.quickmobil:focus:before{background-position:-369px -58px;}
.menu-nav ul li li a.application-forms:before{background-position:-161px -143px;}
.menu-nav ul li li a.application-forms:hover:before, .menu-nav ul li li a.application-forms:focus:before{background-position:-161px -116px;}
.menu-nav ul li li a.basic-documents:before{background-position:-161px -143px;}
.menu-nav ul li li a.basic-documents:hover:before, .menu-nav ul li li a.basic-documents:focus:before{background-position:-161px -116px;}
.menu-nav ul li li a.service-charges:before{background-position:-213px -143px;}
.menu-nav ul li li a.service-charges:hover:before, .menu-nav ul li li a.service-charges:focus:before{background-position:-213px -116px;}
.menu-nav ul li li a.kyc-forms:before, .menu-nav ul li li a.regulatory-disclosure:before{background-position:-239px -143px;}
.menu-nav ul li li a.kyc-forms:hover:before, .menu-nav ul li li a.regulatory-disclosure:hover:before, .menu-nav ul li li a.kyc-forms:focus:before, .menu-nav ul li li a.regulatory-disclosure:focus:before{background-position:-239px -116px;}
.menu-nav ul li li a.internet-banking-form:before{background-position:-265px -143px;}
.menu-nav ul li li a.internet-banking-form:hover:before, .menu-nav ul li li a.internet-banking-form:focus:before{background-position:-265px -116px;}
.menu-nav ul li li a.rtgs-neft-form:before{background-position:-291px -143px;}
.menu-nav ul li li a.rtgs-neft-form:hover:before, .menu-nav ul li li a.rtgs-neft-form:focus:before{background-position:-291px -116px;}
.menu-nav ul li li a.account-opening-forms:before{background-position:-317px -143px;}
.menu-nav ul li li a.account-opening-forms:hover:before, .menu-nav ul li li a.account-opening-forms:focus:before{background-position:-317px -116px;}
.menu-nav ul li li a.preferential-share-issue:before{background-position:-450px -85px;}
.menu-nav ul li li a.preferential-share-issue:hover:before, .menu-nav ul li li a.preferential-share-issue:focus:before{background-position:-450px -58px;}
.menu-nav ul li li a.fatca:before{background-position:-347px -143px;}
.menu-nav ul li li a.fatca:hover:before, .menu-nav ul li li a.fatca:focus:before{background-position:-347px -116px;}
.menu-nav ul li li a.branch-locator:before{background-position:-161px -199px;}
.menu-nav ul li li a.branch-locator:hover:before, .menu-nav ul li li a.branch-locator:focus:before{background-position:-161px -172px;}
.menu-nav ul li li a.atm-centre:before{background-position:-187px -199px;}
.menu-nav ul li li a.atm-centre:hover:before, .menu-nav ul li li a.atm-centre:focus:before{background-position:-187px -172px;}
.menu-nav ul li li a.customer-care:before{background-position:-213px -199px;}
.menu-nav ul li li a.customer-care:hover:before, .menu-nav ul li li a.customer-care:focus:before{background-position:-213px -172px;}
.menu-nav ul li li a.feedback:before{background-position:-239px -199px;}
.menu-nav ul li li a.feedback:hover:before, .menu-nav ul li li a.feedback:focus:before{background-position:-239px -172px;}
.menu-nav ul li li a.banks-email:before{background-position:-265px -199px;}
.menu-nav ul li li a.banks-email:hover:before, .menu-nav ul li li a.banks-email:focus:before{background-position:-265px -172px;}
.menu-nav ul li li a.whistle-blower-policy:before{background-position:-291px -199px;}
.menu-nav ul li li a.whistle-blower-policy:hover:before, .menu-nav ul li li a.whistle-blower-policy:focus:before{background-position:-291px -172px;}
.menu-nav ul li li a.tools:before{background-position:-425px -85px;}
.menu-nav ul li li a.tools:hover:before, .menu-nav ul li li a.tools:focus:before{background-position:-425px -58px;}
.menu-nav ul li li a.nri-services:before{background-position:-396px -85px;}
.menu-nav ul li li a.nri-services:hover:before, .menu-nav ul li li a.nri-services:focus:before{background-position:-396px -58px;}
.menu-nav ul li li a.key-business-highlights:before{background-position:-376px -142px;}
.menu-nav ul li li a.key-business-highlights:hover:before, .menu-nav ul li li a.key-business-highlights:focus:before{background-position:-376px -117px;}
.menu-nav ul li li a.offers:before{background-position:-401px -142px;}
.menu-nav ul li li a.offers:hover:before, .menu-nav ul li li a.offers:focus:before{background-position:-401px -117px;}
.menu-nav ul li li a.death-claim-menu:before{background:url(../images/death-claim-menu.svg) no-repeat center;}
.menu-nav ul li li a.death-claim-menu:hover:before, .menu-nav ul li li a.death-claim-menu:focus:before{background:url(../images/death-claim-menu-hover.svg) no-repeat center;}

.menu-nav ul li.contact-menu li:nth-child(5){display:none;}
.dl-menuwrapper .dl-menu li:nth-child(8) ul li:nth-child(6){display:none;}

.banner{position:relative;z-index: 99;}
/* WCAG 2.2.2 Pause, Stop, Hide: bxSlider's auto-generated Start/Stop control (autoControls:true)
   had no styling at all, so it was effectively invisible. Position + style it without changing
   the slider's animation, timing, or navigation behaviour. */
.bx-controls-auto{position:absolute;bottom:20px;right:15px;z-index:2000;}
.bx-controls-auto-item{display:inline-block;margin-left:0;}
.bx-controls-auto-item a{display:inline-block;background:rgba(0,0,0,0.55);color:#fff;font-size:11px;text-transform:uppercase;font-weight:700;padding:5px 12px;border-radius:0;text-decoration:none;}
.bx-controls-auto-item a.active{background:#b11127;}
.bx-controls-auto-item a:focus{outline:2px solid #fff;outline-offset:2px;}
@media (min-width:993px) {
	#thisdiv-2 .contact-content-wrap { height: 269px; position: relative; margin-top: 16px; overflow:auto}
div#thisdiv{z-index:9999;right:0;top:110px;width:282px;overflow:hidden;}
div#thisdiv-2 { right: 0;  width: 282px; overflow: hidden; }
div#thisdiv-3 { right: 0;  width: 282px; overflow: hidden; }
.contact.active {z-index: 99999 !important;}
.contact-label{width:40px;background-position:0 -43px;height:117px;position:relative;cursor:pointer;    z-index: 9;}
.contact-label.td-calc{background-position: -308px -524px;z-index: 9999;}
.contact-label:before{position:absolute;background:#fff;width:7px;height:1px;content:"";transform:rotateZ(140deg);top:57px;left:6px;transition:0.5s;-webkit-transition:0.5s;-webkit-transform:rotateZ(140deg);}
.contact-label:after{position:absolute;background:#fff;width:7px;height:1px;content:"";transform:rotateZ(-140deg);top:61px;left:6px;transition:0.5s;-webkit-transition:0.5s;-webkit-transform:rotateZ(-140deg);}
.contact-label.td-calc:before,.contact-label.td-calc:after{display:none;}
.contact-head-wrap.contact.contactexpand .contact-label:before{transform:rotateZ(40deg);-webkit-transform:rotateZ(40deg);transition:0.5s;-webkit-transition:0.5s;}
.contact-head-wrap.contact.contactexpand .contact-label:after{transform:rotateZ(-40deg);-webkit-transform:rotateZ(-40deg);transition:0.5s;-webkit-transition:0.5s;}
.contact-content-wrap{width:242px;height: 117px;}
#thisdiv .contact-head-wrap{top:150px}
#thisdiv-2 .contact-head-wrap{top:270px;height:137px}
#thisdiv-3 .contact-head-wrap{top:390px}
.contact-head-wrap{margin:0;transition:0.5s;-webkit-transition:0.5s; z-index: 99999; right: -242px; position:fixed; width:auto}
.contact-head-wrap.contact.contactexpand{margin:0;transition:0.5s;-webkit-transition:0.5s; right: 0px;}
.contact-content-wrap{width:242px;height:117px;background:#fff;margin-top: 16px; overflow:hidden}
#thisdiv .contact-head-wrap div#form {
    margin-top: 0;
}

div#thisdiv-3 .contact-head-wrap div#form-3, #thisdiv-2 .contact-head-wrap div#form-2 {
    margin-top: 0;
}
}
.contact-content-wrap ul li{position:relative;width:50%;padding:25px 0 0 0;text-align:center;font-size:13px;color:#2c2c2c;}
.contact-content-wrap ul li p{margin:0 0 5px 0;}
.contact-content-wrap ul li:last-child:before{content:"";background:#c4c4c4;width:1px;height:70px;position:absolute;left:9px;top:24px;}
.contact-content-wrap ul li img{float:none;margin:-7px 0 0 0;position:relative;top:-4px;}
.contact-content-wrap ul li a{width:auto;float:none;color:#2c2c2c;}
.news-updates-wrap{z-index:9;position:relative;width: 69%; background:#f2a000}
.news-updates-wrap:after {content: "";background: #f0a205;width: 100%;height: 100%;position: absolute;top: 0;right:-99%;}
.news-updates-wrap #demo , .news-updates-wrap #demo-news{width: 79%;float: right;margin: 0;}
.news-updates-wrap #demo-home-news {width: 79%;float: right;margin: 0;}
.inside-content .news-updates-wrap #demo , .inside-content .news-updates-wrap #demo-news{ width:83%;min-height: 30px;}
.news-updates-wrap .owl-dots{display:none !important;}
.celebration-slider-wrap .owl-dots{display:none !important;}
.news-updates-wrap .owl-nav{position:absolute;left:-121px;width:121px;background:#b11127;padding:7px 7px;height:100%;display:none !important;}
.news-updates-wrap .owl-nav .owl-prev{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #fff transparent transparent;font-size:0;transition:0.5s;-webkit-transition:0.5s;}
.news-updates-wrap .owl-nav .owl-prev:hover{border-color:transparent #f89b0f transparent transparent;transition:0.5s;-webkit-transition:0.5s;}
.news-updates-wrap .owl-nav .owl-next:hover{border-color:transparent transparent transparent #f89b0f;transition:0.5s;-webkit-transition:0.5s;}
.news-updates-wrap .owl-nav .owl-next{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #fff;font-size:0;float:right;transition:0.5s;-webkit-transition:0.5s; width:25px; height:25px;}
.news-updates-wrap .owl-nav .owl-next:before {content:''; position:absolute; width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #fff; display:inline-block}
.news-updates-wrap .owl-nav .owl-prev:before {content:''; position:absolute; display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #fff transparent transparent;font-size:0;}
.news-updates-wrap:before{content:"News & Updates |";color:#333333;text-transform:uppercase;font-size:15px;font-weight:bold;position:absolute;left:34px;top:8px; width:132px; z-index:11;}
.inside-content .news-updates-wrap:before{content:"News & Updates |";color:#333333;text-transform:uppercase;font-size:15px;font-weight:bold;position:absolute;left:-23px;top: 0;width: 170px;z-index: 11;height: 100%;padding: 8px 0 0 34px;}

.news-updates-wrap .owl-carousel .owl-item p{font-size:14px;}
.left-col{width:31%;}
.right-col{width:69%;}
.built-trust-row .right-col{padding: 0 0 20px 0;}
.intenet-banking-wrap:before {content: "";background: #bb262c;width: 100%;height: 110%;top: 0;position: absolute;left: 0;}
.intenet-banking-wrap {position: relative;padding: 10px 0 0 0;}
#owl-demo4 .owl-dots{display:none !important;}
.intenet-banking-wrap #demo .owl-nav .owl-prev{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #fff transparent transparent;font-size:0;transition:0.5s;-webkit-transition:0.5s;position:absolute;left:5px;top:43%;}
.intenet-banking-wrap #demo .owl-nav .owl-next{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #fff;font-size:0;transition:0.5s;-webkit-transition:0.5s;position:absolute;top:43%;right:5px;}
.intenet-banking-wrap #demo .owl-nav .owl-next:before {position:absolute; content:''; width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #fff;font-size:0; display:inline-block}
.intenet-banking-wrap #demo .owl-nav .owl-prev:before {position:absolute; content:''; position:absolute; display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #fff transparent transparent;font-size:0; display:inline-block}
.intenet-banking-wrap #demo-home-ib .owl-nav .owl-prev{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #fff transparent transparent;font-size:0;transition:0.5s;-webkit-transition:0.5s;position:absolute;left:5px;top:43%;}
.intenet-banking-wrap #demo-home-ib .owl-nav .owl-next{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #fff;font-size:0;transition:0.5s;-webkit-transition:0.5s;position:absolute;top:43%;right:5px;}
.intenet-banking-wrap #demo-home-ib .owl-nav .owl-next:before {position:absolute; content:''; width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #fff;font-size:0;display:inline-block}
.intenet-banking-wrap #demo-home-ib .owl-nav .owl-prev:before {position:absolute; content:''; width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #fff transparent transparent;font-size:0; display:inline-block}
.intenet-banking-head{font-size:17px;text-transform:uppercase;margin-bottom:10px;font-weight:700;}
.intenet-banking-wrap form{float:left;width:100%;}
.intenet-banking-wrap form input{width:100%;float:left;margin-bottom:5px;}
.intenet-banking-wrap form input{width:100%;float:left;margin-bottom:5px;height:30px;text-align:center;background:#d85769;border:none;border-radius:12px;color:#fff;outline:none;}
.intenet-banking-wrap form input::-webkit-input-placeholder{color:#fff;}
.intenet-banking-wrap form input::-moz-placeholder{color:#fff;}
.intenet-banking-wrap form input:-ms-input-placeholder{color:#fff;}
.intenet-banking-wrap form input:-moz-placeholder{color:#fff;}
.intenet-banking-wrap form input.login{margin:10px 0 20px 0;width:auto;padding:7px 20px 7px 20px;height:auto;background:#fff;color:#910c0f;line-height:1;cursor:pointer;font-size:18px;font-weight:700;}
.intenet-banking-wrap .content-p{text-transform:uppercase;font-size:12px;font-weight:600;margin-bottom:15px;}
.intenet-banking-wrap .content-p:last-child{margin-bottom:0;}
.intenet-banking-wrap .content-p a{float:none;font-size:10px;background:#fff;padding:3px 5px 3px 5px;border-radius:9px;margin:0 0 0 6px;color:#763134;}
.built-on-trust-content-wrap{width:36%;padding:30px 0 0 0;}
.content-head{font-size:22px;text-transform:uppercase;font-weight:bold;color:#b11127;position:relative;padding:0 0 0 26px;}
.built-on-trust-content-wrap .content-p{margin:15px 0 20px 40px;font-size:14px;line-height:20px;width:70%;text-align:justify;}
.built-on-trust-content-wrap a{margin:0 0 20px 40px;font-size:12px;background:#b11127;color:#fff;padding:6px 10px;border-radius:10px;text-transform:uppercase;border:1px solid #b11127;}
.built-on-trust-content-wrap a:hover{background:transparent;color:#b11127;}
.content-head span{font-size:38px;position:relative;z-index:9;color:#fff;margin:0 6px 0 0;}
.content-head:before{position:absolute;background:#b11127;width:55px;height:55px;border-radius:50%;content:"";left:0;top:-8px;}
/* WCAG 1.4.3 Contrast Minimum: #fff on this ticker's #f2a000/#f0a205 orange background measured 2.14:1 (fails AA 4.5:1). #333333 = 5.89:1, passes AA. */
.news-updates-wrap .owl-carousel .owl-stage-outer{color:#333333;padding:8px 0 8px 0;}
.built-on-trust-wrap #demo-home-trust{width:62%;margin:15px 0 0 0;position:relative;padding:0 30px;}
.built-on-trust-wrap #demo-home-trust p {text-align:left;}
.built-on-trust-wrap #demo-home-trust .owl-dots{display:none !important;margin:40px 0 0 0;}
.built-on-trust-wrap #demo-home-trust .owl-item {background: #fdf0cb;padding: 15px;border-radius: 15px;border: 1px solid #daa89f;}
.owl-icon-wrap img{width:auto !important;margin:0 0 10px 0;}
.built-on-trust-content-head{font-size:13px;text-transform:uppercase;font-weight:bold;color:#881115;margin:0 0 10px 0;}
.built-on-trust-content-p{font-size:12px;text-align:justify;line-height:17px;min-height:130px;}
.built-on-trust-wrap #demo-home-trust .owl-item a{font-size:11px;background:#b11127;border:1px solid #b11127;color:#fff;text-transform:uppercase;border-radius:15px;padding:8px 12px;}
.built-on-trust-wrap #demo-home-trust .owl-item a:hover{background:transparent;color:#b11127;}
.built-on-trust-wrap #demo-home-trust .owl-nav .owl-prev{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #b11127 transparent transparent;font-size:0;transition:0.5s;-webkit-transition:0.5s;position:absolute;left:-30px;top:43%;}
.built-on-trust-wrap #demo-home-trust .owl-nav .owl-next{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #b11127;font-size:0;transition:0.5s;-webkit-transition:0.5s;position:absolute;top:43%;right:-30px;}
.built-on-trust-wrap #demo-home-trust .owl-nav .owl-next:before {position:absolute; width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #b11127;font-size:0;display:inline-block}
.built-on-trust-wrap #demo-home-trust .owl-nav .owl-prev:before {position:absolute; width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #b11127 transparent transparent;font-size:0; display:inline-block}
.grey-head.mob-block{ display: none !important;}
.grey-head.mob-display{ display: none ;}
.grey-head span{font-weight:700;}
.grey-head{background:#f0a205;color:#fff;text-align:center;font-size:27px;padding:15px 0;position:relative; display:flex; font-weight:400; justify-content:center }
h2.grey-head {font-weight:400}
.grey-head:before {position: absolute;bottom: -27px;content: "";background: url(../images/grey-head-shadow.png) no-repeat center;width: 100%;height: 27px;left: 0;background-size: 100%;}
.grey-head a{color:#fff;width:100%;}
.grey-bg {background: #fef1cc;padding: 35px;}
.how-can-we-help-wrap ul li{font-size:21px;font-weight:700;padding:10px 0 10px 20px;position:relative; line-height:24px}
.how-can-we-help-wrap ul li:before{background:url(../images/sprite.png) no-repeat center;width:9px;height:17px;position:absolute;content:"";left:0;top:13px;background-position:0 -164px;}
.how-can-we-help-wrap ul li a{color:#c32228; line-height:24px}
.how-can-we-help-wrap ul li:hover a{padding-left:5px;}
.century-of-banking-content-wrap{background:#b11127 url(../images/patches.png) no-repeat top left;}
.century-of-banking-content{width:55%;margin:47px 0 20px 0;}
.century-of-banking-content .content-head{color:#fff;}
.century-of-banking-content .content-head:before{background:#fff;display:none;}
.century-of-banking-content .content-head span{color:#b11127;}
.century-of-banking-content .content-text{margin:15px 0 15px 26px;font-size:14px;line-height:20px;width:88%;text-align:justify;color:#fff; font-weight: bold;}
.century-of-banking-content a{margin:0 0 0 40px;font-size:12px;background:#fff;color:#b11127;padding:6px 10px;border-radius:10px;text-transform:uppercase;border:1px solid #fff;}
.century-of-banking-content a:hover{background:transparent;color:#fff;border:1px solid #fff;}
.century-of-banking-videos{width:45%;height: 240px;
position: relative;}
.century-of-banking-videos video{min-width: 100%;
min-height: 100%;
width: auto;
height: 100% !important;
overflow: hidden;
position: absolute;
}
.century-of-banking-videos iframe{width:99.8%;height:333px;border:none;float:left;}
.counter-wrap li{width:25%;text-align:center;padding:7px 0;position:relative;}
.counter-wrap li:before{background:url(../images/sprite.png) no-repeat center;width:3px;height:66px;position:absolute;content:"";left:0;top:0;background-position:0 -183px;}
.counter-wrap li:first-child:before{display:none;}
.counter-wrap{background:url(../images/counter-bg.png) repeat center;}
.counter-p{font-size:31px;font-weight:700;font-style:italic;color:#bb242d;margin:0 0 5px 0;}
.counter-tagline{font-size:17px;font-weight:600;}
.testimonial-content-wrap .owl-dots{display:none !important;}
.testimonial-content-wrap #demo{padding:55px 80px 0 80px;}
.testimonial-image-wrap{width:26%;}
.testimonial-content-wrap{width:69%;float:right;position:relative;}
.testimonial-content-wrapper{width:100%;}
.testimonial-content-wrap .owl-carousel .owl-stage-outer .item:before{background:url(../images/sprite.png) no-repeat center;width:44px;height:38px;position:absolute;content:"";left:0;top:58px;background-position:0 -251px;}
.testimonial-content-wrap .owl-carousel .owl-stage-outer .item:after{background:url(../images/sprite.png) no-repeat center;width:44px;height:38px;position:absolute;content:"";right:0;bottom:0;background-position:0 -251px;transform:rotateZ(360deg) rotateY(180deg);}
.testimonial-content-p.first-line{font-size:14px;font-weight:bold;text-align:center;margin:15px 0 5px 0;position:relative;}
.testimonial-content-p{font-size:13px;text-align:justify;line-height:17px;position:relative;z-index:9;}
.testimonial-content-p span{float:left;width:100%;font-size:13px;color:#bc252d;}
.testimonial-content-wrap a{font-size:11px;text-align:center;width:100%;position:relative;margin:10px 0 0 0;font-style:italic;color:#c32228;text-transform:uppercase;font-weight:bold;text-decoration:underline;}
.testimonial-content-wrap #demo .owl-nav .owl-prev{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #b11127 transparent transparent;font-size:0;transition:0.5s;-webkit-transition:0.5s;position:absolute;left:-30px;top:63%;}
.testimonial-content-wrap #demo .owl-nav .owl-next{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #b11127;font-size:0;transition:0.5s;-webkit-transition:0.5s;position:absolute;top:63%;right:-30px;}
.testimonial-content-wrap #demo .owl-nav .owl-next:before {position:absolute; width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #b11127;font-size:0;display:inline-block}
.testimonial-content-wrap #demo .owl-nav .owl-prev:before {position:absolute; width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #b11127 transparent transparent;font-size:0; display:inline-block}
.testimonial-row .grey-bg{min-height:165px;}
.save-for-retirement-content{width:63%;margin:30px 0 0 0;}
.save-for-retirement-wrap{background:#fff;}
.save-for-retirement-content .content-head {color: #b62e38;padding: 0 0 0 19px;line-height: 1;font-weight: 700;}
.save-for-retirement-content .content-head:before{background:#fff;display:none;}
.save-for-retirement-content .content-head span{color:#b11127;margin-right:3px;margin-left:8px;}
.save-for-retirement-content .content-text {margin: 20px 0 0 60px;font-size: 13px;line-height: 20px;width: calc(100% - 60px);text-align: justify;color: #b62e38;}
.save-for-retirement-content a {margin: 15px 0 0 60px;font-size: 12px;background: #b11127;color: #fff;padding: 6px 10px;border-radius: 10px;text-transform: uppercase;border: 1px solid #fff;}
.save-for-retirement-content a:hover {color: #b11127;border-color: #b11127;background:#fff;}
.save-for-retirement-image{width:37%;background:url(../images/save-for-retirement-image.jpg) no-repeat center;background-size:cover !important;height:225px;}
.our-blog-wrap .grey-bg{min-height:168px;}
footer{float:left;width:100%;}
.footer-links-wrap{width: 100%;
min-width: 740px;
text-align: center;
}
.century-of-banking-videos video {width:100%}
.footer-links-wrap a {color: #542000; font-size: 14px; float: none; font-weight: bold; display: inline-block; min-height: 24px; line-height: 24px; box-sizing: border-box;}
.resolution-class{display:none;}
.copyright{width:auto;float:right;font-size:14px; margin-top: 1px;}
.copyright {
    text-align: center;
    width: 100%;
    margin-top: 15px;
}
.footer-content-wrap {background: #eea411;color:#542000;padding: 20px 25px;}
.sl-slider-wrapper{width:100%;height:510px;margin:0 auto;position:relative;overflow:hidden;}
.sl-slider{position:absolute;top:0;left:0;}
.sl-slide,.sl-slides-wrapper,.sl-slide-inner{position:absolute;width:100%;height:100%;top:0;left:0;}
.sl-slide{z-index:1;}
.sl-content-slice{overflow:hidden;position:absolute;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:#fff;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;opacity:1;}
.sl-slide-horizontal .sl-content-slice{width:100%;height:50%;left:-200px;-webkit-transform:translateY(0%) scale(1);-moz-transform:translateY(0%) scale(1);-o-transform:translateY(0%) scale(1);-ms-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1);}
.sl-slide-horizontal .sl-content-slice:first-child{top:-200px;padding:200px 200px 0px 200px;}
.sl-slide-horizontal .sl-content-slice:nth-child(2){top:50%;padding:0px 200px 200px 200px;}
.sl-slide-vertical .sl-content-slice{width:50%;height:100%;top:-200px;-webkit-transform:translateX(0%) scale(1);-moz-transform:translateX(0%) scale(1);-o-transform:translateX(0%) scale(1);-ms-transform:translateX(0%) scale(1);transform:translateX(0%) scale(1);}
.sl-slide-vertical .sl-content-slice:first-child{left:-200px;padding:200px 0px 200px 200px;}
.sl-slide-vertical .sl-content-slice:nth-child(2){left:50%;padding:200px 200px 200px 0px;}
.sl-content-wrapper{position:absolute;}
.sl-content{width:100%;height:100%;background:#fff;}
.sl-slide-inner{background-position:center !important;}
.bg-1 .sl-slide-inner{background:url(../images/banner-1.jpg) no-repeat;background-size:cover;}
.bg-2 .sl-slide-inner{background:url(../images/banner-2.jpg) no-repeat;background-size:cover;}
.bg-3 .sl-slide-inner{background:url(../images/banner-3.jpg) no-repeat;background-size:cover;}
.bg-4 .sl-slide-inner{background:url(../images/banner-4.jpg) no-repeat;background-size:cover;}
.sl-slide-inner p{width:550px;position:absolute;}
.bg-3 .banner-tagline{color:#fff;}
.bg-3 .banner-sub-tagline{color:#fff68d;}
.banner-last-a{height:100%;display:table;position:relative;text-align:center;}
.banner-last-a a{position:absolute;bottom:80px;font-size:15px;line-height:1;background:#900812;border:1px solid #900812;color:#fff;padding:7px 20px;text-transform:uppercase;font-weight:bold;left:43%;}
.banner-last-a a:hover{background:#fff;color:#900812;}
.demo-1 .sl-slider-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;}
.demo-2 .sl-slider-wrapper{width:100%;height:600px;overflow:hidden;position:relative;}
.demo-2 .sl-slider h2,.demo-2 .sl-slider blockquote{padding:100px 30px 10px 30px;width:80%;max-width:960px;color:#fff;margin:0 auto;position:relative;z-index:100;}
.demo-2 .sl-slider h2{font-size:100px;text-shadow:0 -1px 0 rgba(0,0,0,0.2);}
.demo-2 .sl-slider blockquote{font-size:28px;padding-top:10px;font-weight:300;text-shadow:0 -1px 0 rgba(0,0,0,0.2);}
.demo-2 .sl-slider blockquote cite{font-size:16px;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:5px;padding-top:30px;display:inline-block;}
.demo-2 .bg-img{padding:200px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:absolute;top:-200px;left:-200px;width:100%;height:100%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center center;}
.nav-arrows span{position:absolute;z-index:2000;top:50%;width:30px;height:30px;border:2px solid #bb272d;text-indent:-90000px;margin-top:-40px;cursor:pointer;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.nav-arrows span.nav-arrow-prev{left:2%;border-right:none;border-top:none;}
.nav-arrows span.nav-arrow-next{right:2%;border-left:none;border-bottom:none;}
.nav-dots{text-align:center;position:absolute;bottom:45px;height:auto;width:auto;right:10%;z-index:8;}
.nav-dots span:last-child{margin:0;}
.nav-dots span {display:inline-block;position:relative;width:12px;height:12px;border-radius:50%;margin:0 3px 0 0;cursor:pointer;border:1px solid #bb272d;background:#bb272d;}
span.nav-dot-current{background:#000;border-color:#000;}
.demo-2 .bg-img-1{background-image:url(../images/1.jpg);}
.demo-2 .bg-img-2{background-image:url(../images/2.jpg);}
.demo-2 .bg-img-3{background-image:url(../images/3.jpg);}
.demo-2 .bg-img-4{background-image:url(../images/4.jpg);}
.sl-trans-elems .deco{-webkit-animation:roll 1s ease-out both, fadeIn 1s ease-out both;-moz-animation:roll 1s ease-out both, fadeIn 1s ease-out both;-o-animation:roll 1s ease-out both, fadeIn 1s ease-out both;-ms-animation:roll 1s ease-out both, fadeIn 1s ease-out both;animation:roll 1s ease-out both, fadeIn 1s ease-out both;}
.sl-trans-elems h2{-webkit-animation:moveUp 1s ease-in-out both;-moz-animation:moveUp 1s ease-in-out both;-o-animation:moveUp 1s ease-in-out both;-ms-animation:moveUp 1s ease-in-out both;animation:moveUp 1s ease-in-out both;}
.sl-trans-elems blockquote{-webkit-animation:fadeIn 0.5s linear 0.5s both;-moz-animation:fadeIn 0.5s linear 0.5s both;-o-animation:fadeIn 0.5s linear 0.5s both;-ms-animation:fadeIn 0.5s linear 0.5s both;animation:fadeIn 0.5s linear 0.5s both;}
.sl-trans-back-elems .deco{-webkit-animation:scaleDown 1s ease-in-out both;-moz-animation:scaleDown 1s ease-in-out both;-o-animation:scaleDown 1s ease-in-out both;-ms-animation:scaleDown 1s ease-in-out both;animation:scaleDown 1s ease-in-out both;}
.sl-trans-back-elems h2{-webkit-animation:fadeOut 1s ease-in-out both;-moz-animation:fadeOut 1s ease-in-out both;-o-animation:fadeOut 1s ease-in-out both;-ms-animation:fadeOut 1s ease-in-out both;animation:fadeOut 1s ease-in-out both;}
.sl-trans-back-elems blockquote{-webkit-animation:fadeOut 1s linear both;-moz-animation:fadeOut 1s linear both;-o-animation:fadeOut 1s linear both;-ms-animation:fadeOut 1s linear both;animation:fadeOut 1s linear both;}
@-webkit-keyframes roll{0%{-webkit-transform:translateX(500px) rotate(360deg);}
100%{-webkit-transform:translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{0%{-moz-transform:translateX(500px) rotate(360deg);opacity:0;}
100%{-moz-transform:translateX(0px) rotate(0deg);opacity:1;}
}
@-o-keyframes roll{0%{-o-transform:translateX(500px) rotate(360deg);opacity:0;}
100%{-o-transform:translateX(0px) rotate(0deg);opacity:1;}
}
@-ms-keyframes roll{0%{-ms-transform:translateX(500px) rotate(360deg);opacity:0;}
100%{-ms-transform:translateX(0px) rotate(0deg);opacity:1;}
}
@keyframes roll{0%{transform:translateX(500px) rotate(360deg);opacity:0;}
100%{transform:translateX(0px) rotate(0deg);opacity:1;}
}
@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(40px);}
100%{-webkit-transform:translateY(0px);}
}
@-moz-keyframes moveUp{0%{-moz-transform:translateY(40px);}
100%{-moz-transform:translateY(0px);}
}
@-o-keyframes moveUp{0%{-o-transform:translateY(40px);}
100%{-o-transform:translateY(0px);}
}
@-ms-keyframes moveUp{0%{-ms-transform:translateY(40px);}
100%{-ms-transform:translateY(0px);}
}
@keyframes moveUp{0%{transform:translateY(40px);}
100%{transform:translateY(0px);}
}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-ms-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes scaleDown{0%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(0.5);}
}
@-moz-keyframes scaleDown{0%{-moz-transform:scale(1);}
100%{-moz-transform:scale(0.5);}
}
@-o-keyframes scaleDown{0%{-o-transform:scale(1);}
100%{-o-transform:scale(0.5);}
}
@-ms-keyframes scaleDown{0%{-ms-transform:scale(1);}
100%{-ms-transform:scale(0.5);}
}
@keyframes scaleDown{0%{transform:scale(1);}
100%{transform:scale(0.5);}
}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-o-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-ms-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.banner-tagline{font-size:55px;line-height:75px;color:#bb262c;margin:100px 0 0 55px;}
.banner-sub-tagline{font-size:35px;color:#f89b0f;width:100%;float:left;margin:10px 0 0 0;line-height:1;}
.sl-slide-inner p a{font-size:15px;line-height:1;background:#900812;border:1px solid #900812;color:#fff;padding:7px 20px;margin:10px 0 0 0;text-transform:uppercase;font-weight:bold;}
.sl-slide-inner p a:hover{background:transparent;color:#900812;}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:block;width:100%;z-index:1;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut;-webkit-animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height .5s ease-in-out;-webkit-transition:height .5s ease-in-out;}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease;-webkit-transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease;-webkit-transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-dot{background:#fff;width:15px;height:15px;border-radius:50%;float:none;margin-right:5px;display:inline-block;transition:0.5s;}
.owl-dots{display:block !important;margin:30px 0 0 0;text-align:center;opacity:0;position:relative;top:30px;transition:0.5s;}
.owl-carousel:hover .owl-dots{opacity:1;top:40px;transition:0.5s;}
.owl-dot.active{background:#0fa624;}
.owl-dot:hover{background:#0fa624;transition:0.5s;}
.dl-menuwrapper{width:100%;float:left;position:relative;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%;background:#254ea4;z-index:999;}
.dl-menuwrapper:first-child{margin-right:100px;}
.dl-menuwrapper button{background:#bb262c;border:none;width:40px;height:40px;text-indent:-900em;overflow:hidden;position:relative;cursor:pointer;outline:none;}
.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#900812;}
.dl-menuwrapper button:after{content:'';position:absolute;width:68%;height:4px;background:#fff;top:9px;left:16%;box-shadow:0 10px 0 #fff, 0 20px 0 #fff;}
.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.dl-menuwrapper li{position:relative;}
.dl-menuwrapper li a{display:block;position:relative;padding:10px 10px;font-size:16px;line-height:20px;font-weight:300;color:#fff;outline:none;width:100%;border-bottom:1px solid rgba(255,255,255,0.2);}
.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a{padding-left:30px;background:rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back::after, .dl-menuwrapper li > a:not(:only-child)::after{content:"";position:absolute;top:14px;background:url(../images/mobile-menu-arrow.png) no-repeat center;width:8px;height:14px;}
.dl-menuwrapper li.dl-back:after{left:10px;color:rgba(212,204,198,0.3);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.dl-menuwrapper li > a:after{right:10px;color:rgba(0,0,0,0.15);}
.dl-menuwrapper .dl-menu{margin:5px 0 0 0;position:absolute;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px);}
.dl-menuwrapper li .dl-submenu{display:none;}
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a{display:none;}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block;}
.dl-menuwrapper > .dl-submenu{position:absolute;width:100%;top:50px;left:0;margin:0;}
.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 0.3s ease-in-out;animation:MenuAnimOut2 0.3s ease-in-out;}
@-webkit-keyframes MenuAnimOut2{0%{}
100%{-webkit-transform:translateX(-100%);opacity:0;}
}
@keyframes MenuAnimOut2{0%{}
100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
}
.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 0.3s ease-in-out;animation:MenuAnimIn2 0.3s ease-in-out;}
@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);opacity:0;}
100%{-webkit-transform:translateX(0px);opacity:1;}
}
@keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 0.3s ease-in-out;animation:SubMenuAnimIn2 0.3s ease-in-out;}
@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0;}
100%{-webkit-transform:translateX(0px);opacity:1;}
}
@keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 0.3s ease-in-out;animation:SubMenuAnimOut2 0.3s ease-in-out;}
@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);opacity:1;}
100%{-webkit-transform:translateX(100%);opacity:0;}
}
@keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}
100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}
}
.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;transform:none;}
.no-js .dl-menuwrapper li .dl-submenu{display:block;}
.no-js .dl-menuwrapper li.dl-back{display:none;}
.no-js .dl-menuwrapper li > a:not(:only-child){background:rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after{content:'';}
.demo-2 .dl-menuwrapper button{background:#e86814;}
.demo-2 .dl-menuwrapper button:hover,.demo-2 .dl-menuwrapper button.dl-active,.demo-2 .dl-menuwrapper ul{background:#D35400;}
.dl-menuwrapper{display:none;}
.inside-banner-wrap{position:relative;height:345px;overflow:hidden;background:url(../images/inside-banner.jpg) no-repeat center;background-size:cover !important;}
.inside-banner-wrap #thisdiv{top:110px;}
.inside-banner-wrap .common{display:table;height:100%;}
.inside-banner-tagline{float:none;display:table-cell;vertical-align:middle;font-size:65px;line-height:73px;color:#b82d2f;font-weight:500;padding-left:100px;}
.vision-values-banner{background:url(../images/vision-values-banner.jpg) no-repeat center;}
.quick-atm-banner,.personal-banner,.corporate-banner,.upi-banner,.quickmobil-banner,.sms-banner,.debit-banner{background:url(../images/inside-banner.jpg) no-repeat center;}

.company-profile-banner{background:url(../images/company-profile-banner.jpg) no-repeat center;}
.chairmans-desk-banner{background:url(../images/chairmans-desk-banner.jpg) no-repeat center;}
.chairmans-desk-banner .inside-banner-tagline, .annual-reports-banner .inside-banner-tagline{color:#fff;}
.share-holders-corner-banner{background:url(../images/share-holders-corner-banner.jpg) no-repeat center;}
.board-of-directors-banner .inside-banner-tagline{color:#fff;}
.board-of-directors-banner{background:url(../images/board-of-directors-banner.jpg) no-repeat center;}
.key-personnel-banner{background:url(../images/key-personnel-banner.jpg) no-repeat center;}
.annual-reports-banner{background:url(../images/annual-reports-banner.jpg) no-repeat center;}
.celebration-banner{background:url(../images/celebration-banner.jpg) no-repeat center;}
.savings-deposit-banner{background:url(../images/savings-deposit-banner.jpg) no-repeat center;}
.customer-care-banner{background:url(../images/customer-care-banner.jpg) no-repeat center;}
.get-in-touch-banner{background:url(../images/get-in-touch-banner.jpg) no-repeat center;}
.nri-services-banner{background:url(../images/nri-services-banner.jpg) no-repeat center;}
.downloads-banner{background:url(../images/downloads-banner.jpg) no-repeat center;}
.current-deposit-banner{background:url(../images/current-deposit-banner.jpg) no-repeat center;}
.term-deposit-banner{background:url(../images/term-deposit-banner.jpg) no-repeat center;}
.loan-and-advances-banner{background:url(../images/loan-and-advances-banner.jpg) no-repeat center;}
.any-branch-banking-banner{background:url(../images/any-branch-banking-banner.jpg) no-repeat center;}
.ancillary-business-banner{background:url(../images/ancillary-business-banner.jpg) no-repeat center;}
.key-business-highlights-banner{background:url(../images/key-business-highlights-banner.jpg) no-repeat center;}
.offers-banner {background:url(../images/offers-banner.jpg) no-repeat center;}
.gold-loan-banner {background:url(../images/gold-loan-header.jpg) no-repeat center;}
.home-loan-banner {background:url(../images/home-loan-banner-inside-new.png) no-repeat center;}
.consumer-loan-banner {background:url(../images/consumer-loan-header.jpg) no-repeat center;}
.shop-loan-banner {background:url(../images/shop-loan-header.jpg) no-repeat center;}
.two-wheeler-loan-banner {background:url(../images/two-wheeler-loan-header.jpg) no-repeat center;}
.personal-loan-banner {background:url(../images/personal-header-loan.jpg) no-repeat center;}
.car-loan-banner {background:url(../images/car-loan-header-2026-new.png) no-repeat center;}
.electric-car-loan-banner {background:url(../images/electric-car-loan-header-2026-new.png) no-repeat center;}
.education-loan-banner {background:url(../images/education-loan-header.png) no-repeat center;}
.professional-loan-banner {background:url(../images/professional-loan-header.jpg) no-repeat center;}
.doctors-loan-banner {background:url(../images/doctors-loan-header.png) no-repeat center;}
.covifina-banner {background:url(../images/covifina-header.jpg) no-repeat center;}
.covid-p-banner {background:url(../images/covid-p-loan-header.jpg) no-repeat center;}
.solar-loan-banner {background:url(../images/solar-loan-header.png) no-repeat center;}
.empanelment-banner{background:url(../images/empanelment-policy-banner.jpg) no-repeat center;}
.mortgage-loan-banner {background:url(../images/mortgage-loan-header.jpg) no-repeat center;}
.remittance-banner .inside-banner-tagline, .ancillary-business-banner .inside-banner-tagline, .quickmobil-banner .inside-banner-tagline, .tools-banner .inside-banner-tagline, .savings-deposit-banner .inside-banner-tagline, .loan-and-advances-banner .inside-banner-tagline, .career-banner .inside-banner-tagline, .branch-locator-banner .inside-banner-tagline, .downloads-banner .inside-banner-tagline, .feedback-banner .inside-banner-tagline, .whistle-blower-policy-banner .inside-banner-tagline, .atm-centre-banner .inside-banner-tagline, .sitemap-banner .inside-banner-tagline {color:#fff;}
.quickmobil-banner{background:url(../images/quickmobil-banner.jpg) no-repeat center;}
.quickpay-banner{background:url(../images/quickpay-banner.jpg) no-repeat center;}
.board-of-management-banner{background:url(../images/board-of-management-banner.jpg) no-repeat center;}
.locker-policy-banner{background:url(../images/locker-policy-banner.png) no-repeat center;}
.board-of-management-banner .inside-banner-tagline{color:#fff;}
.quickmobil-banner p.inside-banner-tagline {
    padding-right: 40%;
    font-size: 62px;
}
.remittance-banner{background:url(../images/remittance-banner.jpg) no-repeat center;}
.tools-banner{background:url(../images/tools-banner.jpg) no-repeat center;}
.career-banner{background:url(../images/career-banner.png) no-repeat center;}
.branch-locator-banner{background:url(../images/branch-locator-banner.jpg) no-repeat center;}
.feedback-banner{background:url(../images/feedback-banner.jpg) no-repeat center;}
.whistle-blower-policy-banner{background:url(../images/whistle-blower-policy-banner.jpg) no-repeat center;}
.atm-centre-banner{background:url(../images/atm-centre-banner.jpg) no-repeat center;}
.grievance-redressal-banner{background:url(../images/grievance-redressal-banner.png) no-repeat center;}
.service-desk-banner{background:url(../images/service-desk-banner.png) no-repeat center;}
.sitemap-banner {background:url(../images/sitemap-banner.jpg) no-repeat center;}
.sitemap-banner {background:url(../images/sitemap-banner.jpg) no-repeat center;}
.terms-conditions-banner {background:url(../images/terms-conditions-banner.jpg) no-repeat center;}
.customer-awareness-banner{background:url(../images/customer-awareness.jpg) no-repeat center;}
.inside-left-menu ul{margin:30px 0 0 0;}
.inside-left-menu ul li{width:175px;clear:both;float:right;margin:0 25px 15px 0;}
.inside-left-menu ul li a {background:#fdf1cb;width:100%;font-weight:700;font-size:14px;color:#564e37;padding:12px 15px;border-radius:6px;position:relative;}
.inside-left-menu ul li a:after{background:url(../images/sprite.png) no-repeat center;background-position:0 -294px;width:8px;height:10px;position:absolute;right:5px;top:35%;content:"";transition:0.5s;-webkit-transition:0.5s;}
.inside-left-menu ul li a:hover:after{background-position:-14px -294px;transition:0.5s;-webkit-transition:0.5s;}
.inside-left-menu ul li a:hover{background:#b42f2f;color:#fff;}
.inside-left-menu ul li.active a:after{background-position:-14px -294px;transition:0.5s;-webkit-transition:0.5s;}
.inside-left-menu ul li.active a{background:#b42f2f;color:#fff;}
.inside-pages-main .left-col{width:25%;}
.inside-pages-main .right-col{width:75%;}
.inside-pages-main .news-updates-wrap .owl-carousel .owl-stage-outer{padding:8px 0 8px 0;}
/*.inside-content .news-updates-wrap:before {content: "";background: #f0a205;width: 30px;height: 100%;position: absolute;top: 0;left: -30px;}*/
.inside-content-wrapper .intenet-banking-wrap:before {height: 100%;}
.inside-content{padding:0 0 0 30px;}
.bread-crumb a{color:#000;float:none;}
.bread-crumb {font-size: 14px;padding: 30px 0 10px 20px;border-bottom: 1px solid #000;margin-bottom: 15px;}
.content-text-wrap{margin:20px 0 0 0;width:100%;z-index: 99;position: relative;}
.inside-content-head{padding:10px 10px 10px 55px;background:#fdf1cb;position:relative;border-radius:30px 10px 10px 30px;width:100%;font-size:16px;font-weight:600;color:#b11127;transition:0.5s;-webkit-transition:0.5s; display:flex}
.inside-content-head:before{width:45px;height:45px;position:absolute;border-radius:50%;background:#b42f2f;content:"";left:0;top:-4px;transition:0.5s;-webkit-transition:0.5s;}
.inside-content-head:after{width:45px;height:45px;position:absolute;background:url(../images/sprite.png) no-repeat center;content:"";left:0;top:-4px;transition:0.5s;-webkit-transition:0.5s;overflow:hidden;border-radius:50%;}
.branches .inside-content-head{background:#e8e8e8 !important;color:#b11127 !important;}
.branches .inside-content-head:before{background:#b11127 !important;}
.branches-wrap .inside-content-head:after{background-position:-161px -270px;}
.atm-center-wrap .branches-wrap .inside-content-head:after{background-position:-208px -270px;}
.content-text-wrap:hover .inside-content-head:after{transition:0.5s;-webkit-transition:0.5s;}
.content-text-wrap:hover .inside-content-head{background:#b11127;color:#fff;transition:0.5s;-webkit-transition:0.5s;}
.inside-content-head a p { color: #b43030;}

.inside-content-head a:hover p, .inside-content-head a:hover {
    color: #fff;
}

.content-text-wrap:hover .inside-content-head a p {
    background: #b11127;
    color: #fff;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.content-text-wrap:hover .inside-content-head:before{background:#fdf1cb;transition:0.5s;-webkit-transition:0.5s;}
.vision-content-head:after{background-position:-58px -322px;}
.content-text-wrap:hover .vision-content-head:after{background-position:0 -322px;}
.operating-principle-head:after{background-position:-58px -367px;}
.content-text-wrap:hover .operating-principle-head:after{background-position:0 -367px;}
.inception-content-head:after{background-position:-58px -412px;}
.content-text-wrap:hover .inception-content-head:after{background-position:0 -412px;}
.growth-evolution-head:after{background-position:-116px 0px;}
.content-text-wrap:hover .growth-evolution-head:after{background-position:-58px 0;}
.principles-head:after{background-position:-116px -45px;}
.content-text-wrap:hover .principles-head:after{background-position:-58px -45px;}
.value-added-collaborations-head:after{background-position:-116px -45px;}
.content-text-wrap:hover .value-added-collaborations-head:after{background-position:-58px -45px;}
.chairmans-desk-content-head:after{background-position:-116px -90px;}
.content-text-wrap:hover .chairmans-desk-content-head:after{background-position:-58px -90px;}
.share-holders-corner-content-head:after{background-position:-116px -135px;}
.content-text-wrap:hover .share-holders-corner-content-head:after{background-position:-58px -135px;}
.annual-reports-content-head:after{background-position:-116px -225px;}
.content-text-wrap:hover .annual-reports-content-head:after{background-position:-58px -225px;}
.celebration-content-head:after{background-position:-116px -270px;}
.content-text-wrap:hover .celebration-content-head:after{background-position:-58px -270px;}
.page-head-content-head{width:35%;background:#b11127;color:#fff;}
.page-head-content-head:before{background:#e8e8e8;}
.board-of-directors-content-head:after{background-position:-58px -180px;}
.key-personnel-content-head:after{background-position:-116px -180px;}
.celebration-text-content-head:after{background-position:-116px -322px;}
.value-added-collaborations-head:after{background-position:-161px -367px;}
.content-text-wrap:hover .value-added-collaborations-head:after{background-position:-116px -367px;}
.chairmans-desk-content-head:after{background-position:-161px -412px;}
.content-text-wrap:hover .chairmans-desk-content-head:after{background-position:-116px -412px;}
.share-holders-corner-content-head:after{background-position:-300px -225px;}
.content-text-wrap:hover .share-holders-corner-content-head:after{background-position:-253px -225px;}
.savings-deposit-content-head:after{background-position:-300px -270px;}
.content-text-wrap:hover .savings-deposit-content-head:after{background-position:-253px -270px;}
.current-deposit-content-head:after{background-position:-300px -322px;}
.content-text-wrap:hover .current-deposit-content-head:after{background-position:-253px -322px;}
.welfare-fund-scheme-content-head:after{background-position:-58px -457px;}
.content-text-wrap:hover .welfare-fund-scheme-content-head:after{background-position:0 -457px;}
.loan-and-advances-content-head:after{background-position:-300px -367px;}
.content-text-wrap:hover .loan-and-advances-content-head:after{background-position:-253px -367px;}
.any-branch-banking-content-head:after{background-position:-300px -412px;}
.content-text-wrap:hover .any-branch-banking-content-head:after{background-position:-253px -412px;}
.quick-atm-content-head:after{background-position:-392px -180px;}
.content-text-wrap:hover .quick-atm-content-head:after{background-position:-345px -180px;}
.ancillary-business-content-head:after{background-position:-392px -225px;}
.content-text-wrap:hover .ancillary-business-content-head:after{background-position:-345px -225px;}
.forex-head:after{background-position:-392px -225px;}
.content-text-wrap:hover .forex-head:after{background-position:-345px -225px;}

.remittance-content-head:after{background-position:-392px -270px;}
.content-text-wrap:hover .remittance-content-head:after{background-position:-345px -270px;}
.quickmobil-content-head:after{background-position:-392px -322px;}
.content-text-wrap:hover .quickmobil-content-head:after{background-position:-345px -322px;}
.quickpay-content-head:after {
    background: url(../images/quickpay-head.png) no-repeat -30px center;
}
.content-text-wrap:hover .quickpay-content-head:after {
    background: url(../images/quickpay-head.png) no-repeat 14px center;
}
.pps-content-head:after {
    background: url(../images/pps-icon-head.png) no-repeat 5px center;
}
.content-text-wrap:hover .pps-content-head:after {
    background: url(../images/pps-icon-head.png) no-repeat -60px center;
}
.locker-content-head:after {
    background: url(../images/locker-facility-icon.png) no-repeat 10px center;
}
.content-text-wrap:hover .locker-content-head:after {
    background: url(../images/locker-facility-icon.png) no-repeat -25px center;
}
.deposit-calculator-content-head:after{background-position:-392px -367px;}
.content-text-wrap:hover .deposit-calculator-content-head:after{background-position:-345px -367px;}
.emi-calculator-content-head:after{background-position:-392px -412px;}
.content-text-wrap:hover .emi-calculator-content-head:after{background-position:-345px -412px;}
.application-forms-content-head:after{background-position:-485px -135px;}
.content-text-wrap:hover .application-forms-content-head:after{background-position:-437px -135px;}
.basic-documents-content-head:after{background-position:-485px -180px;}
.content-text-wrap:hover .basic-documents-content-head:after{background-position:-437px -180px;}
.service-charges-content-head:after{background-position:-485px -225px;}
.content-text-wrap:hover .service-charges-content-head:after{background-position:-437px -225px;}
.kyc-forms-content-head:after{background-position:-485px -270px;}
.content-text-wrap:hover .kyc-forms-content-head:after{background-position:-437px -270px;}
.internet-banking-form-content-head:after{background-position:-485px -322px;}
.content-text-wrap:hover .internet-banking-form-content-head:after{background-position:-437px -322px;}
.internet-banking-content-head:after{background-position:-485px -322px;}
.content-text-wrap:hover .internet-banking-content-head:after{background-position:-437px -322px;}
.account-opening-forms-content-head:after{background-position:-485px -270px;}
.content-text-wrap:hover .account-opening-forms-content-head:after{background-position:-437px -270px;}
.rtgs-neft-form-content-head:after{background-position:-485px -270px;}
.content-text-wrap:hover .rtgs-neft-form-content-head:after{background-position:-437px -270px;}
.preferential-share-issue-content-head:after{background-position:-485px -367px;}
.content-text-wrap:hover .preferential-share-issue-content-head:after{background-position:-437px -367px;}
.fatca-content-head:after{background-position:-485px -412px;}
.content-text-wrap:hover .fatca-content-head:after{background-position:-437px -412px;}
.career-content-head:after{background-position:-578px 0;}
.content-text-wrap:hover .career-content-head:after{background-position:-530px 0;}
.branch-locator-content-head:after{background-position:-578px -45px;}
.content-text-wrap:hover .branch-locator-content-head:after{background-position:-530px -45px;}
.atm-centre-content-head:after{background-position:-578px -90px;}
.content-text-wrap:hover .atm-centre-content-head:after{background-position:-530px -90px;}
.customer-care-content-head:after{background-position:-578px -135px;}
.content-text-wrap:hover .customer-care-content-head:after{background-position:-530px -135px;}
.feedback-content-head:after{background-position:-578px -180px;}
.content-text-wrap:hover .feedback-content-head:after{background-position:-530px -180px;}
.whistle-blower-policy-content-head:after{background-position:-578px -225px;}
.content-text-wrap:hover .whistle-blower-policy-content-head:after{background-position:-530px -225px;}
.who-is-identified-as-nri-content-head:after{background-position:-578px -270px;}
.content-text-wrap:hover .who-is-identified-as-nri-content-head:after{background-position:-530px -270px;}
.who-is-non-resident-indian-content-head:after{background-position:-578px -322px;}
.content-text-wrap:hover .who-is-non-resident-indian-content-head:after{background-position:-530px -322px;}
.who-is-p-i-o-content-head:after{background-position:-578px -367px;}
.content-text-wrap:hover .who-is-p-i-o-content-head:after{background-position:-530px -367px;}
.account-opening-form-content-head:after{background-position:-485px -270px;}
.content-text-wrap:hover .account-opening-form-content-head:after{background-position:-437px -270px;}
.remitting-instructions-content-head:after{background-position:-392px -270px;}
.content-text-wrap:hover .remitting-instructions-content-head:after{background-position:-345px -270px;}
.term-deposit-content-head:after{background-position:-58px -502px;}
.content-text-wrap:hover .term-deposit-content-head:after{background-position:0 -502px;}
.type-of-accounts-content-head:after{background-position:-58px -592px;}
.content-text-wrap:hover .type-of-accounts-content-head:after{background-position:0 -592px;}
.features-facilities-available-content-head:after{background-position:-58px -637px;}
.content-text-wrap:hover .features-facilities-available-content-head:after{background-position:0 -637px;}
.nre-term-deposit-rates-content-head:after{background-position:-161px -457px;}
.content-text-wrap:hover .nre-term-deposit-rates-content-head:after{background-position:-116px -457px;}
.account-opening-formalities-content-head:after{background-position:-58px -547px;}
.content-text-wrap:hover .account-opening-formalities-content-head:after{background-position:0 -547px;}
.faqs-content-head:after{background-position:-161px -502px;}
.content-text-wrap:hover .faqs-content-head:after{background-position:-116px -502px;}
.contact-details-content-head:after{background-position:-161px -547px;}
.content-text-wrap:hover .contact-details-content-head:after{background-position:-116px -547px;}
.sitemap-content-head:after{background-position:-161px -592px;}
.content-text-wrap:hover .sitemap-content-head:after{background-position:-161px -592px;}
.content-text-wrap:hover .inside-content-head.sitemap-content-head {background:#e8e8e8;color: #b11127;transition: 0.5s;-webkit-transition: 0.5s;}
.sitemap-content-head:hover:after{background-position:-116px -592px !important;}
.sitemap-content-head:hover:before{background:#e8e8e8 !important;}
.sitemap-content-head:hover {background:#b11127 !important;color:#fff !important;}
.content-text-wrap:hover .sitemap-content-head:before {background: #b42f2f;}
.terms-conditions-content-head:after{background-position:-161px -637px;}
.content-text-wrap:hover .terms-conditions-content-head:after{background-position:-116px -637px;}


.internate-content-head:after{ background: url(../images/Internet-Banking-hw.png) no-repeat center center}
.content-text-wrap:hover .internate-content-head:after{ background: url(../images/Internet-Banking-h.png) no-repeat center center}
.upi-content-head:after{ background: url(../images/UPI-hw.png) no-repeat center center}
.content-text-wrap:hover .upi-content-head:after{ background: url(../images/UPI-h.png) no-repeat center center}
.sms-content-head:after{ background: url(../images/SMS-Banking-hw.png) no-repeat center center}
.content-text-wrap:hover .sms-content-head:after{ background: url(../images/SMS-Banking-h.png) no-repeat center center}
.debit-content-head:after{ background: url(../images/Debit-Card-hw.png) no-repeat center center}
.content-text-wrap:hover .debit-content-head:after{ background: url(../images/Debit-Card-h.png) no-repeat center center}
.forex-content-head:after{ background: url(../images/forex-hw.png) no-repeat center center}
.content-text-wrap:hover .forex-content-head:after{ background: url(../images/forex-h.png) no-repeat center center}
.complaints-content-head:after{ background: url(../images/Complaint-Grievances-hw.png) no-repeat center center}
.content-text-wrap:hover .complaints-content-head:after{ background: url(../images/Complaint-Grievances-h.png) no-repeat center center}
.service-desk-head:after { background: url(../images/hover-service-desk.png) no-repeat center center}
.content-text-wrap:hover .service-desk-head:after{ background: url(../images/default-service-desk-tl.png) no-repeat center center}

.inside-content-row{padding:15px 0 0 25px;}
.common-p {font-size: 14px;text-align: justify;line-height: 21px;margin-bottom: 20px;}
.common-p:last-child{margin-bottom:0;}
.common-ul li{font-size:14px;text-align:justify;line-height:21px;position:relative;padding:0 0 15px 13px;}
.common-ul li:last-child{padding-bottom:0;padding-right:0;}
.common-ul li:before{width:4px;height:4px;position:absolute;background:url(../images/sprite.png) no-repeat center;background-position:-17px 0;content:"";left:0;top:6px;}
.key-per .common-ul li:before{width:4px;height:4px;position:absolute;background:none;background-position:-17px 0;content:"";left:0;top:6px;}
.common-ul li ul{margin:10px 0 10px 0;}
.col-3-ul li{width:33.33%;padding-right:30px;}
.col-2-ul li{width:50%;padding-right:30px;}
.inside-left-menu select{display:none;}
.last-headline{text-align:center;color:#b42f2f;font-weight:700;font-size:13px;margin:25px 0 0 0;line-height:17px;}
.chairmans-image{margin:10px 0 0 0;width:23%;}
.chairmans-image img{width:auto;}
.chairmans-content{width:73%;float:right;margin:5px 0 0 0;}
.inside-content-subhead{font-size:13px;font-weight:700;padding:5px 0 0 0;color:#b32e2e;}
.inside-content-subhead img{position:relative;top:-9px;margin:0 10px 0 0;}
.signature p{width:20%;text-align:center;font-size:13px;font-weight:700;line-height:17px;}
.common-table table{width:100%;font-size:14px;}
.common-table table th{background:#b42f2f;color:#fff;font-weight:normal;padding:10px 20px;line-height:17px;border-right:1px solid #fff;}
.common-table table tr.th-second-level th{border-top:1px solid #fff;background:#822525;}
.common-table table tr.th-third-level th{border-top:1px solid #fff;background:#d20806;}
.common-table table tr:nth-child(even){background:#fdf1cb;}
.common-table table tr:nth-child(odd){background:#f9e6bb;}
.common-table table tr td{border-right:1px solid #fff;padding:15px 10px;text-align:center;line-height:17px;}
.common-table table tr td:first-child{text-align:left;}
.common-table table tr.row-1{background:#ebeaed;}
.common-table table tr.row-1 td:first-child{text-align:center;}
.common-table table tr.row-2{background:#dfe0e2;}
.common-table table tr.row-2 td:first-child{text-align:center;}
.common-table table tr.bor-top td{border-top:1px solid #fff;}
.inside-pages-main footer{margin-top:35px;}
.no-icon-head .inside-content-head:after, .no-icon-head .inside-content-head:before{display:none;}
.no-icon-head .inside-content-head{border-radius:5px;}
.no-icon-head .inside-content-head{border-radius:5px;padding-left:25px;}
.key-personal-ul li{padding-bottom:5px;}
.key-personal-ul li span{width:25%;float:left;}
.key-personal-ul li span:last-child{width:50%;}
.col-2 li{width:50%;}
.annual-reports-ul li{width:31%;margin:0 3.5% 3.5% 0;}
.annual-reports-ul li:nth-child(3n){margin:0 0 3.5% 0;}
.annual-reports-ul li a{width:100%;background:#e8e8e8;}
.annual-reports-ul li a{width:100%;background:#e8e8e8;font-size:17px;font-weight:700;color:#b42f2f;padding:10px 10px 10px 30px;border-radius:5px;position:relative;}
.annual-reports-ul li a:before{position:absolute;content:"";width:9px;height:9px;background:#b42f2d;left:10px;top:14px;border-radius:50%;}
.annual-reports-ul li a:after{background:url(../images/sprite.png) no-repeat center;background-position:0 -308px;width:8px;height:10px;position:absolute;right:10px;top:13px;content:"";transition:0.5s;-webkit-transition:0.5s;}
.annual-reports-ul li a:hover:after{background-position:-14px -308px;transition:0.5s;-webkit-transition:0.5s;}
.celebration-slider-wrap{background:#b42f2f url(../images/patches.png) repeat-x top;padding:10px 17px 10px 5px;margin:30px 0 0 0;border-radius:5px;}
.celebration-slider-tagline img{float:none;}
.celebration-slider-tagline{width:55%;text-align:center;font-size:12px;color:#fff;padding:20px 30px 0 30px;}
.celebration-slider-tagline p{line-height:20px;padding:10px 10px 0 10px;}
.celebration-slider-wrap #demo, .celebration-slider-wrap #demo-celebration{width:45%;}
.celebration-slider-wrap #demo .owl-nav .owl-prev, .celebration-slider-wrap #demo-celebration .owl-nav .owl-prev{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 9px 7.5px 0;border-color:transparent #fff transparent transparent;font-size:0;transition:0.5s;-webkit-transition:0.5s;position:absolute;left:-15px;top:45%;}
.celebration-slider-wrap #demo .owl-nav .owl-next, .celebration-slider-wrap #demo-celebration .owl-nav .owl-next{display:inline-block;width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 9px;border-color:transparent transparent transparent #fff;font-size:0;transition:0.5s;-webkit-transition:0.5s;position:absolute;top:45%;right:-15px;}
.celebration-content-ul li{width:48%;margin-bottom:10px;}
.celebration-content-ul li:nth-child(even){float:right;}
ul.celebration-content-ul{margin:30px 0 0 0;}
.celebration-text-content-head{margin-bottom:15px;font-size:14px;padding:6px 10px 6px 55px;}
.celebration-content-ul li .common-p{margin-bottom:8px;padding:0 0 0 20px;}
.inside-content-head.celebration-text-content-head span{float:left;width:100%;color:#000;font-size:11px;margin:4px 0 0 0;}
.celebration-text-content-head:before{top:-2px;}
.celebration-text-content-head:after{top:-2px;}
.celebration-content-ul li:nth-child(odd){clear:both;}
.registered-office-wrap .common-p{margin-bottom:7px;}
.register-office-wrap{width:25%;}
.address-map{width:70%;margin-top:20px;}
.address-map iframe{width:100%;height:200px;border:none;}
.corporate-office-departments-wrap{margin:30px 0;z-index:9999;position: relative;}
.corporate-office-departments-wrap tr td{text-align:left !important;font-size:14px !important;line-height:21px !important;}
.common-p a{float:none;text-decoration:underline;color:#b43030;}
.common-p a:hover{color:#000;}
.third-level-head a{float:none;text-decoration:underline;color:#b43030;}
.third-level-head a:hover{color:#000;}
.branch-box{width:47%;margin-bottom:35px;}
.branch-box:nth-child(even){float:right;}
.branch-box:nth-child(1){float:left;}
.branch-box:nth-child(odd){clear:both;}
.branch-address-detail p{margin-bottom:5px;font-size:14px;text-align:left;line-height:21px;}
.branches-content-head{margin:0 0 15px 0;background:#e8e8e8 !important;color:#b11127 !important; position:relative}
.atm-cont { position:absolute; right:10px; top:7px; width:60px; height:23px; left:auto}
.atm-cont img { float:right; margin:0 0 0 5px}
.branches-content-head:before{background:#b42f2f !important;}
.other-details ul li{font-size:14px;border-bottom:1px solid #d0d0d0;padding:15px 0 15px 0;}
.other-details{border-top:1px solid #d0d0d0;margin:15px 0;}
.other-details ul li span a {
    text-decoration: underline;
    color: #b42f2f;
}
.other-details ul li span{width:50%;float:left;line-height:21px;}
.other-details ul li span:nth-child(1){font-weight:700;position:relative;}
.other-details ul li span:nth-child(1):after{content:":";position:absolute;right:20px;top:0;}
.branch-timings p{font-weight:700;margin:0 0 10px 0;}
.branch-timings ul li{font-size:14px;}
.branch-timings ul li span:nth-child(1){padding:0 15px 0 0;position:relative;}
.branch-timings ul li span:nth-child(1):after{content:":";position:absolute;right:5px;top:0;}
.branch-timings ul li span{float:left;line-height:23px;}
.mar-top{margin-top:25px !important;}
.second-level-heading{font-size:19px;color:#b43030;margin:5px 0 20px 0;padding:0 0 10px 0;border-bottom:1px solid #bababa;line-height:26px; font-weight:400}
.mar-top-10{margin-top:10px !important;}
.mar-bot-10{margin-bottom:10px !important;}
.mar-bot-20{margin-bottom:20px !important;}
.mar-bot-none{margin-bottom:0 !important;}
.third-level-head{font-size:14px;margin-bottom:20px;font-weight:700;color:#b32e2e;}
.third-level-head .normal {
    color: #000;
    font-weight: normal;
}
p.third-level-head.text-big {
    font-size: 25px;
}
.common-ul li a{float:none;text-decoration:underline;color:#b43030;}
.common-ul li a:hover{color:#000;}
.contact-details-wrap{width:45%;margin:20px 0 0 0;}
.contact-details-icon{width:13%;margin-right:4%;}
.contact-details-text{width:83%;}
.contact-details-text{width:83%;font-size:14px;color:#000;line-height:21px;padding:12px 0 0 0;}
.pad-top-none{padding-top:0 !important;}
.contact-details-row{margin:0 0 20px 0;}
.contact-details-text a{color:#000;text-decoration:underline;}
ul.resp-tabs-list{position:relative;text-align:center;}
ul.resp-tabs-list:before{position:absolute;content:"";width:95%;height:1px;background:#b43030;left:0;top:50%;}
.resp-tabs-list li{font-weight:600;font-size:14px;display:table;list-style:none;cursor:pointer;float:left;width:15% !important;height:94px;padding:10px 6px;background:#b43030 !important;color:#fff;line-height:18px;border:1px solid #b43030;margin:0 1.6% 0 0;border-radius:7px;text-align:center;z-index:9;position:relative;}
.quickmobil-tab .resp-tabs-list li{    width: 9.8% !important;    margin: 0 0.7% 0 0; height:112px;}
.resp-tabs-list li.resp-tab-active{background:#fff !important;color:#b43131;border:1px solid #b43131 !important;}
/* WCAG 2.4.7 Focus Visible: no focus style existed for these tabs since they were never keyboard-focusable before */
.resp-tabs-list li:focus{outline:2px solid #000;outline-offset:2px;}
.resp-tabs-list li.resp-tab-active:before{display:inline-block;position:absolute;content:"";width:0;height:0;border-style:solid;border-width:7px 7px 0 7px;border-color:#b43131 transparent transparent transparent;font-size:0;float:right;left:45%;bottom:-7px;}
.resp-tabs-list li:last-child{margin-right:0;}
.resp-tabs-list li span{display:table-cell;vertical-align:middle;}
.resp-tabs-container{padding:0px;background-color:#fff;clear:left;}
h2.resp-accordion{cursor:pointer;padding:5px;display:none;}
.resp-tab-content{display:none;padding:15px;}
.resp-tab-active{}
.resp-tab-active{border-bottom:none;background-color:#fff;}
.resp-content-active, .resp-accordion-active{display:block;}
.resp-tab-content{border:1px solid #c1c1c1;border-top-color:transparent;margin:-50px 0 0 0;padding:75px 15px 20px 15px;width:99.7%;}
h2.resp-accordion{font-size:13px;border:1px solid #c1c1c1;border-top:0px solid #c1c1c1;margin:0px;}
h2.resp-tab-active{border-bottom:0px solid #c1c1c1 !important;margin-bottom:0px !important;}
h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1 !important;background:blue;}
.resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff;}
h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #fff;}
h2.resp-tab-active{background:#DBDBDB;}
.resp-easy-accordion h2.resp-accordion{display:block;}
.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1;}
.resp-jfit{width:100%;margin:0px;}
.resp-tab-content-active{display:block;}
h2.resp-accordion:first-child{border-top:1px solid #c1c1c1;}
.branch-locator-wrap select{width:100%;margin:10px 0 40px 0;height:40px;border:1px solid #bababa;padding:10px;border-radius:5px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/select-arrow.png) no-repeat 98% 15px;cursor:pointer;}
select::-ms-expand {display: none;}
.sitemap-nav ul li{width: 100%;
padding: 15px 0 15px 0;
font-weight: 700;
border-bottom: 1px solid #e8e8e8;
margin: 0 0 00;}
.sitemap-nav ul li:last-child{border-bottom:none;}
.sitemap-nav ul li ul{margin:10px 0 0 0;}
.sitemap-nav ul li li{width:33%;padding:10px 0 10px 20px;font-weight:normal;position:relative;transition:0.5s;-webkit-transition:0.5s;border-bottom:none;margin:0 0 0 0;}
.sitemap-nav ul li li li{width:100%;}
.sitemap-nav ul li li:hover{padding:10px 0 10px 25px;transition:0.5s;-webkit-transition:0.5s;}
.sitemap-nav ul li li a{color:#000;}
.sitemap-nav ul li li a p {
    line-height: 1.4;
}
.sitemap-nav ul li a{font-size:14px;color:#bc252d;}
.sitemap-nav ul li li:before{width:4px;height:4px;position:absolute;background:url(../images/sprite.png) no-repeat center;background-position:-17px 0;content:"";left:5px;top:16px;}
.sitemap-nav{position:relative;}
.float-right {
    float: right;
}
.products-tab-savings-deposit .resp-tabs-list li{width:10.75% !important;height:64px;}
.ac-container{width:100%;margin:10px auto 30px auto;text-align:left;}
.ac-container label{font-size:19px;color:#b43030;margin:5px 0 20px 0;padding:0 20px 10px 0;border-bottom:1px solid #bababa;line-height:26px;width:100%;float:left;cursor:pointer;position:relative;}
.ac-container label:before{content:'';position:absolute;width:7px;height:2px;right:8px;top:7px;background:#b43030;transform:rotateZ(140deg);transition:0.5s;-webkit-transition:0.5s;}
.ac-container label:after{content:'';position:absolute;width:7px;height:2px;right:13px;top:7px;background:#b43030;transform:rotateZ(-140deg);transition:0.5s;-webkit-transition:0.5s;}
.ac-container label:hover{background:#fff;}
.ac-container input:checked + label:after{transform:rotateZ(-40deg);transition:0.5s;-webkit-transition:0.5s;}
.ac-container input:checked + label:before{transform:rotateZ(40deg);transition:0.5s;-webkit-transition:0.5s;}
.ac-container input{display:none;}
.ac-container article{background:rgba(255, 255, 255, 0.5);margin-top:-1px;overflow:hidden;height:0px;position:relative;z-index:10;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;float:left;width:100%;}
.ac-container article p{font-size:13px;text-align:justify;line-height:17px;margin-bottom:20px !important;}
.ac-container input:checked ~ article{-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
.ac-container input:checked ~ article.ac-small{min-height:40px; height:auto;}
.ac-container input:checked ~ article.ac-small.ac-small-2{min-height:50px;}
.ac-container input:checked ~ article.ac-medium{min-height:70px;}
.ac-container input:checked ~ article.ac-large{min-height:150px;}
.branches-wrap{display:none;}
div#mumbai-branches{display:block;}
.half-field{width:48%;}
.half-field.full-field {
    width: 100%;
}
.half-field label{font-size:14px;margin:0 0 10px 0;float:left;width:100%;}
.half-field select{width:100%;margin:10px 0 40px 0;height:40px;border:1px solid #bababa;padding:10px;border-radius:5px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/select-arrow-filled.png) no-repeat 100% 0;cursor:pointer;}
/* .half-field input, .half-field select, .half-field textarea{width:100% !important;height:40px;margin:0 0 25px 0;border:1px solid #ddd;padding:10px;outline:none;-webkit-appearance: none; -moz-appearance: none; appearance: none;} */
.half-field input,  .half-field textarea{width:100%;margin:10px 0 40px 0;height:40px;border:1px solid #bababa;padding:10px;border-radius:5px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.half-field input:focus, .half-field textarea:focus{transition:0.5s;border:1px solid #b43030;}
/* WCAG 3.3.1/3.3.3: inline field error text, associated via aria-describedby; empty and invisible until populated by JS */
.field-error{color:#b32e2e;font-size:12px;font-weight:600;margin-top:4px;min-height:0;}
#txtAmt-error .field-error,#drpTimePeriod-error .field-error {margin-top:-24px}
.half-field input::-webkit-input-placeholder{color:#a9a4a4;}
.half-field input::-moz-placeholder{color:#a9a4a4;}
.half-field input:-ms-input-placeholder{color:#a9a4a4;}
.half-field input:-moz-placeholder{color:#a9a4a4;}
.address-wrap textarea{height:81px;}
.city-wrap{clear:both;}
.querys-wrap textarea{height:167px;}
.button_submit{background:#b43030;color:#fff;border:1px solid #b43030;text-transform:uppercase;font-weight:500;font-family:'Roboto', sans-serif;font-size:18px;padding:5px 20px;cursor:pointer;transition:0.5s;-webkit-transition:0.5s;width:auto !important;line-height:1;}
.half-field input.button_submit{width:auto !important;border:1px solid #b43030 !important;}
.button_submit:hover{background:#fff;color:#b43030;transition:0.5s;-webkit-transition:0.5s;}
span.wpcf7-not-valid-tip{font-size:13px !important;margin:-19px 0 19px 0 !important;}
div.wpcf7-validation-errors{border:1px solid #b43131 !important;background:#b43131 !important;color:#fff !important;margin:30px 0 0 0 !important;width:auto !important;padding:10px 15px !important;font-size:14px !important;}
.mar-left{margin-left:10px !important;}
.one-third-field{width:30%;margin-right:5%;}
.mar-right-none{margin-right:0 !important;}
/*#mask, #mask2, #mask3, #mask-new, #mask-new2,#mask-new3,#mask-new4, #mask5 , #mask6{position:fixed;left:0;top:0;z-index:9999999;background-color:rgba(0,0,0,0.9);display:none;height:100%; width:100%;}*/
/*#boxes .window, #boxes2 .window, #boxes3 .window, #boxes-new .window, #boxes-new2 .window,#boxes-new3 .window,#boxes-new4 .window, #boxes5 .window, #boxes6 .window{position:fixed;left:0;top:0;width:auto;height:auto;display:none;z-index:999999999;text-align:center;}*/
/*#boxes #dialog, #boxes2 #dialog2, #boxes3 #dialog3, #boxes-new #dialog-new, #boxes-new2 #dialog-new2,#boxes-new3 #dialog-new3,#boxes-new4 #dialog-new4, #boxes5 #dialog5, #boxes6 #dialog6{    width: 500px;*/
/*    height: auto;*/
/*    background-color: #fff;*/
/*    max-width: max-content;*/
/*top: 6% !important;*/
/*left: 0 !important;*/
/*top: 50% !important;*/
/*right: 0;*/
/*margin: 0 auto;*/
/*transform: translateY(-50%);*/
/*display:none;}*/

/*#boxes3 #dialog3{width: 850px !Important;}*/

/*#boxes #dialog {*/
/*   width: 850px; }*/
/*#boxes2 #dialog2 {width: 850px !Important;}*/
/*#boxes5 #dialog5 {*/
/*   width: 850px;}*/
/*#boxes2 #dialog2 {
    max-width: 392px;}*/
/* #boxes-new #dialog-new,  #boxes-new2 #dialog-new2 {*/
  /* width: 390px;*/
/*}*/
/*#boxes-new #dialog-new {*/
/*    width: 500px;*/
/*}*/
/*#popupfoot{position:absolute;bottom:0;width:auto;left:auto;}*/
/*.close, .close2, .close3, .close4, .close-new, .close-new2,.close-new3,.close-new4,.close5,.close6{position:absolute;right:0;background:#bc252c;color:#fff;line-height:1;font-size:17px;width:30px;height:30px;padding:6px 0 0 0;font-weight:600;top:-30px;text-align: center;}*/



/* =========================
   POPUP MASK
========================= */

#mask,
#mask2,
#mask3,
#mask5 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, 0.9);
    display: none;
    height: 100%;
    width: 100%;
}


/* =========================
   POPUP WINDOW
========================= */

#boxes .window,
#boxes2 .window,
#boxes3 .window,
#boxes5 .window {
    position: fixed;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    display: none;
    z-index: 999999999;
    text-align: center;
}


/* =========================
   POPUP DIALOG
========================= */

#boxes #dialog,
#boxes2 #dialog2,
#boxes3 #dialog3,
#boxes5 #dialog5 {
    height: auto;
    background-color: #fff;
    max-width: 94%;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    display: none;
}


/* Popup 1 */

#boxes #dialog {
    width: 840px;
}


/* Popup 2 */

#boxes2 #dialog2 {
    width: 850px;
}


/* Popup 3 */

#boxes3 #dialog3 {
    width: 850px;
}


/* Popup 4 */

#boxes5 #dialog5 {
    width: 850px;
}


/* =========================
   POPUP IMAGE
========================= */

#boxes #dialog img,
#boxes2 #dialog2 img,
#boxes3 #dialog3 img,
#boxes5 #dialog5 img {
    border: 5px solid #fff;
    width: auto;
    max-width: 100%;
    max-height: 550px;
}


/* =========================
   CLOSE BUTTON
========================= */

.close,
.close3,
.close4,
.close5 {
    position: absolute;
    right: 0;
    top: -30px;

    background: #bc252c;
    color: #fff;

    line-height: 1;
    font-size: 17px;

    width: 30px;
    height: 30px;

    padding: 6px 0 0 0;

    font-weight: 600;
    text-align: center;
}



#boxes #dialog img, #boxes2 #dialog2 img, #boxes3 #dialog3 img, #boxes-new #dialog-new img, #boxes-new2 #dialog-new2 img,#boxes-new3 #dialog-new3 img,#boxes-new4 #dialog-new4 img, #boxes5 #dialog5 img, #boxes6 #dialog6 img{border: 5px solid #fff;
width: auto;
max-width: 100%;
max-height: 550px;
margin: 0 auto;
float: none;
max-width: 100%;}
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
z-index: 999999999;
display: none;
}
.cnt223 a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 9999999999;
    height: 100%;
    left: 0;
    top: 0;
}
.cnt223{
max-width: 100%;
width: 800px;
min-height: 150px;
margin:0; 
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 15px 35px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
transform: translate(-50%, -50%);
}
.cnt223 img {
    max-width: 100%;
}
.cnt223 p{
clear: both;
    color: #555555;
    /* text-align: justify; */
    font-size: 20px;
    font-family: sans-serif;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
.testimonial-detail-row{padding:20px;border:1px solid #bb272d;position:relative;font-style:italic;}
.testimonial-detail-wrap{margin-bottom:35px;}
.testimonial-detail-wrap .common-p{font-size:14px;line-height:21px;}
.testimonial-detail-row:before{display:inline-block;position:absolute;content:"";width:0;height:0;border-style:solid;border-width:7px 7px 0 7px;border-color:#b43131 transparent transparent transparent;font-size:0;float:right;left:35px;bottom:-7px;}
.author-p{margin:20px 0 0 0;font-size:13px;}
.author-p span{float:left;width:100%;margin:2px 0 0 0;font-size:13px;color:#b43030;font-weight:600;}
.half-field label span{color:red;position:relative;top:-2px;margin:0 0 0 4px;}
.products-tab-current-deposit .resp-tabs-list li:first-child{margin-left:34%;}
.products-tab-current-deposit ul.resp-tabs-list:before{width:100%;}
.products-tab-current-deposit .resp-tab-content{width:100%;margin:-47px 0 0 0;}
.accordion-item-active .accordion-header-icon{color:#fff;}
.accordion-header h1{font-size:19px;color:#b43030;margin:5px 0 10px 0;padding:0 20px 10px 0;border-bottom:1px solid #bababa;line-height:26px;width:100%;float:left;cursor:pointer;position:relative;font-weight:normal;}
.accordion-header h1:before{content:'';position:absolute;width:7px;height:2px;right:8px;top:7px;background:#b43030;transform:rotateZ(140deg);transition:0.5s;}
.accordion-header h1:after{content:'';position:absolute;width:7px;height:2px;right:13px;top:7px;background:#b43030;transform:rotateZ(-140deg);transition:0.5s;-webkit-transition:0.5s;}
.accordion-header-active h1:before{transform:rotateZ(40deg);transition:0.5s;-webkit-transition:0.5s;}
.accordion-header-active h1:after{transform:rotateZ(-40deg);transition:0.5s;-webkit-transition:0.5s;}
.accordion-content{display:none;margin:10px 0 20px 0;}
.accordion-content p{margin:0;margin-bottom:3px;}
.accordion-header-icon{display:none;}
.accordion{margin:0;}
.basic-documents .resp-tabs-list li:first-child{margin-left:17%;}
.basic-documents ul.resp-tabs-list:before{width:100%;}
.basic-documents .resp-tab-content{width:100%;margin:-46px 0 0 0;}
.inside-left-menu ul ul{margin:-5px 0 0 0;background:#f9f3e1;padding:10px 15px 25px 15px;border:1px solid #dadada;border-radius:0 0 15px 15px;}
.inside-left-menu ul li li{width:100%;margin:0;}
.inside-left-menu ul li li a{background:transparent !important;border-radius:0;padding:10px 0 10px 11px;font-size:12px;font-weight:400;border-bottom:1px solid #aeaeae;position:relative;color:#000 !important;line-height:17px;}
.inside-left-menu ul li li.active-sub a{color:#b43030 !important;font-weight:600;}
.inside-left-menu ul li li:last-child a{border-bottom:none;}
.inside-left-menu ul li li a:before{content:"";width:5px;height:10px;position:absolute;left:0;top:15px;background:url(../images/sprite.png) no-repeat;background-position:-161px -322px;}
.inside-left-menu ul li li a:after{display:none;}
.inside-left-menu ul li li a:hover{padding:10px 0 10px 16px;}
#page-load{background:#fff none repeat scroll 0 0;display:table;height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:99999999999999;}
#page-load img{float:none;}
.loader-second{float:none;vertical-align:middle;display:table-cell;}
.loader-first{display:table;height:100%;float:none;}
/*-- nEW --*/
.bx-slider-new {width: 100%; height: 510px; margin: 0 auto; position: relative; overflow: hidden;}
.bx-slider-new li {position:absolute;width:100%;height:100%;top:0;left:0; background-position: center !important;}
.bx-slider-new li p {width: 550px; position: absolute;}
.bx-slide-3 .banner-tagline{color:#fff;}
.bx-slide-3 .banner-sub-tagline{color:#fff68d;}
.banner-last-a{height:100%;display:table;position:relative;text-align:center;}
.banner-last-a a{position:absolute;bottom:80px;font-size:15px;line-height:1;background:#900812;border:1px solid #900812;color:#fff;padding:7px 20px;text-transform:uppercase;font-weight:bold;left:43%;}
.banner-last-a a:hover{background:#fff;color:#900812;}
.bx-slider-new li p a{font-size:15px;line-height:1;background:#900812;border:1px solid #900812;color:#fff;padding:7px 20px;margin:10px 0 0 0;text-transform:uppercase;font-weight:bold;}
.bx-slider-new li p a:hover{background:transparent;color:#900812;}
.bx-slider-new .bx-slide-more-joy {background:url(../images/header-rupay-more-joy.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-new {background:url(../images/header-rupay2.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-new2 {background:url(../images/header-rupay.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-6 {background:url(../images/home-banner-new2.jpg) no-repeat;background-size:cover;}

.bx-slider-new .bx-slide-banking-ombdusman {background:url(../images/banking-ombdusman.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-financial-awareness-campaign {background:url(../images/financial-awareness-campaign.png) no-repeat;background-size:cover;}

.bx-slider-new .bx-slide-1 {background:url(../images/home-loan-banner-new-rev.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-2{background:url(../images/banner-2.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-3{background:url(../images/banner-3.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-4{background:url(../images/banner-4.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-5{background:url(../images/zee5-rupay-offer.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-7{background:url(../images/bms-creative.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-scratch{background:url(../images/scratch-banner.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-quickpay{background:url(../images/quickpay-banner-home.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-gold-load{background:url(../images/nkgsb-bank-gold-loan-banner.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-ltsb{background:url(../images/ltsb-scheme.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-swayamsiddha{background:url(../images/swayamsiddha-loan-banner.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-streesakhi{background:url(../images/streesakhi-loan-banner.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-education-loan{background:url(../images/education-loan-banner.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-fd-new-banner{background:url(../images/fd-new-banner.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-evehicle{background:url(../images/e-vehicle-banner.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-fortune15{background:url(../images/fortune15.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-car-loan{background:url(../images/car-loan-home-banner.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-quickmob{background:url(../images/quick-mobil-home-banner.jpg) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-edubanner{background:url(../images/education-loan-1920-510-rev.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-amritbaner{background:url(../images/amritkaal-fd-scheme-II.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-retail-loan-mania{background:url(../images/retail-loan-mania.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-106-foundation-day{background:url(../images/106-header-image.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-2nd-prize-banner{background:url(../images/2nd-prize-banner.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-fixed-depo{background:url(../images/fixed-deposit-banner.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-ltsb-new{background:url(../images/website-header-banner-ltsb-series-iv-2025.png) no-repeat;background-size:cover;} 
.bx-slider-new .bx-slide-fixed-depo-new{background:url(../images/fixed-deposit-header-website-banner-1920x510.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-retail-festival-dhamaka-header{background:url(../images/retail-festival-dhamaka-header.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-foundation-day{background:url(../images/108-web-banner-header.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-lakshya{background:url(../images/lakshya-banner.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-brihanmumbai-nagari-sahakari{background:url(../images/brihanmumbai-nagari-sahakari.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-diwali-retail{background:url(../images/diwali-retail.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-frontier-award{background:url(../images/frontier-award.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-atmanirbhar-udyojak{background:url(../images/atmanirbhar-udyojak.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-prestigious-accolades{background:url(../images/prestigious-accolades-2025.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-fixed-deposit-2025{background:url(../images/website-header-fd-2025.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-fixed-deposit-2026{background:url(../images/website-header-fd-2026.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-doctor-loan{background:url(../images/home-doctor-loan-benner.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-best-it-award {background:url(../images/website-header-best-it-award.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-brihanmumbai-nagari-award{background:url(../images/web-banner-brihan-mumbai-nagari-award-2024-25.png) no-repeat;background-size:cover;}
.bx-slider-new .bx-slide-brihanmumbai-nagari-award-new{background:url(../images/nkgsb-website-banner-best-bank-award.jpg) no-repeat;background-size:cover;}
.top-portion {display:none;}
.inside-content .news-updates-wrap {width: 100%; margin:0}
.testimonials-content-head:after {background-position: -578px -180px;}
.content-text-wrap:hover .testimonials-content-head:after {background-position: -531px -180px;}
.inside-content .news-updates-wrap .owl-carousel .owl-stage-outer:before {left:0;}
.td-right-align tr td:first-child {text-align: left !important;}
.td-right-align tr td {text-align: right !important;padding-right: 70px !important;}
.common-table .common-p {margin-bottom:10px;text-align:right;}
.common-table.faq .common-p {
    text-align: left;
}
.key-business-highlights-content-head:after{background-position:-297px -474px;}
.content-text-wrap:hover .key-business-highlights-content-head:after{background-position:-252px -474px;}
.others-debit-card-offers-content-head:after{background-position:-387px -474px;}
.content-text-wrap:hover .others-debit-card-offers-content-head:after{background-position:-342px -474px;}
.debit-card-offers-content-head:after{background-position:-477px -474px;}
.content-text-wrap:hover .debit-card-offers-content-head:after{background-position:-432px -474px;}
.cards-ul li {width:22%;margin:0 4% 0 0;}
.cards-ul li:nth-child(4n) {margin:0;}
.cards-img-wrapp img {width: 100%;}
.cards-ul {margin:15px 0 0 0;text-align:center;}
.cards-ul li p {text-align: center;color: #808080;font-size: 14px;margin: 15px 0 10px 0;}
.cards-ul li a {background:#ae272e;color:#fff;font-size:11px;padding:6px;border-radius:5px;display: inline-block;float:none;border:1px solid #ae272e;}
.cards-ul li a:hover {background:#fff;color:#ae272e;}
.mar-top-60 {margin-top:60px;}
.branch-timings br {display:none;}
.branches-content-head a{color: #b11127 !important;}
.branches-content-head a:hover{color: #b11127 !important;text-decoration:underline;}
select[disabled]{color:#aaa;}
.area-selector {display:none;}
.cities  {display:none;}
.state-selector-wrapper {float: left;width: 30%;margin-right: 5%;}
.city-selector {width: 30%;margin: 0 5% 0 0;}
.area-selector {width: 30%;margin: 0 0 0 0;}
.branch-locator-wrap {position: relative;z-index:9999;margin:15px 0 0 0;}
.branch-locator-wrap .content-text-wrap {margin:20px 0 25px 0;}
.branch-locator-wrap select {background:url(../images/select-arrow-filled.png) no-repeat 100% 0;}
select::-ms-value {background: transparent;color:#000;}
.collapse-table:after {background:#fff;width:10px;height:2px;content:"";position:absolute;right:14px;top:16px;transform:rotateZ(-45deg);transition:0.5s;} 
.collapse-table:before {background:#fff;width:10px;height:2px;content:"";position:absolute;right:20px;top:16px;transform:rotateZ(45deg);transition:0.5s;}
.collapse-table {background:#b42f2f;color:#fff;font-weight:normal;padding:10px 20px;line-height:17px;border-right:1px solid #fff;text-align:left;cursor:pointer;position:relative;}
.corporate-office-departments-wrap.active .collapse-table:before {transform:rotateZ(-45deg);transition:0.5s;}
.corporate-office-departments-wrap.active .collapse-table:after {transform:rotateZ(45deg);transition:0.5s;}
.corporate-office-departments-wrap .corporate-office-departments-table {overflow: hidden;transition:0.7s;}
.corporate-office-departments-wrap.active .corporate-office-departments-table {height:775px;transition:0.7s;}
.drp-arrow{background:url(../images/select-arrow-filled.png) no-repeat 100% 0; }
.video-cont { width:100%; float:left; margin:0 0 25px 0}
.video-panel { background:#fdf1cb; width:48%; float:left; margin:0 1%}
.video-panel video { border:none; width: 96%;margin: 10px 2%; }
.complaints-form { margin:0 0 35px 0}
.note-wrap { width:100%; float:left; background:#f9e6bb; padding:10px 2%; margin:30px 0 0 0; font-size:14px; font-weight:600;}
.note-wrap span { text-transform:uppercase}
.tooltip,.tooltip1 { position: relative; display: inline-block; width:auto; cursor:pointer}
.tooltip { background:url(../images/icon-atm.png) no-repeat 0 0; width:19px; height:23px;margin:0 10px 0 0}
.tooltip1 { background:url(../images/icon-lock.png) no-repeat 0 0; width:22px; height:23px; }
.content-text-wrap:hover .inside-content-head .tooltip { background:url(../images/icon-atm-hv.png) no-repeat 0 0;}
.content-text-wrap:hover .inside-content-head .tooltip1 { background:url(../images/icon-lock-hv.png) no-repeat 0 0;}

.tooltip .tooltiptext,.tooltip1 .tooltiptext {visibility: hidden; width:100px; background:#f49e00; color: #fff; text-align: center; border-radius: 6px; padding: 5px 15px; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 100%; left: 50%;    margin-left: -60px; font-weight:500; font-size:16px}
.tooltip:hover .tooltiptext,.tooltip1:hover .tooltiptext,.tooltip:focus .tooltiptext,.tooltip1:focus .tooltiptext { visibility: visible;}
/* WCAG 1.4.13/2.4.7: keyboard-focus parity for the hover-revealed ATM/Locker tooltip legend */
.tooltip:focus,.tooltip1:focus{outline:2px solid #000;outline-offset:2px;}
#slideshow {  margin:0; width:409px;  height:575px;  padding:10px; position:relative; float:left}
#slideshow > div {  position: absolute;  top:0;  left:0;  right:0;  bottom:0;}

.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0; margin: 0;  }
.rslides li {-webkit-backface-visibility: hidden;position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides li a {float:left; width:100%;}
.rslides img {display: block;height: auto; float: left; width: 100%; border: 0;  }
#boxes { position: relative; z-index: 9999999;}
#boxes2, #boxes3, #boxes-new, #boxes-new2,#boxes-new3,#boxes-new4,#boxes5,#boxes6{position: relative; z-index: 9999999;}
.owl-carousel .item { position:relative}
.banner-links { width:100%; float:left; position:absolute; bottom:0; text-align:center; color:#fff; font-size:11px; font-weight:700; line-height:16px; bottom:4px; text-transform:uppercase}
.banner-links a { color:#fff; text-decoration:none; display:inline-block; margin:0; float:none}
.banner-links span { display:inline-block;margin:0 4px }
.intenet-banking-wrap .owl-carousel .owl-stage-outer { transform:none !important}
#owl-demo .owl-item a { color:#333333; text-decoration: underline}
#owl-demo .owl-item p a {
    float: none;
    display: inline-block;
}
.city2 {margin: 20px 0 20px 13px;font-size: 18px;color: #b11127;font-weight: 700; padding-left: 0;border-bottom: 1px solid #ddd;padding-bottom: 10px;width: 98%;}
.city {margin: 20px 0 20px;font-size: 16px;color:#f49e00;font-weight: 700; padding-left: 13px;}
.city.frst,.city2.frst{margin-top:0;}
.spacer {margin: 0 0 30px;}
.wpcf7-radio.input_class span.wpcf7-list-item-label {
    display: inline-block;
    font-size: 14px;
}

.wpcf7-radio.input_class {}

.wpcf7-radio.input_class span.wpcf7-list-item {
    margin: 0;
    margin-top: 16px;
    margin-right: 15px;
}

.wpcf7-radio.input_class input[type="radio"] {
    width: auto;
    height: auto;
    -webkit-appearance: radio;
    margin-left: 15px;
	margin-bottom: 51px;
}

.customer-care-form-wrap .address-wrap textarea {
    min-height: 151px;
}

.input_div.half-field.FR.captcha-wrap {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.customer-care-form-wrap {
    margin-bottom: 40px;
}
.customer-care-form-wrap span.city
{padding:0}
span.star {
    color: red; 
}

.rslides_nav.rslides1_nav.prev, .rslides_nav.rslides2_nav.prev, .rslides_nav.rslides3_nav.prev, .rslides_nav.rslides4_nav.prev{
position: absolute;
    top: 50%;
    left: 12px;
    z-index: 99;
    width: 20px;
    height: 40px;
    /* border: 2px solid #bb272d; */
    border-top-width: 2px;
    border-right-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: rgb(187, 39, 45);
    border-right-color: rgb(187, 39, 45);
    /* border-top-width: 2px; */
    /* border-right-width: 2px; */
    /* border-top-style: solid; */
    /* border-right-style: solid; */
    /* border-top-color: rgb(187, 39, 45); */
    /* border-right-color: rgb(187, 39, 45); */
    text-indent: -90000px;
    margin-top: -20px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: none;
    border-right: none;
    border-top: none;
    background: #000;
}
.rslides_nav.rslides1_nav.prev:before,  .rslides_nav.rslides2_nav.prev:before, .rslides_nav.rslides3_nav.prev:before, .rslides_nav.rslides4_nav.prev:before {
    top: 133%;
    left: 7px;
    z-index: 99;
    width: 16px;
    height: 16px;
    border: 2px solid #bb272d;
    border-top-width: 2px;
    border-right-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: rgb(187, 39, 45);
    border-right-color: rgb(187, 39, 45);
    border-top-width: 2px;
    border-right-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: rgb(187, 39, 45);
    border-right-color: rgb(187, 39, 45);
    text-indent: -90000px;
    margin-top: -40px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: none;
    border-top: none;
    content: "";
    position: absolute;
}
.rslides_nav.rslides1_nav.next, .rslides_nav.rslides2_nav.next, .rslides_nav.rslides3_nav.next, .rslides_nav.rslides4_nav.next{
position: absolute;
    top: 50%;
    right: 12px;
    z-index: 99;
    width: 20px;
    height: 40px;
    /* border: 2px solid #bb272d; */
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: rgb(187, 39, 45);
    border-left-color: rgb(187, 39, 45);
    text-indent: -90000px;
    margin-top: -20px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: none;
    border-left: none;
    border-bottom: none;
    background: #000;
}
.rslides_nav.rslides1_nav.next:before, .rslides_nav.rslides2_nav.next:before, .rslides_nav.rslides3_nav.next:before, .rslides_nav.rslides4_nav.next:before{
position: absolute;
top: 133%;
right:7px;
z-index:99;
width: 16px;
height: 16px;
border: 2px solid #bb272d;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: rgb(187, 39, 45);
    border-left-color: rgb(187, 39, 45);
text-indent: -90000px;
margin-top: -40px;
cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-left: none;
border-bottom: none;
content:"";
position:absolute;
}
.branch-banner {
    background: #cd2f2e;
    padding: 35px 15px;
    text-align: center;
    line-height: 1.5;
}

.branch-banner p {
    line-height: 1.6;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.inputButton.disabled{display:none}
a#sendNewSms {
    background: #b43030;
    color: #fff;
    border: 1px solid #b43030;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding: 7px 20px;
    cursor: pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    width: auto !important;
    line-height: 1;
    margin-top: 0px;
}
.agree-text input#toggle {
    margin-right: 8px;
    cursor: pointer;
}

.banner-links1 { width:100%; float:left; position:absolute; bottom:0; text-align:center; color:#fff; font-size:14px; font-weight:700; line-height:16px; top:13px; z-index:2000; height:25px; text-transform:uppercase}
.banner-links1 a { color:#fff; text-decoration:none; display:inline-block; margin:0; float:none}
.banner-links1 span { display:inline-block;margin:0 4px }
h2.accordion-title { font-size: 19px; color: #b43030; margin: 5px 0 10px 0; padding: 0 20px 10px 0; border-bottom: 1px solid #bababa; line-height: 26px; width: 100%; float: left; cursor: pointer; position: relative; font-weight: normal; }
h2.accordion-title a {color: #b43030;}
.row-top {position: absolute; width: 100%; float: left; padding:0 5%; margin: 0; top: 180px;  display:flex;left: 0; right: 0; margin: 0 auto;height: 101px; justify-content:space-between}
.row-top a.ustav-pos {width:14%; float:left;height: 101px;}
.row-top2 {position: absolute; width: 100%; float: left; padding: 0 11.5%; margin: 0; top: 336px;  display:flex;height: 101px;}
.row-top2 a.ustav-pos {width:16%; float:left;height: 101px;left: 0; right: 0; margin: 0 auto;}
.menu-nav ul li a.sticky-right-bottom {
    
    padding: 10px 0;
	line-height: 1.2;
    
}
.resolution-class {
    /* display: inline-block;
    vertical-align: top;
    margin-bottom: -12px;
    margin-top: -5px;
    text-align: center; */
}
.footer-content-wrap > .common {
    width: 100%;
    max-width: unset;
    padding: 0 15px;
}
.footer-links-wrap a br {
    display: none;
}
.footer-links-wrap a::after {
    content: "|";
    margin: 0 5px;
}
.footer-links-wrap a:last-child::after , .footer-links-wrap a:nth-last-child(2)::after {
    display: none;
}
#rbi-boxes {
    display: none;
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
#rbi-boxes.show-modal {
    display: block;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
#rbi-boxes #rbi-dialog {
   width: 700px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 9999999999;
background: #fff;
-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
border: 1px solid rgba(0,0,0,.2);
border-radius: 0;
max-width:96%;
}
#rbi-boxes {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	z-index: 99999999999999999;
}
#rbi-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 111;
    background-color: #000;
    opacity: 0.5;
}

#rbi-boxes .header {
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.popup-content h4 {
  font-size: 18px;
  color: #b43030;
  margin-bottom: 15px;
}
.popup-content {
  padding: 20px;
  padding-bottom: 30px;
}
#rbi-boxes .header h3 {
    font-size: 19px;
    font-weight: 600;
    padding: 10px 25px;
    
    background: #fdf1cb;
    color: #b11127;
    border-radius: 5px;
}
.popup-content p {
  margin-bottom: 15px;
  font-weight: normal;
  line-height: 1.3;
}
.popup-content a {
  border: 2px solid #ec3434;
padding: 15px;
font-size: 21px;
color: #000;
margin: 0 auto;
float: none;
display: block;
clear: both;
max-width: 331px;
text-align: center;
background: #b43030;
color: #fff;
border: 1px solid #b43030;
text-transform: uppercase;
font-weight: 500;
}
.popup-content a:hover {
    background: #fff;
    color: #b43030;
}
.rbi-close {
    position: absolute;
    top: -40px;
    right: 0;
    background: red;
    right: 0;
    background: #b11127;
    color: #fff;
    line-height: 1;
    font-size: 17px;
    width: 30px;
    height: 30px;
    padding: 6px 0 0 0;
    font-weight: 600;
    top: -30px;
    text-align: center;
}
.hd-2{position: relative;z-index: 999;color: #fff;text-align: center;padding: 0 0 13px;font-size: 19px;}
.rupay-offers-li{display: flex;flex-wrap: wrap;/* justify-content: space-between; */}
.cards-ul.rupay-offers-li li {width: 31.33%;margin: 13px 1% !important;padding: 25px 15px;border: 1px solid #eee;border-radius: 6px;}
.rupay-offers-li .cards-img-wrapp img{max-height: 60px;width: auto;float: none;max-width: 100%;}
.rupay-offers-li .cards-img-wrapp{text-align:center;}
.rupay-offers-li .offer-name{font-size: 15px;font-weight: 600;color: #b11127;margin: 0 0 15px;min-height: 30px;}
.rupay-offers-li .offer-date{font-size: 14px;font-weight: 500;color: #000;margin:15px 0 20px;}
.rupay-offers-tabs .resp-tabs-list li{width: 32% !important;display: flex;align-items: center;justify-content: center;height: 60px;}
.rupay-offers-tabs ul.resp-tabs-list{display: flex;justify-content: space-between;}
.rupay-offers-li-details.cards-ul.rupay-offers-li li{width: 100%;margin: 0 0 25px;padding: 0;border: 0;}
.rupay-offers-li.rupay-offers-li-details .cards-img-wrapp img {max-height:300px;}
.rupay-offers-li.rupay-offers-li-details .offer-name{min-height: unset;font-size: 22px;text-align: left;}
.rupay-offers-li.rupay-offers-li-details .offer-date {font-size:18px;margin: 0 0 20px;text-transform: uppercase;text-align: left;}
.rupay-offers-li.rupay-offers-li-details .offer-date span {display:block;font-weight:400;margin-top: 10px;text-transform: none;color: #666;}
.rupay-offers-li.rupay-offers-li-details .cards-img-wrapp{width: 35%;}
.rupay-offers-li.rupay-offers-li-details .rupay-offers-text-wrapp{width: 65%;padding-left: 30px;}
.cards-ul.rupay-offers-li.rupay-offers-li-details{margin-bottom: 30px;}
.rupay-offers-li.cards-ul li a{font-size: 14px;padding:11px 15px 9px 15px;}
.rupay-offers-tabs .common-ul a{color:#000;}
.rupay-logo1{max-width:180px;float: none;}
.rupay-logo2{max-width: 80px;margin-right: 5px;float: none;vertical-align: middle;}
.rupay-logo3{max-width: 60px;float: none;vertical-align: middle;}
.rupay-logo4{max-width:50px;float: none;vertical-align: middle}

/* BoARD */
.board-main-box { float:left; width:98%;}
.board-box1 {  margin:0 15px 15px 25px; }
.board-box2 { margin:0 15px 15px 25px; }
.team_members { float: left; width: 100%; margin: 0 0 20px 0; padding: 10px; background: #f8f7f7;    } 
.team_details { background: #fff; padding: 10px; border: 1px solid #d0d0d0; display: inline-block; float: left; width: 100%; /*min-height:330px;*/ } 
.team_members .profile { float: left; margin: 0 15px 0 0; background: #fff; border: 1px solid #d0d0d0; padding: 0; width: 175px; } 
.profile img {
    max-width: 100%;
}
.discription { float:left; width:75%; font-size: 14px; line-height: 21px; }
/* WCAG 1.3.1: director/member cards use h3 (name) then h4 (role) so the outline doesn't skip
   from the page's h2 straight to h4/h5. Selectors renamed to match; visual style unchanged. */
.team_members h3 { color: #cf121c; font-size: 18px; padding:0 0 10px; font-weight: 400; }
.team_members h4 { margin: 0; font-size:16px; padding: 0 0 10px 0; } 
.team_members p { padding: 0 0 10px 0; line-height:20px; }
.team_members p:last-child { padding: 0 0 0px 0; line-height:20px; }
.second-he { min-height:185px}

.branch-timings {line-height:23px;}

.common-p.heading-red {
  font-size: 17px;
    margin-bottom: 20px;
    font-weight: 700;
    /* color: #b32e2e;*/
}
.heading-red-text p {
  font-size: 14px;
  text-align: justify;
  line-height: 21px;
  margin-bottom: 15px;
}
.heading-red-text p.bold {
  font-weight: bold;
}
.head-text {
}
.heading-red-text .head-text {
  /*! text-decoration: underline; */
  font-size: 15px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #b43030;
}
.heading-red-text p a {
    float: none;
    color: #000;
    text-decoration: underline;
}

.contact-nu {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
.contact-nu li span {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-top: 6px;
  font-weight: 700;
}
.contact-nu li {
  text-align: left;
  background: #fdf1cb;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  color: #564e37;
  padding: 15px 15px;
  border-radius: 6px;
  position: relative;
  padding-left: 63px;
}
.contact-nu li span a {
  float: none;
  color: #b32e2e;
  font-size: 20px;
}
.contact-nu li span.icon {
  position: absolute;
  left: 15px;
  width: 35px;
  height: 35px;
  padding: 5px;
  background: #b32e2e;
  border-radius: 50%;
  top: 8px;
}
.contact-nu li span.icon img {
  max-width: 100%;
}
a.skip-link { position: absolute; right: 15px; top: 65px; z-index: 9999999; color: #000; border: 1px solid #000; padding: 5px; font-size: 12px; text-transform: uppercase; margin: 0 0 20px 40px; font-size: 12px; background: #b11127; color: #fff; padding: 6px 10px; border-radius: 10px; text-transform: uppercase; border: 1px solid #b11127; }

/*.contact-label { width: 40px; height: 117px; position: relative; cursor: pointer; z-index: 9; color: #fff; text-transform: uppercase;   display: flex; align-items: center; justify-content: center; font-size: 14px; letter-spacing: 1px; background:none }
.mob-label { transform: none; color: #fff; text-transform: uppercase;display: flex; align-items: center; justify-content: center; font-size: 14px; letter-spacing: 1px; padding:18px 12px 10px 12px; position: relative; transform: rotate(-90deg); white-space: nowrap;background: #bb262c; }
.mob-label:before {content:''; position:absolute;border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(225deg); -webkit-transform: rotate(225deg); top:5px;}
.quick .mob-label { background:#f2a000; }
.contact-label:before,.contact-label:after {display:none}
#thisdiv-3 .contact-head-wrap { top: 404px; }
#thisdiv-3 .mob-label:before {display:none}
.contactexpand .mob-label:before {transform: rotate(45deg); -webkit-transform: rotate(45deg);}*/
.mob-label {display:none}
.footer-links-wrap a.resolution-class {
    display: none;
}

/* edit by aparna */
.first-popup{ background: #fff7b2; width:840px; background-size: 840px;  margin: 0 auto; }
.bond-banner {
    width: 100%;
    max-width: 840px;
    aspect-ratio: 840 / 500;
    position: relative;
    overflow: hidden;
    display: flex;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    /* background: linear-gradient(135deg, #c4141c, #8e0008 75%); */
}

/* LEFT CONTENT */
.bond-content {
    position: relative;
    z-index: 2; text-align: left;
    width: 62%;
    padding: 18px 0 42px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bank-logo {
    background: #fff;
    color: #bd151d;
    padding: 8px 14px;
    width: 100%;
    max-width: 370px;
    border-radius: 0 35px 35px 0;
    margin: 0 0 17px -24px;
    padding-left: 24px;
    font-size: clamp(12px, 2.2vw, 20px);
    font-weight: 800;
    font-style: italic;
}

.bank-logo small {
    display: block;
    font-size: 9px;
    font-weight: 500;
}

.bond-heading {
    font-size: clamp(23px, 4.4vw, 37px);
    font-weight: 800;
    line-height: 1.06;
}

.bond-heading span {
    display: block;
    color: #000;
}

.bond-subtitle {
    margin-top: 12px;
    font-size: clamp(13px, 2.5vw, 21px);
    line-height: 1.3;
    font-weight: 700;
}

.bond-series {
    font-size: clamp(12px, 2.2vw, 18px);
}

.bond-rate {
    margin-top: 12px;
    color: #000;
    font-size: clamp(36px, 7vw, 60px);
    font-weight: 800;
    line-height: 1.05;
    white-space: nowrap;
}

.bond-date {
    margin-top: 7px;
    font-size: clamp(12px, 2.2vw, 18px);
    font-weight: 700;
}

.bond-details {
    width: 70%;
    margin-top: 15px;
    padding: 8px 10px;
    border: 2px solid #000;
    border-radius: 12px;
    background:#fffce2;
    font-size: clamp(9px, 1.65vw, 14px);
    font-weight: 700;
    line-height: 1.45;
}

.bond-features {
    list-style: none;
    margin-top: 10px;
    font-size: clamp(10px, 1.8vw, 15px);
    line-height: 1.8;
}

.bond-features li::first-letter {
    color: #000;
}

/* RIGHT IMAGE */
.bond-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 52%;
    height: 100%;
    overflow: hidden;
}

.bond-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

/* Blend image edge with the red background */
.bond-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        #a80710 0%,
        rgba(168, 7, 16, 0.45) 14%,
        transparent 42%
    );
}

.bond-features li{ display:block;     position: inherit;
}

/* FOOTER */
.bond-footer {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 36px;
    padding: 8px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: #111;
    font-size: clamp(9px, 1.45vw, 12px);
    font-weight: 700;
}

/* MOBILE RESPONSIVE */
@media (max-width: 600px) {
    .bond-content {
        width: 68%;
        padding: 12px 0 34px 14px;
    }

    .bank-logo {
        margin-left: -14px;
        padding-left: 14px;
        margin-bottom: 12px;
    }

    .bond-image {
        width: 48%;
    }

    .bond-heading {
        font-size: clamp(20px, 4.4vw, 27px);
    }

    .bond-subtitle {
        margin-top: 8px;
    }

    .bond-rate {
        margin-top: 8px;
    }

    .bond-details {
        margin-top: 8px;
        padding: 5px 7px;
    }

    .bond-features {
        margin-top: 5px;
        line-height: 1.5;
    }

    .bond-footer {
        min-height: 28px;
        padding: 5px 8px;
    }
}



@media screen and (min-width:1024px){
.hd-2{padding: 15px 0 25px;font-size: 20px;text-transform: uppercase;}
}
@media screen and (min-width:768px) and (max-width:992px){
	.bx-slider-new, .bx-wrapper {height:250px !important}}
@media screen and (min-width:992px) and (max-width:1024px){
	.bx-slider-new,.bx-wrapper {height:350px !important}
}
@media screen and (min-width:1024px) and (max-width:1169px){
	.bx-slider-new,.bx-wrapper {height:400px !important}
}

@media screen and (min-width:1024px) and (max-width:1169px){
.corporate-office-departments-wrap.active .corporate-office-departments-table {height: 855px;}
.menu-nav ul li a {font-size: 13px;}
.menu-nav ul li ul li{width:95px;}
.menu-nav ul li ul{width:285px;}
.menu-nav ul li li a{padding:25px 6px 0 6px;font-size:11px;}
.banner-tagline{font-size:50px;line-height:55px;margin:130px 0 0 55px;}
.banner-sub-tagline{font-size:35px;}
.sl-slide-inner p a{margin:20px 0 0 0;}
.built-on-trust-wrap #demo-home-trust{width:64%;margin:10px 0 0 0;}
.grey-head{font-size:22px;}
.grey-bg{padding:25px 20px;}
.century-of-banking-videos iframe {height: 307px;}
.content-head{font-size:19px;}
.content-head span{font-size:32px;}
.content-head:before{width:45px;height:45px;}
.content-head{padding:0 0 0 21px;}
.century-of-banking-content a{margin:0 0 0 40px;}
.counter-p{font-size:25px;}
.counter-wrap li{padding:11px 0;}
.counter-tagline{font-size:14px;}
.testimonial-content-wrap #demo{padding:55px 40px 0 40px;}
.our-blog-wrap .grey-bg{min-height:173px;}
.inside-pages-main .right-col{padding-right:2%;}
.key-personal-ul li span{width:33% !important;}
.celebration-slider-tagline{font-size:11px;padding:0 10px 0 10px;}
.celebration-slider-tagline p{padding:5px 10px 0 10px;}
.resp-tabs-list li{font-size:13px;}
.save-for-retirement-content .content-head{padding:0 0 0 12px;line-height:32px;}
.save-for-retirement-content .content-text{margin:0 0 0 14px;}
.save-for-retirement-content a{margin-left:14px;}
.ac-container input:checked ~ article.ac-medium{height:80px;}
.built-on-trust-content-p{font-size:11px;line-height:15px;min-height:115px;}
.built-on-trust-wrap #demo-home-trust .owl-item{padding:10px 15px;}
.century-of-banking-content .content-text{font-size:13px;line-height:18px;}
/*-- New --*/
.logo {width: 30%;left: 2%;}
.menu-nav {width: 68%;}
.logo a img {max-width: 100%;}
.built-on-trust-content-wrap .content-p {font-size: 13px;}
.built-trust-row .right-col {padding: 0 0 10px 0;}
.news-updates-wrap #demo , .news-updates-wrap #demo-news{ width:75%}
.news-updates-wrap #demo-home-news { width:75%}
.right-col .news-updates-wrap #demo , .right-col .news-updates-wrap #demo-news{ width:75%}
.right-col .news-updates-wrap #demo-home-news { width:75%}
.news-updates-wrap .owl-carousel .owl-item p{width:98%;}
.home-loan-banner,.consumer-loan-banner,.shop-loan-banner,.two-wheeler-loan-banner,.personal-loan-banner,.car-loan-banner,.education-loan-banner,.professional-loan-banner,.doctors-loan-banner, .solar-loan-banner {height:280px}
.board-main-box { float: left; width: 45.5%; } 
.board-main-box { float: left; width: 45.5%; } 
.discription { width:51%; }
.team_details { min-height:350px; }
.team_details { min-height: 220px; } 

}

@media only screen and (max-width:1023px){
.grey-head.mob-hide{ display: none;}
.grey-head.mob-display{ display: block; margin-top: 15px;}
.grey-head.mob-display a{ display:contents}
}

@media screen and (min-width:768px) and (max-width:1023px){



.century-of-banking-content .content-text{width: 84%;}
.rupay-offers-li.rupay-offers-li-details .offer-date{font-size: 16px;}
.branch-locator-wrap select {background-position:95% 15px;}
#thisdiv-2 {top: calc(210px + 70px) !important;}
.mar-top-60 {margin-top:20px;}
.cards-ul li {width:46%;margin:0 4% 4% 0;}
.cards-ul li:nth-child(even) {margin-right:0;float:right;}
.dl-menuwrapper{display:block;float:right;width:400px;margin:15px 15px 15px 0;z-index:999;background:transparent;}
.dl-menuwrapper .dl-menu {margin-top:62px;}
.menu-nav{display:none;}
.menu-wrappers:after {width:100%;}
.dl-menuwrapper button {float: right;background:#fff !important;}
.dl-menuwrapper button:after {background: #920006;box-shadow: 0 10px 0 #920006, 0 20px 0 #920006;}
.banner-tagline{font-size:40px;line-height:45px;margin:80px 0 0 35px;}
.banner-sub-tagline{font-size:31px;}
.sl-slide-inner p a{margin:15px 0 0 0;}
.sl-slide-inner p{width:440px;}
.left-col{width:100%;}
.right-col{width:100%;}
.built-on-trust-wrap #demo-home-trust{width:64%;margin:30px 0 30px 0;}
.built-on-trust-wrap #demo-home-trust .owl-carousel .owl-nav.disabled{display:block;}
.how-can-we-help-wrap ul li{width:50%;}
.content-head{font-size:21px;}
.content-head span{font-size:34px;}
.century-of-banking-content a{margin:0 0 0 40px;}
.testimonial-content-wrap #demo{padding:30px 50px;}
.footer-links-wrap a{font-size:12px;}
.copyright{font-size:12px;}
.sl-slider-wrapper{height:380px;}
.news-updates-wrap #demo, .news-updates-wrap #demo-news{width:77%;}
.news-updates-wrap #demo-home-news{width:77%;}
.right-col .news-updates-wrap #demo, .right-col .news-updates-wrap #demo-news{width:100%;}
.right-col .news-updates-wrap #demo-home-news{width:100%;}
div#thisdiv{top:140px;}
.news-updates-wrap .owl-carousel .owl-stage-outer:before{left:10px;}
.news-updates-wrap .owl-carousel .owl-stage-outer{padding:8px 0 8px 0;}
.intenet-banking-wrap{width:100%;}
.inside-pages-main .left-col{width:35%;}
.inside-pages-main .right-col{width:65%;padding-right:4%;}
.inside-pages-main .intenet-banking-wrap{margin-top:0;background-size:100%;background-position:top;min-height:215px;}
.col-3-ul li{width:100%;}
.logo {width: 41%;left: 3%; padding:10px 0}
.chairmans-image{width:100%;text-align:center;}
.chairmans-image img{width:auto;float:none;}
.chairmans-content{width:100%;margin:15px 0 0 0;}
.signature p{width:30%;}
.inside-pages-main .news-updates-wrap .owl-carousel .owl-stage-outer{padding:28px 0 4px 34px}
.common-table{overflow-x:auto;}
.page-head-content-head{width:70%;}
.key-personal-ul li span{width:50% !important;}
.key-personal-ul li span:last-child{width:100% !important;margin-top:5px;}
.col-2 li:nth-child(odd){clear:both;}
.annual-reports-ul li{width:47%;margin:0 0 6% 0 !important;}
.annual-reports-ul li:nth-child(2n){float:right;}
.celebration-slider-tagline{width:100%;padding:0 0 20px 0;}
.celebration-slider-wrap{padding:10px 18px 10px 18px;}
.celebration-slider-wrap #demo, .celebration-slider-wrap #demo-celebration{width:100%;}
.celebration-content-ul li{width:100%;}
.banner-last-a a{bottom:50px;}
.branch-box{width:100%;margin-bottom:25px !important;}
.branch-box:last-child{margin-bottom:0 !important;}
.menu-wrappers:before{display:none;}
.news-updates-wrap .owl-carousel .owl-item p{line-height:19px;padding:0 0 0 0;font-size:12px;width:98%;}
.contact-details-wrap{width:100%;}
ul.resp-tabs-list,.rupay-offers-tabs ul.resp-tabs-list{display:none;}
h2.resp-accordion{display:block;float:left;width:100%;font-size:15px;font-weight:500;background:#b43030 !important;color:#fff;border:1px solid #b43030 !important;padding:12px 10px;border-bottom:1px solid #fff !important;}
h2.resp-accordion br{display:none;}
.resp-tab-content{width:100%;margin:0 !important;padding:15px;border-top:none;}
.col-2-ul li{width:100%;padding-right:0;}
.save-for-retirement-content .content-text{margin:0 0 0 22px;}
.save-for-retirement-content a{margin-left:22px;}
.footer-links-wrap{width:100%;text-align:center;margin:0 0 10px 0; min-width: unset;}
.copyright{width:100%;text-align:center;}
.ac-container input:checked ~ article.ac-small{height:auto;}
.ac-container input:checked ~ article.ac-small.ac-small-2{height:auto;}
.ac-container input:checked ~ article.ac-medium{height:auto;}
.ac-container input:checked ~ article.ac-medium.ac-medium-2{height:auto;}
.ac-container input:checked ~ article.ac-large{height:auto;}
.ac-container label{font-size:16px;}
.grey-bg{display:none;}
.sitemap-nav ul li.downloads-menu-sitemap{margin:70px 0 0 0;}
.half-field{width:100%;}
.captcha-wrap{margin:0 0 25px 0;}
.mar-top-none-mob{margin-top:0 !important;}
.sitemap-nav ul li li{width:50%;}
/*-- New --*/
.bx-slider-new {height:380px;}
.bx-slider-new li p {width:440px;}
.bx-slider-new li p a {margin: 15px 0 0 0;}
.news-updates-wrap {width: 100%;}
.intenet-banking-wrap:before {height: 100%;}
.video-cont { margin:0}
.video-panel { width:98%; float:left; margin:0 1% 25px 1%}

.home-loan-banner,.consumer-loan-banner,.shop-loan-banner,.two-wheeler-loan-banner,.personal-loan-banner,.car-loan-banner,.education-loan-banner,.professional-loan-banner,.doctors-loan-banner, .solar-loan-banner {height:204px}
.cards-ul.rupay-offers-li li{width: 48%;}
.rupay-offers-li .offer-name {min-height: 46px;}
.inside-content-wrapper .intenet-banking-wrap.rupay-offer-hd::before{height: 42px;}
.inside-pages-main .intenet-banking-wrap.rupay-offer-hd{min-height:1px;}

.board-box1 { float: left; width:95%; margin:0 0 15px 25px; } 
.board-box2 { float: left; width:95%; margin:0 0 15px 25px; } 
.discription { width:100%; }
.team_details { min-height:auto; }
.team_members .profile { margin:0 0 15px; }
.team_details {   min-height: auto; }


}
@media only screen and (max-width:940px){
 #thisdiv,
    #thisdiv-2,
    #thisdiv-3 {
        display: block;
    }
	
}
@media only screen and (max-width:767px){
.century-of-banking-row .common, .save-for-retirement-row .common { display: flex; flex-wrap: wrap; }
.century-of-banking-row .common .left-col, .save-for-retirement-row .common .left-col {order:2}
.century-of-banking-row .common .right-col, .save-for-retirement-row .common .right-col {order:1}
.rupay-logo1{max-width:145px;}
.rupay-offers-li.rupay-offers-li-details .cards-img-wrapp{width: 100%;}
.rupay-offers-li.rupay-offers-li-details .rupay-offers-text-wrapp{width: 100%;padding-left: 0;}
.rupay-offers-li.rupay-offers-li-details .offer-name,.rupay-offers-li.rupay-offers-li-details .offer-date{text-align: center;}
.corporate-office-departments-wrap.active .corporate-office-departments-table {height: 1885px;}
.corporate-office-departments-wrap {z-index: 99;}
.register-office-wrap, .address-map {width: 100%;}
.state-selector-wrapper, .city-selector, .area-selector, .branch-locator-wrap select#state-selector {width: 100%;margin: 0 0 10px 0;}
.branch-locator-wrap select {margin-top: 10px !important;}
.branch-locator-wrap select {margin:0;}
.branches-wrap {margin: 10px 0 0 0;}
.branch-locator-wrap {z-index: 999;}

.mar-top-60 {margin-top:20px;}
.cards-ul li {width:48%;margin:0 2% 6% 0;}
.cards-ul li:nth-child(even) {margin-right:0;float:right;}
.common-table .common-p {text-align:left;}
.td-right-align tr td {padding-right:20px !important;}
.inside-content .news-updates-wrap .owl-carousel .owl-stage-outer:before {left:10px;}
.inside-content .news-updates-wrap:before {}
.banner .bx-pager {bottom:20px !important;left:5px;}
.dl-menuwrapper{display:block;}
.menu-wrappers:after {width:100%;}
.dl-menuwrapper button {float: right;background:#fff !important;}
.dl-menuwrapper button:after {background: #920006;box-shadow: 0 10px 0 #920006, 0 20px 0 #920006;}
#page-load img {float: none;width: 80%;}
.dl-menuwrapper{display:block;float:right;width:auto;margin:10px 10px 10px 0;z-index:999;background:#900812;}
.dl-menuwrapper .dl-menu{margin:55px 0 0 0;width:290px;z-index:9;right:0;}
.menu-nav{display:none;}
.dl-menuwrapper button{float:left;}
.banner-tagline{font-size:16px;line-height:1;margin:20px 0 0 20px;}
.banner-sub-tagline{font-size:17px;margin:0;}
.sl-slide-inner p a{margin:10px 0 0 0;font-size:11px;padding:5px;}
.sl-slide-inner p{width:170px;}
.left-col{width:100%;}
.right-col{width:100%;}
.built-on-trust-wrap #demo-home-trust{width:100%;margin:10px 0 30px 0;}
.built-on-trust-wrap #demo-home-trust .owl-carousel .owl-nav.disabled{display:block;}
.how-can-we-help-wrap ul li{width:100%;padding:10px 0 10px 20px;font-size:17px;}
.content-head{font-size:21px;line-height:38px;}
.content-head span{font-size:34px;}
.century-of-banking-content a{margin:0 0 0 4%;}
.testimonial-content-wrap #demo{padding:10px 50px 25px 50px;}
.footer-links-wrap a{font-size:12px;}
a.resolution-class {
    margin: 0;
    margin-bottom: 10px;
}
.footer-content-wrap > .common {
    padding: 0;
}
.copyright{font-size:12px;margin:10px 0 0 0;text-align:center;line-height:17px;}
.sl-slider-wrapper{height:170px;}
.news-updates-wrap #demo, .news-updates-wrap #demo-news{width:100%;}
.news-updates-wrap #demo-home-news{width:100%;}
div#thisdiv{top:auto;}
.news-updates-wrap .owl-carousel .owl-stage-outer:before{left:10px;}
.news-updates-wrap .owl-carousel .owl-stage-outer {padding:28px 0 5px 11px;line-height: 22px;width: 100%;float: right;height: 105px;}
.news-updates-wrap:after {display:none;}
.news-updates-wrap .owl-carousel .owl-item p{line-height:15px;padding:0 0 0 0;font-size:12px;width:98%;}
.news-updates-wrap::before { left:10px}
.logo {width: 50%;text-align: left;padding: 20px 10px;left: 3%;}
.logo img{max-width:100%;}
.news-updates-wrap .owl-nav{left:0;width:15%;height:77px;padding:30px 10px 0 10px;}
.built-on-trust-content-wrap{width:100%;}
.grey-bg{padding:15px;}
.how-can-we-help-wrap ul li:before{top:10px;}
.century-of-banking-content{width:100%;}
.century-of-banking-videos{width:100%;margin:20px 0 40px 0;}
.counter-wrap li{width:50%;padding:11px 0;}
.counter-p{font-size:26px;}
.counter-tagline{font-size:13px;}
.counter-wrap li:nth-child(3):before{display:none;}
.save-for-retirement-content{width:100%;padding:0 3%;}
.save-for-retirement-image{width:100%;}
.footer-content-wrap{padding:10px;text-align:center;}
.top-content-wrap{width:192px !important;margin:0 auto;float:none !important;}
.inside-pages-main .news-updates-wrap #demo, .inside-pages-main .news-updates-wrap #demo-news{width:100%;margin:0;}
.inside-pages-main .news-updates-wrap .owl-carousel .owl-stage-outer{padding:29px 0 10px 10px;}
.inside-pages-main .left-col{width:100%;margin-bottom:20px;}
.inside-pages-main .right-col{width:100%;padding:0 4%;}
.col-3-ul li{width:100%;}
.inside-left-menu ul{display:none;}
.inside-left-menu select{display:block;width:92%;margin:0 4% 0 4%;height:40px;z-index:9;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/jump-menu-arrow.png) no-repeat 96% center;border:none;border-bottom:1px solid #4c403d;}
.inside-banner-wrap{height:150px;}
.inside-banner-tagline{font-size:25px;line-height:1;padding-left:10px;}
.inside-banner-wrap.career-banner {
  background-position: 42% center;
}
.grievance-redressal-banner {
    background-position: 32%;
}
.inside-banner-wrap #thisdiv{top:15px;}
.chairmans-image{width:100%;text-align:center;}
.chairmans-image img{width:auto;float:none;}
.chairmans-content{width:100%;margin:15px 0 0 0;}
.signature p{width:30%;}
.main.inside-pages-main footer{margin-top:35px;}
.common-ul li{padding-right:0;}
.inside-content-row{padding:15px 0 0 0;}
.bread-crumb {padding: 20px 0 10px 0;}
.common-table{overflow-x:auto;}
.page-head-content-head{width:100%;}
.no-icon-head .inside-content-head{padding-left:15px;}
.key-personal-ul li span{width:100% !important;text-align:left;}
.key-personal-ul li span:last-child{width:100% !important;margin-top:5px;margin-bottom:7px;}
.col-2 li{width:100%;}
.annual-reports-ul li{width:47%;margin:0 0 6% 0 !important;}
.annual-reports-ul li:nth-child(2n){float:right;}
.annual-reports-ul li a{font-size:13px;}
.celebration-slider-tagline{width:100%;padding:0 0 20px 0;}
.celebration-slider-wrap{padding:10px 18px 10px 18px;}
.celebration-slider-wrap #demo, .celebration-slider-wrap #demo-celebration{width:100%;}
.celebration-content-ul li{width:100%;}
.celebration-content-ul li .common-p{padding:0;}
.banner-last-a a {bottom:30px;left:33%;z-index:9999999;font-size:13px;padding:6px 10px;}
.quick-links-wrap ul li ul{width:240px;right:-30px;top:28px;}
.branch-box{width:100%;margin-bottom:25px !important;}
.branch-box:last-child{margin-bottom:0 !important;}
.menu-wrappers:before{display:none;}
.built-trust-row .common{max-width:100%;}
.built-on-trust-content-wrap .content-p{margin:15px 0 20px 29px;width:auto}
.built-on-trust-content-wrap a{margin:0 0 20px 29px;}
.built-on-trust-content-wrap .owl-nav{position:relative;top:-123px;z-index:9;}
.century-of-banking-content{width:100%;padding:0 3%;}
.century-of-banking-content .content-text, .save-for-retirement-content .content-text{margin:0 0 15px 4%;width:96%;}
.save-for-retirement-content a{margin:0 0 15px 4%;}
.century-of-banking-videos iframe{height:150px;}
.copyright, .footer-links-wrap{width:100%; min-width: unset;}
.built-trust-row{margin:0;}
.inside-pages-main .news-updates-wrap:after{display:none;}
.contact-details-wrap{width:100%;}
ul.resp-tabs-list,.rupay-offers-tabs ul.resp-tabs-list{display:none;}
h2.resp-accordion{display:block;float:left;width:100%;font-size:14px;font-weight:500;background:#b43030 !important;color:#fff;border:1px solid #b43030 !important;padding:12px 10px;border-bottom:1px solid #fff !important;line-height:17px;}
h2.resp-accordion br{display:none;}
.resp-tab-content{width:100%;margin:0 !important;padding:15px;border-top:none;}
.resp-arrow{margin-top:5px;}
.inside-left-menu{margin-top:10px;}
.sitemap-nav ul li{width:100%;}
.sitemap-nav ul li.career-menu-sitemap{position:relative !important;top:0 !important;}
.col-2-ul li{width:100%;padding-right:0;text-align:left;}
.save-for-retirement-content .content-head{line-height:28px;}
.content-head:before{position:absolute;width:45px;height:45px;left:9px;top:-7px;}
.save-for-retirement-content .content-head:before{top:-12px;left:7px;}
.ac-container input:checked ~ article.ac-small{height:auto;}
.ac-container input:checked ~ article.ac-small.ac-small-2{height:auto;}
.ac-container input:checked ~ article.ac-medium{height:auto;}
.ac-container input:checked ~ article.ac-medium.ac-medium-2{height:auto;}
.ac-container input:checked ~ article.ac-large{height:auto;}
.ac-container label{font-size:16px;}
.half-field{width:100%;}
.captcha-wrap{margin:0 0 25px 0;}
.mar-top-none-mob{margin-top:0 !important;}
#boxes #dialog img{width:100%; max-height: unset !important;}
.testimonial-detail-wrap .common-p{font-size:13px;line-height:19px;}
.testimonial-detail-wrap{margin-bottom:25px;}
.sitemap-nav ul li li{width:100%;}
.nav-dots {bottom:30px;right:inherit;left:15px;}
nav#nav-arrows {display:none;}
/*-- New --*/
.bx-slider-new {height:170px;}
.bx-slider-new li p {width:170px;}
.bx-slider-new li p a {margin: 10px 0 0 0; font-size: 11px; padding: 5px;}
.news-updates-wrap {width: 100%;}
.inside-content-wrapper {padding-bottom:30px;}
.video-cont { margin:0}
.video-panel { width:98%; float:left; margin:0 1% 25px 1%}
#boxes #dialog, #boxes2 #dialog2, #boxes3 #dialog3, #boxes-new #dialog-new, #boxes-new2 #dialog-new2,#boxes5 #dialog5{width:94%;max-width: 94%;}
.inside-content .news-updates-wrap {width: 100%; margin:0}

.row-top {top:34%; height:17%}
.row-top2 {top:63%; height:17%}
.row-top a.ustav-pos,.row-top2 a.ustav-pos {height:100%}
.home-loan-banner,.consumer-loan-banner,.mortgage-loan-banner,.shop-loan-banner,.two-wheeler-loan-banner,.personal-loan-banner,.car-loan-banner,.education-loan-banner,.professional-loan-banner,.doctors-loan-banner,.solar-loan-banner {height:100px}
#rbi-boxes #rbi-dialog .popup-content {
    max-height: 400px;
    overflow-y: scroll;
}
.popup-content a {
    font-size: 18px;
    max-width: 280px;
}
.century-of-banking-videos video
{    max-width: 100%;}
.century-of-banking-content .content-head {
    padding-left: 4%;
}
.cards-ul.rupay-offers-li li{width: 98%;}
.rupay-offers-li.rupay-offers-li-details .offer-date span{font-size: 18px;padding: 0 20px;}

.board-box1 { float: left; width:100%; margin:0 0 15px; } 
.board-box2 { float: left; width:100%; margin:0 0 15px; } 
.discription { width:100%; }
.team_details { min-height:auto; }
.team_members .profile { margin:0 0 15px; }

ul.dl-menu li:nth-child(7) ul li:nth-child(6){display:none !important;}
/*#thisdiv, #thisdiv-2,#thisdiv-3 {display:block; width:auto; top:auto}
#thisdiv .contact-head-wrap,#thisdiv-2 .contact-head-wrap,#thisdiv-3 .contact-head-wrap {top:auto; bottom:0; right: auto; bottom: auto;}*/
#thisdiv .mob-label, #thisdiv-2 .mob-label,#thisdiv-3 .mob-label {display: block; width: 100%; height: 40px; display: flex; align-items: center; padding: 0 13px; background: #b11127; color: #fff; text-align: center; border-left: 1px solid rgba(255,255,255,0.2);}
#thisdiv .contact-label, #thisdiv-2 .contact-label,#thisdiv-3 .contact-label {}
#thisdiv,#thisdiv-2,#thisdiv-3 { position: fixed; left: 0; bottom: 0; z-index: 9999; width:100%}
#thisdiv-2 {left:31%}
#thisdiv-3 {left:62%}
.contact-head-wrap { position: relative; }
.contact-label { position: relative; z-index: 2; margin: 0; cursor: pointer; }
.contact-content-wrap { position: absolute; left: 0; bottom: 100%; width: 300px; transform: translateY(100%); visibility: hidden; opacity: 0; transition: transform 0.4s ease, opacity 0.3s ease, visibility 0.4s ease; background:#fff }
.contact-head-wrap.contactexpand > .contact-content-wrap { visibility: visible; transition-delay: 0s; transform: none; opacity: 1; }
.contact-content-wrap ul { margin: 0; padding: 0; list-style: none; }
footer { float: left; width: 100%; margin: 0 0 40px; }
}
.nav-arrows{display:none}
#boxes2 #dialog2.box-show {
    display: block !important;
}
#boxes5 #dialog5.box-show {
    display: block !important;
}
#output-show .div3{float: left;width: 100%;padding:10px 0;border-bottom: 1px solid rgba(0,0,0,.10);font-size: 14px;}
#output-show .div3:last-child{border:0;}
#output-show .ctr-hd{float: left;width: 30%;max-width:220px;position:relative;font-weight: 500;}
#output-show .ctr-txt{float: left;width: 70%;}
.ctr-hd:after{content:':';position: absolute;right: 25px;}
.tp-mg1{margin-top:20px;}
@media screen and (min-width:481px) and (max-width:767px){
.cards-ul.rupay-offers-li li{width: 48%;}
.century-of-banking-content .content-text, .save-for-retirement-content .content-text{margin:20px 0 15px 4%;}
.sl-slider-wrapper{height:200px;}
.banner-tagline{font-size:20px;}
.banner-sub-tagline{margin-top:5px;}
.news-updates-wrap .owl-carousel .owl-stage-outer {padding:28px 0 5px 11px;line-height: 22px;height:83px;}
.intenet-banking-wrap #demo { width:74%}
.intenet-banking-wrap #demo-home-ib { width:74%; margin: 0 auto;
        display: contents;}
.home-loan-banner,.consumer-loan-banner,.shop-loan-banner,.two-wheeler-loan-banner,.personal-loan-banner,.car-loan-banner,.education-loan-banner,.professional-loan-banner,.doctors-loan-banner,.solar-loan-banner {height:160px}
.logo {padding:15px 10px 5px}
.footer-links-wrap{min-width:inherit}
#output-show .ctr-hd{width: 40%; padding: 0 10% 0 0;}
#output-show .ctr-txt{width: 50%;}

.contact-nu {
  display: block;
}
.contact-nu li {
  margin-bottom: 30px;
}
.sl-slider-wrapper { 	height: auto; 	min-height:170px; }
#boxes #dialog,
#boxes2 #dialog2,
#boxes3 #dialog3,
#boxes-new #dialog-new,
#boxes-new2 #dialog-new2,
#boxes5 #dialog5 {
    width: 94%;
    max-width: 94%;
}
/* WCAG 1.3.4 - Responsive orientation support */
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .footer-links-wrap {
        width: 100%;
        min-width: 0;
    }

    #slideshow {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .video-panel {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .video-panel video {
        width: 96%;
        max-width: 100%;
    }

}

@media screen and (max-width:400px){
.row-top {top:34%; height:17%}
.row-top2 {top:62%; height:17%}
.row-top a.ustav-pos,.row-top2 a.ustav-pos {height:100%}
}
/* WCAG 2.4.1 Bypass Blocks: visually-hidden skip link, revealed on keyboard focus */
/*.skip-link{position:absolute;left:-9999px;top:0;z-index:999999999;background:#fff;color:#000;padding:10px 16px;font-family:'Roboto',sans-serif;font-size:14px;}
.skip-link:focus{left:8px;top:8px;}*/
/* the skip link carries tabindex="-1" (Tab order set in js/wcag-a11y.js); keep its focus ring, which the [tabindex="-1"] rule removes */
a.skip-link[tabindex]:focus-visible { outline: 2px solid #000 !important; outline-offset: 2px !important; box-shadow: 0 0 0 4px #fff !important; }
/* Keyboard accessibility for main navigation */
.menu-nav ul li a:focus,
.menu-nav ul li a:focus-visible {
    outline:2px solid #000 !important;
}

.menu-nav > ul > li > a:focus {
    outline:2px solid #000 !important;
}
.menu-nav ul li a:focus {
    outline: 2px solid #000 !important;
    position: relative;
    z-index: 9999; color:#fff
}

/* Open dropdown when navigating with keyboard */
.menu-nav ul li:hover > ul,
.menu-nav ul li:focus > ul, .menu-nav ul li:active > ul,.menu-nav ul li:focus-within > ul {
    display: block;
    visibility: visible;
    opacity: 1;
}
/* Keep submenu links keyboard accessible */
.menu-nav ul li ul li a:focus {
    outline:2px solid #000 !important;
}

/* WCAG 1.4.3 Contrast Minimum — verified against white (#fff) background.
   Original rule is left in place above; this override wins via source order (same specificity),
   so no markup changes are needed. */
select[disabled] {
    color: #767676; /* was #aaa (line 1308): 2.32:1 — fails AA. #767676 = 4.55:1 — passes AA (4.5:1). */
}
/* .rupay-offers-li.rupay-offers-li-details .offer-date span (line 1721) was checked at #666 on white:
   5.75:1 — already passes AA (4.5:1). No override needed; left unchanged. */
/* WCAG 2.5.8 - Target Size (Minimum)
   Increase selector touch targets without changing their visual appearance */
.branch-locator select,
.branch-locator-wrap select,
.branch-locator-form select,
#state,
#city,
#area {
    min-height: 44px;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* Keep the existing visual width/layout */
.branch-locator select,
.branch-locator-wrap select,
.branch-locator-form select {
    box-sizing: border-box;
}
/* WCAG 2.5.8 Target Size - Branch Locator */
.branch-locator select,
.branch-locator-wrap select,
.branch-locator-form select {
    min-height: 40px;
    padding: 8px 35px 8px 10px;
    box-sizing: border-box;
}

/* =========================================================
   WCAG 3.3.1 / 3.3.2 / 3.3.3
   Accessibility helpers - no visual layout changes
   ========================================================= */

.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Error text is hidden when empty */
.field-error:empty {
    display: none;
}

/* Error message */
.field-error {
    display: block;
    margin-top: 4px;
}

/* Do not change the existing form layout */
.customer-care-form-wrap .account-type-fieldset,
.customer-care-form-wrap .contacts-fieldset {
    min-width: 0;
}

/* Preserve existing visual appearance of radio controls */
.customer-care-form-wrap .account-type-fieldset legend,
.customer-care-form-wrap .contacts-fieldset legend {
    font: inherit;
    color: inherit;
}

/* =========================================================
   WCAG 2.5.8 - Target Size
   Increase clickable area without changing visual layout
   ========================================================= */

.customer-care-form-wrap input[type="radio"] {
    min-width: 24px;
    min-height: 24px;
}

/* Keep labels easy to activate without changing appearance */
.customer-care-form-wrap .wpcf7-list-item {
    min-height: 24px;
}

/* Submit target */
.customer-care-form-wrap input[type="submit"] {
    min-height: 44px;
    min-width: 44px;
}

.branch-locator select:focus,
.branch-locator-page select:focus,
.branch-locator-wrap select:focus,
#branch-locator select:focus,
select[name="state"]:focus,
select[name="city"]:focus,
select[name="area"]:focus,
select#state:focus,
select#city:focus,
select#area:focus {
    outline: 2px solid #000;
}

/* =====================================================================
   WCAG 2.2 AA remediation - sitewide rules (Oct 2026)
   Each rule only applies on keyboard focus, to hidden/collapsed content,
   or to the specific element the audit flagged. Normal mouse/touch
   appearance of the approved design is otherwise unchanged.
   ===================================================================== */

/* 2.4.7 Focus Visible / 2.4.3 Focus Order: a consistent keyboard focus ring.
   :focus-visible matches keyboard focus only, so mouse clicks look as before.
   Black outline + white halo stays visible on white, yellow and red backgrounds.
   !important is needed because several existing rules set outline:none/0. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px #fff !important;
}
/* Containers focused by script (main content after "Skip to main content", open dialogs) need no ring */
[tabindex="-1"]:focus, [tabindex="-1"]:focus-visible { outline: none !important; box-shadow: none !important; }

/* 1.4.3 / 2.4.7 Main navigation: keyboard focus gets the same colours as mouse hover
   (previously focused submenu text turned white on the light grey tile, ~1.2:1). */
.menu-nav ul li:focus-within { background: #8a0508; }
.menu-nav ul li ul li:focus-within { background: #b11127; }
.menu-nav ul li ul li:focus-within a { color: #fff; }
/* 1.4.13 Content on Hover or Focus: Escape dismisses an open submenu (class set by js/wcag-a11y.js) */
.menu-nav ul li.a11y-submenu-closed > ul { display: none !important; }

/* 2.1.1 / 2.4.3 Side tabs (Contact Us, Quick Links): when collapsed the panel is slid off-screen,
   but its links stayed in the tab order, so focus moved to invisible links. Hide collapsed panels
   from keyboard/AT; the visibility change is delayed until the 0.5s slide-out has finished. */
.contact-head-wrap > .contact-content-wrap { visibility: hidden; transition: visibility 0s linear 0.5s; }
.contact-head-wrap.contactexpand > .contact-content-wrap { visibility: visible; transition-delay: 0s; }

/* 2.5.8 Target Size: Owl carousel arrows (Internet Banking, Built On Trust, testimonials, celebration)
   were 9x15px CSS border-triangles, so the button itself was 9x15. The button is now a transparent
   24x24 box and the same triangle is drawn by :before at the identical screen position (the negative
   margins move the box so that the triangle stays exactly where it was; the box extends 5px on the
   outer side of the arrow so it does not get cut off at the screen edge on phones). Colours, including
   the existing per-carousel border-colour and hover rules, are inherited from the button.
   !important: the per-carousel rules that draw the triangle use ID selectors. */
.owl-nav .owl-prev, .owl-nav .owl-next {
  min-width: 24px; min-height: 24px; margin: -4.5px -5px; border-width: 0 !important;
}
.owl-nav .owl-prev:before, .owl-nav .owl-next:before {
  content: ""; position: absolute; top: 4.5px; width: 0; height: 0;
  border-style: solid; border-color: inherit;
}
.owl-nav .owl-prev:before { left: 5px; border-width: 7.5px 9px 7.5px 0; }
.owl-nav .owl-next:before { left: 10px; border-width: 7.5px 0 7.5px 9px; }
/* 2.5.8 / 2.1.1: when every slide is already visible (e.g. Internet Banking banner at 600-999px, where it
   shows both slides side by side) both arrows are disabled and do nothing. js/wcag-a11y.js flags that
   state so the inert arrows are not shown or focusable; they come back as soon as there is something to scroll. */
.owl-carousel .owl-nav.a11y-owl-nav-inert { display: none !important; }

/* 2.5.8 Target Size: home banner (bxSlider) previous/next are 32x32 on desktop but 20x20 below 768px.
   Make the link 24x24 there and draw the same 20px chevron with :before, translated so its centre (and
   therefore the rotated chevron) stays exactly where it was. (.banner prefix: jquery.bxslider.css loads later.) */
@media only screen and (max-width: 767px) {
  .banner .bx-wrapper .bx-controls-direction a.bx-prev,
  .banner .bx-wrapper .bx-controls-direction a.bx-next { min-width: 24px; min-height: 24px; border-width: 0; }
  .banner .bx-wrapper .bx-controls-direction a.bx-prev { transform: translate(-2px, -2px) rotate(45deg); }
  .banner .bx-wrapper .bx-controls-direction a.bx-next { transform: translate(2px, -2px) rotate(45deg); }
  .banner .bx-wrapper .bx-controls-direction a.bx-prev:before,
  .banner .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: ""; position: absolute; left: 2px; top: 2px; width: 20px; height: 20px;
    border-width: 2px; border-style: inherit; border-color: inherit;
  }
.our-blog-wrap .grey-bg { min-height: inherit; }
}

/* 1.4.3 Contrast: "How can we help?" / "Our Blog" headings were white on #f0a205 (2.1:1).
   Use the #333 already used by the adjacent "News & Updates" label (5.9:1). */
.grey-head, .grey-head a { color: #333; }

/* 1.4.3 Contrast: "Savings Deposit" banner title was white on a yellow photo (2.0:1).
   Use the site's standard banner-title red (#b82d2f), as on other inner pages (>= 3.2:1, large text). */
.savings-deposit-banner .inside-banner-tagline { color: #b82d2f; }

/* 2.2.2 Pause, Stop, Hide: pause/play control for the auto-rotating News & Updates ticker
   (button is inserted by js/wcag-a11y.js; space is reserved so it never covers ticker text). */
.news-updates-wrap #demo-news, .news-updates-wrap #demo-home-news { padding-right: 32px; }
.a11y-ticker-toggle {
  position: absolute; right: 4px; top: 50%; transform: translateY(-50%); z-index: 12;
  width: 24px; height: 24px; padding: 0; margin: 0; border: 0; border-radius: 3px;
  background: transparent; color: #333; cursor: pointer; float: none; line-height: 0;
}
.a11y-ticker-toggle svg { width: 14px; height: 14px; fill: currentColor; }
.a11y-ticker-toggle:hover { background: rgba(0, 0, 0, 0.12); }

/* 2.1.1 / 4.1.2 Accordions (term deposit, loans, NRI FAQs): the clickable heading text becomes a
   focusable role="button" span (added by js/wcag-a11y.js). Inline span: no layout change. */
.a11y-acc-toggle { cursor: pointer; }
/* NRI FAQ: collapsed answers were height:0 but still focusable/readable; hide them properly */
.ac-container input:not(:checked) ~ article { visibility: hidden; }

/* 1.4.4 / 1.4.10 RBI Kehta Hai disclaimer: at 200%/400% zoom the dialog was taller than the viewport
   and could not be scrolled. Let the overlay scroll and cap the content height to the viewport.
   (On a normal desktop window the dialog fits, so its appearance is unchanged.) */
#rbi-boxes.show-modal { overflow-y: auto; }
#rbi-boxes #rbi-dialog .popup-new { max-height: calc(100vh - 70px); overflow-y: auto; }
.new-flex { display: flex; align-items: center; flex-wrap:wrap; gap:15px; margin:10px 0 40px 0}
.half-field .new-flex input {margin:0 !important}
.half-field .new-flex1,.half-field .new-flex2 { display: flex; align-items: center; flex-wrap:wrap; gap:15px }

/* 1.4.10 Reflow: at 320px (400% zoom) the slideshow play/pause bar covered the text in the banner images.
   On very small viewports only, show the bar in a 34px strip directly below the banner instead of over it.
   (.banner prefix: jquery.bxslider.css loads after this file.) */
@media only screen and (max-width: 480px) {
  .banner .bx-slider-new { height: auto; overflow: visible; }
  .banner .bx-wrapper { overflow: visible; margin-bottom: 34px; }
  .banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 4px; bottom: -30px; }
  .bx-wrapper .bx-controls-auto .bx-start {width:16px !important; height:16px !important; background-size:contain !important}
  .bx-wrapper .bx-controls-auto .bx-stop {width:16px !important; height:16px !important; background-size:contain !important}
a.skip-link {right:59px; top: 13px; width:100px}
/* 1.4.10 Reflow: below ~340px (400% zoom) the 100px skip link overlapped the end of the logo text
   ("Co-operative"). Never let it extend left of the logo box (which ends at 53% of the width). */
a.skip-link {max-width: calc(47% - 63px);}
.bx-wrapper { height: 140px; }
}

/* 1.3.1 / 2.5.3 "Built On Trust" heading: visual copy is aria-hidden (screen readers get one clean
   text node). Neutralise ".content-head span" on the wrapper so it renders exactly as before. */
.content-head .a11y-vis-text { font-size: inherit; color: inherit; margin: 0; position: static; z-index: auto; }

/* 3.3.1 Error Identification (feedback form): visible error text in the brand red (#b11127, 6.9:1 on white),
   drawn inside the existing 40px gap below each field so the form does not shift when errors appear. */
.customer-care-form-wrap .field-error { color: #b11127; font-size: 13px; line-height: 16px; margin: -34px 0 18px 0; }
.customer-care-form-wrap .account-type-fieldset .field-error { margin: 4px 0 0 0; }
.customer-care-form-wrap .captcha-wrap .field-error { margin: 6px 0 0 0; }
/* The error summary is announced by screen readers (role=alert); sighted users see the inline errors */
#form-error-summary.screen-reader-response { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* 1.4.4 / 1.4.10 Header at 125-200% zoom (viewport ~1024-1199px): the home page has two extra menu items
   (Empanelment Policy, Lodge a Complaint). They no longer fitted in one row, so "Lodge a Complaint" dropped
   to a hidden second row behind the "Skip to main content" link. Lay the row out with flexbox so long labels
   wrap inside their own tile (as "Empanelment Policy" already does) and the bar grows in height instead.
   Not applied at 1200px+, where the row already fits, so the normal desktop header is unchanged. */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .menu-wrappers.home .menu-nav > ul { display: flex; }
  .menu-wrappers.home .menu-nav > ul > li { float: none; flex: 0 1 auto; display: flex; }
  .menu-wrappers.home .menu-nav > ul > li.width-auto { flex-shrink: 0; }
  .menu-wrappers.home .menu-nav > ul > li > a { float: none; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; }
  .menu-wrappers.home .menu-nav > ul > li > ul { top: 100%; }
}

/* Home "How can we help?" arrow bullets: the arrow was a slice of images/sprite.png that has an opaque
   light-grey (#eee) background baked in, which showed as a grey box on the yellow panel. Same 9x17 arrow
   (same red fill and dark-red edge, same position) as an SVG with a transparent background. */
.how-can-we-help-wrap ul li:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='17' viewBox='0 0 9 17'%3E%3Cpath d='M1.5 1.5 7.5 8.5 1.5 15.5z' fill='%23c32228' stroke='%23910e13' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0;
}

/* 1.3.2 / 2.4.3 Home "Trusted Over a Century" / "6 Ways..." / "How can we help?" / "Our Blog": the four blocks
   are now one row in mobile reading order (Trusted, 6 Ways, How can we help, Our Blog - see index.php).
   From 1024px up a 2 x 2 grid puts them back in exactly the previous desktop positions (31% / 69% columns,
   each row as tall as its taller block, blocks not stretched). Below 1024px they stack in source order. */
@media screen and (min-width: 1024px) {
  .a11y-home-cols > .common { display: grid; grid-template-columns: 31% 69%; align-items: start; }
  .a11y-home-cols > .common > div { float: none; width: auto; }
  .a11y-home-cols .century-of-banking-content-wrap { grid-area: 1 / 2; }
  .a11y-home-cols .save-for-retirement-wrap { grid-area: 2 / 2; }
  .a11y-home-cols .how-can-we-help-wrap { grid-area: 1 / 1; }
  .a11y-home-cols .our-blog-wrap { grid-area: 2 / 1; }
}
/* 1.4.10 Reflow: at 768-1023px (about 200% zoom) the "How can we help?" links were hidden (.grey-bg display:none),
   leaving only the heading. Show them. (The empty decorative "Our Blog" panel stays hidden as before.) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .how-can-we-help-wrap .grey-bg { display: block; }
}

/* 1.4.10 Reflow / 2.1.1: between 768px and 992px (about 150-200% zoom) the side tabs had no layout rules at all
   (the fixed right-edge tabs start at 993px, the bottom bar ends at 767px). Inside the banner they were simply
   clipped out of sight; now that they sit before the footer they would leave an empty gap. Use the same sticky
   bottom bar as phones. top:auto overrides the 768-1023px "top" values, which would otherwise stretch the
   fixed bar over the whole page and block taps. */
@media screen and (min-width: 768px) and (max-width: 992px) {
  #thisdiv, #thisdiv-2, #thisdiv-3 { position: fixed; left: 0; top: auto !important; bottom: 0; z-index: 9999; width: 100%; }
  #thisdiv-2 { left: 31%; }
  #thisdiv-3 { left: 62%; }
  #thisdiv .mob-label, #thisdiv-2 .mob-label, #thisdiv-3 .mob-label { display: flex; width: 100%; height: 40px; align-items: center; padding: 0 13px; background: #b11127; color: #fff; text-align: center; border-left: 1px solid rgba(255,255,255,0.2); }
  .contact-head-wrap { position: relative; }
  .contact-label { position: relative; z-index: 2; margin: 0; cursor: pointer; }
  .contact-content-wrap { position: absolute; left: 0; bottom: 100%; width: 300px; transform: translateY(100%); visibility: hidden; opacity: 0; transition: transform 0.4s ease, opacity 0.3s ease, visibility 0.4s ease; background: #fff; }
  .contact-head-wrap.contactexpand > .contact-content-wrap { visibility: visible; transition-delay: 0s; transform: none; opacity: 1; }
  footer { margin-bottom: 40px; }
}

/* 2.1.1 / 2.4.11 / 1.4.10 Home page notice pop-ups at 150-400% zoom (short, narrow window, e.g. 1366x768 at 300% =
   about 449x190): the pop-up is centred with translateY(-50%) and its X button sits 30px above it, so once the pop-up
   was taller than the window its top and the X were off-screen. Keyboard focus went to the invisible X and the
   pop-ups could not be closed, so "Skip to main content" was never reached. On such windows only, start the pop-up
   at the top, let it scroll, and keep the X inside its top-right corner. The normal desktop view is unchanged. */
@media screen and (max-width: 1023px) and (max-height: 600px) {
  #boxes #dialog, #boxes2 #dialog2, #boxes3 #dialog3, #boxes5 #dialog5 {
    top: 0 !important; transform: none !important; max-height: 100vh; overflow-y: auto;
  }
  #boxes .close, #boxes2 .close3, #boxes3 .close4, #boxes5 .close5 { top: 0; z-index: 2; }
}