#ab_carousel.customBnr .owl-dots .owl-dot:focus span,
#loadMore,
.like .btn:focus {
    outline: 0
}

#ASAPInstantSavingsAccount,
#InaamPersonalaccount,
#PrimeSavingsAccount,
#YOUthAccount,
#ulCreditCard li .loanBox .catergoryListing[aria-labelledby="creditCardList16"] ul li:last-child,
#womensSavingAccount,
.accessibility .ahaCont,
.accessibility .home .ahaCont,
.accessibility .wob .ahaBurg,
.accessibility .wob .topBand .navbar-nav a .dwnNor,
.articleDetail .investMutualBox .articleSocial li.mobshow,
.bannerWrapper .forexcardBanner.bannerText ul li:last-child:after,
.btn-hide,
.compareSect .loanDesigned #ulCreditCard .loanBox ul li:before,
.dcOffer.offersWrapper ul li .offerInfo .offerShareBox .shareOn .icon-whatsapp,
.dynamiContent,
.expProdWrapper .container .row .col-md-12 .expProdCont ul.usefulTab li:after,
.faqsBox .panel-default .panel-collapse .panel-body ul.listNone li:after,
.footerMainUl .guidelinesBox a:after,
.homeBanner .playPauseBtn,
.maroontheme .topBand .navbar-nav a .dwnCont,
.middleFooterCon .pnoAfterMob,
.mob-apply-new,
.mobfloatingBtn,
.multiForex .tabBody:last-child:after,
.multiForex .trForex:before,
.offerJustUwrap h2 br,
.overLay,
.pwuForm,
.topbandBg,
.trForex .container .respImgwrapp,
.ytbFrame.disTab,
SamsungSignatureCreditCard.exploreProd .right .mSectn .sLevelM h4.nriHome::after {
    display: none
}

.accessLinks>ul ul li a,
.faqsBox.reserveClick .panel-default .panel-collapse .panel-body p,
.tabContent .content .offersListing .wedOffer li strong,
.topMenuNewWrapper .downLoadBox .downloadRhs p,
.trForex .container .respImgwrapp .resBox p {
    font-size: 14px;
    line-height: 1.5;
}

.calcEase .linkDiv {
    text-align: right
}

.faqsBox .panel-default .panel-collapse .panel-body h6 {
    font-size: 1.6rem;
    color: #323232;
    padding: 1rem 0
}

.about_bod_mrb .imgBlock,
.about_bod_mrb h4,
.basicTable h4 {
    padding-bottom: 1rem
}

.compareSect .loanDesigned .loanBox ul li.loanAmtHt {
    height: 90px
}

.offerWrapper .btnBlock {
    position: absolute
}

.archiveBtn {
    background: #ae285d;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 4px;
    padding: 1rem 3rem;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    margin: 2.2rem 0 1rem
}

.commonPopup.paymentOption .modal .modal-dialog {
    width: 600px;
    margin: 15rem auto 3rem
}

.commonPopup.paymentOption .modal .modal-dialog h4 {
    border-bottom: 3px solid #b4366a;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #262626
}

.commonPopup.paymentOption .modal .modal-dialog p {
    display: block;
    margin-bottom: 1rem
}

.dealPopupSecondary {
    display: none;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 50%;
    width: 772px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.adjBnr .btnBlock,
.bannerWrapper .forexcardBanner.bannerText .btnBlock,
.commonPopup.paymentOption .modal .modal-dialog .btnBlock,
.contentBox.ab_benDesc .moreCont p,
.csrBoxWrap .csrBox .csrLinkDiv a,
.csrInfo,
.csrInfoWrap .linkDiv,
.fas,
.guidelinesBox a,
.like,
.linkBox span.callback>span,
.linkDiv a,
.loansListWrapper.DownloadList ul li,
.makepayments li,
.offers2 li,
.productForUBox .productsList ul li.proBigText h4 .nextLine,
.progressUsBox.pgssBoxInner p:first-child,
.related-blogs .newTimer .progressDate {
    display: inline-block
}

.bannerWrapper.ab_regBanner .bannerText,
.infoTabWrap .pressRleaseBox .panel-collapse .panel-body.sectorSol ul li,
.tableWrapper table tr:nth-child(odd),
.tableWrapper.auctNoticeTable .tblData tr:nth-child(odd) {
    background: 0 0
}

.auctNoticeTable a {
    color: #323232 !important
}

.auctNoticeTable a:focus,
.auctNoticeTable a:hover,
.auctNoticeTable a:visited,
.onlyTravelHacksWrap h3,
.onlyTravelHacksWrap h5,
.onlyTravelHacksWrap p {
    color: #323232
}

.auctNoticeTable td:nth-of-type(2) {
    width: 67%
}

.auctNoticeTable th:nth-of-type(3) {
    width: 14%
}

.currAccTableBox .tableBox tr .tableHead table .mainHead td.upperText {
    height: 60px
}

.medPressRel .topSearchProg li .lthSide,
.multiForex .impBox img {
    width: 100% !important
}

.medPressRel .topSearchProg li .lthSide h4 {
    font-family: Lato-Bold;
    color: #323232;
    font-size: 1.8rem;
    margin-bottom: 10px
}

.progressUsSlider li .rgtSide {
    padding: 0 1rem 3rem
}

.csrBoxWrap .csrBox {
    min-height: 31rem
}

.csrInfoWrap .linkDiv {
    clear: both;
    width: auto
}

.csrBoxWrap .csrBox p {
    min-height: 20rem
}

.csrBoxInfoWrap .linkDiv.linkKnowmore,
.onlyTravelHacksWrap .travelEssntl .essntlBox {
    padding-bottom: 2rem
}

.csrBoxInfoWrap .linkDiv.linkKnowmore a,
.newDesg .infoBox:nth-child(2) img,
.trForex .wrapTwo .imgBox {
    float: right
}

.csrBoxWrap .csrBox .linkDiv .allLink,
.linkDiv a {
    float: none
}

.bannerWrapper .bannerText .csrBanner h2,
.bannerWrapper .bannerText.dvPersonalRewards h2,
.bannerWrapper.busiBannWrap .bannerText.fastForBanner p,
.commBtn:hover,
.csrInfoWrap .buttonWrap .viewAll:hover,
.emiCal .whiteText .finalResult p,
.emiCal .whiteText .finalResult p span,
.emiCal .whiteText h3,
.grabDealsShop ul li .knowMoreBox .knowMore a,
.grabDetailsBox .viewAll:hover,
.mob-apply a,
.openFD:hover,
.productForUBox .loanProdList ul li:hover h4,
.productForUBox .loanProdList ul.allProducts li:hover span,
.tabBox ul li.active a,
.thsSholdHelpWrap .accord-head.active,
.whiteText .inpt-statement label,
.whiteText .ionSlider .inpt-slider .irs-grid .irs-grid-text,
.whiteTextOnly {
    color: #fff
}

.checkRateBox .abRatesLeft .openFD:visited {
    color: inherit !important
}

.linkDiv a {
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding-bottom: 0
}

.buttonWrap .separatorcsr {
    border-bottom: 1px solid #ccc
}

.bannerWrapper .bannerText .csrBanner p {
    color: #fff;
    font-size: 2rem;
    line-height: 28px
}

.auctionwrapper .tableWrapper .tblData td:nth-child(2),
.auctionwrapper .tableWrapper .tblData th:nth-child(2),
.auctionwrapper .tableWrapper table td:nth-child(2),
.auctionwrapper .tableWrapper table th:nth-child(2) {
    width: 70%
}

.eligibilityBox h5,
.otherInfoBlocks .newDesg .infoBox .newWrap h4 {
    font-size: 1.6rem
}

.accessibility .wob .ahaCont,
.accessibility .wob .topBand .navbar-nav a .dwnCont,
.featureBox .contentBox .moreCont p,
.footerMainUl .pnoAfterDesk,
.forex-comm-title span,
.grabTabContent .bookTicket ul.newList li,
.grabTabContent .bookTicket.grabOnline .offersListing,
.loanContaint.ab_gPay .basicList,
.makepayments,
.offers2,
.trForex .container .respImgwrapp .resBox.active:after,
.trForex .container .respImgwrapp .resBox:hover:after {
    display: block
}

.offers2 li,
.regional .benefitsBox ul.colTwo li {
    width: 49%
}

.subIframe .modal-header {
    border: 0;
    padding: 0;
    min-height: 0
}

.subIframe .modal-content {
    width: 370px;
    margin-top: 25%;
    background: 0 0;
    box-shadow: none;
    border: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.BODnew,
.bannerWrapper .bannerText.fastForBanner.selBanner p,
.leftpanelcontainer .leftpanel .custom-fastag-li .basicList,
.otherInfoBlocks .progressBlog .viewallLink,
.safecustodytbl .basicList,
.smeBan .bannerText h1,
.subIframe .modal-body {
    padding: 0
}

.subIframe .modal-content .close {
    position: absolute;
    right: 31px;
    font-size: 26px;
    color: #ae285d;
    top: 26px;
    font-family: Lato-Light;
    z-index: 1;
    opacity: .5;
    font-weight: 700
}

.progressDate {
    color: #ae285d;
    font-size: 12px;
    padding: 5px 0 0;
    display: block
}

.makepayments li {
    padding-right: 3rem;
    padding-bottom: 3rem
}

#IframePopup {
    border: 0;
    box-shadow: none
}

#IframePopup body {
    background: 0 0 !important
}

.iframeBoxWrap {
    height: 455px !important;
    width: 100%
}

.csrBoxWrap .csrBox .linkDiv {
    float: none;
    display: block;
    padding-bottom: 0
}

#productDealsPopup .modal-body,
.csrBoxWrap .csrBox .csrLinkDiv,
.loanDescription .loanContaint .EligibilityPadTop {
    padding: 1rem 0
}

.bannerWrapper .forexcardBanner.bannerText ul li:first-child a,
.compareSect .loanDesigned #ulCreditCard .loanBox ul,
.csrBoxWrap .csrlhs,
.loanDescription.loan24 p strong {
    padding-left: 0
}

.csrBoxWrap .csrrhs,
.offerModal {
    padding-right: 0
}

.lastpara {
    margin-bottom: 2rem
}

.linkBox {
    position: fixed;
    left: -223px;
    top: 67%;
    z-index: 99
}

.linkBox span.callback {
    background: #ae285d;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    width: 141px;
    left: 167px;
    top: 55px;
    padding: 0 10px;
    font-size: 1.6rem;
    color: #fff;
    height: 40px;
    line-height: 40px
}

.infoGraphWrap .infoIcon img,
.intb .qrImg:after,
.intb.qrBox p {
    transform: translateY(-50%);
    top: 50%;
    position: absolute
}

.linkBox span.callback>span {
    width: 27px;
    height: 37px;
    border-right: 1px solid #fff
}

.linkBox span.callback span img {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-left: -6px;
    margin-top: -8px
}

.linkBox .callback a {
    padding: 0 0 0 6px;
    color: #fff;
    text-decoration: none
}

.about_bod_mrb {
    text-align: justify;
    font-size: 15px
}

.guidelinesBox {
    width: 100%;
    margin-left: -18px
}

.infoGraph,
.sliderHeading {
    border-radius: 5px;
    margin: 20px auto
}

.MegaFestiveBox img,
.appsFooter a img,
.articleSec .articleBlock .imgBlock img,
.bannerText.nps .nav.navbar-nav .dropdown,
.bannerText.nps .nav.navbar-nav .dropdown a.pinkOne,
.bannerWrapper.ab_regBanner .owl-item a.ab_bnrLink,
.dilseGift a img,
.guidelinesBox a,
.loansListWrapper.DownloadList.aboutscroll,
.mobAppLayout .loanSubmit,
.mobAppLayout .loanSubmit a,
.onlineOfrbnr .bannerWrapper a,
.travelForex .slideCont {
    width: 100%
}

.icon-bill-pay {
    font-size: 26px;
    color: #ae285d;
    font-weight: 700
}

.icon-bill-pay:before {
    content: "e926"
}

.rbiGuide {
    font-weight: 700
}

.noData {
    font-size: 2rem;
    color: red
}

.articleDetail .investMutualBox .articleSocial li,
.grabTabContent .bookTicket ul.newList,
.lowFUndsWrapper .boxContent li {
    float: left
}

.grabDealBox .travelContentwrap .tofferExpire .travelTnc {
    float: right;
    font-size: 1.2rem;
    color: #ae285d;
    font-weight: 700;
    text-decoration: underline
}

.grabTabContent .offersListing ul.basicList li {
    padding: 0 0 0 1rem !important;
    font-size: 1.4rem;
    display: block !important;
    margin-bottom: 5px
}

.grabTabContent .offersListing ul.basicList {
    margin-left: 15px !important
}

.grabTabContent .header {
    margin: 10px 0 5px
}

.grabTabContent .promoCode,
.grabTabContent .stepAvail {
    padding: 1rem 0;
    margin: 0
}

.grabTabContent .stepAvail h5 {
    padding-bottom: 4px
}

.ab_MorotoFaq .faqsBox .panel-default .panel-heading h5,
.faqsBox p,
.loanContaint.ab_gPay,
.progressUsBox.pgssBoxInner p {
    font-size: 1.5rem
}

.whatsNew {
    position: fixed;
    bottom: 85px;
    right: 15px;
    z-index: 100
}

.whatsNew img {
    width: 100px;
    height: auto
}

.sliderHeading {
    background: #97144d;
    text-align: center;
    width: 220px;
    color: #fff;
    font-size: 2rem;
    padding: 5px 0
}

.bannerWrapper .bannerText .banHead,
.closeAccept,
.compareBar {
    color: #fff !important
}

.infoGraph {
    position: relative;
    border: 1px dashed #97144d;
    max-width: 100%;
    background: #fff;
    display: flex;
    padding: 20px
}

.infoIcon {
    margin: 0 30px 0 0;
    display: inline-block
}

.ab_faqMoroto p,
.orderList li,
.textCont {
    margin-bottom: 10px
}

.infoGraphWrap .infoIcon img {
    width: 70%;
    margin: 0
}

.infoGraph .offerTitle h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #282828;
    margin: 0
}

.infoContent .infoList {
    margin: 0 15px
}

.infoContent .infoList li {
    padding: 0 10px;
    margin: 5px 0
}

.infoContent .infoList ul {
    margin: 10px 15px
}

.infoContent .infoList ul li {
    list-style: disc;
    color: #97144d;
    padding: 0
}

.parSet {
    font-size: 1.4rem;
    margin-top: 15px
}

.accessibility .compareSect .loanDesigned #ulCreditCard .loanBox h3,
.eclgsApplyPopup .modal-body.bodyCont,
.finBank,
.regional .bannerText .hindiBnr {
    margin-top: 20px
}

.intb.qrBox {
    position: relative;
    margin: 5px 0
}

.intb .qrImg {
    position: relative;
    display: inline-block
}

.intb .imgBr {
    border: 2px solid #97144d;
    padding: 5px;
    width: 100px
}

.intb .qrImg:after {
    content: "";
    background: #fff;
    right: -2px;
    display: block;
    height: 35px;
    width: 5px
}

.intb.qrBox p {
    display: inline-block;
    margin: 0;
    font-family: Lato-Bold
}

.infoGraph .infoContent {
    font-size: 1.5rem;
    position: relative
}

.ab_faqMoroto,
.footerMainUl .connectBox,
.loanFacilityBox.vbca,
.selBanner .selectBanner {
    margin-top: 30px
}

.ab_faqMoroto p.payDisc {
    font-size: 1.3rem;
    font-style: italic
}

.pwuTextNew.infoBox h4 {
    margin-bottom: 25px
}

.insicon {
    background: url(/images/default-source/revamp_new/insurance/health-insurance/desktop/sprite-icon.png) no-repeat !important;
    display: block !important;
    width: 57px;
    height: 57px
}

.insicon.noDisease {
    background-position: 0 0 !important
}

.insicon.abcdCond {
    background-position: -77px 0 !important
}

.insicon.coverage {
    background-position: -230px 0 !important
}

.insicon.noAdd {
    background-position: -153px 0 !important
}

.phase04USPIcons .benefitsBox ul li em.protectCovid {
    background-position: -1398px -1937px;
    width: 57px;
    height: 57px
}

.phase04USPIcons .benefitsBox ul li em.availDig {
    background-position: -1145px -1937px;
    width: 58px;
    height: 57px
}

.phase04USPIcons .benefitsBox ul li em.covAll {
    background-position: -1272px -1937px;
    width: 57px;
    height: 57px
}

.phase03USPIcons .benefitsBox ul li em.mileStone {
    background-position: -95px -410px;
    width: 78px;
    height: 62px
}

.phase03USPIcons .benefitsBox ul li em.ico-highTransaLimit {
    background-position: 0 -417px;
    width: 75px;
    height: 59px
}

.phase03USPIcons .benefitsBox ul li em.ico-transOnCashback,
.phase03USPIcons .benefitsBox ul.ddc li em.ico-transOnCashback {
    background-position: -258px -573px;
    width: 69px;
    height: 53px
}

.phase03USPIcons .benefitsBox ul li em.ico-insuranceCoverage {
    background-position: -158px -804px;
    width: 69px;
    height: 65px
}

.phase03USPIcons .benefitsBox ul li em.ico-airportLoungeAccess,
.phase03USPIcons .benefitsBox ul.ddc li em.ico-highTransaLimit {
    background-position: -185px -496px;
    width: 73px;
    height: 51px
}

.mobAppLayout .compareSect .loanDesigned ul li.loanAmt,
.progressUsBox.pgssBoxInner img,
.topMenuNewWrapper .menuBody {
    height: auto
}

.mobAppLayout .loanDesigned>ul>li {
    padding-bottom: 0;
    position: relative
}

.mobAppLayout .loanDesigned ul li .loanBox {
    min-height: 22rem
}

.mobAppLayout .compareSect.mobCar .loanDesigned .loanBox {
    min-height: 24rem
}

.phase04USPIcons .benefitsBox ul.ab_digital li em.icon-AssuSec {
    background-position: -1510px -1929px;
    width: 71px;
    height: 65px
}

.phase04USPIcons .benefitsBox ul.ab_digital li em.icon-qualAss {
    background-position: -1620px -1924px;
    width: 75px;
    height: 65px
}

.phase04USPIcons .benefitsBox ul.ab_digital li em.icon-mintrans {
    background-position: -1740px -1926px;
    width: 75px;
    height: 65px
}

.txtBlink {
    animation: 0.8s infinite blinkingText;
    display: inline-block !important;
    font-size: 1.4rem;
    margin-left: 5px
}

@keyframes blinkingText {

    100%,
    20% {
        color: #97144d
    }

    70% {
        color: #fff0
    }
}

.closeAccept {
    position: relative;
    padding: 2px 10px;
    cursor: pointer;
    background: #8c8c8c;
    border-radius: 3px;
    margin-left: 15px;
    text-decoration: none;
    border-bottom: none !important;
    border: none
}

.custPopup-close,
.offerBtn {
    text-decoration: none !important
}

.regional .mobileMenu .menuSect {
    margin-top: 5rem !important
}

.regional .exploreProd {
    top: 8rem !important
}

.ab_elgTbl tr th {
    background: #97144d;
    color: #fff;
    padding: 10px;
    font-weight: 500
}

.ab_elgTbl tr td {
    border: 1px solid #d2d2d2;
    padding: 10px
}

.ab_elgTbl .ab_sumIns {
    text-align: center;
    background: #d2d2d2;
    color: #000
}

.abPagination a.active,
.abPagination a:hover:not(.prev, .next),
.ab_elgTbl .ab_famCon td,
.popupCls,
button.submitQuiz {
    background: #97144d;
    color: #fff
}

.regional .benefitsBox ul.colTwo {
    width: 50%;
    margin: 0 auto
}

.benefitsBox ul.colThree li,
.benefitsBox ul.pfmSystem li {
    width: 33%
}

.nps.bnrBtmText {
    margin: 30px 0 0
}

.bannerWrapper .bannerText.fastForBanner.bkText .subInt,
.nps.bnrBtmText .subInt {
    clear: both;
    max-width: 100%;
    text-align: center
}

.nps.bnrBtmText .btnBlock a {
    margin: 0 10px 10px 0 !important;
    padding: .5rem 1rem
}

.bannerWrapper .bannerText.fastForBanner.bkText p,
.bannerWrapper .bannerText.fastForBanner.nps p {
    max-width: 70%
}

.accessibility .productForUBox .productsList ul,
.btnBlock.kfinBtns {
    display: flex;
    flex-wrap: wrap
}

.btnBlock.kfinBtns a {
    width: 44%
}

.articleSec .articleBlock .textBlock,
.btnBlock.nsdlBtns a,
.tblData .noPad tr td {
    width: 50%
}

.leftpanelcontainer ul.basicList li {
    color: #6e6e6e;
    font-size: 1.4rem !important;
    margin: 0 0 5px
}

@media (min-width:321px) and (max-width:375px) {
    .closeAccept {
        margin-left: 0
    }
}

@media (max-width:880px) {
    .rbiGuide {
        background: #fff;
        padding: 15px;
        line-height: 22px
    }

    .apNow {
        display: block;
        margin: 10px 0 0
    }
}

@media screen and (max-width:767px) {
    .btnBlock.nsdlBtns a {
        width: 47%
    }

    .btnBlock.kfinBtns a,
    .subIframe .modal-content {
        width: 100%
    }

    .iframeBoxWrap {
        height: 462px !important;
        width: 100%
    }

    .subIframe .modal-content .close {
        right: 6px;
        top: 3px
    }

    .back-to-top {
        bottom: 4.7rem
    }

    .ab_mobTitle {
        color: #fff !important
    }

    .popupWrap .closeBtn {
        right: 11px
    }

    .guidelinesBox {
        margin: 16px 0 10px 16px
    }

    .BODnew .imgBlock {
        display: block
    }

    .grabTabContent .bookTicket ul li:nth-child(4) {
        float: none
    }
}

