body{font-family: Helvetica Neue,Helvetica,Arial,sans-serif;}
		.surge-redeem-btn-color{background-color:#000; padding:12px 60px; margin-top:15px; color:#fff; display: inline-block; border-radius: 30px !important;
  border: none;}
  .signout-btn {color: #c8062b; margin-top: 15px; font-weight: bold;}
  .surge-redeem-btn-disabled-color{background-color:#b4b2b6; padding:12px 60px; margin-top:15px; color:#fff; display: inline-block; border-radius: 30px !important;
  border: none;}
		.surgebg {background:#5b3583; padding:80px 30px;}
.surgelogo {max-width:220px; margin-bottom:50px;}
.main-headr {font-size: 30px; font-weight:600; margin-bottom:0;}
.main-subheadr {font-size: 18px; font-weight:400;}
.sub-subheadr {font-size: 18px; font-weight:400; color:#fff;}
.mainsurge-plans {padding:60px 0;}
.surge-plans {width:100%; float:left; min-height: 345px; position:relative; padding:30px; margin-bottom:30px; border-radius:8px; border:1px solid #e1e1e1; box-shadow:1px 1px 10px 5px #e8e8e8;}
.surge-badge {position:absolute; right:15px; top:15px;}
.surge-badge img {max-width:100%;}
.surge-plans ul {padding:0 0 0 15px; min-height: 145px;}
.surge-plans h2 {font-size:24px; font-weight:bold; margin:0 0 10px 0;}
.surge-plans li {font-size:14px; font-weight:400; margin:0 0 10px 0; display:block;}
.surge-plans-btn {background:#000; padding:12px 60px; margin-top:5px; color:#fff; display: inline-block; border-radius: 30px !important;
  border: none;}
.surge-plans-btn:hover {background:#402062; color:#fff;}
.remarks-txt {font-size:11px; margin-top:10px; display: inline-block;}
.surge-plans .f1 fieldset {margin-top:15px;}
.surgeant-icon {max-width:190px; margin-bottom:15px;}
.success-txt {font-size: 18px; color:#0d8c03; font-weight:600;}
.fail-txt {font-size: 18px; color:red; font-weight:600;}
.surge-success {border: 1px solid #e1e1e1; border-radius:10px; box-shadow: 1px 1px 10px 5px #e8e8e8; padding:50px 30px; margin:50px 0 100px 0;}
.investment-box {padding:0; margin:30px 0 0 0;}
.investment-box li {display:inline-block; padding:15px 30px; border-radius:10px; font-size:16px; color:#fff; font-weight:600; margin:5px; width:25%;}
.investment-box li span {display:block;}
.investment-box li:nth-child(1){background:#3a9cd9;}
.investment-box li:nth-child(2){background:#c8062b;}
.investment-box li:nth-child(3){background:#9e39b7;}
.surge-list {width:100%; float:left; border: 1px solid #e1e1e1; border-radius:10px; box-shadow: 1px 1px 10px 5px #e8e8e8; padding:30px; margin:0 0 30px 0;}
.surge-list p {margin:0;}
.moreinvest {font-size:16px;}
.dash-hd {font-size:24px; font-weight:bold;}
.investmentno {font-size:18px; font-weight:bold;}
.investmentname {font-size:18px; font-weight:bold;}
.invest-details {margin:0; padding:0;}
.invest-details li {width:50%; float:left; list-style:none; font-size:16px; padding:5px 15px 5px 0;}
.invest-details li span {display:block;}
.registrationfee-txt {font-size: 18px; color:#000; font-weight:400; margin-bottom:15px;}

@media(max-width:767px){
.surgelogo {max-width:220px; margin-bottom:30px;}
.surgebg {padding:40px 20px;}
.surge-badge img {max-width:130px;}
.topfeature {max-width:60px; margin-top:10px;}
.surgebg .sub-subheadr {font-size:14px;}
.main-headr {font-size: 24px;}
.mainsurge-plans {margin:15px;}
.surge-plans {padding: 15px; min-height:auto;}
.surge-plans ul {min-height: auto;}
.mainsurge-plans {padding: 20px 0;}
.investment-box {margin-top:10px;}
.investment-box li {width:100%;}
} 
.borrower-hd {font-size:30px; text-align:center; margin-bottom:30px;} 
.borrower-hd span {font-weight:600;} 
.borrower-profile {margin:0 auto; padding:50px; text-align:center; width:100%; border:1px solid #d4d4d4; box-shadow:0px 2px 4px 1px #cecaca; border-radius:60px; margin-top:160px;}
.borrowerpic img {width:150px; height:150px; border-radius:150px; border:1px solid #d4d4d4; box-shadow:0px 2px 4px 1px #d4d4d4; margin-top:-120px;}
.borrower-criteria {margin:0 0 30px 0; padding:0;}
.borrower-criteria li{display:inline-block; padding-right:20px; color:#7e7e7e; font-size:14px; font-weight:600;}
.borrower-criteria li span {color:#000; font-size:18px; display:block;}
.borrower-criteria li:last-child{padding-right:0;}
.lending-box {margin:50px 0;}
.borrower-btn {text-align:center;}
.borrower-btn button {border-radius: 30px !important; border: none; padding:10px 50px;}
.other-amount {margin-top:30px; font-size:18px;}
.amount-entr {width:60%; display:inline-block; text-align:center; padding:25px 10px; border-radius:50px!important;}
.btn-submit-amount {margin-top:15px;}

.register-hd {font-size:28px; font-weight:600; color:#000;}

.f1 {padding: 25px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.f1 h3 { margin-top: 0; margin-bottom: 5px; text-transform: uppercase;}
.f1 .form-group {margin-bottom: 5px;}
.f1-steps { overflow: hidden; position: relative; margin: 20px 30px 0 30px; }
.f1-progress { position: absolute; top: 24px; left: 21%; width: 56%; height: 4px; background: #ddd;}
.f1-progress-line { position: absolute; top: 0; left: 0; height: 4px; background: #004566;}
.f1-step { position: relative; float: left; width: 50%; padding: 0; text-align: center;}
.f1-step-icon {display: inline-block;  text-align:center; width: 40px; height: 40px; margin-top: 4px; background: #ddd; font-size: 16px; color: #fff; line-height: 40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.f1-step.activated .f1-step-icon {background: #fff; border: 1px solid #004566; color: #fff; line-height: 48px; width: 48px; height: 48px; margin-top: 0; background: #004566;}
.f1-step.active .f1-step-icon {width: 48px; height: 48px; margin-top: 0; background: #004566; font-size: 22px; line-height: 48px;}
.f1-step p {color: #ccc;}
.f1-step.activated p {color:#004566;}
.f1-step.active p {color:#004566;}
.f1 fieldset {display: none; text-align:left;}
.f1-buttons {text-align: right;}
.f1 .input-error { border-color: red !important;}
.f1 fieldset [class^='col-'] {padding:0 5px;}
.f1 label {font-size:14px; color:#595959; font-weight:400;}
.f1 label span {color:#fe0000; font-size:15px;}
.pas-tips {font-size:11px; color: #222; line-height:12px; display: inline-block; margin-top:5px;}
#send_otp button {float:right; border: none; background: #014667; color:#fff; margin-top:-10px; border-radius:3px; font-size:11px; padding:5px 10px;}
.f1-buttons button {background:#000; width:96px; color:#fff; border-radius:20px;}
.f1-buttons {width:100%; float:left; padding:10px 0;}
.f1-buttons button:hover {color:#fff;}
.f1-buttons .btn-previous {float:left;}
.f1-step .f1-progress-line {display:none;}



.borrower-hd {font-size:30px; text-align:center; margin-bottom:30px;} 
.borrower-hd span {font-weight:600;} 
.borrower-profile {margin:0 auto; padding:50px; text-align:center; width:100%; border:1px solid #d4d4d4; box-shadow:0px 2px 4px 1px #cecaca; border-radius:60px; margin-top:160px;}
.borrowerpic img {width:150px; height:150px; border-radius:150px; border:1px solid #d4d4d4; box-shadow:0px 2px 4px 1px #d4d4d4; margin-top:-120px;}
.borrower-criteria {margin:0 0 30px 0; padding:0;}
.borrower-criteria li{display:inline-block; padding-right:20px; color:#7e7e7e; font-size:14px; font-weight:600;}
.borrower-criteria li span {color:#000; font-size:18px; display:block;}
.borrower-criteria li:last-child{padding-right:0;}
.lending-box {margin:50px 0;}
.borrower-btn {text-align:center;}
.borrower-btn button {border-radius: 30px !important; border: none; padding:10px 50px;}
.other-amount {margin-top:30px; font-size:18px;}
.amount-entr {width:60%; display:inline-block; text-align:center; padding:25px 10px; border-radius:50px!important;}
.btn-submit-amount {margin-top:15px;}

.register-hd {font-size:28px; font-weight:600; color:#000;}

.f1 {padding: 25px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.f1 h3 { margin-top: 0; margin-bottom: 5px; text-transform: uppercase;}
.f1 .form-group {margin-bottom: 5px;}
.f1-steps { overflow: hidden; position: relative; margin: 20px 30px 0 30px; }
.f1-progress { position: absolute; top: 24px; left: 21%; width: 56%; height: 4px; background: #ddd;}
.f1-progress-line { position: absolute; top: 0; left: 0; height: 4px; background: #004566;}
.f1-step { position: relative; float: left; width: 50%; padding: 0; text-align: center;}
.f1-step-icon {display: inline-block;  text-align:center; width: 40px; height: 40px; margin-top: 4px; background: #ddd; font-size: 16px; color: #fff; line-height: 40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.f1-step.activated .f1-step-icon {background: #fff; border: 1px solid #004566; color: #fff; line-height: 48px; width: 48px; height: 48px; margin-top: 0; background: #004566;}
.f1-step.active .f1-step-icon {width: 48px; height: 48px; margin-top: 0; background: #004566; font-size: 22px; line-height: 48px;}
.f1-step p {color: #ccc;}
.f1-step.activated p {color:#004566;}
.f1-step.active p {color:#004566;}
.f1 fieldset {display: none; text-align:left;}
.f1-buttons {text-align: right;}
.f1 .input-error { border-color: red !important;}
.f1 fieldset [class^='col-'] {padding:0 5px;}
.f1 label {font-size:14px; color:#595959; font-weight:400;}
.f1 label span {color:#fe0000; font-size:15px;}
.pas-tips {font-size:11px; color: #222; line-height:12px; display: inline-block; margin-top:5px;}
#send_otp button {float:right; border: none; background: #014667; color:#fff; margin-top:-10px; border-radius:3px; font-size:11px; padding:5px 10px;}
.f1-buttons button {background:#000; width:96px; color:#fff; border-radius:20px;}
.f1-buttons {width:100%; float:left; padding:10px 0;}
.f1-buttons button:hover {color:#fff;}
.f1-buttons .btn-previous {float:left;}
.f1-step .f1-progress-line {display:none;}

/*OTP Screen*/

.otpverify {font-size:24px; color:#000; font-weight:bold; text-transform:auto;}

.otpinfo {font-size:18px; color:#118a44; font-weight:bold; text-transform:auto;}

.otpmsg {font-size:18px; color:#000; font-weight:bold; text-transform:auto;}

.otp-input-fields {margin: auto; width: auto; display: flex; justify-content: center; gap: 10px; padding: 40px;}

.otp-input-fields>input {height: 42px; width: 42px; background-color: transparent; border: 1px solid #000; border-radius:4px!important; text-align: center; outline: none; font-size: 16px;}

.otp-input-fields>input::-webkit-outer-spin-button, .otp-input-fields input::-webkit-inner-spin-button {

-webkit-appearance: none; margin: 0;}

.otp-input-fields input[type=number] {-moz-appearance: textfield;}

/*OTP Screen*/


.header .header-navigation.navbar {background: white !important; margin-bottom:50px; border-bottom:1px solid #f2f2f2; box-shadow: 0px 2px 10px rgba(0,0,0,0.10),0px 0px 2px rgba(0,0,0,0.10);}

.footer-bottom {background: #0D0D0D; padding: 17.5px 0;}

.footer-bottom p {margin: 0; font-size:14px; color: #999; line-height: 35px;}




/******************starting of borrower css**********/
ul {margin:0; padding:0;}
.creditlinebg {background:#c5e6eb; padding:80px 30px;}
.creditlinelogo {max-width:200px; margin-bottom:10px;}
.creditline-headr {font-size: 30px; font-weight:bold; margin:15px 0 0 0;}
.creditline-subheadr {font-size: 21px; font-weight:400; margin-bottom:15px;}
.clsub-subheadr {font-size: 21px; font-weight:400;}
.creditline-feature {padding-top:60px; padding-bottom:60px;}
.creditline-hd {font-size:30px; font-weight:bold; margin:0 0 20px 0;}
.maincreditline {width:100%; float:left; position:relative; padding:30px; margin-bottom:30px; border-radius:8px; border:1px solid #e1e1e1; box-shadow:1px 1px 10px 5px #e8e8e8;}
.maincreditline ul {padding:0 0 0 15px;}
.maincreditline h2 {font-size:24px; font-weight:bold; margin:0 0 20px 0;}
.maincreditline li {font-size:18px; font-weight:400; margin:0 0 10px 0; display:block;}
.maincreditline-btn {background:#000; padding:15px 60px; margin-top:15px; color:#fff; display: inline-block; border-radius:30px;}
.maincreditline-btn:hover {background:#402062; color:#fff;}
.remarks-txt {font-size:11px; margin-top:10px; display: inline-block;}
.maincreditline .f1 fieldset {margin-top:15px;}
.creditline-icon {max-width:360px; width:100%; margin-bottom:30px;}
.creditline-sucs {max-width:160px; margin-bottom:30px;}
.creditline-waittxt {font-size: 24px; color:#0d8c03; font-weight:600;}
.creditline-p {font-size: 18px; color:#333; font-weight:600;}
.creditline-success {border: 1px solid #e1e1e1; border-radius:10px; box-shadow: 1px 1px 10px 5px #e8e8e8; padding:50px 30px; margin:50px 0;}
.creditline-btn {background:#000; padding:15px 60px; margin-top:15px; color:#fff; display: inline-block; border-radius:30px;}
.creditline-btn:hover {background:#402062; color:#fff;}
.creditloan-dtls {width:100%; float:left;}
.creditloan-dtls li {display:inline-block; width:50%; float:left; padding:15px 0; font-size:16px;}
.creditloan-dtls li span {display:block; font-weight:bold; font-size:20px;}
.e-signbox-loanbox {border: 1px solid #e1e1e1; border-radius:10px; box-shadow: 1px 1px 10px 5px #e8e8e8; padding:30px 30px; margin:50px 0;}
.e-signbox {border: 1px solid #e1e1e1; border-radius:10px; box-shadow: 1px 1px 10px 5px #e8e8e8; padding:50px 30px; margin:10px 0 10px 0;}
.e-signbox-txt {max-height:500px; overflow-y: scroll;}
.e-signbox-btn {background:#000; padding:15px 60px; margin-top:10px; margin-bottom:50px; color:#fff; display: inline-block; border-radius:30px;}
.e-signbox-btn:hover {background:#402062; color:#fff;}
.signbox-p {font-size: 18px; color:#333; font-weight:600; margin:0;}
.creditloan-box {background:#a0cfd7; border: 1px solid #e1e1e1; border-radius:10px; box-shadow: 1px 1px 10px 5px #e8e8e8; padding:50px 30px; margin:30px 0 0 0;}
.creditloan-box-hd {font-size: 24px; color:#333; font-weight:600; margin:0;}
.creditshare-btn {padding-top:20px; font-weight:bold;}
.bordr-btm {border-bottom:1px solid #bcdbdf; margin-bottom:15px;}
.credit-lender {font-size: 21px; color:#333; font-weight:600; margin:0;}
.credit-loanno {font-size: 21px; color:#333; font-weight:600; margin:0; padding:10px 0; margin-bottom:10px; border-bottom:1px solid #ccc;}
.credit-disbursement {font-size: 21px; color:#04a82d; font-weight:600; margin:5px 0;}
/*OTP Screen*/
.otpverify {font-size:24px; color:#000; font-weight:bold; text-transform:auto;}
.otpinfo {font-size:18px; color:#118a44; font-weight:bold; text-transform:auto;}
.otpmsg {font-size:18px; color:#000; font-weight:bold; text-transform:auto;}
.otp-input-fields {margin: auto; width: auto; display: flex; justify-content: center; gap: 10px; padding: 40px;}
.otp-input-fields>input {height: 42px; width: 42px; background-color: transparent; border: 1px solid #000; border-radius:4px!important; text-align: center; outline: none; font-size: 16px;}
.otp-input-fields>input::-webkit-outer-spin-button, .otp-input-fields input::-webkit-inner-spin-button {
-webkit-appearance: none; margin: 0;}
.otp-input-fields input[type=number] {-moz-appearance: textfield;}
/*OTP Screen*/
.formbg {padding:15px 40px; border:1px solid #cecece; border-radius:6px;}
#pagetitle {font-size:30px; color:#000!important; font-weight:bold; margin-bottom:25px; text-transform: capitalize;}
.btn-form {display:inline-block; border:2px solid #5b3583; text-align:center; background:#5b3583; margin-top:10px; color:#fff; padding:15px 40px; border-radius:6px;}
.btn-form:hover, .btn-form:focus {color:#5b3583; background:transparent; text-decoration:none;}

@media(max-width:767px){
.header .header-navigation.navbar .nav > li > a {color:#fff;}
.creditlinelogo {max-width:160px; margin-bottom:5px;}
.creditlinebg {padding:40px 20px;}
.surge-badge img {max-width:130px;}
.topfeature {max-width:60px; margin-top:10px;}
.creditline-hd, .creditline-headr {font-size: 24px;}
.creditline-subheadr {font-size:14px;}
.creditline-feature {padding-top:60px; padding-bottom:60px;}
.maincreditline li {font-size: 14px;}
.maincreditline-btn {width:100%; text-align:center;}
.maincreditline ul, .maincreditline {min-height:auto;}
.credit-disbursement {font-size: 14px;}
.creditloan-box-hd {font-size:18px;}
.creditloan-box {padding: 30px 20px;}
.creditloan-dtls li {font-size:14px; padding: 7px 0;}
.credit-lender, .credit-loanno {font-size:14px;}
.creditloan-dtls li span {font-size:14px; font-weight:bold;}
.surge-plans-btn {padding: 12px 30px;}
.invest-details li {width: 100%; }
.invest-details li span{font-weight: bold;}
}

/*************ending of borrower css*******/