select{-webkit-appearance: none;}
.form-section-ba ::placeholder {color: #4A5566; } 
.form-section-ba :-ms-input-placeholder {color: #4A5566;} 
.form-section-ba ::-ms-input-placeholder {color: #4A5566;}

/* body{margin: 0; padding: 0; font-family: 'helvetica-neue';} */
.clear{clear: both; height: 1px;}
.text-center{text-align: center;}
.header-dummy{background: #00B2F1;}
.nav span{border-radius: 3px; border: 1px solid #fff; opacity: 0.7; display: inline-block;}
.nav span.active{opacity: 1;}
.fixed-menu{border-radius: 3px; background: #fff; box-shadow: 0 3px 15px rgba(0,0,0,0.07);}
.fixed-menu span{cursor: pointer;}
.fixed-menu span p{color: #4A5566;}
.arrow-button{text-decoration: none; background: url('../img/business-banking/arrow.png') no-repeat right center;}
.img-text-section .img img{width: 100%;}
.sm-head{color: #686868;}
h2.head{color: #222C53; font-weight: normal; font-weight: 300;; margin: 0; padding: 0;}
h3.head{color: #213368; font-weight: normal; font-weight: 300;; margin: 0; padding: 0;}
h2.head span{display: block; color: #00B2F1;}
.page-content h1{color: #222C53; margin: 0; padding: 0; font-weight: normal; font-weight: 300;; text-transform:capitalize;}
.page-content h1 strong{display: block; color: #00B2F1; font-weight: normal;}
.page-content p{color: #686868;}
a{text-decoration: none;}
.blue-sm-button{background: #00B2F1; display: inline-block; border: 1px solid #00B2F1; color: #fff;}
.arrow-button{text-decoration: none; background-image: url('../img/business-banking/arrow-white.png'); background-position: 87% center; background-repeat: no-repeat; background-size: 4%;}
.banking{display: none;}
.banking.active{display: block;}
.current-account-section-benifits{text-align: center;}
.current-account-section-benifits .block, .nodal-account-section .block, .payment-collection-section .half .block, .payment-collection-section .full, .api-banking .block, .employee-banking .points .block{background: #fff; box-shadow: 5px 5px 20px rgba(0,0,0,0.03);}
.current-account-section-benifits .block h4, .nodal-account-section .block h4, .payment-collection-section .block h3, .employee-banking .points .block h4{color: #213368; font-weight: normal;}
.current-account-section-benifits .block p, .nodal-account-section .block p, .payment-collection-section .block p, .api-banking .block p, .employee-banking .points .block p{color: #4A5566;}
.img-text-section p{color: #4A5566;}
.img-text-section h5, .img-text-section ul li{color: #213368; font-weight: normal;}
.interested-text{text-decoration: none; color: #00B2F1; background: url('../img/business-banking/arrow.png') no-repeat right 60%; font-weight: 500;}
.payment-collection-section, .nodal-account-section{background: #F6F9FC; text-align: center;}
.fixed-deposit-section{background: #F6F9FC;}
.fixed-deposit-section .img-text-section{margin: 0;}
.left-head{text-align: left; color: #00B2F1; font-weight: normal; font-weight: 300;;}
.space{width: 100%; height: 0; clear: both;}
.soon-launch{display: inline-block; border: 1px solid #f4c900; color: #f4c900; border-radius: 5px; font-size: 12px; line-height: 16px; margin: 20px 0 0; padding: 3px 7px !important; letter-spacing: 0.5px;}
.img-text-section .soon-launch{margin-bottom: 10px;}

.page-content h5{color: #536e92; text-transform: uppercase; font-weight: 500;}
.select span, .select ul li, .input-text input[type="text"], .input-text input[type="email"], .input-text textarea{width: 100%; border: 1px solid #e6ebf3; border-radius: 2px; color: #182233; font-weight: 700; outline: none; resize: none; box-sizing: border-box; display: block; font-weight: 400; color: #4A5566;}
.input-text label{color: #4A5566;}
form input[type="submit"]{color: #fff; font-weight: 500; text-align: center; background-color: #00b9f5; display: inline-block;}
.select{position: relative;}
.select span{position: relative;}
.select span::after{content: ''; position: absolute; top: 50%; right: 3%; transform: translate(0, -50%); background: url('../img/business-banking/down-arrow.svg'); background-size: 100%;}
.select ul{position: absolute; width: 100%; background: #fff; left: 0; margin: 0; padding: 0; border-left: 1px solid #e6ebf3; border-right: 1px solid #e6ebf3; border-bottom: 1px solid #e6ebf3; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; z-index: 3; box-shadow: 0 2px 8px rgba(0,0,0,0.13); display: none;}
.select ul li{margin: 0 !important; list-style: none;}
.select ul li:hover{background-color: #e6ebf3; color: #182223; cursor: pointer;}
.select.error-field span{border-color: #f00 !important;}
.form-type, .hidden-field{height: 1px; width: 0; border: none; margin: 0; padding: 0; visibility: hidden;}
.form{display: none;}
.form.active{display: block !important;}
.cover-body{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: none;}
#query-type span.disabled{background: #eee;}
#query-type span.disabled::after{display: none !important;}
.perror {color: #f00; font-size: 12px; line-height: 14px; display: none;}
.captcha-area {font-size: 16px; line-height: 24px; color: #00BBF0; position: absolute; right: 10px; top: 17px;}
.captcha-area #refresh-cap {background: url('../img/business-banking/ic-refresh.svg') no-repeat center center; background-size: 60%; border: none; height: 25px; width: 25px; cursor: pointer; float: left; outline: none;}
.captcha-area span {float: left; margin-right: 15px; line-height: 25px;}
#input-feedback{display: none;}
.form-type, .hidden-field{height: 1px; width: 0; border: none; margin: 0; padding: 0 !important; visibility: hidden;}
.sm-text{margin: 20px; font-size: 11px; line-height: 16px; text-align: right; color: #999;}
.md-text{margin: 20px; font-size: 13px; line-height: 16px; text-align: right; color: #999;}
@media (min-width: 1200px){
    body{overflow-x: hidden;}
    .container{padding: 0 11%; box-sizing: border-box;}
    .sm-head{font-size: calc(1.1vw - 0px); line-height: calc(1.5vw - 0px);}
    .interested-text{font-size: calc(1.1vw - 0px); line-height: calc(1.5vw - 0px);}
    .header-dummy{padding: 0 0 10%; position: relative; z-index: 9;}
    .header-dummy.contactus{padding: 2% 0; position: relative; z-index: 999; background: none;}
    .header-dummy .flower-icn{width: 12%; position: absolute; right: 0; top: 0;}
    .header-dummy .flower-icn img{width: 100%;}
    
    .logo{width: 18%;}
    .logo img{width: 100%;}
    .nav{width: 34%;}
    .nav span{color: #fff; font-size: calc(1.1vw - 0px); line-height: calc(1.35vw - 0px); padding: 3% 6%; margin-left: 2%; cursor: pointer;}
    .container-menu{padding: 0 5%; margin-top: -3%; position: relative; z-index: 99; width: 100%; box-sizing: border-box; transition: top 0.5s;}
    .container-menu.fixed{position: fixed; top: 82px; left: 0; margin-top: 0 !important; z-index: 9; padding: 0;}
    .container-menu.fixed.moveup{top: 0 !important; z-index: 99999999;}
    .fixed-menu{padding: 1.5% 7%; display: flex; justify-content: space-between;}
    .fixed-menu span{display: inline-block; width: 7%; text-align: center;}
    .fixed-menu span img{width: 60%;}
    .fixed-menu span p{font-size: calc(0.85vw - 0px); line-height: calc(1vw - 0px); margin: 12% 0 0;}
    .container-menu.fixed .fixed-menu{padding: 1% 5%;}
    .container-menu.fixed .fixed-menu span{width: 10%;}
    .container-menu.fixed .fixed-menu span img{width: 30%;}
    .container-menu.fixed .fixed-menu span br{display: none;}
    .container-menu.fixed .fixed-menu span p{margin-top: 7%;}
    .moveTop{margin-top: -11%;}
    .img-text-section{display: flex; justify-content: space-between; margin: 10% 0 0;}
    .img-text-section > div{display: flex; align-items: center;}
    .img-text-section .img{width: 55%; z-index: 2;}
    .img-text-section .text{width: 36%;}
    .img-text-section.sm .img{width: 45%;}
    .img-text-section.sm .text{width: 45%; position: relative; text-align: left;}
    .img-text-section.bg{position: relative;}
    .img-text-section.bg::after{content: ''; width: 500%; height: 100%; position: absolute; top: 0; background: #F6F9FC;}
    .img-text-section.bg::after{content: ''; width: 500%; height: 100%; position: absolute; top: 0; background: #F6F9FC;}
    .img-text-section.bg.right::after{left: 75%;}
    .img-text-section.bg.left::after{right: 75%;}
    h2.head{font-size: calc(2.5vw - 0px); line-height: calc(3.125vw - 0px); margin: 0.5% 0 7%;}
    h3.head{font-size: calc(2vw - 0px); line-height: calc(2.5vw - 0px); margin: 0.5% 0 4%;}
    .left-head{font-size: calc(1.95vw - 0px); line-height: calc(2.3vw - 0px); margin: 6% 0 3%;}
    .img-text-section p{font-size: calc(1.1vw - 0px); line-height: calc(1.5vw - 0px); margin: 0;}
    .img-text-section h5{font-size: calc(1.25vw - 0px); line-height: calc(1.5vw - 0px); margin: 0 0 5%;}
    .img-text-section .points{display: flex; flex-wrap: wrap;}
    .img-text-section .points .block{width: calc(50% - 10%); margin: 0 10% 10% 0;}
    .img-text-section .points .block img{width: 30%; margin-bottom: 5%;}
    .img-text-section .points .block p{font-size: calc(1vw - 0px); line-height: calc(1.5vw - 0px); color: #213368;}
    .img-text-section ul{margin: 8% 0 7%; padding: 0;}
    .img-text-section ul li{list-style: none; margin-bottom: 5%; background: url('../img/business-banking/bullet-tick.svg') no-repeat left center; background-size: 4%; padding-left: 10%; font-size: calc(1.25vw - 0px); line-height: calc(1.5vw - 0px);}
    .img-text-section ul li .interested-text{margin-top: 4%;}
    .blue-sm-button{font-size: calc(1.1vw - 0px); line-height: calc(1.3vw - 0px); padding: 3% 12% 3% 7%;}
    .current-account-section{margin-bottom: 10%;}
    .current-account-section-benifits {margin-top: 3%;}
    .current-account-section-benifits .block{width: calc(25% - 1.5%); padding: 3.5% 2% 3.5% 3.5%; box-sizing: border-box; display: inline-block; margin: 0 0.75%; text-align: left;}
    .current-account-section-benifits .block img, .nodal-account-section .block img, .employee-banking .points .block img{width: 30%; margin-bottom: 10%;}
    .current-account-section-benifits .block h4, .api-banking .block h4, .nodal-account-section .block h4, .employee-banking .points .block h4{margin: 0 0 8%; font-size: calc(1.2vw - 0px); line-height: calc(1.5vw - 0px);}
    .current-account-section-benifits .block p, .api-banking .block p, .nodal-account-section .block p, .employee-banking .points .block p{margin: 0; padding: 0; font-size: calc(1vw - 0px); line-height: calc(1.4vw - 0px);}
    .interested-text{font-size: calc(1.1vw - 0px); line-height: calc(1.5vw - 0px); padding-right: 12px; background-size: 5%;}
    .nobg{background: none !important;}
    .payment-collection-section{padding: 8% 0;}
    .payment-collection-section .container{padding: 0 21%;}
    .payment-collection-section h3{margin-bottom: 5%; font-size: calc(1.6vw - 0px); line-height: calc(2.3vw - 0px);}
    .payment-collection-section p{margin: 0; font-size: calc(1vw - 0px); line-height: calc(1.4vw - 0px);}
    .payment-collection-section .half{display: flex; justify-content: space-between; text-align: left;}
    .payment-collection-section .half .block{margin: 0 1.5%; padding: 5%; width: 47%; box-sizing: border-box;}
    .payment-collection-section .half .block img{width: 30%;}
    .payment-collection-section .full{margin: 3% 1.5%; display: flex; justify-content: space-between;}
    .payment-collection-section .full .block{padding: 4% 5%; text-align: left; width: 100%;}
    .payment-collection-section .full .block img{width: 20%;}
    /* .payment-collection-section .full .img{width: 90%;} */
    .payment-collection-section .full .img img{width: 100%; display: block;}
    .nodal-account-section{text-align: center; padding: 9% 0; margin: 0;}
    .nodal-account-section h2{margin-bottom: 5%;}
    
    .nodal-account-section .block{padding: 3%; margin: 0 0.5%; text-align: left; box-sizing: border-box; width: 23.5%;}
    .api-banking{text-align: center; margin-bottom: 10%;}
    .api-banking h2{margin-bottom: 5%;}
    
    .api-banking .block, .employee-banking .points .block{padding: 3%; margin: 0 0.5%; text-align: left; box-sizing: border-box; width: 23.5%;}
    .api-banking .block img{width: 32%; margin-bottom: 10%;}
    /* .api-banking .block p{margin: 0; padding: 0; font-size: calc(1.18vw - 0px); line-height: calc(1.5vw - 0px);} */
    .api-banking .nobg, .employee-banking .section .nobg{margin-top: 5%; text-align: center;}
    #recurring-collections{margin-bottom: 10%;}
    .footer-lines{margin-top: 5%;}
    .footer-lines .skyblue{background: #00B2F1; width: 100%; height: 10px;}
    .footer-lines .blue{background: #0C2756; width: 100%; height: 10px;}
    .equal-space{display: flex; justify-content: space-between;}
    .fixed-deposit-section{padding: 6% 0; margin: 6% 0;}
    #bulk-payments .img{margin-left: -5%; width: 50%;}

    .marbot12per{margin-bottom: 12%;}
    .check-section ul{text-align: center; margin: 0; padding: 0;}
    .check-section ul li{list-style: none; width: calc(25% - 3% - 4px); margin: 0 1.5% 3%; padding: 1.5% 0.5% 2% 5%; box-sizing: border-box; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.03); position: relative; font-weight: 300;; color: #213368; display: inline-block; text-align: left;}
    .check-section ul li::before{content: ''; position: absolute; left: 0; top: 0; width: 17%; height: 100%; background: #00B2F1; z-index: 1;}
    .check-section ul li::after{content: ''; position: absolute; left: 0; top: 0; width: 17%; height: 100%; background: url('../img/employee-banking/tick-bullet.svg') no-repeat center center; background-size: 50%; z-index: 2;}

    .page-content{padding: 8% 0 5%;}
    .page-content h1{font-size: calc(2.5vw - 0px); line-height: calc(2.8vw - 0px);}
    .page-content .form-section-ba{display: flex; justify-content: space-between;}
    .page-content .form-section-ba .text {width: 50%;}
    .page-content .form-section-ba .img{padding-top: 15%; width: 40%;}
    .page-content .form-section-ba .img img{max-width: 100%;}
    .page-content p{font-size: calc(1.1vw - 0px); line-height: calc(1.8vw - 0px); margin: 3% 0 8%;}
    .page-content h5{font-size: calc(1vw - 0px); line-height: calc(1.8vw - 0px); margin: 0 0 2%;}
    .select.half, .input-text.half{width: calc(50% - 3px - 10px); display: inline-block; margin-left: 5px; margin-right: 5px;}
    .select.full, .input-text.full{width: calc(100% - 3px - 10px); margin-left: 5px; margin-right: 5px;}
    .select, .input-text{ margin-top: 3%;}
    .select span, .select ul li, .input-text input[type="text"], .input-text input[type="email"], .input-text textarea{font-size: calc(1.04vw - 0px); line-height: calc(1.35vw - 0px); padding: 3.5% 3%;}
    .multi-select ul li{padding: 0 !important; position: relative;}
    .multi-select ul li input[type="checkbox"]{position: absolute; top: 46%; left: 3%; transform: translate(0, -50%);}
    .multi-select ul li label{padding: 3.5% 3% 3.5% 9%; display: block;}
    .half span, .half ul li, .half input[type="text"], .half input[type="email"], .half textarea{padding: 7% 6%;}
    .input-text label{font-size: calc(1.04vw - 0px); line-height: calc(1.35vw - 0px);}
    .input-text textarea{height: 100px;}
    form input[type="submit"]{font-size: calc(1.04vw - 0px); line-height: calc(1.35vw - 0px); padding: 3.5% 15%; margin-top: 3%; border: none; border-radius: 2px;}
    .select span::after{width: calc(0.9vw - 0px); height: calc(0.9vw - 0px);}
}

@media (max-width: 767px){
    .container{width: 90%; margin: 0 auto;}
    .space{height: 1px !important;}
    
    .container-menu{padding-top: 63px;}
    .fixed-menu span{display: flex; flex-wrap: wrap; padding: 10px; border-bottom: 1px solid #eee;}
    .fixed-menu span img{width: 30px; padding: 5px; margin-right: 10px;}
    .fixed-menu span p{font-size: 15px; line-height: 22px; margin: 0; width: calc(100% - 50px);}
    .img-text-section{margin-top: 70px;}
    .img-text-section .text{text-align: center;}
    .img-text-section .img{width: 100%; z-index: 9; margin-bottom: 20px;}
    .sm-head{font-size: 14px; text-align: center;}
    .img-text-section.bg{position: relative;}
    .img-text-section.bg::after{display: none !important;}
    .img-text-section.bg::after{display: none !important;}
    .img-text-section.bg.right::after{left: 75%;}
    .img-text-section.bg.left::after{right: 75%;}
    h2.head{font-size: 26px; line-height: 32px; margin: 5px 0 10px; text-align: center;}
    h2.head br{display: none !important;}
    h3.head{font-size: 21px; line-height: 28px; margin: 5px 0 10px; text-align: center;}
    .left-head{font-size: calc(1.95vw - 0px); line-height: calc(2.3vw - 0px); margin: 6% 0 3%;}
    .img-text-section p{font-size: 15px; line-height: 22px; margin: 0;}
    .img-text-section h5{font-size: 15px; line-height: 22px; margin: 0 0 5%;}
    .img-text-section .points{display: flex; flex-wrap: wrap; margin-top: 30px;}
    .img-text-section .points .block{width: calc(50% - 20px); margin: 0 10px 20px 0;}
    .img-text-section .points .block img{width: 40px; margin: 0 auto 10px;}
    .img-text-section .points .block p{font-size: 15px; line-height: 22px; color: #213368;}
    .img-text-section ul{margin: 20px 0 10px; padding: 0;}
    .img-text-section ul li{list-style: none; margin-bottom: 10px; background: url('../img/business-banking/bullet-tick.svg') no-repeat left center; background-size: 5px; padding-left: 12px; font-size: 15px; line-height: 22px; text-align: left;}
    .img-text-section ul li .interested-text{margin-top: 20px;}
    .blue-sm-button{font-size: 16px; line-height: 24px; padding: 10px 50px 10px 30px;}
    .only-heading{margin-top: 80px;}
    .current-account-section-benifits {margin-top: 20px;}
    .current-account-section-benifits .block{text-align: center; padding: 20px; margin-bottom: 10px;}
    .current-account-section-benifits .block img, .nodal-account-section .block img, .employee-banking .points .block img{width: 50px; margin: 0 auto 20px;}
    .current-account-section-benifits .block h4, .nodal-account-section .block h4, .employee-banking .points .block h4{margin: 0 0 10px; font-size: 18px; line-height: 24px;}
    .current-account-section-benifits .block p, .nodal-account-section .block p, .employee-banking .points .block p{margin: 0; padding: 0; font-size: 15px; line-height: 22px;}
    .interested-text{font-size: 15px; line-height: 22px; padding-right: 12px; background-size: 5px; margin-top: 20px; display: inline-block;}
    .nobg{background: none !important;}
    .payment-collection-section{padding: 30px 0; margin-top: 40px;}
    .payment-collection-section h3{margin-bottom: 5%; font-size: 21px; line-height: 28px;}
    .payment-collection-section p{margin: 0; font-size: 15px; line-height: 22px; text-align: left;}
    .payment-collection-section .half .block{margin: 20px 0 0; padding: 20px; box-sizing: border-box;}
    .payment-collection-section .half .block img{width: 50px;}
    .payment-collection-section .full{margin: 20px 0 0;}
    .payment-collection-section .full .block{padding: 20px; box-sizing: border-box; text-align: center; width: 100%;}
    .payment-collection-section .full .block img{width: 20%;}
    /* .payment-collection-section .full .img{width: 90%;} */
    .payment-collection-section .full .img img{width: 100%; display: block;}
    .nodal-account-section{text-align: center; padding: 9% 0; margin: 10% 0 0;}
    .nodal-account-section .points{display: block !important;}
    .nodal-account-section h2{margin-bottom: 5%;}
    .nodal-account-section br{display: none !important;}
    .nodal-account-section .block{padding: 20px; margin: 0 0 20px; text-align: center; box-sizing: border-box;}
    .api-banking{text-align: center; /*padding: 6% 0;*/ margin-top: 10%;}
    .api-banking h2{margin-bottom: 5%;}
    #enterprise-bill-payment{margin-top: 20px;}
    
    .api-banking .block, .employee-banking .points .block{padding: 15px; margin: 0 5px; text-align: center; box-sizing: border-box; width: calc(50% - 10px); margin-bottom: 10px;}
    .api-banking .block img{width: 50px; margin-bottom: 10px;}
    .api-banking .block p{margin: 0; padding: 0; font-size: 15px; line-height: 22pz;}
    .api-banking .nobg, .employee-banking .section .nobg{margin-top: 5%; text-align: center;}
    .footer-lines{margin-top: 5%;}
    .footer-lines .skyblue{background: #00B2F1; width: 100%; height: 10px;}
    .footer-lines .blue{background: #0C2756; width: 100%; height: 10px;}
    .equal-space{display: flex; flex-wrap: wrap;}
    .fixed-deposit-section{padding: 6% 0; margin: 6% 0;}

    .marbot12per{margin-bottom: 12%;}
    .check-section ul{text-align: center; margin: 0; padding: 0;}
    .check-section ul li{list-style: none; width: calc(25% - 3% - 4px); margin: 0 1.5% 3%; padding: 1.5% 0.5% 2% 5%; box-sizing: border-box; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.03); position: relative; font-weight: 300;; color: #213368; display: inline-block; text-align: left;}
    .check-section ul li::before{content: ''; position: absolute; left: 0; top: 0; width: 17%; height: 100%; background: #00B2F1; z-index: 1;}
    .check-section ul li::after{content: ''; position: absolute; left: 0; top: 0; width: 17%; height: 100%; background: url('../img/employee-banking/tick-bullet.svg') no-repeat center center; background-size: 50%; z-index: 2;}


}
@media (min-width: 768px) and (max-width: 1199px){
    .container{width: 760px; margin: 0 auto;}

}

@media (max-width: 1199px){
    .main-banner .text h1, .page-content h1{font-size: 30px; line-height: 36px;}
    .main-banner .text p, .page-content p{font-size: 15px; line-height: 22px; margin: 15px 0 20px;}
    .page-content{padding: 100px 0 50px;}
    .page-content .account-form-section .img{display: none;}
    .page-content h5{font-size: 15px; line-height: 22px; margin: 0px 0 20px;}
    .select, .input-text{ margin-top: 20px;}
    .select span, .select ul li, .input-text input[type="text"], .input-text input[type="email"], .input-text textarea{font-size: 15px; line-height: 22px; padding: 15px;}
    .multi-select ul li{padding: 0 !important; position: relative;}
    .multi-select ul li input[type="checkbox"]{position: absolute; top: 46%; left: 3%; transform: translate(0, -50%);}
    .multi-select ul li label{padding: 3.5% 3% 3.5% 9%; display: block;}
    .input-text label{font-size: 15px; line-height: 22px;}
    .input-text textarea{height: 100px;}
    form input[type="submit"]{font-size: 15px; line-height: 22px; padding: 15px; margin-top: 20px; width: 100%; border: none; border-radius: 2px;}
    .select span::after{width: 14px; height: 14px;}
    .sm-text{text-align: center; font-size: 10px;}
    .only-button-section{width: 100%;}
    .only-button-section .container{text-align: center; margin-top: 8%;}
    .form-section-ba .img{display: none;}
}