@media screen and (max-width:950px) {
    .iframeBoxWrap {
        width: 100%
    }
}

.tableWrapper .width10 {
    width: 10%
}

.pfeaturesnbenefits {
    padding-bottom: 40px !important
}

#productDealsPopup .modal-content {
    margin: 17rem auto;
    width: 772px;
    padding: 2rem 4rem;
    display: block;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    left: 50%
}

#productDealsPopup .modal-header {
    padding: 0;
    min-height: auto;
    border-bottom: none
}

#productDealsPopup .modal-header h4 {
    font-size: 2.2rem;
    color: #323232;
    font-weight: Lato-Bold;
    border-bottom: 5px solid #ae285d;
    padding-bottom: 1rem
}

#productDealsPopup .modal-body p {
    font-size: 1.5rem;
    color: #323232;
    line-height: 2.2rem;
    padding-bottom: 1rem;
    display: block
}

#productDealsPopup .btnLinks a {
    font-size: 1.6rem;
    color: #ae285d;
    margin-right: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 12px;
    vertical-align: middle
}

#productDealsPopup .btnLinks a:hover {
    background-color: #e6e6e6;
    text-decoration: none
}

.popupWrap {
    width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    position: absolute;
    top: 3%;
    z-index: 99999
}

.popOverlay,
.sideCompare {
    z-index: 9999
}

.popupWrap .closeBtn {
    color: #fff;
    position: absolute;
    right: -3%;
    font-size: 3rem;
    font-family: Lato-Light;
    top: -17px;
    cursor: pointer
}

.popOverlay {
    background: #323232;
    opacity: .8;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 100%
}

.emSpace h2 em,
.productForUBox .productsList ul li {
    margin-right: 3px
}

.bannerWrapper .onlyHeading h2 {
    padding-bottom: 8rem
}

.clsEmployeeReimbursementAccount {
    border-top: outset
}

.topMenu .navbarSect ul li .makePaymentMenu {
    width: 85rem !important
}

.otherInfoBlocks .homeBlg .progressBlog .viewallLink {
    padding: 0 1rem
}

.moreCont .moreContheading {
    font-size: 14px;
    font-weight: 700;
    display: block
}

.mediaCenterBod {
    margin-top: 3%
}

.featureBox .contentBox .basicList {
    width: 90%
}

.applyNowBanner picture img {
    height: 150px
}

.newDesg .infoBox img,
.retailSection ul li {
    vertical-align: top
}

.retailSection ul li .loanBox p {
    min-height: 13rem;
    width: 100%
}

.loanDescription h3.titleText {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0
}

.nilText {
    display: block;
    padding: 1rem 0
}

.loanDescription .tncBox h3 {
    margin: 0 0 1.3rem;
    font-size: 1.4rem;
    font-weight: 700;
    padding-left: 4px
}

.orderedList li {
    padding: 5px 0
}

.loanContaint h3 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 1rem
}

.pressReleaseSec h4 {
    font-size: 18px;
    padding-bottom: 8px
}

.loanDescription .fdBox h3 {
    font-size: 1.6rem;
    font-weight: 700
}

.depositLockerTable {
    width: 600px
}

.featureBox .contentBox .fdPlusNew {
    height: 7rem !important
}

.loanDescription .loanContaint h4 {
    padding-bottom: .8rem;
    font-size: 1.5rem
}

.loanDescription .loanContaint p {
    padding: 0 0 1rem
}

.basicList li ul.subList {
    padding: .1rem 0 0
}

.clsiframeApplyNow {
    height: 560px
}

.btnBlock .pinkOne {
    border-radius: 4px;
    color: #fff;
    background: #ae285d
}

.loanDescription.loan24 .icoRow p,
.mainIntroductionText .padBottom0,
.progressUsBox.pgssBoxInner .articleBlock .textBlock p,
.progressUsBox.pgssBoxInner .articleSec .fullwidthtext p,
.ratesCharm ul li span,
.topMenuNewWrapper .menuBody li p,
.wrapper-content.forexcard,
body .countriesDetailsBox ul.tabMainBox li h3,
body .countriesDetailsBox ul.tabMainBox li.active h3 {
    padding-bottom: 0
}

.grabDealBox.popularEnding .travelImgwrap .endingSoonblock {
    left: 95px
}

.onlyExplore a.eligibiltyCal {
    width: 100%;
    border-radius: 0
}

.grabTabContent .bookTicket .offersListing {
    display: inline-block;
    width: 80%
}

.grabTabContent .offersListing ul.basicList,
.grabTabContent .promoCode ul.basicList,
.grabTabContent .stepAvail ul.basicList {
    margin-top: 0;
    float: none;
    clear: both;
    display: block;
    margin-left: 15px
}

@font-face {
    font-family: icomoon;
    src: url(../font/icomoon.eot?d10e0z);
    src: url(../font/icomoon.eot?d10e0z#iefix) format("embedded-opentype"), url(../font/icomoon.woff2?d10e0z) format("woff2"), url(../font/icomoon.ttf?d10e0z) format("truetype"), url(../font/icomoon.woff?d10e0z) format("woff"), url(../font/icomoon.svg?d10e0z#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (max-width:992px) {
    .loansListWrapper ul.twoProducts li {
        width: 49%
    }

    .emiCal .whiteText .finalResult p,
    .emiCal .whiteText .finalResult p span,
    .emiCal .whiteText h3,
    .whiteText .inpt-statement label,
    .whiteText .ionSlider .inpt-slider .irs-grid .irs-grid-text {
        color: #323232
    }
}

@media screen and (max-width:991px) {
    .bannerWrapper .bannerText.fastForBanner.adjBnr .desc {
        padding: 1rem 0 .5rem
    }

    .grabTabContent .offersListing {
        width: 100%
    }
}

@media (max-width:425px) {
    .accessibility .bannerWrapper.efdBan .bannerText {
        background: rgb(0 0 0 / .4)
    }

    .bannerWrapper .bannerText.flexiDepositText .btnBlock a.linkBtn {
        margin-bottom: .5rem
    }
}

.equityBox {
    display: block;
    padding: 2rem 0
}

.equityBox li {
    display: inline-block;
    padding: 0 4rem 0 0
}

.bannerWrapper .bannerText .redeemTWrap .viewAll {
    color: #fff;
    font-family: Lato-Bold
}

.buisnessBlock a.linkBtn {
    padding: 1.4rem 0
}

.bannerWrapper .feature.axisWrap.bannerText.fastForBanner p {
    padding: 1rem 0 2rem
}

.loanDescription .equityBox li {
    padding: 0 4rem 2rem 0
}

.benefitsBox ul.pfmSystem li em.nach {
    background-position: -446px -964px;
    width: 59px;
    height: 57px
}

.benefitsBox ul.pfmSystem li em.cib {
    background-position: -553px -963px;
    width: 50px;
    height: 59px
}

.benefitsBox ul.pfmSystem li em.dtr {
    background-position: -650px -974px;
    width: 59px;
    height: 37px
}

.benefitsBox ul.pfmSystem li em.dedicated {
    background-position: -756px -963px;
    width: 52px;
    height: 59px
}

.benefitsBox ul.pfmSystem li em.sdrf {
    background-position: -855px -963px;
    width: 57px;
    height: 59px
}

.benefitsBox ul.pfmSystem li em.dsc {
    background-position: -956px -964px;
    width: 59px;
    height: 55px
}

.comBox.progressBlog.newDesg .infoBox {
    border-bottom: 1px solid #d2d2d2;
    padding: 1.5rem 0 !important;
    min-height: auto;
    display: inline-block
}

.newDesg .readAllPwu {
    background: #97144d;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    margin: 10px auto 0;
    display: block;
    border-radius: 4px;
    width: 90px
}

.comBox.progressBlog.newDesg .infoBox:nth-child(3),
.exploreProd .right .mSectn .sLevelM ul.govtPr li,
.offerModal .modal-dialog .modal-content .modal-header,
.thsSholdHelpWrap .quetBox.noBord {
    border-bottom: none
}

.newDesg .infoBox a img {
    width: 32%;
    height: 112px;
    float: left
}

.newDesg .infoBox .newWrap {
    width: 65%;
    display: inline-block;
    padding: 0 10px
}

.newDesg .infoBox:nth-child(2) .readPwu {
    position: absolute;
    left: 10px;
    bottom: 10px
}

.newDesg .infoBox:not(:nth-child(2)) .readPwu {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.bannerWrapper .bannerText.fastForBanner .btnBlock,
.multiForex .trForex .wrapThr .imgBox.impBox,
.thsSholdHelpWrap .quetBox:first-child,
ul.savings li div p {
    padding-top: 0
}

.progressUsSlider li:last-child,
.progressUsSlider li:nth-last-child(2) {
    margin-bottom: 0
}

.loanDescription .btnBlock .pinkOne {
    margin-right: 10px
}

#ulCreditCard li .styled-checkbox:focus+label,
.digitalBank .bannerItem.owl-carousel,
.middleFooterCon ul li.ftrConnect {
    border: none
}

@media (max-width:767px) {
    .topbandBg .axisbandText {
        width: 95%
    }

    .comBox.progressBlog.newDesg .infoBox {
        display: inline-block
    }

    .benefitsBox ul.pfmSystem li,
    .benefitsBox ul.pfmSystem li h4,
    .loanSubmit,
    .topSearchBox .topSearchProg .lthSide img {
        width: 100%
    }

    .bannerWrapper .bannerText.fastForBanner .btnBlock.ab_bannerBtn {
        padding-top: 70px
    }

    .mainIntroductionText.ab_faqMoroto {
        margin-top: 2rem
    }

    .ab_owlTab {
        margin-top: 15px
    }

    .ab_owlTab .tabModule .servTabsCta .tabList a,
    .ab_owlTab .tabModule .tabsCta .tabList a,
    .topSearchProg .rgtSide .socialWrap .socialIcons a {
        font-size: 1.5rem
    }

    .progressUsSlider .owl-carousel .owl-nav .owl-prev {
        width: 40px
    }

    .loanSubmit a {
        width: 50%
    }

    .currAccTableBox .tableBox tr th {
        width: auto
    }

    .currAccTableBox .tableBox tr .tableHead table .mainHead td.upperText {
        height: auto
    }

    .topSearchBox .topSearchProg .rgtSide {
        padding-left: 1rem
    }

    .mob-apply-new,
    .mobfloatingBtn {
        position: fixed;
        text-align: center;
        background: #97144d
    }

    .footerMainUl .pnoAfterDesk,
    .instantPL.desk {
        display: none
    }

    .middleFooterCon .pnoAfterMob {
        display: block
    }

    .mobfloatingBtn {
        right: 0;
        padding: 10px 5px;
        font-size: 13px;
        z-index: 1000;
        color: #fff !important;
        top: 340px;
        writing-mode: vertical-rl;
        -ms-writing-mode: bt-rl;
        direction: rtl;
        display: block;
        border-radius: 10px 0 0 8px
    }

    .mob-apply-new {
        display: none;
        bottom: 0;
        width: 100%;
        padding: 8px 0;
        z-index: 2
    }

    .mob-apply-new a {
        color: #fff;
        font-size: 1.6rem
    }

    .emibnrOverlay {
        background: rgb(0 0 0 / .4);
        width: 100%;
        height: 100%;
        position: absolute
    }

    .compareSect .loanDesigned .loanSubmit {
        margin: 0
    }

    .savingAccBox .compareSect .loanDesigned ul li:nth-child(3n-0) {
        border-color: #eceaeb
    }

    .footerMainUl li,
    .middleFooterCon li {
        padding-bottom: 0
    }

    .middleFooterCon {
        margin: 0 !important
    }

    .middleFooterCon .cont h3.cntrBr {
        border-bottom: 1px solid #7c7c7c
    }

    .middleFooterCon .cont h3.cntrBr.openTab {
        border-bottom: none
    }

    .middleFooterCon .links a {
        display: block;
        margin: 0 0 10px
    }

    .bannerWrapper .btnBlock a {
        padding: 1rem 2rem !important
    }

    .bannerText.fastForBanner.wtText h2.bannerTitle {
        margin: 35px 0 10px
    }

    .wrapper-content .whatsNew {
        bottom: 40px;
        right: 10px
    }

    .wrapper-content .whatsNew img {
        width: 75px
    }

    .infoGraph {
        display: block;
        padding: 20px 0
    }

    .infoGraphWrap .infoIcon img {
        width: 70%;
        margin: 0 auto;
        top: 0;
        transform: inherit;
        position: relative
    }
}

@media (max-width:992px) {
    .bannerText.fastForBanner.bkText.nps h2.bannerTitle {
        font-size: 2rem !important
    }

    .bannerWrapper .bannerText.fastForBanner {
        padding: 0 15px !important
    }

    .nps.bnrBtmText .subInt a {
        background: #bdbdbd;
        border-radius: 2px;
        padding: 0 4px
    }

    .bannerWrapper .bannerText.fastForBanner.nps p {
        max-width: 100%
    }

    .nps.bnrBtmText {
        margin: 10px 0 0
    }

    .bannerText.fastForBanner.bnrBtmText.nps h2.bannerTitle {
        color: #222 !important;
        margin: 5px 0 10px !important
    }

    .bannerText.fastForBanner.bkText.npsNsdl.nps:not(.bnrBtmText) h2.bannerTitle {
        margin-top: 100px !important
    }

    .bannerWrapper.overlayNone .bannerText {
        background: 0 0 !important
    }

    .homeLoanCal.emiCal .emibnrOverlay {
        background: 0 0
    }

    .bannerText.fastForBanner.bkText h2.bannerTitle {
        color: #fff;
        margin: 5px 0 10px !important
    }

    .bannerWrapper .bannerText.fastForBanner.bkText p {
        color: #fff
    }
}

.bannerWrapper .bannerText.fastForBanner.wtText p {
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-family: Lato
}

.bannerText.fastForBanner.wtText h2.bannerTitle {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
    font-family: Lato
}

.bannerWrapper .btnBlock a {
    padding: 1rem 2.2rem
}

@media (min-width:768px) {

    .bannerWrapper .bannerText.fastForBanner.bkText p,
    .bannerWrapper .bannerText.fastForBanner.wtText p {
        max-width: 36%
    }
}

.bannerText.fastForBanner.bkText h2.bannerTitle {
    font-size: 25px !important;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
    font-family: Lato-Bold
}

.nps .colFlex h2.bannerTitle {
    font-size: 1.7rem !important
}

.bannerWrapper .bannerText.fastForBanner.bkText p {
    padding: 0;
    font-size: 15px;
    font-family: Lato-Regular
}

.topMenuNewWrapper .giftBannerWrap,
.trForex .forex-comm-title,
ul#ulCreditCard li {
    position: relative
}

ul#ulCreditCard li .loanSubmit {
    position: absolute;
    width: 100%;
    bottom: 0
}

.savingAccBox .compareSect .loanDesigned .loanBox .catergoryListing ul li .featureTitle {
    padding: 0 !important;
    line-height: inherit
}

.progressUsBox.pgssBoxInner .pressrelImg img {
    width: 55%;
    height: auto
}

.floaterFilter .nriImg {
    margin-bottom: 30px
}

.topMenu.buisHeadear .navbarSect ul li.nriGrabdeal {
    position: static
}

.topMenu.buisHeadear .navbarSect ul li.nriGrabdeal .subMenus {
    display: none;
    position: absolute;
    top: 7.5rem;
    left: 8rem;
    z-index: 2;
    background: #fff;
    border-top: 2px solid #e0e0e0;
    width: 100rem;
    border-radius: 4px;
    transform: none
}

.topMenu .navbarSect ul li.nriGrabdeal .subMenus .blck {
    display: inline-block;
    vertical-align: top;
    float: left
}

.topMenu .navbarSect ul li.nriGrabdeal .subMenus .sColor {
    padding: 1rem 3ch 2rem;
    width: 44rem
}

.topMenu.buisHeadear .navbarSect ul li.nriApply .subMenus.aplnowsbumenus {
    width: 75rem
}

.topMenu.nriHeader .navbarSect ul li a {
    padding: 26px 16px 32px
}

.topMenu .loginSect a {
    padding-right: 7px
}

.header-fixed .topMenu .navbarSect ul li .subMenus.busiexplore {
    top: 7.5rem
}

.checkRateBox .menuBody.fixed h4,
.quesAns {
    margin: 20px 0 0
}

.topMenuNewWrapper .menuBody.fixed .topBorder {
    border-top: none !important;
    font-size: 1.8rem;
    margin-top: 5rem !important
}

.topMenuNewWrapper .menuBody.fixed .depositBox.nriFix {
    padding-bottom: 85px;
    margin-top: 10px
}

.topMenuNewWrapper .menuHead.setPad {
    padding: 10px 20px 40px
}

.topMenuNewWrapper .menuHead.setPad1 {
    padding: 10px 20px
}

.benefitsBox.channIcons ul li em {
    background: url(/images/default-source/revamp_new/fastag-icon.png) no-repeat;
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -.5rem
}

.benefitsBox.channIcons ul li em.icon22 {
    background-position: -368px -807px;
    width: 66px;
    height: 52px
}

.benefitsBox.channIcons ul li em.icon04 {
    background-position: -457px -808px;
    width: 51px;
    height: 54px
}

.benefitsBox.channIcons ul li em.icon17 {
    background-position: -531px -805px;
    width: 34px;
    height: 57px
}

.benefitsBox.channIcons ul li em.icon18 {
    background-position: -687px -805px;
    width: 51px;
    height: 57px
}

.loansListWrapper ul.flx {
    display: flex !important;
    width: 100%;
    justify-content: space-around
}

.topMenuNewWrapper .menuBody li {
    padding: 1rem 0 0 !important
}

.nriDepositSec .loanSubmit a {
    width: 49.5%
}

.bannernewRap .sideBlock a,
.savingFilterBox a.linkBtn.grey,
.topMenu .navbarSect ul li .subMenus .tabBar {
    margin-top: 0
}

.topMenu.buisHeadear .navbarSect ul li .aplAdj {
    width: 75rem !important
}

.progressUsSlider ul li.col-md-6 {
    display: inline-block;
    float: none
}

.countriesDetailsBox ul.tabMainBox li h3 a {
    color: unset;
    color: inherit;
    text-decoration: none;
    padding-bottom: 1rem;
    width: 100%
}

.bannerWrapper .bannerText.fastForBanner p {
    padding: 1rem 0 1.5rem
}

.bannerWrapper .btnBlock a {
    margin: 5px 0 0
}

a.lnksearchlink {
    width: 400px;
    display: inline-block
}

.rgtSide.brdNone {
    border-bottom: none !important
}

.loanFacilityBox.typespl,
.tabBox.mrgTop {
    margin-top: 50px
}

#HomePageStrip .topbandBg,
.topbandBg_New {
    background: #dedede;
    padding: 10px 0;
    border-bottom: 1px solid #bbb
}

.topMenu .navbarSect ul li .subMenus .blck ul.axisEdge {
    margin-bottom: 15px !important
}

.topMenu.buisHeadear .navbarSect {
    margin-left: .8rem
}

ul.savings li div span {
    bottom: inherit;
    top: 10px;
    position: relative;
    font-size: 1.5rem !important
}

ul.savings {
    margin-top: 0.5rem !important
}

ul.savings li div a {
    bottom: -10px;
    position: relative;
    padding: 5px 0
}

ul.savings li .halfHeight {
    height: 7.8rem
}

.topMenuNewWrapper .menuBody.mclrCss li {
    padding: 0 0 5px !important
}

.topMenuNewWrapper .menuHead.setPad1.mt {
    margin-top: 1rem
}

.depositBox.nriDep {
    padding: 0 0 25px
}

.topMenuNewWrapper .menuBody.mclrCss .depositBox {
    display: block !important
}

.topMenuNewWrapper>div {
    z-index: 999999
}

.checkClose {
    position: fixed;
    right: 30px;
    z-index: 99
}

.knowSpan {
    display: inline-block !important;
    margin-right: 30px
}

.innerCmp {
    padding: 0 0 .5rem
}

.innerCmp .SelectedLoan h4 {
    padding: 1rem 2rem;
    width: 162px
}

.innerCmp .SelectedLoan h4 .closeW {
    top: 12px;
    right: 5px
}

.emiCal .finalResult p span {
    font-size: 2.3rem !important
}

.emiCal .finalResult p {
    width: 76% !important
}

.knowBrdr {
    border: none !important;
    padding: 0 !important;
    margin: 0
}

.list-unstyled {
    z-index: 2
}

@media (min-width:992px) {

    .emiCal .formWrapper,
    .formWrapper.dvPersonalRewards {
        padding-top: 2rem
    }

    .emiCal .dvPersonalRewards picture img,
    .emiCal picture img {
        min-height: auto
    }

    .emiCal .dvPersonalRewards .ionSlider .inpt-slider,
    .formWrapper .ionSlider .inpt-slider {
        height: 50px
    }

    .emiCal .dvPersonalRewards .inpt-statement label,
    .formWrapper .inpt-statement label {
        display: inline-block
    }

    .emiCal .dvPersonalRewards .inpt-statement .inputBox,
    .formWrapper .inpt-statement .inputBox {
        border-radius: .3rem;
        padding: 0;
        width: 125px
    }

    .emiCal .dvPersonalRewards .inpt-statement .inputBox .rupee,
    .formWrapper .inpt-statement .inputBox .rupee {
        padding: 0;
        width: 25px;
        margin-right: 5px
    }

    .emiCal .dvPersonalRewards .inpt-statement .inputBox input.loanAmt,
    .formWrapper .inpt-statement .inputBox input.loanAmt {
        width: 65%
    }

    .emiCal .dvPersonalRewards .inpt-statement .inputBox input,
    .formWrapper .inpt-statement .inputBox input {
        padding: .2rem 0;
        display: inline-block
    }

    .emiCal .dvPersonalRewards .ionSlider .inpt-slider .irs-with-grid,
    .formWrapper .ionSlider .inpt-slider .irs-with-grid {
        width: 180px;
        top: -36px;
        left: 170px
    }

    .emiCal .dvPersonalRewards .finalResult,
    .formWrapper .finalResult {
        margin-top: -10px
    }

    .emiCal .dvPersonalRewards .emiCal .finalResult .viewAll {
        width: 125px;
        left: 45px;
        padding: .5rem 0
    }

    .formWrapper .inpt-statement .inputBox .rupeeIcon {
        display: inline-block;
        padding: 0 8px;
        vertical-align: top;
        margin-right: 5px;
        border-right: 1px solid #eaeaea
    }

    .emiCal .formWrapper .finalResult .viewAll {
        width: 125px;
        left: 5px;
        padding: .5rem 0
    }
}

@media (min-width:1400px) {

    .emiCal .dvPersonalRewards .bannerText,
    .emiCal .formWrapper .bannerText {
        top: 50px
    }
}

.openFD {
    font-size: 1.7rem;
    color: #fff;
    float: right
}

.maroontheme .topBand .navbar-nav.navbar-right a em.icon_locator {
    background: url(/assets/images/sprite.png) -75px -19823px no-repeat
}

.gtabOfferwrap .tabBox .loansListWrapper .checkBox-line label .listIcon:before {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -15px;
    left: 0
}

.subscribeBand {
    left: 0;
    bottom: -10px;
    width: 100%;
    display: none
}

.panel-controller {
    position: relative;
    width: 100%
}

.tab-controller {
    padding: 10px 10px 5px;
    position: relative
}

.tab-controller * {
    display: none !important;
    font-size: 13px;
    font-weight: 700;
    color: #861f41;
    cursor: pointer;
    background: #fff;
    border-radius: 50px;
    line-height: 1.5 !important;
    width: 20px;
    height: 20px;
    text-align: center
}

.otherInfoBlocks .calcEase ul li a {
    padding: 6px
}

a.openDem {
    background: #97144c;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.demImg {
    margin: 0 5px
}

.js-Mrates {
    padding: 0 10px 10px !important
}

.ratesCharm ul li {
    margin: 0 2rem
}

.download img.dwnNor,
img.giftIcon {
    width: auto !important
}

.maroontheme .topBand .navbar-nav.navbar-right a.iconLink.notification {
    background: url(../images/sprite.png) -133px -75px no-repeat;
    margin-left: 6px;
    width: inherit
}

.maroontheme .topBand .navbar-nav.navbar-right li.topS {
    width: 3.5rem
}

.maroontheme .topBand .navbar-nav.navbar-right li.topS.lang-wrap,
.trForex .tabBody .imgBox img {
    width: auto
}

.accessibility .wob .topBand .navbar-nav a.iconLink.notification {
    background-position: -133px -75px !important
}

.vz-drop-down-menu-desktop>.arrow {
    margin-left: -7px !important
}

.articleDetail .investMutualBox .articleSocial {
    border-radius: 50px;
    padding: 0;
    float: right;
    margin-top: -15px
}

.articleDetail .investMutualBox .articleSocial li a {
    padding: .5rem 1rem
}

.spriteIcons.axisApp {
    background-position: -1px -1px
}

.countryArw {
    background: url(../images/sprite-icons2.png) 165px -238px no-repeat #fff !important;
    display: block
}

.ab_floatingBtn {
    position: fixed;
    right: 0;
    text-align: center;
    padding: 15px 12px;
    background: #97144d;
    font-size: 16px;
    z-index: 1000;
    color: #fff !important;
    top: 240px;
    writing-mode: vertical-rl;
    -ms-writing-mode: bt-rl
}

.accessibility .instantPL.desk {
    right: -3.2rem
}

.ab_floatingBtn:hover,
.ca-custPop .popupNew-inner p a:focus,
.ca-custPop .popupNew-inner p a:hover,
.read-moreText:focus,
.read-moreText:hover {
    text-decoration: none
}

.read-more-show {
    margin-top: 10px
}

@media (max-width:767px) {
    .bannerWrapper .bannerText.fastForBanner.selBanner p strong {
        display: inherit
    }

    .bannerWrapper .bannerText.fastForBanner.selBanner p {
        color: #000
    }

    .subscribeBand {
        z-index: 9999
    }

    .tab-controller .scribeClose {
        display: block;
        background: #fff;
        border: 1px solid #861f41;
        border-radius: 50px;
        color: #861f41;
        font-size: 13px;
        position: absolute;
        right: 10px;
        top: 0;
        padding: 0;
        width: 20px;
        height: 20px
    }

    .ab_floatingBtn.mobAutoShow,
    .subscribeBand,
    .tab-controller .scribe-show,
    .topMenuNewWrapper .menuBody .depositBox.nriDep {
        display: none
    }

    .articleDetail .investMutualBox .articleSocial,
    .tab-controller {
        padding: 0
    }

    .panel-content,
    .panel-content iframe {
        height: 300px
    }

    .scribe-close {
        right: 10px;
        top: 5px
    }

    .investMutualBox .articleSocial li.mobshow {
        display: inline-block !important
    }

    .investMutualBox span {
        margin-right: 1rem
    }

    .articleDetail .investMutualBox .articleSocial li a {
        padding: 0.5rem !important
    }

    .bannerWrapper .forexcardBanner.bannerText .btnBlock.fxbanBtns a {
        padding: .5rem 1.5rem !important
    }

    .tab-controller * {
        width: auto;
        height: auto;
        font-size: 12px;
        color: #fff;
        padding: 5px;
        background: #861f41;
        border-radius: 10px 10px 0 0;
        font-weight: 400
    }

    .maroontheme {
        z-index: 99999
    }

    .ab_vbPlay,
    .topMenuNewWrapper .menuBody .depositBox {
        display: block
    }

    .chrome .topMenuNewWrapper .searchInptBox input {
        width: 82%
    }

    .chrome .inner_Vsearch .searchInptBox input {
        width: 70%
    }

    .panel-content {
        height: 120px
    }

    .bannerText .banDesc {
        margin: 25px 0 15px
    }

    .articleDetail .investMutualBox .articleSocial li .fb-share-button,
    .articleDetail .investMutualBox .articleSocial li .twitter-share-button {
        margin: 7px 8px 0;
        display: block
    }

    .articleDetail .investMutualBox .articleSocial li .fb-share-button span {
        margin: 0;
        padding: 0
    }

    .progressUsBox.pgssBoxInner .ab_floatingBtn {
        margin-left: -15px
    }

    .ab_floatingBtn {
        right: inherit;
        top: inherit;
        width: 100%;
        writing-mode: inherit;
        bottom: 0;
        padding: 12px
    }
}

@media (max-width:992px) {
    .plapply li p {
        width: 72% !important
    }

    .panel-content,
    .panel-content iframe {
        height: 68px
    }

    .bndClose * {
        display: none
    }

    .bannerWrapper .bannerText {
        background: rgb(0 0 0 / .4);
        height: 100%
    }

    .readCont {
        margin-bottom: 15px
    }
}

.subscribeBand {
    position: relative;
    z-index: 8
}

.topBand .navbar-left li {
    padding: 0 2rem 0 0
}

.read-moreText {
    cursor: pointer;
    padding: 5px 0
}

.readMoreCont {
    overflow: hidden
}

.read-moreText.active img {
    transform: rotate(180deg)
}

ul.savings li div {
    height: inherit
}

.topMenuNewWrapper .menuHead {
    padding: 1rem
}

.otherInfoBlocks .calcEase .infoBox {
    position: relative;
    padding: 2rem 1rem 3rem
}

.otherInfoBlocks .calcEase .infoBox .linkDiv {
    padding-top: 0;
    padding-bottom: 0
}

.topMenu .loginSectMob ul li .iconLinkMob.voiceIcon.ab_voice {
    background-position: -22px 0 !important;
    width: 14px !important;
    height: 22px !important
}

.bannerWrapper .forexcardBanner.bannerText .btnBlock a.brgGrey {
    border-radius: 4px 0 0 4px;
    left: 4px;
    position: relative;
    color: #97144d
}

.bannerWrapper .forexcardBanner.bannerText .btnBlock.fxbanBtns a {
    font-size: inherit;
    margin: 10px 0 0
}

.contentBox.ab_inv .moreNless {
    display: inline-block;
    color: #ae285d
}

.ab_searchmicBtn#micBtn {
    width: 22px;
    position: relative;
    top: 0;
    right: 10px;
    padding: 6px 0;
    cursor: pointer;
    border: 0;
    background: 0 0
}

.ab_searchmicBtn#micBtn img {
    width: 20px
}

.ab_right.moreNless {
    float: right;
    padding: 10px 20px 0 0;
    color: #ae285d
}

.Ribbon-band {
    background: #97144d;
    width: 102%;
    padding: 5px 10px 5px 20px;
    color: #fff;
    position: absolute;
    left: -8px;
    top: 5px;
    font-family: Lato-Bold;
    font-size: 13px
}

.Ribbon-band::before {
    height: 0;
    width: 0;
    border-top: 8px solid #97144d;
    border-left: 8px solid #fff0;
    bottom: -8px;
    position: absolute;
    content: "";
    left: 0
}

.aplComfort .sliderDiv,
.orderList {
    margin-left: 15px
}

.orderList li,
.plCity p,
.popClose {
    font-size: 15px
}

.bannerWrapper .bannerText .bannerTitle.goldBond {
    font-family: lato-bold;
    font-size: 2.2rem
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(/webfonts/fa-solid-900.eot);
    src: url("/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url(/webfonts/fa-solid-900.woff2) format("woff2"), url(/webfonts/fa-solid-900.woff) format("woff"), url(/webfonts/fa-solid-900.ttf) format("truetype"), url("/webfonts/fa-solid-900.svg#fontawesome") format("svg")
}

.fas {
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 400
}

.rating-box {
    padding: 25px
}

.rating-box h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px
}

.rating-box .stars {
    display: flex;
    align-items: center;
    gap: 25px
}

.stars em.active {
    color: #97144d;
    transform: scale(1.2)
}

.stars em {
    font-size: 35px;
    color: #b5b8b1;
    transition: 0.2s;
    cursor: pointer
}

.fa-star:before {
    content: "\f005"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.like {
    cursor: pointer;
    background: #f6f6f6;
    white-space: nowrap;
    padding: 6px 15px;
    position: relative;
    border-radius: 5px
}

.like .btn em,
.travelForex h2 {
    font-size: 25px
}

.bannerWrapper .forexcardBanner.bannerText .btnBlock a.grey,
.like .btn.burgundy,
.mainNav .subMenus #DilseopenLbl a {
    color: #97144d
}

@media only screen and (max-width:991px) {

    .fillterSec .closebtn:after,
    .fillterSec .closebtn:before {
        position: absolute;
        left: 27px;
        content: " ";
        height: 21px;
        width: 1px;
        background-color: #6d6d6d
    }

    .fillterSec .closebtn:before {
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .fillterSec .closebtn:after {
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .fillterSec .closebtn {
        position: absolute;
        right: 0;
        top: 4px;
        z-index: 998;
        width: 50px;
        height: 32px
    }

    .nps.bnrBtmText .btnBlock a.linkBtn {
        float: none
    }

    .nps.bnrBtmText .btnBlock a {
        margin: 0 5px 10px 0 !important;
        padding: .5rem
    }

    .reportFraudFtr {
        margin-left: 15px !important
    }

    .DICGC,
    .cenral_reg {
        padding: 0 1.5rem
    }

    .formWrapper .inpt-statement .inputBox .rupeeIcon {
        padding: 10px 12px;
        margin-right: 0
    }

    .emiCal .finalResult p .rupeeBurg {
        margin-left: 0
    }

    .ab_searchmicBtn#micBtn {
        right: -20px;
        padding: 6px 0 0
    }

    .topMenuNewWrapper .searchInptBox input {
        width: 80%
    }

    .topbandBg .ab_optimizeImg.ab_ppCloseBand {
        right: 10px
    }

    .grabOfferBox ul li a {
        width: 100%
    }

    .grabOfferBox {
        margin-top: 20px
    }
}

@media only screen and (max-width:767px) {

    .openFD,
    .shareholder .investerWrapper .buttonWrap {
        float: none
    }

    .relBlock {
        margin: 2rem auto 0;
        height: 292px
    }

    .cardAnim {
        top: 3.8rem
    }

    .stack {
        width: 85%;
        height: 237px
    }

    .compareSect .loanDesigned .loanBox ul li.loanAmtHt {
        height: auto
    }

    .shareholder .loansListWrapper ul li {
        width: 50%;
        display: table-cell;
        text-align: center;
        padding: .8rem 0
    }

    .shareholder .infoTabWrap .grabTabContent,
    .shareholder .stockPerfWrap {
        padding: 0
    }

    .shareholder .pressRleaseBox,
    .shareholder .stockInfoWrap .watchContent {
        margin-top: 0
    }

    .shareholder .tabBox {
        margin-bottom: 2rem;
        padding-top: 0
    }

    .shareholder .loanMenu {
        padding-bottom: 0
    }

    .shareholder .stockWrap {
        padding-top: 0
    }

    .openFD {
        display: block;
        margin-top: .5rem
    }

    .ab_searchmicBtn#micBtn {
        right: -65px
    }

    .topMenuNewWrapper .giftBannerWrap a.closeTopDiv {
        top: 0;
        right: 28px
    }
}

@media only screen and (max-width:640px) {
    .ab_searchmicBtn#micBtn {
        right: -45px
    }
}

@media only screen and (max-width:425px) {
    .ab_searchmicBtn#micBtn {
        right: -8px
    }
}

.topMenu .navbarSect ul li .subMenus .blck {
    padding: 1rem 3.5rem
}

.ab_listSingBtn,
.loanSubmit a#AxisBankMyWingsCreditCard,
.singleBtn,
a#AceCreditCard,
a#AirtelAxisBankCreditCard,
a#AxisBankFirstCitizenCreditCard,
a#AxisBankKwikCreditCard,
a#FreeChargePlusCreditCard,
a#IndianOilAxisBankPremiumCreditCard,
a#LicAxisBankPlatinumCreditCard,
a#LicAxisBankSignatureCreditCard,
a#MYZoneEasyCreditCard,
a#PrivilegeEasyCreditCard,
a#Reserve {
    border-radius: 0 0 5px 5px !important;
    width: 100% !important;
    background: #97144d !important;
    color: #fff !important
}

.ab_mrket,
.bannerText strong.rupeeText {
    color: #97144d;
    font-family: Lato-Bold
}

.mob-apply {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    background: #ae285d;
    z-index: 2;
    left: 0
}

.ab_optimizeImg {
    background: url(../images/home-sprite.png) no-repeat;
    display: block;
    margin: 0 auto
}

.ab_optimizeImg.ab_axis-mic {
    background-position: -4px -1px;
    width: 13px;
    height: 21px
}

.investMutualBox.ab_impTax h3 {
    font-size: 1.6rem;
    margin: 10px 0;
    font-family: Lato
}

.ab_border {
    border-radius: 4px
}

.productForUBox .productsList ul.allProducts li em.ipoSmart {
    background-position: -1px -7177px;
    width: 63px;
    height: 72px
}

.productForUBox .productsList ul.allProducts li:hover em.ipoSmart {
    background-position: -91px -7177px
}

.productForUBox .productsList ul.allProducts li em.dematAct {
    background-position: -211px -7177px;
    width: 77px;
    height: 72px
}

.productForUBox .productsList ul.allProducts li:hover em.dematAct {
    background-position: -315px -7177px
}

.productForUBox .productsList ul.allProducts li em.eightPercnt {
    background-position: -428px -7177px;
    width: 72px;
    height: 73px
}

.productForUBox .productsList ul.allProducts li:hover em.eightPercnt {
    background-position: -527px -7177px
}

.productForUBox .productsList ul.allProducts li em.axisBank {
    background-position: -635px -7177px;
    width: 72px;
    height: 72px
}

.productForUBox .productsList ul.allProducts li:hover em.axisBank {
    background-position: -734px -7177px
}

.phase04USPIcons .benefitsBox ul.ab_digital li em.icon-ipoInv {
    background-position: -570px -1929px;
    width: 61px;
    height: 60px
}

.phase04USPIcons .benefitsBox ul.ab_digital li em.icon-refundHassle {
    background-position: -696px -1941px;
    width: 133px;
    height: 43px
}

.phase04USPIcons .benefitsBox ul.ab_digital li em.icon-intonFund {
    background-position: -886px -1934px;
    width: 73px;
    height: 58px
}

.phase04USPIcons .benefitsBox ul.ab_digital li em.icon-noChq {
    background-position: -1030px -1932px;
    width: 46px;
    height: 62px
}

.loanDesigned.ab_smallBisns .loanSubmit a.exploreRange {
    display: block;
    border-radius: 0 0 0 5px
}

.ab_optimizeImg.ab_demImg {
    background-position: -47px -67px;
    width: 21px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.ab_optimizeImg.ab_billPayBox {
    background-position: -14px -69px;
    width: 19px;
    height: 20px
}

.ab_optimizeImg.ab_ppCloseBand {
    background-position: -121px -73px;
    width: 15px;
    height: 13px;
    position: absolute;
    right: 20px;
    top: 15px;
    padding: 0;
    cursor: pointer
}

.ab_vbPlay {
    display: inline-block;
    margin: 16px 50px
}

.ab_vbPlay a span {
    display: block;
    margin-top: 10px
}

.articleDetail .investMutualBox img {
    display: block;
    margin: 0 auto
}

.grabBannerBox a.ab_debitBnr,
.typespl .benefitsBox ul li a {
    color: #222
}

.expMenuSect .ab_mLeft,
.expProdWrapper .container .row .col-md-12 .expProdCont ul.usefulTab li:first-child {
    margin-left: 0
}

.middleBg {
    background: #e6e6e6;
    padding: 10px 20px;
    margin-bottom: 15px
}

.investMutualBox .middleBg h2 {
    color: #97144d;
    margin: 0 0 10px
}

.topMenuNewWrapper ul.savings {
    display: flex
}

.fontSml {
    font-size: 1.3rem !important
}

.sideCompare {
    width: 24rem
}

.sideCompare .innerCmp {
    width: 20rem
}

.sideCompare .innerCmp .SelectedLoan h4 {
    width: auto;
    word-break: break-all
}

.sub-blogHead {
    margin: 20px 0;
    font-size: 2rem;
    font-family: lato-bold
}

#AxisMobToggle,
#loadMore,
.dot,
.smeBan .bannerText h1 span {
    font-size: 16px
}

.related-blogs .newTimer .timer {
    color: #888;
    font-size: 1.2rem;
    background: url(/assets/images/homeSprite.png) 0 -1365px no-repeat;
    display: inline-block;
    float: right;
    padding-left: 2.2rem;
    margin-top: 5px
}

.blog-title a h3 {
    margin: 10px 0;
    font-size: 16px;
    line-height: 26px !important;
    font-family: Lato-Bold
}

.blog-title a {
    color: #282828;
    transition: 0.3s
}

.blog-title a:focus,
.blog-title a:hover,
.langDropdown.hindiSup .navbar-nav li.fleft a:hover {
    text-decoration: none;
    color: #97144d
}

.ab_trending {
    display: inline-block;
    margin: 20px 0 0
}

.plapply li {
    margin: 10px 0 20px;
    font-size: 15px
}

.dot {
    height: 70px;
    width: 70px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    border: 5px solid #97144d;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    margin-right: 15px;
    padding-top: 18px
}

.plapply li p {
    display: inline-block;
    width: 83.555%;
    vertical-align: middle
}

.phase03USPIcons .benefitsBox ul li em.ab_amazonVoucher {
    background-position: 0 -99px;
    width: 102px;
    height: 58px
}

.phase03USPIcons .benefitsBox ul li em.ab_assortLife {
    background-position: -330px -154px;
    width: 70px;
    height: 70px
}

.bannerWrapper .forexcardBanner.bannerText ul li,
.notify {
    display: inline-block;
    position: relative
}

.newNotify:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: #fff0 #fff0 #ed1164;
    border-style: solid;
    content: "";
    left: 91%;
    border-width: 0 11px 11px;
    top: -11px
}

.newNotify {
    width: 310px;
    border: 1px solid #97144d;
    position: absolute;
    border-radius: 5px;
    display: none;
    background: #fff;
    right: 0;
    top: 3.8rem
}

.newNotify .notifyBox.adbTarget_img {
    padding: 0;
    border: none
}

.newNotify .notifyBox {
    margin: 5px;
    background: #dddfe2;
    padding: 10px 10px 0;
    border-bottom: 1px solid #d2d2d2
}

.newNotify .notifyBox a,
.newNotify .notifyBox a:focus,
.newNotify .notifyBox a:hover {
    color: #727272;
    text-decoration: none
}

.newNotify .notifyBox .notifyText {
    width: 78%;
    display: inline-block;
    margin: 0 0 0 10px;
    color: #666
}

.newNotify .notifyBox .notifyText span {
    margin: 0;
    color: #333;
    font-size: 1.4rem;
    display: block
}

.newNotify .notifyBox .notifyText p {
    margin: 5px 0;
    font-size: 1.3rem
}

.newNotify .notifyBox .NotiApply {
    text-align: center;
    border-top: 1px solid #d2d2d2;
    margin: 5px 0;
    padding: 5px 0;
    color: #333
}

.newNotify .notifyBox .NotiApply img {
    display: inline-block;
    margin: 0 10px
}

.newOverlay {
    background: rgb(0 0 0 / .8);
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0
}

#loadMore,
.offerBtn,
.rbnBand span {
    background: #97144d
}

.offerBtn {
    position: absolute;
    color: #fff !important;
    padding: 5px 20px;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-145%, 74%)
}

.productsView.ab_prdMeet ul li .productBox span {
    background: url(/images/default-source/revamp_new/products-meet.png) no-repeat;
    width: 53px;
    height: 53px;
    display: block;
    margin: 0 auto;
    transition: 0.5s
}

.productsView.ab_prdMeet ul li .productBox span.intBank {
    background-position: 0 -1px
}

.productsView.ab_prdMeet ul li .productBox span.mobBank {
    background-position: -71px -1px
}

.productsView.ab_prdMeet ul li .productBox span.upiBank {
    background-position: -357px 0;
    width: 45px
}

.productsView.ab_prdMeet ul li .productBox span.smsBank {
    background-position: -134px -1px;
    width: 55px
}

.productsView.ab_prdMeet ul li .productBox span.axisOk {
    background-position: -278px -8px;
    width: 60px
}

.productsViewWrap.ab_prdMeet .productsView h2 {
    padding: 2rem 0 .5rem
}

.productsView.ab_prdMeet ul li .productBox span.savingAcBg {
    background-position: -596px -5px
}

.productsView.ab_prdMeet ul li .productBox span.plIcon {
    background-position: -479px -4px
}

.productsView.ab_prdMeet ul li .productBox span.ccBg {
    background-position: -662px -8px;
    width: 55px
}

.productsView.ab_prdMeet ul li .productBox span.carloanIcon {
    background-position: -531px -2px;
    width: 50px
}

.productsView.ab_prdMeet ul li .productBox span.icon12 {
    background-position: -16px -75px;
    width: 77px
}

.productsView.ab_prdMeet ul li .productBox span.icon13 {
    background-position: -101px -74px;
    width: 61px
}

.productsView.ab_prdMeet ul li .productBox span.icon14 {
    background-position: -189px -74px;
    width: 40px
}

.productsView.ab_prdMeet ul li .productBox span.icon15 {
    background-position: -262px -74px;
    width: 50px
}

.productsView.ab_prdMeet ul li .productBox span.icon16 {
    background-position: -343px -74px;
    width: 42px
}

.productsView.ab_prdMeet ul li .productBox span.icon17 {
    background-position: -417px -74px;
    width: 49px
}

.productsView.ab_prdMeet ul li .productBox span.icon18 {
    background-position: -493px -73px;
    width: 51px
}

.productsView.ab_prdMeet ul li .productBox span.icon19 {
    background-position: -573px -74px;
    width: 47px
}

.productsView.ab_prdMeet ul li .productBox span.icon20 {
    background-position: -638px -73px;
    width: 71px
}

.productsView.ab_prdMeet ul li .productBox span.icon21 {
    background-position: -23px -145px;
    width: 56px
}

.productsView.ab_prdMeet ul li .productBox span.icon22 {
    background-position: -107px -146px;
    width: 63px;
    height: 49px
}

.productsView.ab_prdMeet ul li .productBox span.icon23 {
    background-position: -198px -145px;
    width: 58px
}

.productsView.ab_prdMeet ul li .productBox span.icon24 {
    background-position: -289px -146px;
    width: 51px
}

.productsView.ab_prdMeet ul li .productBox span.icon25 {
    background-position: -362px -145px;
    width: 80px
}

.productsView.ab_prdMeet ul li .productBox span.icon26 {
    background-position: -467px -145px;
    width: 46px
}

.productsView.ab_prdMeet ul li .productBox span.icon27 {
    background-position: -544px -147px;
    width: 69px
}

.productsView.ab_prdMeet ul li .productBox span.icon28 {
    background-position: -636px -146px;
    width: 60px
}

.productsView.ab_prdMeet ul li .productBox span.icon29 {
    background-position: -26px -215px;
    width: 69px
}

.productsView.ab_prdMeet ul li .productBox span.icon30 {
    background-position: -114px -215px;
    width: 43px
}

.productsView.ab_prdMeet ul li .productBox span.icon31 {
    background-position: -185px -214px;
    width: 52px
}

.productsView.ab_prdMeet ul li .productBox span.icon32 {
    background-position: -273px -215px;
    width: 26px
}

.productsView.ab_prdMeet ul li .productBox span.icon33 {
    background-position: -338px -214px;
    width: 48px
}

.productsView.ab_prdMeet ul li .productBox span.icon34 {
    background-position: -409px -215px;
    width: 56px
}

.productsView.ab_prdMeet ul li .productBox span.icon35 {
    background-position: -485px -216px;
    width: 54px
}

.productsView.ab_prdMeet ul li .productBox span.icon36 {
    background-position: -567px -215px;
    width: 40px
}

.productsView.ab_prdMeet ul li .productBox span.icon37 {
    background-position: -631px -214px;
    width: 63px
}

.productsView.ab_prdMeet ul li .productBox span.icon38 {
    background-position: -26px -285px;
    width: 72px
}

.productsView.ab_prdMeet ul li .productBox span.icon39 {
    background-position: -137px -285px;
    width: 50px
}

.productsView.ab_prdMeet ul li .productBox span.icon40 {
    background-position: -232px -283px;
    width: 61px
}

.productsView.ab_prdMeet ul li .productBox span.icon41 {
    background-position: -328px -285px;
    width: 71px
}

.productsView.ab_prdMeet ul li .productBox span.icon42 {
    background-position: -429px -285px;
    width: 69px
}

.ab_cardOffers h2 {
    padding: 0;
    top: -6px;
    position: relative
}

.eclgsApplyPopup {
    width: 95%;
    display: none;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.eclgsApplyPopup #productDealsPopup .modal-content {
    width: 375px;
    padding: 0 2rem
}

.eclgsApplyPopup .modal-body.bodyCont p {
    font-family: Lato-bold;
    text-align: center
}

.modal-body.bodyCont a {
    display: block;
    border: 2px solid #97144d;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    font-size: 1.8rem;
    margin: 5px 0 15px;
    text-decoration: none;
    color: #97144d
}

.compareSect .loanDesigned #ulCreditCard .loanBox ul li span {
    position: relative;
    padding-left: 15px
}

.compareSect .loanDesigned #ulCreditCard .loanBox ul li span::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #97144d;
    border-radius: 50px;
    position: absolute;
    top: .8rem;
    left: 0
}

.loanDesigned #ulCreditCard ul li .loanBox {
    padding: 2rem 1rem
}

.bannerText.nps .nav.navbar-nav {
    width: 44%;
    margin: 0 10px 0 0 !important
}

.bannerText.nps .nav.navbar-nav .dropdown-menu {
    position: absolute;
    width: 100%;
    top: 38px
}

.bannerText.nps .btnBlock .nav {
    float: left;
    flex-direction: row
}

.bannerText.nps .btnBlock .nav li .dropdown-toggle {
    border: 2px solid #97144d;
    border-radius: 4px;
    font-size: 1.5rem
}

.bannerText.nps .dropdown-menu li a {
    margin: 0 20px 5px 0 !important;
    font-size: 1.5rem;
    color: #282828;
    display: block;
    width: auto
}

@media (max-width:767px) {

    .grabTabContent .bookTicket ul li:nth-child(2),
    .grabTabContent .bookTicket ul li:nth-child(3) {
        display: inline-block
    }

    .grabTabContent .offersListing ul.basicList {
        margin-left: 10px
    }

    .related-blogs .blog-item {
        margin: 0 0 30px
    }

    .blog-title a h3 {
        line-height: 26px !important
    }

    .bannerText.nps .btnBlock .nav {
        margin-right: 0;
        margin-top: 0
    }

    .bannerText.nps .nav.navbar-nav {
        width: 100%;
        margin: 0 !important
    }

    .eclgsApplyPopup #productDealsPopup .modal-content {
        width: 100%;
        height: auto
    }

    .home .offersWrapper .buttonWrap {
        padding: 1.5rem 0
    }

    .ab_cardOffers .cardAnim {
        position: relative;
        top: 0;
        width: 98%
    }

    .ab_cardOffers .stack {
        width: 100%;
        height: 280px
    }

    .ab_cardOffers h2 {
        margin-bottom: 10px
    }
}

.bannerWrapper .bannerText.fastForBanner.selBanner p:nth-child(3),
.icoRow {
    margin-bottom: 15px
}

@media (min-width:385px) and (max-width:767px) {
    .ab_cardOffers .stack {
        height: 300px
    }
}

@media (max-width:359px) {
    .newNotify {
        left: -240px
    }

    .newNotify .notifyBox .notifyText {
        width: 76%
    }

    .ab_cardOffers .stack {
        height: 250px
    }
}

.maroontheme {
    z-index: 99 !important
}

.overLay {
    z-index: 98 !important
}

.aboutUs .bodBlock .sliderBlock .textBlock .imgCircle a,
.bodBlock .sliderBlockMob .textBlock .imgCircle a {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden
}

.loanSubmit {
    position: absolute !important;
    bottom: 0 !important;
    z-index: 10 !important
}

.compareSect .loanDesigned .loanBox ul {
    padding-left: 10px;
    padding-top: 0;
    margin: 10px 0
}

.ca-custPop .popupNew,
.custPopup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / .75);
    z-index: 99
}

.custPopup-inner {
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 6px #000;
    border-radius: 3px;
    background: #fff;
    width: auto
}

.custPopup-close {
    width: 30px;
    height: 30px;
    padding-top: 0;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.25s;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 1000px;
    background: rgb(150 20 77 / .8);
    font-size: 20px;
    text-align: center;
    color: #fff;
    line-height: 1.2 !important
}

.custPopup-close:hover {
    background: #96144d;
    color: #fff
}

.grabTabContent .bookTicket.grabOnline ul.shareOn,
.plCity .benefitsBox ul li {
    padding: 3rem 0 0;
    margin-top: 0
}

.grabOnline .pageTitle {
    display: inline-block;
    padding: 3rem 0 0;
    margin-bottom: 15px
}

@media (min-width:481px) and (max-width:759px) {
    .bannerWrapper .bannerText.fastForBanner .btnBlock.ab_bannerBtn {
        padding-top: 0
    }

    .bannerWrapper .bannerText.fastForBanner .bannerTitle {
        font-size: 1.8rem !important;
        color: #fff
    }
}

.exploreProd .right .mSectn .listing ul li.onIns a {
    display: inline-block;
    padding: 1.5rem 0 1.5rem 2rem
}

.loanFacilityBox.asapBenefits li em.zeroEarly {
    background-position: -384px -1px;
    width: 57px;
    height: 60px
}

.loanFacilityBox.asapBenefits li em.emiStart {
    background-position: -467px -3px;
    width: 60px;
    height: 56px
}

.loanFacilityBox.asapBenefits li em.flexTenure {
    background-position: -555px 0;
    width: 53px;
    height: 61px
}

.loanFacilityBox.asapBenefits li em.lnAmt {
    background-position: -637px -1px;
    width: 60px;
    height: 60px
}

.benefitsBox ul li em.vbca01 {
    background-position: -466px -802px;
    width: 50px;
    height: 53px
}

.benefitsBox ul li em.vbca02 {
    background-position: -590px -809px;
    width: 64px;
    height: 40px
}

.benefitsBox ul li em.vbca03 {
    background-position: -728px -798px;
    width: 46px;
    height: 61px
}

.loanFacilityBox.vbca .benefitsBox {
    padding: 1rem 15px 0 !important
}

.phase03USPIcons .benefitsBox ul li em.dcInsurance {
    background-position: -854px -160px;
    width: 55px;
    height: 58px
}

.phase03USPIcons .benefitsBox ul li em.dcAirport,
.phase03USPIcons .benefitsBox ul li em.ico-airportLounge,
.phase03USPIcons .benefitsBox ul.ddc li em.ico-airportLoungeAccess {
    background-position: -619px -326px;
    width: 58px;
    height: 58px
}

.accountsDeposit .benefitsBox ul li em.lbAirport {
    background-position: -788px -1398px;
    width: 58px;
    height: 58px
}

.loanDescription.loan24 span.instaPersLoan {
    background: url(../images/asapInternal/asap-sprite.png) no-repeat;
    float: left;
    margin-right: 15px
}

.loanDescription.loan24 span.instaPersLoan.zeroEarly {
    background-position: -762px -11px;
    width: 39px;
    height: 40px
}

.loanDescription.loan24 span.instaPersLoan.emiStart {
    background-position: -847px -12px;
    width: 41px;
    height: 38px
}

.loanDescription.loan24 span.instaPersLoan.flexTenure,
.loanDescription.loan24 span.instaPersLoan.flexTnr {
    background-position: -944px -10px;
    width: 36px;
    height: 41px
}

.loanDescription.loan24 span.instaPersLoan.paperSan {
    background-position: -6px -70px;
    width: 35px;
    height: 37px
}

.loanDescription.loan24 span.instaPersLoan.anyRestri,
.loanDescription.loan24 span.instaPersLoan.anyTime {
    background-position: -53px -71px;
    width: 36px;
    height: 36px
}

.loanDescription.loan24 span.instaPersLoan.minDoc {
    background-position: -99px -71px;
    width: 30px;
    height: 38px
}

.loanDescription.loan24 span.instaPersLoan.instaDis {
    background-position: -140px -71px;
    width: 37px;
    height: 43px
}

.loanDescription.loan24 span.instaPersLoan.seamExp {
    background-position: -187px -71px;
    width: 42px;
    height: 37px
}

.loanDescription.loan24 span.instaPersLoan.collFree {
    background-position: -237px -71px;
    width: 30px;
    height: 39px
}

.loanDescription.loan24 span.instaPersLoan.digLoan {
    background-position: -277px -71px;
    width: 26px;
    height: 41px
}

.loanDescription.loan24 span.instaPersLoan.instaAcc {
    background-position: -311px -72px;
    width: 46px;
    height: 37px
}

.loanDescription.loan24 span.instaPersLoan.overFd {
    background-position: -366px -70px;
    width: 23px;
    height: 43px
}

.loanDescription.loan24 span.instaPersLoan.payInt {
    background-position: -399px -72px;
    width: 37px;
    height: 35px
}

.loanDescription.loan24 span.instaPersLoan.zeroDocm {
    background-position: -443px -71px;
    width: 37px;
    height: 40px
}

.loanDescription.loan24 span.instaPersLoan.flexRepay {
    background-position: -488px -70px;
    width: 35px;
    height: 40px
}

.loanDescription.loan24 span.instaPersLoan.quickDig {
    background-position: -531px -71px;
    width: 31px;
    height: 37px
}

.loanDescription.loan24 span.instaPersLoan.lnAmt {
    background-position: -1037px -11px;
    width: 41px;
    height: 40px
}

.loanDescription.loan24 p.secTit {
    padding: 1rem 0 2rem !important
}

.icoRow {
    width: 94%;
    display: inline-block
}

.rbnBand {
    width: 210px;
    height: 95px;
    overflow: hidden;
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 2
}

.rbnBand.bandAdj {
    top: 4px;
    right: 0
}

.rbnBand span {
    color: #fff;
    transform: rotate(45deg);
    display: block;
    text-align: center;
    text-indent: 80px;
    width: 280px
}

.rbnBand:after,
.rbnBand:before {
    position: absolute;
    z-index: 1;
    content: "";
    display: block;
    border: 3px solid #d22470;
    border-top-color: #fff0;
    border-right-color: #fff0
}

.rbnBand:before {
    top: 0;
    left: 114px
}

.rbnBand:after {
    bottom: 0;
    right: 0
}

.phase03USPIcons .benefitsBox ul li em.ico-launchOff {
    background-position: -854px 0;
    width: 75px;
    height: 59px
}

.phase03USPIcons .benefitsBox ul li em.ico-unlimiCash {
    background-position: 0 -417px;
    width: 55px;
    height: 59px
}

.phase03USPIcons .benefitsBox ul li em.ico-ariportLounge {
    background-position: -527px 0;
    width: 72px;
    height: 61px
}

.phase03USPIcons .benefitsBox ul li em.ico-FuelSurcharge {
    background-position: -699px -415px;
    width: 59px;
    height: 60px
}

.phase03USPIcons .benefitsBox ul li em.ico-DiningDelight {
    background-position: 0 -656px;
    width: 63px;
    height: 59px
}

.reserveClick .panel {
    background: #121212;
    padding: 0 10px
}

.faqSect.reserveClick .panel-default {
    background-color: inherit;
    padding: 0
}

.faqSect.reserveClick .panel-default .panel-heading h5 a {
    color: #afafaf;
    text-decoration: none
}

.faqsBox.reserveClick .panel-default .panel-collapse .panel-body {
    color: #737373;
    font-size: 14px;
    padding: 0 10px;
    display: block;
}

.faqsBox.reserveClick .panel-default .panel-collapse .panel-body ul li {
    color: #737373;
    font-size: 15px;
    line-height: 1.5;
}

.faqSect.reserveClick .panel-default .panel-heading {
    padding: 10px 0 0;
    border: 0;
}

.faqSect.reserveClick .panel-default .panel-heading:not(.opnAcc) h5 {
    font-size: 14px;
    font-family: Lato;
    padding: 0 10px 10px;
    position: relative;
}
.faqSect .panel-default .panel-heading .closeAcc {
    border-bottom: 1px solid #ccc;
}
.faqSect .panel-default .panel-heading .openAcc {
    border-bottom: 1px solid #97144d;
}

.faqsBox .panel-heading .panel-title.openAcc .icon-accord-arrow{
    transform: rotate(180deg);
}

.applyContent.amtUti h2,
.applyContent.amtUti strong {
    color: #000
}

.phase04USPIcons .benefitsBox ul li em.healthInsuIcon1 {
    background-position: -1818px -1788px;
    width: 26px;
    height: 66px
}

.phase04USPIcons .benefitsBox ul li em.healthInsuIcon2 {
    background-position: -1895px -1794px;
    width: 79px;
    height: 54px
}

.phase04USPIcons .benefitsBox ul li em.healthInsuIcon3 {
    background-position: -2011px -1787px;
    width: 59px;
    height: 68px
}

.phase04USPIcons .benefitsBox ul li em.healthInsuIcon4 {
    background-position: -2089px -1801px;
    width: 103px;
    height: 41px
}

.phase04USPIcons .benefitsBox ul li em.adtBirla_diaIcon1 {
    background-position: -1412px -1788px;
    width: 62px;
    height: 66px
}

.phase04USPIcons .benefitsBox ul li em.adtBirla_diaIcon2 {
    background-position: -1509px -1788px;
    width: 66px;
    height: 66px
}

.phase04USPIcons .benefitsBox ul li em.adtBirla_diaIcon3 {
    background-position: -1608px -1797px;
    width: 68px;
    height: 48px
}

.phase04USPIcons .benefitsBox ul li em.adtBirla_diaIcon4 {
    background-position: -1718px -1788px;
    width: 47px;
    height: 66px
}

#ASAPInstantSavingsAccount a.exploreRange,
#FreechargeNeoSavingsAccount a.exploreRange,
#PrimeSavingsAccount a.exploreRange,
#YOUthAccount a.exploreRange,
.Current_Account_for_Govt_Organisations .btnKnow {
    display: none !important
}

.productForUBox .productsList ul.allProducts.prodFd li em.depositPlus {
    background-position: -843px -7093px;
    width: 51px;
    height: 41px
}

.productForUBox .productsList ul.allProducts.prodFd li:hover em.depositPlus {
    background-position: -923px -7093px
}

.phase03USPIcons .benefitsBox ul li em.ico-gift,
.phase03USPIcons .benefitsBox ul li em.kwikLife {
    background-position: -854px 0;
    width: 55px;
    height: 59px
}

.ytVideo {
    width: 624px;
    margin: 20px auto
}

@media (min-width:1200px) {
    .padding-0 {
        padding: 0
    }

    .bannerWrapper.fullBan img {
        height: 446px
    }

    .topbandBg_New {
        height: 46px
    }

    .loanDesigned ul li.liHover:hover,
    .loanDesigned ul li.maxActive {
        border-color: #eceaeb;
        border-radius: .5rem;
        background: #f6f6f6
    }

    .loanDesigned ul li.maxActive .loanSubmit,
    .loanDesigned ul li:hover .loanSubmit {
        visibility: inherit
    }
}

.applyOnline.asapDisc {
    width: 100% !important;
    border-radius: 0 0 .5rem 0.5rem !important
}

.productForUBox .productsList ul.allProducts.bcaChannel li em.cms {
    background-position: -8px -7178px;
    width: 61px;
    height: 65px
}

.productForUBox .productsList ul.allProducts.bcaChannel li:hover em.cms {
    background-position: -113px -7178px
}

.productForUBox .productsList ul.allProducts.bcaChannel li em.tfs {
    background-position: -214px -7178px;
    width: 67px;
    height: 63px
}

.productForUBox .productsList ul.allProducts.bcaChannel li:hover em.tfs {
    background-position: -319px -7178px
}

.productForUBox .productsList ul.allProducts.bcaChannel li em.ibl {
    background-position: -425px -7178px;
    width: 64px;
    height: 64px
}

.productForUBox .productsList ul.allProducts.bcaChannel li:hover em.ibl {
    background-position: -530px -7178px
}

.productForUBox .productsList ul.allProducts.bcaChannel li em.cae {
    background-position: -633px -7177px;
    width: 66px;
    height: 64px
}

.productForUBox .productsList ul.allProducts.bcaChannel li:hover em.cae {
    background-position: -738px -7177px
}

.phase03USPIcons .benefitsBox ul.ddc li em.dcInsurance {
    background-position: -854px -160px;
    width: 58px;
    height: 55px
}

.dilseGift {
    position: fixed;
    top: 72%;
    right: 1%;
    z-index: 9
}

@keyframes wiggleGift {
    0% {
        transform: rotate(-3deg)
    }

    20% {
        transform: rotate(20deg)
    }

    40% {
        transform: rotate(-15deg)
    }

    60% {
        transform: rotate(5deg)
    }

    90% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(0)
    }
}

.show-more-height {
    height: 45px;
    overflow: hidden
}

.show-more {
    color: #97144d;
    cursor: pointer
}

.burgClr,
.burgundyclr {
    color: #97144d !important
}

.faqsBox .panel-default .panel-heading h3 {
    font-size: 1.6rem;
    font-family: Lato-Bold;
    position: relative;
    transition: 0.4s;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eaeaea
}

.faqSect .panel-default .panel-heading h3:after {
    pointer-events: none;
    top: .5rem;
    color: #858585;
    font-size: 1rem;
    font-family: regional_icomoon !important;
    right: 1rem;
    font-weight: 600
}

.faqsBox .panel-default .panel-heading h3 a,
.faqsBox .panel-default .panel-heading h5 a {
    width: 100% !important;
    padding-right: 25px;
    color: #212121
}

.benefitsBox ul.ab_adtBirla_dia li em.adtBirla_diaIcon1,
.benefitsBox ul.ab_adtBirla_plat li em.healthInsuIcon1 {
    background-position: -1410px -1782px;
    width: 62px;
    height: 66px
}

.benefitsBox ul.ab_adtBirla_dia li em.adtBirla_diaIcon2,
.benefitsBox ul.ab_adtBirla_plat li em.healthInsuIcon2 {
    background-position: -1510px -1788px;
    width: 79px;
    height: 54px
}

.benefitsBox ul.ab_adtBirla_dia li em.adtBirla_diaIcon3 {
    background-position: -1632px -1781px;
    width: 59px;
    height: 68px
}

.benefitsBox ul.ab_adtBirla_dia li em.adtBirla_diaIcon4,
.benefitsBox ul.ab_adtBirla_plat li em.healthInsuIcon4 {
    background-position: -1723px -1792px;
    width: 121px;
    height: 47px
}

.benefitsBox ul.ab_adtBirla_plat li em.healthInsuIcon3 {
    background-position: -1982px -1784px;
    width: 58px;
    height: 61px
}

.carSlider {
    margin: 50px 0 30px
}

.breadcrumSect ul li span,
.npsBtn {
    margin: 0
}

.carSlider .owl-item img {
    width: 75%;
    margin: 0 auto 20px
}

.digitalBank .bannerSec img {
    margin-top: 15px
}

.digitalBank .bannerItem.owl-carousel .owl-dots {
    bottom: -30px
}

.appsFooter a {
    display: inline-block;
    margin: 15px 0;
    width: 49%
}

.appsFooter a:after {
    background-color: inherit
}

.middleFooterCon.midTitle .appsFooter .ftrHeading,
.pnoAfterDesk .appsFooter .ftrHeading {
    padding: 5px 0 0
}

.bannerWrapper .npsBtn .btnBlock a {
    margin: 0 20px 10px 0 !important
}

.npsBtn,
.pad-none,
.tblData .noPad {
    padding: 0 !important
}

.middleFooterCon.midTitle .ftrHeading {
    width: 12.7%
}

.middleFooterCon .socialLinks {
    display: inline-block;
    margin: 0 0 0 10px
}

.middleFooterCon.midTitle ul li.ftrConnect .ftrHeading {
    margin-top: 8px
}

.reg-topLocate {
    font-size: 2rem;
    text-align: center;
    margin-top: 3px
}

.reg-topLocate:before {
    content: "\e93a"
}

.reg-topRates {
    font-size: 1.6rem;
    margin-top: 5px;
    text-align: center
}

.reg-topRates:before {
    content: "\e9006"
}

.countryLinks .ukFlag {
    background: url(../images/home-sprite.png) -176px -73px no-repeat;
    display: inline-block;
    width: 19px;
    height: 12px
}

.newNotify .notifyBox .axisCir {
    float: left;
    background: url(../images/home-sprite.png) -326px -57px no-repeat;
    width: 46px;
    height: 46px
}

.newNotify .notifyBox .NotiApply .notiArrow {
    display: inline-block;
    margin: 0 10px;
    background: url(../images/home-sprite.png) -151px -71px no-repeat;
    width: 10px;
    height: 16px;
    vertical-align: middle
}

.tableWrapper .tblData.comCal td {
    padding: 1.5rem 1rem
}

.tableWrapper .tblData.comCal th {
    padding: 2rem 1rem;
    width: 20%
}

.maroontheme .topBand .langDropdown.hindiSup,
.maroontheme .topMenu .langDropdown.hindiSup {
    width: auto;
    margin-left: 1rem
}

.langDropdown.hindiSup .navbar-nav li.fleft a {
    padding: 5px 25px 0 10px;
    font-size: 1.6rem;
    color: #212121
}

.langDropdown.hindiSup .navbar-nav .langList {
    width: 70px
}

.emiCal .finalResult p .rupeeBurg {
    margin-left: 5px
}

.emiCal .finalResult p .rupeeBurg img {
    width: 12px;
    vertical-align: initial;
    height: auto
}

.formWrapper .inpt-statement .inputBox .rupeeIcon img {
    width: 8px;
    height: auto
}

.phase03USPIcons .benefitsBox ul li em.ico-rewardEnterainment {
    background-position: -477px -808px;
    width: 51px;
    height: 52px
}

.depositLockerTable ol li {
    padding: 5px 10px
}

.loansListWrapper.DownloadList ul li a {
    padding: .2rem 1.7rem
}

.topMenu .navbarSect ul li .subMenus .mainSect .sLevel ul li a.noArrow.active,
.topMenu .navbarSect ul li .subMenus .mainSect .sLevel ul li a.noArrow:hover {
    color: #666;
    background: 0
}

.disclHead {
    position: absolute;
    color: #fff;
    right: 1px;
    bottom: -25px
}

.fastForBanner.kochiBnr .kochiBtn,
.fastForBanner.kochiBnr .kochiBtn1 {
    margin-top: 40px
}

.bannerWrapper .fastForBanner.kochiBnr .btnBlock a {
    padding: .5rem 1rem !important
}

.fastForBanner.kochiBnr .btnBlock.kochiBtn a {
    margin: 95px 0 0
}

.bannerWrapper .btnBlock.libText a {
    margin: 0 !important
}

.forBtn .btnBlock {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -200%);
    width: 100%
}

#loadMore {
    border: none;
    padding: 10px 31px;
    color: #fff;
    border-radius: 5px;
    margin: 30px auto;
    display: block
}

.phase03USPIcons .benefitsBox ul li em.ico-metroIcon {
    background-position: -527px -342px;
    width: 46px;
    height: 62px
}

.maroontheme .topBand .iconSectHindi a.js-changeLanguage,
.maroontheme .topBand .langDropdown a.js-changeLanguage,
.maroontheme .topBand .navbar-right a.js-changeLanguage,
.maroontheme .topMenu .iconSectHindi a.js-changeLanguage,
.maroontheme .topMenu .langDropdown a.js-changeLanguage,
.maroontheme .topMenu .navbar-right a.js-changeLanguage {
    min-width: 70px !important
}

.maroontheme .topMenu .iconSectHindi a.js-changeLanguage {
    margin-top: 15px !important;
    margin-right: 15px
}

.maroontheme .topBand.topMenu .navbar-right .langList,
.maroontheme .topMenu.topMenu .navbar-right .langList {
    max-width: 50px
}

.topMenu .loginSectMob ul li .iconLinkMob.whatsAppIcon {
    background: url(../images/home-sprite.png) -297px -102px no-repeat;
    display: inline-block;
    width: 1.9rem;
    height: 2rem
}

.langDropdown.hindiSup .navbar-nav .tops {
    margin-left: 40px
}

.productForUBox .loanProdList ul.allProducts li em {
    background: url(../images/loan-prodicons.png) no-repeat;
    width: 70px;
    height: 60px;
    display: inline-block
}

.productForUBox .loanProdList ul li:hover {
    background: #dc1a64;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #dc1a64), color-stop(100%, #ae285e));
    background: linear-gradient(135deg, #dc1a64 0, #ae285e 100%)
}

.productForUBox .loanProdList ul li {
    display: inline-block;
    width: 49%;
    background: #fafafa;
    text-align: center;
    position: relative;
    min-height: 193px;
    margin-bottom: .4rem;
    padding: 3rem 0;
    cursor: pointer;
    margin-right: 3px;
    vertical-align: top
}

.productForUBox .loanProdList ul.allProducts li em.goldLoan {
    background-position: -122px -7px;
    width: 45px;
    height: 42px
}

.productForUBox .loanProdList ul.allProducts li:hover em.goldLoan {
    background-position: -181px -7px
}

.productForUBox .loanProdList ul li h4 .nextLine {
    display: block;
    font-weight: 400
}

.productForUBox .loanProdList ul li h4 span {
    font-weight: 400;
    color: #91214e
}

.productForUBox .loanProdList ul.allProducts li em.eduLoan {
    background-position: -148px -79px;
    width: 33px;
    height: 42px
}

.productForUBox .loanProdList ul li h4 {
    font-size: 1.6rem;
    color: #666;
    margin-top: 2rem
}

.productForUBox .loanProdList ul.allProducts li:hover em.eduLoan {
    background-position: -193px -79px
}

.productForUBox .loanProdList ul.allProducts li em.loanAgShares {
    background-position: -5px -72px;
    width: 60px;
    height: 57px
}

.productForUBox .loanProdList ul.allProducts li:hover em.loanAgShares {
    background-position: -74px -72px
}

.productForUBox .loanProdList ul.allProducts li em.loanAgProperty {
    background-position: -5px -6px;
    width: 44px;
    height: 44px
}

.productForUBox .loanProdList ul.allProducts li:hover em.loanAgProperty {
    background-position: -64px -6px
}

.otherInfoBlocks .progressBlog .linkDiv .timerNew {
    background: url(../images/loan-prodicons.png) -244px -18px no-repeat;
    display: inline-block
}

@supports (-webkit-touch-callout:none) {
    @media (max-width:767px) {
        .mobfloatingBtn {
            right: 8px
        }
    }
}

.dilseOpenIcon a:hover {
    border-bottom: 0 !important
}

.giftIcon {
    animation: 1s infinite wiggle;
    position: absolute;
    top: 4px;
    right: -7px
}

.topMenuNewWrapper .giftBannerWrap .bannerwrap {
    background: #fed0a6;
    background: linear-gradient(to bottom, #fed0a6 0, #fed0a6 48%, #f2be8e 100%)
}

.topMenuNewWrapper .giftBannerWrap .offertext {
    width: 50%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 162px;
    z-index: 9
}

.topMenuNewWrapper .giftBannerWrap .offertext h2 {
    font-size: 3rem;
    font-family: Lato-heavy;
    color: #2c2e35;
    display: block;
    position: relative
}

.topMenuNewWrapper .giftBannerWrap .offertext h2 span {
    font-family: Lato-Regular;
    position: relative;
    display: block;
    margin-bottom: 1rem
}

.topMenuNewWrapper .giftBannerWrap .offertext h2 span:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 45px;
    width: 146px;
    height: 2px;
    content: "";
    background: #9e214c
}

.topMenuNewWrapper .giftBannerWrap .offertext a {
    color: #fff;
    background: #9e214c;
    border-radius: 12px;
    text-align: center;
    font-family: Lato-heavy;
    font-size: 3rem;
    animation: 1s infinite wigglebtn;
    text-decoration: none;
    padding: .2rem 2rem .5rem;
    margin-top: 4rem
}

.topMenuNewWrapper .giftBannerWrap .offertext a:hover {
    animation: none
}

.topMenuNewWrapper .giftBannerWrap .offerImg {
    position: relative;
    top: 0;
    text-align: right;
    right: -14px
}

.topMenuNewWrapper .giftBannerWrap .offerImg img {
    width: 80%
}

.topMenuNewWrapper .giftBannerWrap .offerImg a {
    font-size: 1.4rem;
    color: #2c2e35;
    display: block;
    position: absolute;
    bottom: 0;
    right: 6px;
    text-decoration: none
}

.topMenuNewWrapper .giftBannerWrap .back {
    position: absolute;
    left: 13px;
    top: 16px
}

.topMenuNewWrapper .giftBannerWrap a.closeTopDiv:after,
.topMenuNewWrapper .giftBannerWrap a.closeTopDiv:before {
    background-color: #ae285d
}

.bannerWrapper .kwikBnr .btnBlock a.linkBtn {
    margin-top: 0 !important
}

.kwikQr img {
    width: 140px;
    margin-top: 20px;
    margin-left: 15px
}

.progressUs .progressUsBox .progressUsSlider li .imgBox {
    max-height: none !important
}

@keyframes wiggle {
    0% {
        transform: rotate(-3deg);
        box-shadow: 0 2px 2px rgb(0 0 0 / .2)
    }

    20% {
        transform: rotate(20deg)
    }

    40% {
        transform: rotate(-15deg)
    }

    60% {
        transform: rotate(5deg)
    }

    90% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(0);
        box-shadow: 0 2px 2px rgb(0 0 0 / .2)
    }
}

@keyframes wigglebtn {
    0% {
        transform: rotate(-2deg);
        box-shadow: 0 2px 2px rgb(0 0 0 / .2)
    }

    20%,
    60% {
        transform: rotate(2deg)
    }

    40% {
        transform: rotate(-5deg)
    }

    90% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(0);
        box-shadow: 0 2px 2px rgb(0 0 0 / .2)
    }
}

@media (max-width:767px) {
    .grabOnline .pageTitle {
        margin-bottom: 0;
        padding: 0
    }

    .grabTabContent .bookTicket.grabOnline ul.shareOn {
        padding: 0 0 10px
    }

    .custPopup-inner {
        width: 92%
    }

    .MegaFestiveBox img,
    .custPopup-inner iframe,
    .mobAppLayout .loanSubmit a,
    .ytVideo {
        width: 100%
    }

    .regional .loanDesigned ul li .loanBox {
        padding: 1rem 0 3rem
    }

    .ab_bnrBtm {
        margin-top: 30px
    }

    .compareSect .loanDesigned .loanBox {
        display: inline-block
    }

    .progressUsSlider .topSearchProg.owl-carousel {
        margin-top: 62px
    }

    .offerImg .terms {
        position: absolute;
        bottom: 3px;
        left: 7px;
        font-size: 12px
    }

    .MegaFestiveBox .back {
        position: absolute;
        top: 2px;
        font-size: 12px;
        left: 6px
    }
}

.offerImg .terms {
    position: absolute;
    bottom: 3px;
    left: 20px;
    font-size: 12px
}

.MegaFestiveBox .back {
    position: absolute;
    top: 5px;
    font-size: 12px;
    left: 24px
}

.marq {
    margin-top: 20px;
    font-size: 15px;
    color: #97144d;
    font-family: Lato-Bold
}

.MegaFestiveBox .closeTopDiv {
    position: absolute;
    top: 7px;
    right: 20px
}

.topMenuNewWrapper .MegaFestiveBox a.closeTopDiv {
    top: 7px;
    right: 20px
}

.btnBlock.soleProp a {
    width: 110px;
    margin: 0 auto;
    display: block;
    float: None
}

@media only screen and (max-width:1024px) {
    .giftIcon {
        position: relative;
        top: 0;
        right: 0
    }
}

.bannerWrapper .forexcardBanner.bannerText .bannerTitle {
    font-size: 5.8rem;
    color: #231f20;
    font-family: Lato-Bold;
    font-style: italic;
    padding: 0
}

.bannerWrapper .forexcardBanner.bannerText .subBannerTilte {
    font-size: 8rem;
    font-family: Lato-heavy;
    display: block;
    padding: 0;
    font-style: italic;
    margin-top: -25px
}

.bannerWrapper .forexcardBanner.bannerText ul {
    margin-bottom: 1.5rem;
    margin-top: -1rem
}

.bannerWrapper .forexcardBanner.bannerText ul li:after {
    content: "";
    position: absolute;
    top: 3px;
    right: -2px;
    width: 1px;
    height: 20px;
    background: #666
}

.bannerWrapper .forexcardBanner.bannerText ul li a {
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #231f20;
    padding: 0 1.5rem;
    text-decoration: none
}

.bannerWrapper .forexcardBanner.bannerText .btnBlock a {
    margin: 0;
    border-radius: .4rem;
    color: #fff;
    padding: .85rem 1.2rem
}

.forexCharm {
    position: fixed;
    right: -20rem;
    top: 44%;
    z-index: 99;
    transition: 0.6s
}

.forexCharm .forexCharmIcon {
    cursor: pointer;
    background: url(../images/forexCharmIcon.png) 13px 10px no-repeat #97134d;
    width: 46px;
    height: 47px;
    position: absolute;
    top: 0;
    border-radius: 50% 0 0 50%;
    left: -46px;
    display: inline-block
}

.forexCharm.forexCharmActive {
    right: 0
}

.forexCharm .charmContent {
    max-width: 20rem;
    margin: 0 auto;
    padding: 1.5rem;
    background: #ffeff4;
    display: inline-block;
    border-radius: 0 0 0 3rem
}

.forexCharm .charmContent p {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #212121
}

.forexCharm .charmContent p a {
    font-size: 2rem;
    line-height: 2.2rem;
    text-decoration: none;
    color: #871f42;
    margin-right: .5rem
}

.onlyTravelHacksWrap {
    font-size: 0;
    position: relative;
    padding-top: 6rem
}

.onlyTravelHacksWrap .travelEssntl,
.onlyTravelHacksWrap .travelHacks {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.onlyTravelHacksWrap .travelEssntl {
    font-size: 0
}

.onlyTravelHacksWrap .travelEssntl .essentlNeedBox {
    padding: 3.5rem 2rem 6rem 0
}

.onlyTravelHacksWrap .travelEssntl .essntlBox img {
    width: 100%;
    height: auto
}

.onlyTravelHacksWrap .travelEssntl .watchNwAnchr span {
    padding-left: 3px;
    font-weight: 600
}

.onlyTravelHacksWrap .travelEssntl .watchNwAnchr:hover {
    color: #ae285d
}

.onlyTravelHacksWrap .travelEssntl .imgBox,
.onlyTravelHacksWrap .travelEssntl .imgCntBox {
    display: inline-block;
    vertical-align: top
}

.onlyTravelHacksWrap .travelEssntl .imgBox {
    width: 28%;
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.onlyTravelHacksWrap .travelEssntl .imgBox span {
    font-size: 3.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    z-index: 1;
    color: #9a9fa3
}

.onlyTravelHacksWrap .travelEssntl .imgCntBox {
    width: 72%;
    padding-left: 3rem
}

.onlyTravelHacksWrap .travelEssntl h5 {
    font-size: 1.6rem;
    font-family: Lato-Bold;
    padding-bottom: .6rem
}

.onlyTravelHacksWrap .travelEssntl p {
    font-size: 1.4rem;
    font-family: Lato-Regular;
    padding-bottom: 1.6rem
}

.forex-comm-title span,
.thsSholdHelpWrap h3.forex-comm-title span {
    font-family: Lato-heavy
}

.onlyTravelHacksWrap .travelEssntl a.watchNwAnchr {
    font-size: 1.4rem;
    color: #861f41;
    float: right;
    text-decoration: none
}

.onlyTravelHacksWrap .travelHacks .travelNovmbrBox {
    padding: 3.5rem 0 6rem 1.8rem;
    display: inline-block
}

.onlyTravelHacksWrap .travelHacks .travelHacksBox {
    padding: 1.8rem 2rem;
    display: inline-block;
    background-color: #fff5f8;
    border-radius: 10px;
    border: 1px solid #f4dce3;
    margin-bottom: 2rem;
    width: 100%
}

.onlyTravelHacksWrap .travelHacks h5 {
    font-size: 1.8rem;
    font-family: Lato-heavy;
    padding-bottom: .6rem
}

.onlyTravelHacksWrap .travelHacks p {
    font-size: 1.4rem;
    font-family: Lato-Regular;
    padding-bottom: 1rem
}

.disclaimr,
.onlyTravelHacksWrap .travelHacks .readDate,
.onlyTravelHacksWrap .travelHacks .readTime {
    font-size: 1.2rem
}

.onlyTravelHacksWrap .travelHacks .readTime {
    color: #b63660;
    float: left
}

.onlyTravelHacksWrap .travelHacks .readDate {
    color: #323232;
    float: right
}

.onlyTravelHacksWrap .travelHacks .viewMore {
    text-align: center;
    padding-top: 1.6rem
}

.onlyTravelHacksWrap .travelHacks .commBtn {
    padding: 1.3rem;
    min-width: 15rem;
    border-radius: .6rem;
    text-decoration: none;
    color: #fff
}

.onlyTravelHacksWrap:after {
    content: "";
    display: inline-block;
    width: 50%;
    height: 100%;
    background-color: #ffeff4;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.forex-comm-title {
    font-size: 2.5rem;
    text-align: left;
    font-family: Lato-Light
}

.commBtn {
    font-size: 1.6rem;
    color: #fff;
    font-family: Lato-Regular;
    background-color: #861f41;
    text-transform: uppercase
}

.travelOffers {
    margin: 60px 0 0
}

.travelOffers .forex-comm-title {
    padding-bottom: 30px;
    text-transform: inherit;
    margin-left: 10px
}

.travelOffers .imgBox {
    padding-top: 30px
}

.travelOffers .imgBox img {
    width: 100%;
    box-shadow: 10px 7px 6px 0 rgb(0 0 0 / .1)
}

.travelOffers.abroadWrapp .sliderDiv ul.offers li:after {
    content: "\e902";
    font-family: icomoon !important;
    display: inline-block;
    font-size: .8rem;
    color: #97144d;
    position: absolute;
    -ms-transform: translatey(-50%) rotate(-90deg);
    transform: translatey(-50%) rotate(-90deg);
    right: 6px;
    top: 50%
}

.offersBetter .offersSlideBox .sliderDiv {
    float: left;
    width: auto
}

.offersBetter .offersSlideBox .sliderDiv.boxpadRight {
    padding-right: 10px
}

ul.aplCard {
    margin: 5px 0 0 20px
}

ul.aplCard li {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 600;
    list-style: disc
}

.offersBetter ul li {
    padding-bottom: 20px;
    padding-left: 45px;
    position: relative;
    font-size: 16px;
    color: #231f20;
    font-family: Lato-Regular;
    text-decoration: none
}

.accessLinks>ul h4,
.accessLinks>ul h5 {
    padding-left: 13px;
    font-family: Lato-Bold;
    display: block
}

.offersBetter ul li .icn {
    position: absolute;
    left: 0;
    font-size: 3rem;
    color: #97134d;
    line-height: normal !important;
    top: .5rem
}

.offersBetter.offerstop {
    padding-left: 2rem
}

.offersBetter.offerstop ul li {
    cursor: pointer;
    padding: .5rem 1rem .5rem 5.5rem;
    margin-bottom: 1rem;
    transition: 0.1s ease-in
}

.offersBetter.offerstop ul li .icn {
    left: 1rem;
    top: .5rem
}

.offersBetter.offerstop ul li:hover {
    background: #fff;
    box-shadow: -6px 0 10px -1px rgb(0 0 0 / .4);
    border-radius: 1rem
}

.trForex {
    background: #fff4f8;
    width: 90%;
    margin: 0 auto;
    padding: 5rem 0 3rem;
    position: relative
}

#ab_carousel.customBnr .owl-dots .owl-dot.active span,
.thsSholdHelpWrap {
    background-color: #97144d
}

.trForex .forex-comm-title:before {
    position: absolute;
    background-image: url(../images/plan.png);
    height: 100px;
    width: 114px;
    right: 0;
    content: "";
    bottom: -8px
}

.trForex .imgBox img {
    width: auto;
    box-shadow: none
}

.trForex .offersBetter p {
    font-size: 18px;
    color: #97144d;
    font-family: Lato-Bold;
    padding-bottom: 35px
}

.trForex:before {
    position: absolute;
    content: "";
    width: 95%;
    height: 1px;
    background: #e8cad4;
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    margin: 0 auto;
    right: 2%;
    box-shadow: 0 15px 30px 0 #91214e;
    top: 56%
}

.trForex .wrapTwo {
    padding-top: 153px
}

.trForex .wrapTwo .boxLeft li {
    height: 70px
}

.trForex .wrapOne .lockedBox {
    padding-bottom: 30px
}

.trForex .wrapOne .lockedBox .icn {
    top: .2rem
}

.trForex .container .offersSlideBox {
    overflow: hidden;
    width: auto
}

.trForex .container .respImgwrapp .resBox {
    text-align: center;
    padding: 0 1rem;
    position: relative;
    display: inline-block
}

.trForex .container .respImgwrapp .resBox:after {
    content: "";
    height: .2rem;
    background: #97134d;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -.5rem;
    display: none
}

.trForex .container .respImgwrapp .resBox p span {
    text-transform: uppercase;
    font-style: italic
}

.trForex .container .respImgwrapp .resBox.active p,
.trForex .container .respImgwrapp .resBox:hover p {
    color: #97134d;
    font-family: Lato-Bold;
    font-size: 1.6rem
}

.trForex .container .respImgwrapp .resBox .imgBox img {
    width: 60%
}

.offerModal .modal-dialog {
    top: 50%;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important
}

.offerModal .modal-dialog .modal-content {
    width: 100%;
    max-width: 560px;
    margin: 0 auto
}

.offerModal .modal-dialog .modal-content .modal-header .close {
    cursor: pointer;
    color: #861f41;
    opacity: inherit;
    font-size: 28px;
    margin-top: -10px
}

.offerModal .modal-dialog .modal-content .modal-body {
    padding: 15px 40px 40px
}

.offerModal .modal-dialog .modal-content .modal-body p {
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    font-weight: 400
}

.offerModal .modal-dialog .modal-content .modal-body p a {
    text-decoration: underline;
    font-weight: 700
}

.thsSholdHelpWrap {
    padding: 21rem 0 6rem;
    margin-top: -16rem
}

.thsSholdHelpWrap h3 {
    color: #fff;
    padding-bottom: 6rem
}

.thsSholdHelpWrap h3.forex-comm-title .upperCse {
    font-style: italic;
    text-transform: uppercase;
    display: inline-block
}

.thsSholdHelpWrap .accord-body p,
.thsSholdHelpWrap .accord-body p a,
.thsSholdHelpWrap .accord-head,
.thsSholdHelpWrap .havMoreQuts {
    color: #ffd4e2;
    font-family: Lato-Regular
}

.dcOffer.comBox h2,
.fontLight {
    font-family: Lato-Light
}

.thsSholdHelpWrap .accord-body,
.thsSholdHelpWrap .accord-head {
    padding-right: 3rem
}

.thsSholdHelpWrap .accord-head {
    font-size: 1.6rem;
    cursor: pointer;
    position: relative;
    display: block;
    max-width: 90%
}

.thsSholdHelpWrap .accord-head:after {
    content: "+";
    display: inline-block;
    font-size: 2rem;
    color: #ebd3dd;
    width: 2.1rem;
    height: 2.1rem;
    position: absolute;
    right: -35px;
    border: 1px solid #7b072e;
    border-radius: 50%;
    line-height: .8;
    text-align: center;
    top: 2px
}

.thsSholdHelpWrap .accord-head.active:after {
    content: "-";
    line-height: .7
}

.thsSholdHelpWrap .accord-body {
    font-size: 1.4rem;
    color: #ffd4e2;
    padding-top: 1.8rem;
    display: none
}

.thsSholdHelpWrap .quetBox {
    padding: 1.3rem 0;
    border-bottom: 1px solid #9f224c
}

.thsSholdHelpWrap .havMoreQuts {
    font-size: 1.6rem;
    border: 1px solid #c55c8a;
    margin-top: 2rem;
    padding: 7px 16px;
    border-radius: 6px;
    text-decoration: none
}

.thsSholdHelpWrap .commBtn {
    font-size: 1.6rem;
    color: #fff;
    background-color: #fff0;
    border: 1px solid #c55d8a;
    padding: 1.3rem;
    min-width: 15rem;
    border-radius: .4rem;
    text-decoration: none
}

.multiForex .ab_offersBetter ul li {
    padding-left: 15px
}

.multiForex .trForex:before {
    top: 50%
}

.productDealsPopup .modal-content {
    margin: 17rem auto;
    width: 772px;
    padding: 2rem 4rem;
    display: block;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid rgb(0 0 0 / .2)
}

.under-line {
    text-decoration: underline !important
}

.footerMainUl .cntUs p {
    padding-bottom: .8rem
}

.modal-header .close {
    margin-top: -2px
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.productDealsPopup .modal-header {
    padding: 0;
    min-height: auto;
    border-bottom: none
}

.productDealsPopup .modal-header .dealPopHeading {
    font-size: 2.2rem;
    color: #212121;
    font-weight: 700;
    border-bottom: 5px solid #97144d;
    padding-bottom: 1rem
}

.productDealsPopup .modal-body {
    padding: 1rem 0
}

.productDealsPopup .modal-body p {
    font-size: 1.5rem;
    color: #212121;
    line-height: 2.2rem;
    padding-bottom: 1rem;
    display: block
}

.productDealsPopup .btnLinks a {
    font-size: 1.6rem;
    color: #97144d;
    margin-right: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 12px;
    vertical-align: middle
}

.productDealsPopup .btnLinks a:hover {
    background-color: #e6e6e6;
    text-decoration: none
}

.eclgsApplyPopup {
    width: 95%
}

.eclgsApplyPopup .productDealsPopup .modal-content {
    width: 375px;
    padding: 0 2rem
}

.eclgsApplyPopup {
    display: none;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.eclgsApplyPopup .modal-body.bodyCont {
    margin-top: 20px
}

@media only screen and (max-width:1400px) {
    .bannerWrapper .forexcardBanner.bannerText .bannerTitle {
        font-size: 4.8rem
    }

    .bannerWrapper .forexcardBanner.bannerText .subBannerTilte {
        font-size: 7rem
    }

    .bannerWrapper .forexcardBanner.bannerText ul {
        margin-bottom: 1rem
    }
}

@media only screen and (max-width:1199px) {
    .linkBox .callback {
        display: none
    }

    .trForex:before {
        top: 62%
    }

    .trForex .wrapTwo .boxLeft li {
        height: auto
    }

    .trForex .wrapOne .lockedBox {
        padding-bottom: 20px
    }

    .trForex .wrapOne .lockedBox .icn {
        top: .5rem
    }

    .trForex .container,
    .trForex .container .offersSlideBox .sliderDiv,
    .trForex .tabBody .imgBox img {
        width: 100%
    }
}

@media only screen and (max-width:991px) {

    .grabTabContent .bookTicket.grabOnline ul.shareOn,
    .plCity .benefitsBox ul li {
        padding: 0;
        margin-top: 0;
        display: inherit
    }

    .kwikQr img {
        width: 60px;
        margin-top: 10px
    }

    .topMenuNewWrapper .giftBannerWrap {
        position: fixed;
        top: 35px;
        padding: 0;
        max-height: none;
        overflow-x: hidden;
        height: 100%;
        overflow-y: hidden;
        background: 0 0
    }

    .topMenuNewWrapper .giftBannerWrap .offertext {
        position: relative;
        top: 29px;
        width: 100%
    }

    .topMenuNewWrapper .giftBannerWrap .offertext h2 {
        font-size: 1.8rem;
        margin-top: 1.5rem
    }

    .topMenuNewWrapper .giftBannerWrap .offertext h2 span:after {
        top: 28px;
        width: 111px;
        height: 1px
    }

    .topMenuNewWrapper .giftBannerWrap .offertext a {
        font-size: 1.6rem;
        margin-top: 1rem
    }

    .topMenuNewWrapper .giftBannerWrap .offerImg {
        top: 23px
    }

    .topMenuNewWrapper .giftBannerWrap .offerImg img {
        width: 100%
    }

    .topMenuNewWrapper .giftBannerWrap .offerImg a {
        right: auto;
        left: 9px;
        bottom: 5px
    }

    .topMenuNewWrapper .giftBannerWrap .back {
        left: 30px;
        top: 0
    }

    .bannerWrapper .forexcardBanner.bannerText .bannerTitle {
        font-size: 3rem
    }

    .bannerWrapper .forexcardBanner.bannerText .subBannerTilte {
        font-size: 4.2rem;
        margin-top: -15px
    }

    .bannerWrapper .forexcardBanner.bannerText .btnBlock a {
        font-size: 1.4rem;
        line-height: 1.6rem;
        padding: .8rem
    }

    .onlyTravelHacksWrap .travelEssntl .essentlNeedBox,
    .onlyTravelHacksWrap .travelHacks .travelNovmbrBox {
        padding: 3rem 1.5rem
    }

    .onlyTravelHacksWrap .travelEssntl .imgBox {
        width: 40%
    }

    .onlyTravelHacksWrap .travelEssntl .imgCntBox {
        padding-left: 1.5rem;
        width: 60%
    }

    .onlyTravelHacksWrap .travelEssntl p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 42px
    }

    .offersBetter.offerstop {
        padding-left: 0
    }

    .thsSholdHelpWrap .quetBox.noBord {
        border-bottom: 1px solid #9f224c
    }
}

@media only screen and (max-width:767px) {
    .giftIcon {
        position: relative;
        top: 0;
        right: 0
    }

    .ab_cardOffers .cardAnim {
        position: relative;
        top: 25px;
        width: 98%;
        margin-bottom: 31px
    }

    .stack__item:nth-child(4) {
        transform: translate3d(0, 0, -60px) !important
    }

    .productsView ul li .productBox h4 {
        font-size: 1.5rem
    }

    .grabDetailsBox .bannerWrapper.textOnly .bannerText h2 {
        width: 100%;
        color: #fff;
        margin-bottom: 6rem
    }

    .grabDetailsBox .bannerWrapper.textOnly .bannerText .viewAll {
        padding: 5px 31px
    }

    .appsFooter a {
        width: auto
    }

    .appsFooter {
        margin: 0 15px
    }

    .multiForex .offersBetter.ab_offersBetter ul li {
        padding-bottom: 10px
    }

    .multiForex .offersBetter.ab_offersBetter ul.basicList {
        padding: 0
    }

    .multiForex .offersBetter.ab_offersBetter .offersSlideBox .sliderDiv,
    .trForex .container .respImgwrapp .resBox .imgBox,
    .trForex .wrapTwo {
        padding-top: 0
    }

    .bannerWrapper .forexcardBanner.bannerText {
        text-align: center;
        top: 10%;
        -ms-transform: translateY(-10%);
        transform: translateY(-10%);
        background: 0 0
    }

    .bannerWrapper .forexcardBanner.bannerText ul {
        margin-top: 0
    }

    .bannerWrapper .forexcardBanner.bannerText ul li:after {
        height: 14px;
        top: 6px
    }

    .bannerWrapper .forexcardBanner.bannerText ul li a {
        font-size: 1.2rem;
        line-height: 1.6rem;
        padding: 0 1rem
    }

    .onlyTravelHacksWrap {
        padding-top: 1rem
    }

    .onlyTravelHacksWrap .travelEssntl,
    .onlyTravelHacksWrap .travelHacks {
        width: 100%;
        display: block;
        padding: 2rem 1rem
    }

    .onlyTravelHacksWrap .travelEssntl .essentlNeedBox {
        padding: 2rem 0 0
    }

    .onlyTravelHacksWrap .travelHacks .travelNovmbrBox,
    .trForex {
        padding: 2rem 0
    }

    .onlyTravelHacksWrap .travelEssntl .imgBox {
        width: 28%
    }

    .onlyTravelHacksWrap .travelEssntl .imgCntBox {
        width: 72%
    }

    .onlyTravelHacksWrap .travelEssntl h5 {
        padding-bottom: 0
    }

    .onlyTravelHacksWrap .travelEssntl a.watchNwAnchr {
        float: left;
        margin-top: 9px
    }

    .onlyTravelHacksWrap .travelHacks {
        background-color: #ffeff4
    }

    .onlyTravelHacksWrap .travelHacks .travelHacksBox {
        padding: 1.8rem 1.5rem
    }

    .onlyTravelHacksWrap .travelHacks .commBtn,
    .thsSholdHelpWrap .accord-body p,
    .thsSholdHelpWrap .accord-body p a,
    .thsSholdHelpWrap .accord-head,
    .thsSholdHelpWrap .havMoreQuts {
        font-size: 1.4rem
    }

    .onlyTravelHacksWrap:after,
    .trForex .forex-comm-title:before,
    .trForex .offersBetter p,
    .trForex .tabBody,
    .trForex:before {
        display: none
    }

    .forex-comm-title span {
        display: inline-block
    }

    .forex-comm-title {
        font-size: 2rem
    }

    .travelOffers {
        margin: 10px 0 0
    }

    .travelOffers .forex-comm-title {
        padding-bottom: 15px
    }

    .offersBetter.offerstop .offersSlideBox {
        overflow: auto;
        white-space: nowrap;
        display: -ms-flexbox;
        display: flex
    }

    .offersBetter .offersSlideBox .sliderDiv {
        width: 100%;
        padding-top: .5rem
    }

    .offersBetter .offersSlideBox .sliderDiv.boxpadRight {
        padding-left: .5rem
    }

    .offersBetter ul li {
        font-size: 14px
    }

    .offersBetter.offerstop ul li:hover {
        box-shadow: -1px 0 8px -1px rgb(0 0 0 / .4)
    }

    .trForex {
        width: 96%
    }

    .trForex .container .respImgwrapp {
        display: block;
        border-bottom: .1rem solid #ccc;
        margin: 0 1rem 1.5rem;
        padding-bottom: .5rem;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto
    }

    .trForex .tabBody.active {
        display: block
    }

    .thsSholdHelpWrap {
        padding: 5.5rem 0 3rem;
        margin-top: -3rem
    }

    .thsSholdHelpWrap h3 {
        padding-bottom: 2rem
    }

    .thsSholdHelpWrap h3.forex-comm-title span {
        display: inline
    }

    .thsSholdHelpWrap h3.forex-comm-title .upperCse {
        margin-left: 0;
        padding-right: .5rem
    }

    .thsSholdHelpWrap .accord-body {
        padding-top: 1.6rem
    }

    .thsSholdHelpWrap .quetBox {
        padding: 1.6rem 0
    }
}

@media only screen and (max-width:480px) {
    .bannerWrapper .forexcardBanner.bannerText ul li {
        max-width: 130px;
        width: 100%;
        margin: .3rem 0
    }

    .bannerWrapper .forexcardBanner.bannerText ul li.left {
        text-align: left
    }

    .bannerWrapper .forexcardBanner.bannerText ul li.left:after {
        display: none
    }

    .bannerWrapper .forexcardBanner.bannerText ul li.right {
        text-align: right
    }

    .forexCharm {
        top: 60%
    }

    .onlyTravelHacksWrap .travelEssntl .imgBox {
        width: 48%
    }

    .onlyTravelHacksWrap .travelEssntl .imgCntBox {
        width: 52%;
        padding-left: 1.2rem;
        margin-top: -6px
    }

    .onlyTravelHacksWrap .travelEssntl p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .onlyTravelHacksWrap .travelEssntl a.watchNwAnchr {
        margin-top: 4px
    }
}

@media only screen and (max-width:320px) {
    .ab_searchmicBtn#micBtn {
        right: 0
    }

    .onlyTravelHacksWrap .travelEssntl .imgBox {
        width: 100%
    }

    .onlyTravelHacksWrap .travelEssntl .imgCntBox {
        width: 100%;
        margin-top: 1rem;
        padding-left: 0
    }
}

.multiForex .tabBody:after {
    position: absolute;
    content: "";
    width: 95%;
    height: 1px;
    background: #e8cad4;
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    margin: 0 auto;
    right: 2%;
    box-shadow: 0 15px 30px 0 #91214e;
    bottom: -40px
}

.multiForex .wrapThr {
    padding-top: 130px
}

.instantPL {
    display: block;
    position: fixed;
    z-index: 2;
    right: -72px;
    top: 50%
}

.instantPL a {
    background: #ae285d;
    color: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    padding: 10px;
    text-decoration: none;
    position: relative;
    font-size: 18px
}

#HomePageStrip {
    display: block;
    z-index: 20000;
    position: relative;
    min-height: 46px;
    max-height: 110px
}

.topbandBg .bandtextArea p {
    color: #464646 !important
}

.topbandBg .bandtextArea .closeBand {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 10px;
    padding: 0;
    cursor: pointer
}

.topbandBg .closeBand img {
    width: 15px;
    height: 14px
}

.topbandBg .axisbandText {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.2
}

.axisbandText p a {
    color: #464646;
    border-bottom: 1px solid #464646
}

.axisbandText p a:hover {
    color: #464646;
    text-decoration: none
}

#AxisMobSlide {
    position: fixed;
    right: -310px;
    z-index: 9999;
    top: 25%
}

#AxisMobToggle {
    position: absolute;
    right: 258px;
    width: 150px;
    text-align: center;
    padding: 15px 0;
    background: #ae285d;
    transform: rotate(90deg);
    line-height: 1;
    top: 119px;
    color: #fff
}

.expProdWrapper .container .row .col-md-12 .expProdCont {
    margin-top: 60px
}

.expProdWrapper .container .row .col-md-12 .expProdCont h2 {
    font-size: 3rem
}

.expProdWrapper .container .row .col-md-12 .expProdCont ul.usefulTab li {
    width: 48%;
    margin-bottom: 0;
    border-bottom: none
}

.expProdWrapper .container .row .col-md-12 .expProdCont ul.usefulTab li a {
    color: #851e41
}

.expProdWrapper .container .row .col-md-12 .expProdCont ul.usefulTab li.active {
    border-bottom: 2px solid #ec0c65
}

.accessLinks>ul>li {
    display: inline-block;
    vertical-align: top;
    width: 32.33%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc
}

.accessLinks>ul>li:first-child,
.accessLinks>ul>li:nth-child(2),
.accessLinks>ul>li:nth-child(3) {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

.accessLinks>ul h4 {
    position: relative;
    font-size: 1.8rem
}

.accessLinks>ul h4 span {
    margin-left: 10px
}

.accessLinks>ul h4 a {
    color: #000;
    text-decoration: none
}

.accessLinks>ul h5 {
    position: relative;
    font-size: 1.6rem;
    color: #212121;
    margin-top: 1rem
}

.accessLinks>ul .offerOptionsBlock {
    margin-top: 37px
}

.accessLinks>ul ul li {
    margin-top: 15px;
    padding-left: 13px;
    width: 100%
}

.separator {
    margin: 30px 0;
    width: 100%;
    height: 1px;
    background-color: #ddd
}

.articleSec,
.rightPart .digitalBank img {
    margin-bottom: 20px
}

.tabWrap {
    box-shadow: 0 3px 17px 5px rgb(0 0 0 / .1)
}

.tabData {
    padding-top: 10px
}

.compareSect .loanDesigned ul[aria-labelledby="salaryAccHead"] .loanBox .checkIt {
    top: .3rem;
    right: 0;
    z-index: 5;
    display: none
}

.compareSect .loanDesigned ul[aria-labelledby="salaryAccHead"] .loanBox .messageBox {
    z-index: 5;
    top: 45px
}

.compareSect .loanDesigned ul[aria-labelledby="salaryAccHead"] .loanBox .square {
    top: .3rem;
    right: .5rem;
    display: none
}

@media only screen and (max-width:991px) {
    .expProdWrapper .container .row .col-md-12 .expProdCont ul.usefulTab li {
        width: 100%
    }

    .expProdWrapper .owl-stage {
        width: 100% !important
    }

    .expProdWrapper .owl-stage .owl-item {
        width: 49% !important
    }
}

@media only screen and (max-width:767px) {
    .compareSect .loanDesigned ul[aria-labelledby="salaryAccHead"] li.loanAmt {
        min-height: auto !important
    }

    .expProdWrapper .container .row .col-md-12 .expProdCont ul.usefulTab li {
        display: inline-block
    }

    .accessLinks>ul>li {
        margin-top: 0;
        padding-top: 0;
        border: none;
        width: 49%;
        margin-bottom: 50px
    }

    .accessLinks>ul .offerOptionsBlock {
        margin-top: 0
    }
}

@media only screen and (max-width:600px) {
    .travelOffers.abroadWrapp .sliderDiv ul.offers li {
        padding: .5rem 2.4rem .5rem 5.5rem
    }

    .accessLinks>ul>li {
        width: 100%
    }
}

.benefitsBox ul.burgundyList li {
    width: 16.333%
}

.accountsDeposit .benefitsBox ul.burgundyList li em.icon1 {
    background-position: -990px -1400px;
    width: 60px !important
}

.accountsDeposit .benefitsBox ul.burgundyList li em.icon24 {
    background-position: -1108px -1404px;
    width: 51px;
    height: 48px
}

.accountsDeposit .benefitsBox ul.burgundyList li em.icon2 {
    background-position: -245px -1506px;
    width: 32px;
    height: 56px
}

.accountsDeposit .benefitsBox ul.burgundyList li em.icon23 {
    background-position: -886px -1400px;
    width: 62px;
    height: 54px
}

.accountsDeposit .benefitsBox ul.burgundyList li em.locker {
    background-position: -138px -1505px;
    width: 53px;
    height: 59px
}

.accountsDeposit .benefitsBox ul.burgundyList li em.famBanking {
    background-position: -25px -1505px;
    width: 59px;
    height: 59px
}

.articleSec {
    padding: 10px 0;
    border-bottom: 1px solid #f3efef
}

.articleBlock {
    display: flex;
    justify-content: space-between
}

.articleSec .articleBlock .imgBlock {
    width: 48%
}

.articleSec .fullwidthtext {
    width: 100%;
    display: block
}

.cardBlock .compServicepro h1 {
    color: #911841;
    font-size: 32px;
    padding: 25px 0
}

.busiCa .bannerWrapper .bannerText.fastForBanner h2 {
    font-size: 3rem;
    margin-bottom: 10px
}

@media only screen and (max-width:767px) {
    .bannerWrapper.domDc .bannerText p {
        color: #fff !important
    }

    .busiCa .bannerWrapper .bannerText.fastForBanner h2 {
        font-size: 2rem
    }

    .benefitsBox ul.colThree li {
        width: auto
    }

    .articleBlock {
        display: block
    }

    .articleSec .articleBlock .imgBlock,
    .articleSec .articleBlock .textBlock {
        width: 100%
    }

    .articleSec .articleBlock .imgBlock {
        margin-top: 10px
    }
}

.corpProfileWrap.profileTab .tabContent {
    padding: 2rem 0 0
}

.travelForex {
    margin: 20px 0
}

.travelForex .slide {
    border: 1px solid #dcdcdc;
    margin: 5px 10px;
    border-radius: 5px;
    padding: 30px
}

.travelForex .slide .quote {
    width: auto;
    margin: 0 32%
}

.travelForex .slide .slideIcon {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle
}

.travelForex .slideCont p {
    width: 65%;
    vertical-align: middle;
    display: inline-block;
    font-size: 15px
}

.travelForex .owl-carousel .owl-item {
    padding: 15px 0
}

.travelForex .owl-carousel .owl-item .slide {
    transition: 0.3s;
    -webkit-transition: 0.3s
}

.travelForex .owl-carousel .owl-item .slide:focus,
.travelForex .owl-carousel .owl-item .slide:hover {
    background: #f6f6f6;
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.custom-slider .owl-nav .owl-next.disabled:before,
.custom-slider .owl-nav .owl-prev.disabled:before,
.hl-budgets.custom-slider .owl-nav .owl-next.disabled:before,
.hl-budgets.custom-slider .owl-nav .owl-prev.disabled:before,
.travelForex .owl-carousel .owl-nav .owl-next.disabled:before,
.travelForex .owl-carousel.owl-nav .owl-prev.disabled:before {
    border-color: #a7a7a7
}

.travelForex .owl-carousel .owl-nav .owl-next.disabled:after,
.travelForex .owl-carousel .owl-nav .owl-prev.disabled:after {
    background: #e6e9ed
}

.travelForex .owl-carousel .owl-nav .owl-next:after {
    content: "";
    background: #97144d;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -45px;
    top: 42%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%
}

.travelForex .owl-carousel .owl-nav .owl-next:before {
    content: "";
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    right: -18px;
    top: 40%;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 1
}

.travelForex .owl-carousel .owl-nav .owl-prev:before {
    content: "";
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    left: -18px;
    top: 40%;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    z-index: 1
}

.travelForex .owl-carousel .owl-nav .owl-prev:after {
    content: "";
    background: #97144d;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -15px;
    top: 42%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%
}

.js-noRedirect {
    cursor: pointer
}

@media screen and (max-width:767px) {

    .dealPopup,
    .productDealsPopup .modal-content {
        transform: translate(-50%, -50%);
        top: 50%;
        width: 100%
    }

    .bannerWrapper .bannerText.fastForBanner p,
    .depositLockerTable {
        width: 100%
    }

    .bannerWrapper .onlyHeading h2 {
        padding-bottom: 0;
        padding-top: 5rem;
        width: 100%
    }

    .bannerWrapper .bannerText.onlyHeading .btnBlock {
        padding-top: 8rem
    }

    .mediaCenterBod {
        margin-top: 20%
    }

    .applyNowBanner picture img {
        height: auto
    }

    .retailSection .loanSubmit a.eligibiltyCal {
        display: inline-block
    }

    .retailSection ul li .loanBox p {
        min-height: auto
    }

    .productDealsPopup .modal-content {
        margin: 0 auto;
        padding: 2rem;
        height: 35em;
        overflow-y: scroll
    }

    .dealPopupSecondary {
        width: 95%
    }

    #productDealsPopup .modal-content {
        width: 100%;
        padding: 1rem;
        height: 44rem;
        overflow-y: scroll
    }

    .noLink {
        pointer-events: none
    }

    .loansListWrapper ul.twoProducts li {
        width: 43%;
        margin: 0 1rem
    }

    .clsiframeApplyNow {
        height: 350px;
        overflow-y: scroll;
        width: 95%;
        margin: 0 auto;
        display: block
    }

    .bannerWrapper .bannerText.onlyHeading .mobBtnBlock {
        padding-top: 4rem
    }

    .bannerWrapper .bannerText.fastForBanner .btnBlock {
        padding-top: 0
    }

    .popupWrap {
        width: 100%;
        transform: none;
        left: 0
    }

    .bannerWrapper .bannerText.fastForBanner p {
        color: #222
    }

    .corpProfileWrap.profileTab .tabBox {
        margin-bottom: 3rem
    }

    .applyText .applyContent.amtUti {
        float: none !important;
        text-align: left
    }

    .travelForex .slide {
        padding: 20px 10px
    }

    .travelForex .owl-carousel .owl-nav .owl-next:before,
    .travelForex .owl-carousel .owl-nav .owl-prev:before {
        top: -5px
    }
}

.phase04USPIcons .benefitsBox ul li em.icon-eaiAssist {
    background-position: -1221px -1629px;
    width: 59px;
    height: 36px;
    top: 1rem
}

.indEquip.bannerWrapper .bannerText .bannerTitle {
    font-size: 2.8rem
}

.ab_trending .trendImg {
    margin: 0 0 20px 15px
}

.bbpsList,
.bsubHead {
    margin-left: 25px
}

.benefitsBox.typesLoan ul li h4,
.benefitsBox.typesLoan ul li h3 {
    padding: 2rem 0 .8rem;
    font-size: 1.5rem;
    color: #000;
    padding: 5rem 0 .8rem;
    line-height: 2.1rem
}

.benefitsBox ul li em.ico-instantFund {
    background-position: 0 -573px;
    width: 63px;
    height: 63px
}

.benefitsBox ul li em.ico-zeroDocs,
.phase03USPIcons .benefitsBox ul li em.payPen {
    background-position: -780px -660px;
    width: 45px;
    height: 53px
}

.benefitsBox ul li em.ico-multiTenure {
    background-position: -83px -573px;
    width: 68px;
    height: 58px
}

.benefitsBox ul li em.ico-attractInt {
    background-position: -619px -404px;
    width: 58px;
    height: 57px
}

.progressBlog .imgBlock img {
    height: 183px
}

.ab_floatingBtn.fltLeft {
    left: 0;
    right: inherit
}

.ab_floatingBtn.secFloat {
    top: 60%
}

.loanDesigned ul li .loanBox {
    padding: 2rem 1.5rem
}

#ab_carousel.customBnr .owl-dots {
    text-align: center;
    position: relative;
    margin-top: -35px
}

#ab_carousel.customBnr .owl-dots .owl-dot {
    display: inline-block;
    border: none;
    background: 0 0
}

#ab_carousel.customBnr .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #727272;
    margin: 0 3px
}

.applyAvailBtns {
    text-align: left;
    margin: 20px 0 0
}

.applyAvailBtns a {
    color: #222;
    font-size: 1.4rem;
    border: 2px solid #97144d;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    border-radius: 5px;
    text-decoration: none
}

.loanDesigned ul#ulCreditCard li .loanSubmit a#AxisBankBuzzCreditCard,
.loanDesigned ul#ulCreditCard li .loanSubmit a#FreeChargeCreditCard {
    width: 100%;
    border-radius: 0 0 .5rem .5rem;
    background: #91214e;
    color: #fff
}

.tblData .noPad,
.tblData .noPad table {
    border: 0 !important
}

.compareSect .loanDesigned #ulCurrentAccountList .loanBox h3 {
    min-height: 4rem !important
}

.compareSect .loanDesigned #ulCurrentAccountList .loanBox {
    min-height: 30rem
}

.accountsDeposit .benefitsBox ul.expDep li em.icon39 {
    background-position: -474px -1395px;
    width: 71px;
    height: 59px
}

.accountsDeposit .benefitsBox ul.expDep li em.icon40 {
    background-position: -1187px -505px;
    width: 49px;
    height: 66px
}

.accountsDeposit .benefitsBox ul.expDep li em.icon43 {
    background-position: -256px 0;
    width: 99px;
    height: 68px
}

.accountsDeposit .benefitsBox ul.expDep li em.icon45 {
    background-position: -648px -1395px;
    width: 58px;
    height: 59px
}

.compareSect .loanDesigned #ulCreditCard .loanBox .messageBox {
    top: 68px
}

.compareSect .loanDesigned #ulCreditCard .loanBox .checkIt {
    top: 4.5rem
}

.compareSect .loanDesigned #ulCreditCard .loanBox .square {
    top: 4.3rem
}

.phase03USPIcons .benefitsBox ul li em.mndReg {
    background-position: -559px -806px;
    width: 50px;
    height: 52px
}

.phase03USPIcons .benefitsBox ul li em.mndAcc {
    background-position: -437px -88px;
    width: 68px;
    height: 68px
}

.phase03USPIcons .benefitsBox ul li em.mndPhy {
    background-position: -780px -520px;
    width: 49px;
    height: 51px
}

.phase04USPIcons .benefitsBox ul li em.investRange {
    background-position: -1856px -1935px;
    width: 53px;
    height: 53px
}

.phase04USPIcons .benefitsBox ul li em.investPlan {
    background-position: -1956px -1936px;
    width: 51px;
    height: 51px
}

.phase04USPIcons .benefitsBox ul li em.investIdea {
    background-position: -2054px -1934px;
    width: 57px;
    height: 55px
}

.textAdj {
    position: relative;
    width: 250px
}

.textAdj p {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    font-weight: 600
}

.compareSect .loanDesigned .loanBox .messageBox.caMsg {
    top: 30px;
    z-index: 5
}

.compareSect .loanDesigned .loanBox .square.caList {
    top: .5rem;
    right: .5rem
}

.compareSect .loanDesigned .loanBox .checkIt.caList {
    top: .6rem;
    right: 0;
    z-index: 3
}

.progressUsBox.pgssBoxInner .topSearchBox.rightPart {
    width: 360px !important
}

.ab_trending .rightPart.bottom {
    bottom: 50px !important
}

.mobAppLayout .twoBtns .loanSubmit a {
    width: 50%;
    float: left
}

.multiRead.featureBox .contentBox {
    border-right: none;
    min-height: auto;
    padding: 0
}

.multiRead.featureBox .contentBox p {
    width: auto;
    padding: 0 0 .5rem
}

.npsBtn.mAdj {
    margin-top: 10rem
}

.correctMsgPop,
.incorrectMsgPop,
.wrongMsgPop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s
}

.showMsg {
    z-index: 99;
    display: block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s
}

.popupOvrl {
    background: rgb(0 0 0 / .6);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.popupCont {
    position: relative;
    background: #fff;
    width: 40%;
    padding: 30px 20px;
    border-radius: 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popupCls {
    padding: 3px 10px 5px;
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    cursor: pointer
}

.queTitle {
    font-weight: 700;
    padding: 0 0 5px !important;
    color: #97144d !important;
    font-size: 18px !important
}

.quizCont {
    background: #f1f1f1;
    padding: 20px 30px;
    border-radius: 4px
}

.quizCont h3 {
    font-size: 2rem;
    margin-bottom: .5rem
}

.quesAns.brBtm:after {
    content: "";
    display: block;
    border-bottom: 1px solid #666;
    padding: 5px
}

.answers label {
    font-size: 1.6rem;
    font-weight: 400
}

.answers label input[type="radio"] {
    margin: 0 10px 0 0;
    -webkit-appearance: auto
}

button.submitQuiz {
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 1.5rem;
    margin: 15px 0 0
}

.answers input[type="radio"]:checked,
.answers input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}

.answers input[type="radio"]:checked+label,
.answers input[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    color: #666
}

.answers input[type="radio"]:checked+label:before,
.answers input[type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    border: 2px solid #222;
    border-radius: 100%;
    background: #fff
}

.answers input[type="radio"]:checked+label:after,
.answers input[type="radio"]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #97144d;
    position: absolute;
    top: 7px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.answers input[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.answers input[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.typespl .benefitsBox ul li em.icon23 {
    background-position: -540px -1114px;
    width: 61px;
    height: 61px
}

.typespl .benefitsBox ul li em.icon04 {
    background-position: -651px -1114px;
    width: 61px;
    height: 61px
}

.typespl .benefitsBox ul li em.icon03 {
    background-position: -761px -1113px;
    width: 63px;
    height: 62px
}

.dcOffer.comBox h2 {
    font-size: 2.6rem;
    color: #212121;
    padding: 4rem 0 2rem;
    letter-spacing: -.5px
}

.offerJustUwrap {
    background: #f6f6f6;
    margin-top: 30px;
    padding-bottom: 0
}

.dcOffer.offersWrapper ul {
    list-style-type: none
}

.dcOffer.offersWrapper ul li {
    box-sizing: border-box;
    display: inline-block;
    width: 31%;
    margin-left: 3.5%;
    overflow: hidden
}

.dcOffer.offersWrapper ul li img {
    max-width: 100%;
    width: 100%;
    position: relative;
    display: table
}

.dcOffer.offersWrapper ul li:first-child {
    margin-left: 0;
    padding-left: 3px
}

.dcOffer.offersWrapper ul li .dealBox {
    position: relative;
    bottom: 0;
    vertical-align: bottom;
    display: block
}

.dcOffer.offersWrapper ul li .offerCaption {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    transition: 0.3s
}

.dcOffer.offersWrapper ul li .offerCaption img {
    width: auto;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 0
}

.dcOffer.offersWrapper ul li .offerCaption p {
    color: #fff;
    font-size: 1.8rem;
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: 90%;
    margin: 1rem auto;
    font-family: Lato-Light;
    position: relative;
    top: 25px
}

.dcOffer.offersWrapper ul li .offerInfo {
    position: absolute;
    bottom: -100%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    transition: 0.5s
}

.dcOffer.offersWrapper ul li .offerInfo .offerShareBox {
    background: #f6f6f6;
    width: 100%;
    display: block;
    border: 1px solid #c4c4c4;
    border-top: none;
    padding: 1.5rem 0
}

.dcOffer.offersWrapper ul li .offerInfo .offerShareBox .offerValidity {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #212121
}

.dcOffer.offersWrapper ul li .offerInfo .offerShareBox .shareOn {
    display: none;
    width: 49%;
    text-align: center;
    position: relative;
    top: -.5rem;
    color: #212121;
    left: -9px
}

.dcOffer.offersWrapper ul li .icon-whatsapp,
.topBand .navbar-nav a.iconLink {
    background: url(/assets/images/home-sprite.png) no-repeat;
    display: inline-block;
    width: 4rem;
    height: 3.5rem
}

.dcOffer.offersWrapper ul li .offerInfo .offerShareBox .shareOn .icon-twitter,
.offerInfo .offerShareBox .shareOn .icon-fb {
    font-size: 2.6rem;
    display: none
}

.dcOffer.offersWrapper ul li.hoverActive .offerCaption,
.dcOffer.offersWrapper ul li.hoverActiveNew .offerCaption {
    top: 40%
}

.dcOffer.offersWrapper ul li.hoverActive .offerInfo,
.dcOffer.offersWrapper ul li.hoverActiveNew .offerInfo {
    bottom: 0
}

.dcOffer.offersWrapper .owl-nav {
    position: absolute;
    display: none;
    right: 12px;
    top: -50px
}

.dcOffer.offersWrapper .owl-nav .owl-next,
.dcOffer.offersWrapper .owl-nav .owl-prev {
    display: inline-block;
    background: url(/assets/images/home-sprite.png) no-repeat;
    width: 40px;
    height: 40px;
    text-indent: -10000px;
    transition: 0.3s
}

.dcOffer.offersWrapper .owl-nav .owl-next {
    background-position: -275px -5px;
    top: 0;
    right: 0;
    position: relative;
    transform: inherit
}

.dcOffer.offersWrapper .owl-nav .owl-prev {
    background-position: -151px -6px;
    position: relative;
    left: -5px;
    transform: inherit
}

.dcOffer.offersWrapper .owl-nav .owl-prev.disabled {
    background-position: -214px -6px;
    left: -5px
}

.dcOffer.offersWrapper .owl-nav .owl-next.disabled {
    background-position: -331px -5px
}

.dcOffer .knowmorenew {
    background: #97144d;
    text-align: center;
    display: block;
    width: 100%;
    padding: 1.5rem 0;
    color: #fff;
    font-size: 1.4rem;
    font-family: Lato-Bold;
    text-decoration: none;
    cursor: pointer
}

.dcOffer .knowmorenew:hover,
.horizonAplBtn:focus,
.horizonAplBtn:hover {
    color: #fff;
    text-decoration: none
}

.modalPop {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    max-width: 40%;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgb(0 0 0 / .3);
    z-index: 100
}

.popClose {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #97144d;
    font-weight: 600
}

.overlayPop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .3);
    z-index: 99
}

.abPagination {
    display: block;
    margin: 30px auto;
    font-size: 16px;
    text-align: center
}

.abPagination a {
    display: inline-block;
    margin: 0 5px;
    color: #222;
    position: relative;
    border-radius: 50%;
    padding: 5px 0;
    text-decoration: none;
    width: 35px;
    height: 35px;
    transition: 0.3s
}

.abPagination .prev:before {
    content: "";
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    left: 15px;
    top: 82%;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    z-index: 1
}

.abPagination .next:after,
.abPagination .prev:after {
    content: "";
    background: #97144d;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: 12px
}

.abPagination .next:before {
    content: "";
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    display: inline-block;
    padding: 4px;
    position: absolute;
    left: 10px;
    top: 82%;
    z-index: 1;
    border: solid #fff;
    border-width: 0 2px 2px 0
}

.rightPart {
    width: 360px
}

.rightPart.fixed {
    position: fixed !important;
    top: 130px
}

.plMainbnr .bannerTitle {
    font-family: Lato-heavy !important;
    font-weight: 500 !important
}

.plMainbnr .bannerText {
    position: absolute !important
}

.plCity.typespl .benefitsBox ul li em.mumbai {
    background-position: -349px -1222px;
    width: 60px;
    height: 56px
}

.plCity.typespl .benefitsBox ul li em.delhi {
    background-position: -256px -1219px;
    width: 50px;
    height: 59px
}

.plCity.typespl .benefitsBox ul li em.chennai {
    background-position: -152px -1218px;
    width: 60px;
    height: 60px
}

.plCity.typespl .benefitsBox ul li em.bangalore {
    background-position: -11px -1224px;
    width: 98px;
    height: 54px
}

.cityTitle {
    font-family: Lato-Bold;
    font-size: 2rem;
    color: #323232;
    text-align: center;
    margin: 20px 0
}

.plCity .benefitsBox {
    margin: 50px 0 0;
    padding: 0
}

.plCity .benefitsBox ul li h4 {
    padding: 5rem 0 .8rem
}

.plRead.show-more-height {
    height: 90px;
    overflow: hidden
}

.twoOffer {
    text-align: center;
    margin: 0 auto
}

.horizonBnr {
    position: relative;
    margin: 0 0 15px
}

.horizonBnr img {
    width: 100%;
    margin: 0 auto;
    display: block
}

.horizonAplBtn {
    position: absolute;
    background: #97144d;
    color: #fff !important;
    padding: 5px 10px;
    font-size: 13px;
    left: 35px;
    bottom: 16px;
    border-radius: 4px
}

.fastForBanner.airtelccBnr p:not(.bannerTitle) {
    font-size: 15px;
    padding: 0 0 10px
}

.bannerWrapper .bannerText .present {
    padding: 0 !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: Lato-Bold
}

.bannerWrapper .bannerText.ultimaBnr .bannerTitle {
    padding: 0 0 1rem !important;
    border-bottom: 2px solid #97144d;
    display: inline-block;
    width: auto !important
}

.ultimaBnr .bannerTitle span {
    font-family: Lato-heavy;
    color: #97144d;
    font-style: italic
}

.ultimaBnr h5 {
    font-family: Lato-heavy;
    font-size: 3rem;
    margin: 10px 0 0
}

.fntBold,
.more-about-blogs .pl-subHeading span,
.paraTitle,
.sub-heading,
.ultimaBnr p {
    font-family: Lato-Bold
}

.ultimaBnr p {
    font-size: 18px
}

.paraTitle {
    font-size: 2rem;
    color: #323232;
    display: block;
    text-align: left;
    margin: 20px 0 10px
}

.blogConc,
.investMutualBox h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px
}

.bannerTitle del {
    text-decoration: revert
}

.accountsDeposit .benefitsBox ul li em.pocketIcon1 {
    background-position: -28px -1606px;
    width: 56px;
    height: 60px
}

.accountsDeposit .benefitsBox ul li em.pocketIcon2 {
    background-position: -141px -1609px;
    width: 52px;
    height: 62px
}

.accountsDeposit .benefitsBox ul li em.pocketIcon3 {
    background-position: -340px -1607px;
    width: 60px;
    height: 61px
}

.phase03USPIcons .benefitsBox ul li em.kwikQr {
    background-position: -499px -729px;
    width: 48px;
    height: 57px
}

.phase03USPIcons .benefitsBox ul li em.kwikRewards {
    background-position: -318px -730px;
    width: 50px;
    height: 56px
}

.phase03USPIcons .benefitsBox ul li em.kwikVirtual {
    background-position: -410px -732px;
    width: 53px;
    height: 54px
}

.hindi .progressUsBox .basicList li {
    font-family: Lato-Regular
}

.ourPart h3 {
    font-size: 16px;
    text-align: center
}

.hl-budgets.custom-slider,
.ourPart {
    margin: 30px 0
}

.ourPart .cltLogos {
    max-width: 530px;
    margin: 0 auto
}

.ourPart .cltLogos img {
    width: 220px
}

.ca-custPop .popupNew-inner {
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 6px #000;
    border-radius: 3px;
    background: #fff;
    width: 500px
}

.ca-custPop .openPop-close {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.25s;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 1000px;
    background: rgb(150 20 77 / .8);
    font-family: Arial, Sans-Serif;
    font-size: 20px;
    text-align: center;
    line-height: 100%;
    color: #fff
}

.ca-custPop .openPop-close:hover {
    text-decoration: none;
    color: #fff
}

.ca-custPop .popupNew-inner p {
    margin: 10px 0
}

.ca-custPop .popupNew-inner p a {
    background: #97144d;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0 0 10px
}

.ca-custPop .popupNew-inner p:nth-child(2) a {
    margin-left: 23px
}

.plMainbnr .bannerText.fastForBanner.bkText h2.bannerTitle {
    font-size: 20px !important
}

.slide-img a {
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    color: #282828
}

.slide-img span {
    text-align: center;
    display: block;
    font-size: 1.6rem
}

.custom-slider .slide-img a img {
    width: auto;
    margin: 0 auto 5px
}

.custom-slider .owl-nav .owl-prev:before {
    content: "";
    border: solid #97144d;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 8px;
    position: absolute;
    left: 0;
    top: 40%;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    z-index: 1
}

.custom-slider .owl-nav .owl-next:before {
    content: "";
    border: solid #97144d;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 40%;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 1
}

.columns_section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    gap: 0 3rem
}

.tncApl {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 20px;
    font-size: 12px
}

.hl-budgets {
    gap: 2rem;
    display: flex
}

.budget_link {
    border: 1px solid #bbb;
    padding: 5px
}

.budget_link a {
    color: #222;
    font-size: 1.6rem;
    display: flex;
    gap: 1rem;
    font-family: lato-bold;
    align-items: center;
    text-decoration: none;
    transition: 0.5s ease-in-out
}

.budget_link a:hover {
    transform: scale(1.05)
}

.budget_link a img {
    width: 43px !important
}

.mrg-btm {
    margin-block-end: 35px
}

.hl-budgets .owl-carousel {
    padding: 0 25px
}

.tableWrapper.blogTblData .tblData td,
.tableWrapper.blogTblData .tblData th {
    text-align: center
}

.sub-heading {
    font-size: 2rem;
    color: #212121;
    padding-bottom: 1rem;
    display: block
}

.more-about-blogs ul.latest-article-card {
    display: flex;
    justify-content: space-between;
    gap: 2rem
}

.more-about-blogs .latest-article-card li {
    width: 25%
}

.more-about-blogs .latest-article-card li .card {
    border: 0
}

.more-about-blogs .latest-article-card li .card-body .card-text {
    color: #323232;
    font-size: 14px
}

.more-about-blogs .blog_text .card-text {
    font-size: 1.6rem;
    font-family: Lato-Bold
}

.more-about-blogs .latest-article-card .blog_text {
    padding: 10px 0 0;
    font-size: 1.5rem;
    color: #222
}

.more-about-blogs .pl-subHeading {
    font-family: Lato-Regular;
    font-size: 2.2rem
}

.more-about-blogs .mrgBtm {
    margin: 0 0 20px
}

@media (max-width:1199px) {
    .ytbFrame.disTab {
        display: block;
        background: #e8e8e8
    }

    .ytbFrame.disTab iframe {
        padding: 15px;
        display: block;
        width: 360px;
        margin: 0 auto
    }

    .bannerText .ytbFrame {
        display: none
    }

    .regional .homeLoanCal picture img,
    .regional .homeLoanCal.emiCal {
        display: block !important;
        min-height: auto !important
    }

    .regional .homeLoanCal.emiCal .bannerText {
        position: absolute !important;
        transform: translateY(-15%) !important
    }

    .topMenuNewWrapper .menuBody {
        padding-top: 8rem;
        background: 0 0
    }

    .topMenuNewWrapper .menuBody a {
        margin: 10px 0 !important
    }

    .homeLoanCal .noneOverlay picture img {
        display: block;
        min-height: 300px
    }

    .homeLoanCal .bannerWrapper.noneOverlay .bannerText {
        height: auto;
        position: absolute;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important
    }

    .bannerWrapper.noneOverlay {
        margin-bottom: 20px
    }

    .topMenuNewWrapper ul.savings {
        display: block;
        height: auto
    }

    .exploreProd .expProd {
        padding-bottom: 0
    }

    .noText .bannerSec a {
        width: 100%
    }

    .topMenuNewWrapper .MegaFestiveBox {
        background: 0 0
    }

    .disclHead {
        right: 10px;
        top: 100px;
        font-size: 13px
    }

    .columns_section .progressBlog .imgBlock img {
        width: 100%;
        margin-inline: auto
    }

    .plMainbnr .bannerText {
        transform: inherit !important;
        top: 0 !important;
        background: 0 0 !important
    }

    .plMainbnr picture img {
        display: block;
        min-height: 300px !important
    }

    .plMainbnr .bannerTitle {
        font-size: 2rem !important;
        line-height: 28px !important;
        color: #222 !important;
        letter-spacing: inherit !important
    }

    .plMainbnr .bannerText p {
        color: #222 !important;
        max-width: 100% !important
    }

    .dreamBig {
        display: block;
        font-size: 28px
    }

    .plMainbnr .btnBlock {
        margin: 0
    }
}

@media (min-width:992px) {
    .colFlex {
        display: flex
    }

    .dcOffer.offersWrapper ul li {
        width: 30.66%
    }

    .articleDetail.cityMrg {
        margin-bottom: 40px
    }
}

@media (max-width:991px) {

    .abPagination a,
    .offerWrapper .accordianBox {
        margin: 0
    }

    .offerWrapper .btnBlock {
        position: inherit
    }

    .fillterSec .accordianRow .checkFeild {
        padding-left: 2rem;
        margin-top: 1rem;
        display: block
    }

    .grabDetailsBox .bannerText h3 {
        color: #fff;
        font-size: 22px
    }

    .bannerWrapper .bannerText.nps {
        padding: 2rem 0 !important
    }

    .prestigeAccountFeature .featuretab li {
        width: 100% !important
    }

    .grabBannerBox.MegafestiveBannner .bannerWrapper .bannerText {
        background: 0 0
    }

    .accessibility .bannerWrapper .bannerText {
        padding: 1rem 0 !important
    }

    .accessibility .offerWrapper.savingFilterBox .accordianRow {
        margin-top: 10px
    }

    .more-about-blogs ul.latest-article-card {
        flex-wrap: wrap
    }

    .more-about-blogs .latest-article-card li {
        width: 100%
    }

    .accessibility .bannerWrapper .bannerText.fastForBanner.spiceJet,
    .accessibility .bannerWrapper.plMainbnr .bannerText,
    .busiBnr.bannerWrapper .bannerText {
        background: 0 0 !important
    }

    .bannerWrapper .spiceJet.bannerText .bannerTitle {
        font-size: 1.8rem !important
    }

    .bannerWrapper .spiceJet.bannerText.fastForBanner .btnBlock {
        margin-top: 70px
    }

    .bannerWrapper .bannerText.ultimaBnr {
        background: 0, 0
    }

    .ultimaBnr h5 {
        font-size: 2rem
    }

    .faqsBox .panel-body img {
        width: 100%;
        display: block;
        margin: 0 auto
    }

    .dcOffer.offersWrapper ul li {
        width: 100%;
        margin-left: 0
    }

    .dcOffer.offersWrapper .owl-nav {
        display: block
    }

    .fastForBanner.airtelccBnr .bannerTitle {
        padding-bottom: 20px
    }

    .fastForBanner.airtelccBnr p:not(.bannerTitle) {
        padding: 0 0 5px !important
    }
}

@media (max-width:767px) {

    .bannerWrapper.txtWhite .bannerText.fastForBanner p,
    .bannerWrapper.whiteP .bannerText.fastForBanner p,
    .busiLedge.bannerWrapper .bannerText p,
    .mob-apply,
    .mob-apply a {
        color: #fff
    }

    .mob-apply {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding: 12px 0;
        background: #ae285d;
        z-index: 2
    }

    #AxisMobSlide,
    .ab_floatingBtn.secFloat,
    .dcOffer.offersWrapper ul li .offerInfo .offerShareBox .shareOn .icon-whatsapp:before,
    .langDropdown.hindiSup .navbar-nav li.fleft,
    .multiForex .tabBody:after {
        display: none
    }

    .multiForex .wrapThr {
        padding-top: 0
    }

    .offerImg a {
        left: 7px
    }

    .maroontheme .topMenu .langDropdown.hindiSup a.js-changeLanguage {
        min-width: 60px !important;
        padding: 1px 10px 2px !important
    }

    .maroontheme .topBand .iconSectHindi a.js-changeLanguage,
    .maroontheme .topBand .langDropdown a.js-changeLanguage,
    .maroontheme .topBand .navbar-right a.js-changeLanguage,
    .maroontheme .topMenu .iconSectHindi a.js-changeLanguage,
    .maroontheme .topMenu .langDropdown a.js-changeLanguage,
    .maroontheme .topMenu .navbar-right a.js-changeLanguage {
        min-width: 50px !important
    }

    .forBtn .btnBlock {
        transform: translate(-44%, -190%)
    }

    .bannerWrapper .bannerText.kochiBnr {
        background: 0 0
    }

    .fastForBanner.kochiBnr .kochiBtn1 {
        position: absolute;
        right: 10px;
        top: -30px
    }

    .fastForBanner.kochiBnr .kochiBtn {
        top: 0;
        position: absolute
    }

    .hl-budgets.custom-slider,
    .middleFooterCon .socialLinks {
        margin: 0
    }

    .middleFooterCon.midTitle .ftrHeading,
    .progressUsBox.pgssBoxInner .pressrelImg img,
    .progressUsBox.pgssBoxInner img {
        width: 100%
    }

    .progressUsBox.pgssBoxInner .read-moreText img {
        width: auto
    }

    .progressUsBox.pgssBoxInner .topSearchBox {
        top: 0 !important;
        position: relative !important
    }

    .MegaFestiveBox .back {
        left: 6px;
        font-size: 10px;
        top: 0
    }

    .middleFooterCon .connectBox,
    .npsBtn.mAdj {
        margin-top: 0
    }

    .middleFooterCon .billboard img {
        padding: 1rem 1.5rem
    }

    .middleFooterCon .countryLinks {
        padding: 0 1.5rem
    }

    .middleFooterCon .countryLinks a span {
        vertical-align: middle;
        margin-left: 5px
    }

    .middleFooterCon li.sds {
        border: none
    }

    .busiBnr.bannerWrapper p:not(.bannerTitle) {
        width: 60%;
        padding: .5rem 0 0
    }

    .progressUsBox .topSearchBox {
        position: relative !important;
        top: auto !important
    }

    .budget_link a {
        flex-wrap: wrap;
        text-align: center
    }

    .budget_link a img {
        margin-inline: auto
    }

    .ab_trending .rightPart .digitalBank {
        width: 96%
    }

    .ca-custPop .popupNew-inner {
        width: 90%;
        padding: 0 20px;
        margin-top: 20px
    }

    .ca-custPop .popupNew-inner p:nth-child(2) a {
        margin-left: 0
    }

    .ca-custPop .tableWrapper .tblData th,
    .ca-custPop .tableWrapper table th {
        padding: .2 rem !important
    }

    .bannerText .rupeeText {
        display: inline-block !important
    }

    .bannerWrapper .bannerText.ab_Homeloan .btnBlock a.linkBtn {
        display: block;
        width: 140px;
        padding: .5rem 0 !important;
        border-radius: 4px;
        float: none
    }

    .accessibility .bannerWrapper.noneOverlay .bannerText.fastForBanner {
        background: 0 0 !important
    }

    .bannerWrapper.txtWhite .bannerText.fastForBanner p.desc1 {
        width: 60%
    }

    .bannerText.fastForBanner .bannerTitle.hidden-xs {
        display: block !important
    }

    .horizonAplBtn {
        padding: 2px 5px;
        font-size: 11px;
        left: 16px;
        bottom: 2px;
        border-radius: 2px
    }

    .disp strong {
        display: initial !important
    }

    .plMainbnr .bannerText p {
        max-width: 50% !important
    }

    .bannerWrapper .bannerText.fastForBanner.nps {
        padding: 0 15px !important
    }

    .bannerText.fastForBanner.nps h2.bannerTitle {
        font-size: 1.7rem !important;
        margin: 0 !important
    }

    .bannerWrapper .bannerText.fastForBanner.bkText .subInt a {
        background: #bdbdbd;
        border-radius: 2px;
        padding: 0 4px
    }

    .popupCont {
        width: 90%;
        top: 35%
    }

    .dcOffer.offersWrapper ul li .offerInfo .offerShareBox .shareOn {
        display: inline-block
    }

    .dcOffer.offersWrapper ul li .offerInfo .offerShareBox .shareOn .icon-whatsapp {
        display: inline-block;
        font-size: 2.9rem;
        position: relative;
        left: 1.3rem;
        top: 5px;
        background-position: -379px -65px
    }

    .dcOffer.offersWrapper ul li .offerInfo .offerShareBox .offerValidity {
        border-right: 1px solid #d2d2d2;
        width: 49%
    }
}

@media (max-width:480px) {
    .regional .mainIntroductionText.hindiTxt {
        margin-top: 0
    }

    .loansListWrapper .owl-stage-outer .owl-item {
        padding: 0 1rem
    }

    .offerJustUwrap h2 br {
        display: block
    }
}

.arc-wrapper {
    border: 1px solid #fff;
    padding: 1.6rem;
    box-shadow: 0 10px 19px rgb(134 134 134 / .1);
    border-radius: 8px;
    transition: 0.3s ease-in;
    margin-bottom: 1.6rem
}

.arc-wrapper:hover {
    border: 1px solid #861f41
}

.arc-title {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #2c3642;
    margin: 0
}

.arc-desc,
.read-more-btn {
    font-size: 1.4rem;
    line-height: 1.6rem
}

.arc-desc {
    font-weight: 400;
    color: #7e7e7e;
    margin: .8rem 0 1.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.arc-date-block {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.arcDate-time {
    display: flex;
    align-items: center
}

.arcDate-time .dt-text {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #a9a9a9
}

.arcDate-time .line {
    margin: 0 1.2rem
}

.arcDate-time .min-read {
    display: flex;
    align-items: center;
    margin: 0;
    border: none
}

.arcDate-time .min-read img {
    margin-right: .6rem
}

.read-more-btn {
    font-weight: 700;
    color: #861f41;
    text-decoration: none
}

@media only screen and (max-width:575px) {
    .arcDate-time .line {
        margin: 0 .8rem
    }

    .arcDate-time .min-read img {
        margin-right: .3rem
    }
}

@media only screen and (max-width:414px) {
    .arc-desc {
        -webkit-line-clamp: 2
    }
}

.accessibility .ourOfficeBlock .media-centre-heading,
.newss .media-centre-heading {
    font-size: 2.6rem;
    color: #212121;
    padding: 3rem 0 2rem;
    font-family: Lato-Light
}

.media-centre h1 {
    padding: 0;
    margin: 0;
    font-size: 1.8rem
}

.media-centre h4 {
    padding-bottom: 1rem;
    font-size: 1.8rem
}

.productForUBox .productsList ul.allProducts li em.fixedDepositnew {
    background-position: -22px -4356px;
    width: 76px;
    height: 60px
}

.productForUBox .productsList ul.allProducts li:hover em.fixedDepositnew {
    background-position: -147px -4355px
}

.leftpanelcontainer .leftpanel .custom-fastag-li {
    padding: 1rem 1.5rem;
    border-radius: 8px;
    background: #ffecec;
    margin-bottom: 1rem
}

.leftpanelcontainer .leftpanel .custom-fastag-li .fastag-heading {
    color: #9b1e26;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 1rem
}

.productForUBox .productsList ul.allProducts li em.newIcons {
    background: url(/images/default-source/revamp_new/related-product-icons.png) no-repeat
}

.productForUBox .productsList ul.allProducts li em.newIcons.icon1 {
    background-position: -56px -68px;
    width: 71px;
    height: 70px
}

.productForUBox .productsList ul.allProducts li:hover em.newIcons.icon1 {
    background-position: -56px -180px
}

.productForUBox .productsList ul.allProducts li em.newIcons.icon2 {
    background-position: -165px -70px;
    width: 71px;
    height: 64px
}

.productForUBox .productsList ul.allProducts li:hover em.newIcons.icon2 {
    background-position: -165px -183px
}

.productForUBox .productsList ul.allProducts li em.newIcons.icon3 {
    background-position: -273px -67px;
    width: 62px;
    height: 72px
}

.productForUBox .productsList ul.allProducts li:hover em.newIcons.icon3 {
    background-position: -273px -179px
}

.productForUBox .productsList ul.allProducts li em.newIcons.icon4 {
    background-position: -371px -67px;
    width: 71px;
    height: 72px
}

.productForUBox .productsList ul.allProducts li:hover em.newIcons.icon4 {
    background-position: -371px -178px
}

.productForUBox .productsList ul.allProducts li em.newIcons.icon5 {
    background-position: -483px -67px;
    width: 59px;
    height: 72px
}

.productForUBox .productsList ul.allProducts li:hover em.newIcons.icon5 {
    background-position: -483px -179px
}

.noticeboardWrap .noticeboard {
    box-shadow: none !important
}

.horizonBnr a:focus {
    border: 1px solid #97144d
}

.cta-wrapper {
    position: fixed;
    bottom: 0;
    background: #f6f6f6;
    width: 100%;
    padding: 10px;
    z-index: 9;
    box-shadow: 0 0 8px rgb(0 0 0 / .3)
}

.cta-content {
    display: flex;
    gap: 2rem;
    font-size: 1.5rem;
    align-items: center
}

.cta-content a {
    background: #97144d;
    color: #fff;
    padding: 5px 15px;
    border-radius: 4px;
    text-decoration: none
}

@media (max-width:767px) {
    .cta-content {
        flex-wrap: wrap;
        gap: 0rem !important;
        margin: 0 5px
    }
}

.offer-list {
    cursor: pointer
}

.offer-thumb {
    position: relative
}

.fullWid {
    width: 100%
}

.inplate {
    height: 72%;
    overflow-y: scroll;
    display: none;
    width: 650px;
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 1;
    padding: 20px;
    box-sizing: border-box
}

.tabblocks {
    display: none;
    position: relative
}

.tabblocks p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px
}

.tab-active {
    display: block
}

.distabpart {
    padding-left: 0;
    margin-left: 0;
    display: block;
    margin: auto;
    text-align: left
}

.innertab-box {
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / .5);
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100
}

.closebox.closeSign {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 15px;
    color: #666;
    cursor: pointer;
    font-family: "Lato-heavy";
    z-index: 999
}

@media only screen and (max-width:767px) {
    .inplate {
        width: 90%;
        height: 90%;
        overflow-y: scroll
    }
}

@media only screen and (max-width:575px) {
    .inplate p {
        overflow: auto
    }
}

.bannerText.nps .nav.navbar-nav .dropdown-menu {
    z-index: 9
}

.bannerText.nps .dropdown-menu li a {
    cursor: pointer
}

.dealPopHeading {
    font-size: 2.2rem;
    color: #212121;
    font-weight: 700;
    border-bottom: 5px solid #97144d;
    padding-bottom: 1rem
}

.btnLinks {
    margin: 10px 0
}

.btnLinks a {
    font-size: 1.6rem;
    color: #97144d;
    margin-right: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 12px;
    vertical-align: middle
}

.inplate p {
    line-height: 24px !important;
    margin-bottom: 5px
}