.slider-section-item.section-form .slick-slider {
  width: 100%;
}

.how-it-title {
  font-size: 24px;
  line-height: 39px;
  text-align: center;
  color: #ff6c00;
  font-family: "ProximaNova-Bold";
  margin: 0;
  margin-bottom: 7px;
  font-weight: 800;
}

.shop-title {
  font-size: 49px;
  line-height: 55px;
  text-align: center;
  color: #414141;
  font-family: "ProximaNova-ExtraBold";
  margin: 0;
  font-weight: 800;
}

.onboarding-body-section p {
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #414141;
  font-family: "ProximaNova-Regular";
  margin: 0;
}

.price-text {
  font-size: 45px;
  line-height: 53px;
  text-align: center;
  color: #ff6c00;
  font-family: "ProximaNova-ExtraBold";
  padding-top: 52px;
  font-weight: 800;
}

.btn.btn-onboarding-next {
  background: #ff6c00;
  border-radius: 30px;
  width: 342px;
  height: 60px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  font-family: "ProximaNova-Regular";
}

.onboarding-footer-section {
  text-align: center;
  padding-top: 140px;
  padding-bottom: 78px;
}

.onboarding-body-section {
  text-align: center;
  padding-top: 52px;
}

.slider-section-item.section-form,
.section-form.register-canada-screen {
  max-width: 383px;
  justify-content: center;
  /* padding-bottom: 15%; */
}

.slider-section-item.section-form .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #ff6c00;
}

.slider-section-item.section-form .slick-dots li button::before {
  width: 13px;
  height: 13px;
  font-size: 13px;
  color: #ff6c00;
  opacity: 0.24;
}

.leftLogin-img-sec.big-deal-section-img .big--deal-img,
.leftLogin-img-sec .little--deal-img {
  display: block;
}

.leftLogin-img-sec.big-deal-section-img .little--deal-img,
.leftLogin-img-sec .big--deal-img {
  display: none;
}

.register--item .section-logo {
  width: 358px;
  height: auto;
  padding-bottom: 58px;
}

.register--body-section p {
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #414141;
  font-family: "ProximaNova-Regular";
  margin-bottom: 0;
}

.login-account-btn.btn {
  background: #ff6c00;
  border-radius: 30px;
  width: 342px;
  height: 60px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  font-family: "ProximaNova-Regular";
  padding: 15px;
}

.create-account-btn.btn {
  background: #ffffff;
  border: 1px solid #ff6c00;
  box-sizing: border-box;
  border-radius: 30px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #ff6c00;
  width: 342px;
  height: 60px;
  margin-top: 15px;
  font-family: "ProximaNova-Regular";
  padding: 15px;
}

.resend-sms-btn.btn {
  background: #ffffff;
  border: 1px solid #ff6c00;
  box-sizing: border-box;
  border-radius: 30px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #ff6c00;
  width: 200px;
  height: 60px;
  margin-top: 15px;
  font-family: "ProximaNova-Regular";
  padding: 15px;
}

.create-account-para {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #414141;
  padding-top: 57px;
  font-family: "ProximaNova-Regular";
}

.register--footer-section {
  text-align: center;
}

.register--body-section {
  padding-bottom: 225px;
  height: 100%;
}

.create-account-para .skip-link-text {
  color: #ff6c00;
  text-decoration: none;
}

.link-text-item,
.link-text-item:hover {
  color: #ff6c00;
  text-decoration: underline;
}

/* Terms and conditions */

.container.terms {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.terms-header {
  margin-bottom: 67px;
}

.title-terms-condition {
  font-family: "ProximaNova-Bold";
  font-size: 40px;
  line-height: 47px;
  text-align: center;
  color: #414141;
  width: 430px;
  margin-bottom: 0;
  font-weight: 800;
}

.terms-body {
  background: #f1f2ee;
  border-radius: 18px;
  width: calc(100% - 140px);
  min-height: 456px;
  margin: auto 70px;
  padding: 50px 100px;
}

.terms-body p {
  font-style: normal;
  font-family: "ProximaNova-Bold";
  font-size: 19px;
  line-height: 23px;
  color: #414141;
}

.terms-body li {
  font-style: normal;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
  font-size: 19px;
  line-height: 28px;
  color: #414141;
  margin-bottom: 1rem;
  letter-spacing: -0.3px;
}

.terms-body li::marker {
  font-size: 14px;
}

.container.terms .accept-privacy-policy {
  margin: 0 auto;
  margin-top: 67px;
  max-width: calc(100% - 140px);
  padding: 0 100px;
}

.btn.btn-primary.terms-confirm-btn {
  background: #ff6c00;
  border-radius: 30px;
  width: 342px;
  height: 60px;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  border: 0;
  margin-top: 67px;
  font-family: "ProximaNova-Regular";
}

.container.terms .accept-privacy-policy .form-check-label {
  font-size: 19px;
  line-height: 22px;
  color: #414141 !important;
  font-family: "ProximaNova-Regular";
  letter-spacing: -0.3px;
  margin-bottom: 25px;
  position: relative;
  -webkit-text-fill-color: #414141;
}

/* email validation */
.validation-header {
  font-size: 40px;
  line-height: 47px;
  text-align: center;
  color: #414141;
  font-family: "ProximaNova-ExtraBold";
}

.validation-body--item p {
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #414141;
  font-family: "ProximaNova-Regular";
  margin: 0;
}

.validation-card {
  background: #f1f2ee;
  border-radius: 7.2px;
  padding: 16px 18px;
  width: 410px;
  height: 72px;
  margin-bottom: 26px;
  align-items: center;
  display: flex;
}

.validation-card:last-child {
  margin: 0;
}

.validation-para {
  font-size: 16.8px;
  line-height: 20px;
  color: #414141;
  font-family: "ProximaNova-Regular";
  margin: 0;
}

.validation-header--item {
  padding-bottom: 75px;
  margin-bottom: 0;
}

.validation-body--item {
  padding-bottom: 68px;
}

.overlay-content {
  font-size: 59px;
  line-height: 69px;
  text-align: center;
  color: #485465;
  font-family: "ProximaNova-ExtraBold";
  width: 50%;
  margin: 0 auto;
}

.overlay-item-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.terms-condition-lists {
  padding-left: 16px;
}

.application-page-header-item {
  width: 100%;
  text-align: center;
}

.bso-status-page-header-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.bso-status-title {
  flex-grow: 1;
  text-align: center;
}

.application--title {
  font-size: 40px;
  line-height: 47px;
  text-align: center;
  color: #414141;
  font-family: "ProximaNova-ExtraBold";
  margin-bottom: 2rem;
}

.application--heading {
  font-size: 30px;
  line-height: 47px;
  text-align: center;
  color: #414141;
  font-family: "ProximaNova-ExtraBold";
  margin-bottom: 2rem;
}

.application--text {
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #414141;
  font-family: "ProximaNova-Regular";
  margin-bottom: 4rem;
}

/*30092021*/
.leftLogin-img-sec.big--deal-img .little--deal-img {
  display: none;
}

.leftLogin-img-sec.big--deal-img .big--deal-img {
  display: block;
}

.modal.fade.model-error.show {
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
}

.model-error .modal-dialog {
  max-width: 848px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 475px;
  margin: auto;
}

#additional-fields .logo .img-fluid {
  max-width: 100%;
  height: 50px;
}

#additional-fields .logo {
  margin-bottom: 30px;
}

#otpModelLabel {
  font-size: 37px;
  line-height: 45px;
  color: #323333;
  font-family: "ProximaNova-ExtraBold";
  letter-spacing: -0.15px;
}

.form-group.modal-error-message {
  width: 35%;
  margin: 0 auto;
}

.form-group.modal-error-message p {
  font-size: 17px;
  line-height: 20px;
  color: #4a4a4a;
  letter-spacing: -0.07px;
  font-family: "ProximaNova-Regular";
}

#additional-fields .modal-footer {
  margin-top: 25px;
  padding-bottom: 50px;
}

#additional-fields .modal-content {
  border-radius: 16px;
}

#additional-fields .modal-footer button {
  width: 188px;
  min-width: 188px;
}

#additional-fields .close {
  position: relative;
  top: 10px;
  right: 10px;
}

.dynamic-input .react-datepicker-popper {
  z-index: 100;
}

.funding-section {
  max-width: 400px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.funding-header-section {
  margin-bottom: 46px;
}

.funding-header-section .how-it-title {
  font-size: 22px;
  line-height: 27px;
}

.funding-section .shop-title {
  font-size: 34px;
  line-height: 38px;
  padding: 0 15px;
}

.funding-section p {
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #414141;
  font-family: "ProximaNova-Regular";
  margin: 0;
  margin-top: 41px;
}

.funding-footer-section {
  text-align: center;
  padding: 0;
  padding-top: 86px;
}

.increase-limit-btn.btn {
  background: #ff6c00;
  border-radius: 30px;
  max-width: 342px;
  width: 100%;
  height: 60px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  font-family: "ProximaNova-Regular";
  padding: 15px;
  border: 1px solid #ff6c00;
}

.home-link-btn.btn {
  background: #ffffff;
  border: 1px solid #ff6c00;
  box-sizing: border-box;
  border-radius: 30px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #ff6c00;
  width: 342px;
  height: 60px;
  margin-top: 15px;
  font-family: "ProximaNova-Regular";
  padding: 15px;
}

/* 09-10-2021 */
.btn-close.modal-close-btn,
.btn-close.modal-close-btn:hover,
.btn-close.modal-close-btn:focus,
.btn-close.modal-close-btn:active {
  background: transparent !important;
  border: 0;
  color: rgba(0, 0, 0);
  box-shadow: none;
  font-size: 20px;
  position: absolute;
  right: 20px;
  font-family: "ProximaNova-Regular";
  opacity: 1;
}

.funding-modal-popup.modal .modal-dialog {
  max-width: 972px;
  margin: 10px auto;
  margin-top: 75px;
}

.funding-modal-popup.modal .modal-content {
  background: #ffffff;
  border-radius: 16px;
  padding-bottom: 3rem;
}

.funding-modal-popup.modal .modal-header {
  border: 0;
  padding: 2rem;
}

.funding-modal-popup .funding-modal-section {
  padding: 0px 30px;
}

.power-title-text {
  font-size: 37px;
  line-height: 35px;
  text-align: center;
  color: #323333;
  font-weight: 900;
  font-family: "ProximaNova-Extrabold";
  margin-bottom: 2.5rem;
}

.funding-modal-section p {
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #414141;
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  margin-bottom: 2rem;
  margin: 0 auto;
}

.Current-price-text {
  font-size: 27px;
  line-height: 32px;
  text-align: center;
  color: #414141;
  font-weight: 900;
  font-family: "ProximaNova-Extrabold";
}

.current-limit-text {
  font-size: 19px;
  line-height: 30px;
  text-align: center;
  color: #ff6c00;
  font-weight: 600;
  font-family: "ProximaNova-Bold";
  margin-top: 2rem;
}

.request-limit-section {
  max-width: 335px;
  margin: 44px auto 0 auto;
}

.request-limit-section label {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
}

.form-control.amount-input {
  background: #f5f5f5;
  border-radius: 6px;
  height: 54px;
  border: 0;
  box-shadow: none;
  max-width: 325px;
  width: 100%;
  font-size: 14px;
  line-height: 19px;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
}

.request-limit-section .form-group p {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #414141;
  padding: 16px 0 0 0;
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  max-width: 100%;
}

.form-control.amount-input::placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
}

.modal-funding-footer.modal-footer {
  border: 0;
  justify-content: center;
  margin-bottom: 2rem;
}

.confirmation-btn.btn.btn-primary {
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -0.15px;
  color: #ffffff;
}

.congratulations--text {
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #ff6c00;
  margin-bottom: 1rem;
  font-weight: 600;
  font-family: "ProximaNova-Bold";
}

.btn-borer-line-btn.btn.btn-primary,
.btn-borer-line-btn.btn.btn-primary:active,
.btn-borer-line-btn.btn.btn-primary:focus {
  background: transparent !important;
  color: #ff6200;
  display: block;
  margin-top: 20px;
  max-width: 342px;
  width: 342px;
  height: 60px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  border-radius: 30px;
  text-decoration: none;
  font-family: "ProximaNova-Regular";
}

.bottom-footer-section a {
  text-decoration: none;
  color: #fff;
}

.modal-dialog .show-now-btn.btn.btn-primary {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #ffffff;
  width: 342px;
  height: 60px;
  border-radius: 30px;
  min-width: auto;
  font-family: "ProximaNova-Regular";
}

.funding-modal-popup.addcard-reactmodal .show-now-btn.btn.btn-primary {
  font-size: 18px;
  width: 188px;
  height: 38px;
}

.inner-funding-section {
  max-width: 75%;
  margin: 0 auto;
}

.inner-funding-paragraph {
  padding: 5px;
}

.my-account-item.personal-detail-section {
  max-width: 400px;
}

.personal-detail-header h3 {
  font-size: 28px;
  line-height: 38px;
  color: #414141;
  font-family: "ProximaNova-Bold";
  font-weight: 600;
}

.personal-detail-form .floating-label {
  color: #ff6c00 !important;
  font-size: 16px;
}

.delete-account-item {
  text-align: center;
  padding-top: 30px;
}

.btn.delete-account-btn {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #ff6c00;
  font-family: "ProximaNova-Regular";
}

.personal-detail-form .floating-label-group .form-control,
.personal-detail-form .floating-label-group .form-control:focus {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
}

.card.paymount-card-item {
  border: 0;
  margin-bottom: 3rem;
}

.payment-method-section .nav-link {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
  padding: 10px 0;
  border: 0;
}

.payment-method-section .nav-link.active {
  border-bottom: 2px solid #ff6200;
  color: #ff6200;
}

.payment-method-section .nav-tabs {
  border: 0;
}

.payment-method-section .bank-section {
  margin-left: 50px;
}

.payment-method-section {
  padding-top: 15px;
}

.card.paymount-card-item .card-body {
  padding: 0;
}

.card.paymount-card-item .card-img--erf {
  margin-left: 0;
}

.month-expiry .form-control,
.month-expiry .form-control:hover,
.month-expiry .form-control:focus {
  width: 15%;
  border: 0;
  padding: 0.375rem 0;
}

.primary-card-option {
  display: flex;
  flex-direction: row;
  flex: unset;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 80px;
}

.add-card-text {
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -0.285714px;
  color: #4a4a4a;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
  margin-bottom: 3rem;
}

.add-section {
  width: 100%;
}

.card.active-contract-card {
  border: 0.6px solid #f1f2ee;
  border-radius: 6px;
  margin-bottom: 2rem;
  padding: 15px 8px;
}

.card.active-contract-card .inner-card--item {
  border: 0;
}

.payment-title-text {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  letter-spacing: -0.325px;
  color: #9b9b9b;
  font-family: "ProximaNova-Regular";
}

.content-tab-item .nav-item .nav-link {
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  color: #d0d1cf;
  border-radius: 5px 0 0 5px;
  padding: 5px;
  background: #ffffff;
  border: 0.8px solid #f1f2ee;
  box-sizing: border-box;
  font-family: "ProximaNova-Regular";
}

.content-tab-item .nav-item .nav-link.active {
  color: #ffffff;
  background: #ff6c00;
  border: 0.8px solid #ff6c00;
}

.contract--item .content-tab-item .nav-item {
  margin: 0;
}

.content-tab-item {
  margin-left: auto;
}

.singal-payment-item {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 10px;
}

.upcomming-payment-list-item {
  list-style-type: none;
  background: #ffffff;
  box-shadow: 0px 4px 9px rgba(218, 218, 218, 0.5);
  border-radius: 6px;
  border-left: 19px solid #ff6c00;
  overflow: hidden;
  margin-bottom: 0.5rem;
  height: 70px;
  width: 100%;
}

.left-card--item .card .payment-btn-item {
  margin-left: auto;
}

.pay-day-text {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.166667px;
  color: #4a4a4a;
  margin: 0;
  font-family: "ProximaNova-Regular";
}

.pay-date-text {
  font-size: 25px;
  line-height: 29px;
  text-align: center;
  letter-spacing: -0.231481px;
  color: #4a4a4a;
  font-weight: 600;
  margin-bottom: 0;
  font-family: "ProximaNova-Bold";
}

.payment-date-day {
  padding: 0 5px;
  max-width: 50px;
  width: 100%;
  text-align: center;
}

.next-payment--text {
  font-size: 14px;
  line-height: 20px;
  color: #9b9b9b;
  margin: 0;
  font-family: "ProximaNova-Regular";
}

.payment-price-item {
  padding: 0 10px;
}

.pay-price-text {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
  margin-bottom: 0;
}

.tab-pane {
  margin-top: 35px;
}

.upcoming-card-section .tab-pane {
  margin-top: 15px;
}

.content-tab-item .nav-item.multiple-item .nav-link {
  border-radius: 0 5px 5px 0;
}

.payment-company-logo {
  max-width: 40px;
  width: 100%;
  text-align: center;
  max-height: 40px;
  height: 100%;
}

.payment-company-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

.paynow-btn:hover,
.paynow-btn:focus {
  background-color: #cf4f00;
  border-color: #cf4f00;
  color: #fff;
}

.paynow-btn.btn.disable-btn {
  opacity: 0.6;
}

.completed-payment-section {
  margin-top: 37px !important;
}

.completed-payment-section .upcomming-payment-list-item {
  border-left: 19px solid #4d5046;
}

.complete-payment--text {
  font-size: 16px;
  line-height: 19px;
  color: #9b9b9b;
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  text-align: center;
  padding-left: 10%;
  width: max-content;
  margin-bottom: 0;
}

.complete-payment--text--process {
  font-size: 16px;
  line-height: 19px;
  color: #9b9b9b;
  font-family: "ProximaNova-Regular";
  font-weight: normal;
  text-align: center;
  width: max-content;
  margin-bottom: 0;
}

.contract-list .left-card--item .card.upcoming-card-section {
  height: 100%;
  padding-top: 1rem;
}

.contract-list .card-listing .card-body {
  padding: 0;
}

.complete-price--text {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
  margin-bottom: 0;
}

.grid-item-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.contract--item .container {
  padding: 0 15px;
}

.paynow-btn {
  max-width: 89px;
  width: 89px;
  font-size: 11px;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
}

.pay-option-wrapper {
  display: flex;
  justify-content: end;
  align-items: center;
}

.pay-option-button {
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  color: #ff6200;
  height: 22px;
  border: 0;
  border-bottom: 2px solid #ff6200;
  background-color: #FFFFFF;
  padding: 0;
  margin: 0 5px;
}

.vertical-divider {
  max-width: 0;
  height: 80%;
  border-right: solid #9B9B9B 0.5px;
  margin: 0 5px;
}

.horizontal-divider {
  width: 90%;
  max-height: 0px;
  border-bottom: solid #999999 0.5px;
  margin: 0 auto 15px;
  opacity: 0.2;
}

.btn-wrapper-vertical {
  display: flex;
  flex-direction: column;
}

.pay-any-balance {
  display: flex;
  justify-content: center;
  color: #FF6C00;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;  
}

.pay-any-input {
  border: none;
  border-bottom: 3px solid #E7E7E7;
  font-weight: 700;
  font-size: 32px;
  line-height: 28px;
  color: #4D5046;
  max-width: 200px;
  text-align: center;
}

.input-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.input-currency {
  border-bottom: 3px solid #E7E7E7;
  font-weight: 700;
  font-size: 25px;
  line-height: 28px;
  color: #4D5046;
  padding: 6px 0;
  margin: auto 0;
}

.pay-any-input:focus {
  outline: none;
}

.pay-any-input::placeholder {
  color: #4D5046;
  opacity: 0.4;
}

.modal-portion-button-section {
  display: flex;
  justify-content: space-around;
  margin: 10px;
}

.modal-portion-button {
  color: #979797;
  background-color: #FFFFFF;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  box-shadow: 3px 5px 22px rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin: 5px;
}

.modal-portion-button:focus {
  color: #FFFFFF;
  background-color: #FF6C00;
}

.multi-cancel-btn {
  color: #4A4A4A;
  background-color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  border: 0;
  height: 40px;
}

.btn-secondary-large {
  color: #FF6C00;
  background-color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  border: 0;
  height: 40px;
  text-decoration: none;
  text-align: center;
}

.btn-secondary-large:hover {
  color: #cf4f00;
}

.modal-logo-wrapper {
  display: flex;
  justify-content: center;
  margin: 60px auto 22px;
}

.modal-logo {
  height: 70px
}

.modal-payment-title {
  margin: 25px auto;
  font-size: 25px;
  line-height: 25px;
  font-weight: 800;
  text-align: center;
}

.modal-arrears-message {
  color: #DB4437;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 20px;
}

.modal-payment-details {
  display: flex;
  flex-direction: column;
  margin: 22px;
  font-size: 16px;
  line-height: 20px;
}

.payment-method-section-title {
  max-width: 310px; 
  margin: 9px auto;
}

.modal-payment-method-button {
  color: #4A4A4A;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.modal-payment-method-button:hover {
  color: #323333;
}

.modal-payment-method-item {
  color: #4A4A4A;
  background-color: #FFFFFF;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  box-shadow: 3px 5px 22px rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.payment-method-item-details {
  min-height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.payment-method-item-icon {
  width: 30px;
  max-height: 30px;
  margin: 15px;
}

.other-payment-method-spacing {
  width: 30px;
  margin: 15px;
}

.payment-method-item-description {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.modal-payment-method-item p {
  margin: 0;
}

.payment-method-radio {
  margin: 10px;
}

 .payment-method-radio .form-check-input {
  position: relative;
  border: solid 2px #FF6100;
  opacity: 100;
}

 .payment-method-radio .form-check-input:checked {
  background-color: #FF6100;
}

.modal-btns-footer {
  height: 60px;
  border: 0;
  margin: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.modal-btn {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  width: 40%;
  border: 0;
}

.modal-btn:disabled {
  opacity: 0.4;
}

.btns-section {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  margin-top: 50px;
}

.btn.pay-cancel-btn {
  background: #ffffff;
  border: 1px solid #ff6c00;
  border-radius: 24px;
  width: 134px;
  height: 47px;
  font-size: 16px;
  color: #ff6c00;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
}

.btn.pay-confirm-btn {
  background: #ff6c00;
  border: 1px solid #ff6c00;
  border-radius: 24px;
  width: 134px;
  height: 47px;
  margin-left: 25px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
}

.wallet-container.custom-wallet-banner-ses {
  padding-top: 18px;
}

.user-image-area.contract-details-profile {
  width: 71px;
  height: 71px;
}

.detail-contract-grt.user--detailQwe {
  width: max-content;
}

.wallet---itemQr .container .user-info {
  align-items: center;
  height: 100%;
  width: auto;
}

.grid-view-item-section {
  display: grid;
  grid-template-columns: 35% 35% 30%;
  grid-gap: 20px;
}

.upcomming-payment-list-item .card.card-listing {
  height: 100%;
}

.tab-section-single-payment {
  padding-bottom: 50px;
}

.pay-balance-text {
  font-size: 12px;
  line-height: 14px;
  color: #4a4a4a;
  text-align: center;
  font-weight: 500;
  font-family: "ProximaNova-Semibold";
}

.content-text--item {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #9f9f9f;
  font-family: "ProximaNova-Regular";
}

.content-text--item span {
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #455154;
  font-weight: bold;
  padding-left: 10px;
  font-family: "ProximaNova-Bold";
}

.contact-detail-grid-section {
  display: flex;
  flex-direction: column;
  grid-gap: 34px 0;
  padding-top: 10px;
}

#contract {
  margin: 0;
  padding-bottom: 2rem;
}

.modal-payment-show .modal-dialog {
  max-width: 848px;
  top: 60px;
}

.modal-payment-show .modal-body {
  max-width: 280px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0;
}

.modal-payment-show .modal-content {
  border-radius: 16px;
  overflow: hidden;
}

.humm-logo-section {
  padding: 10px 0 30px 0;
}

.pay-now-text--item {
  font-size: 37px;
  line-height: 43px;
  text-align: center;
  letter-spacing: -0.156232px;
  color: #323333;
  font-family: "ProximaNova-Bold";
  font-weight: bold;
}

.pay-modal-popup p {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -0.0717825px;
  color: #4a4a4a;
  padding: 15px 0;
  font-family: "ProximaNova-Regular";
}

.confirmation-btn.btn.btn-Primary {
  background: #ff6200;
  border-radius: 24px;
  width: 188px;
  height: 38px;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -0.15px;
  color: #ffffff;
}

.explanation-btn.btn.btn-Primary {
  background: #ff6200;
  border-radius: 24px;
  width: 195px;
  height: 38px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -0.15px;
  color: #ffffff;
}

.modal-payment-show .modal-footer {
  justify-content: center;
  border: 0;
  padding-bottom: 2rem;
}

.form-group.rate--input--item .form-control {
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  max-width: 150px;
  border-radius: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 35px;
  line-height: 41px;
  text-align: center;
  letter-spacing: -0.147787px;
  color: #4a4a4a;
  font-family: "ProximaNova-Bold";
  font-weight: bold;
}

.form-group.rate--input--item .form-control::placeholder {
  font-size: 35px;
  line-height: 41px;
  text-align: center;
  letter-spacing: -0.147787px;
  color: #4a4a4a;
  font-family: "ProximaNova-Bold";
  font-weight: bold;
  box-shadow: none;
}

.drop-down-item .form-control {
  background: #f5f5f5;
  border-radius: 6px;
  width: 312px;
  height: 52px !important;
  font-size: 16px;
  line-height: 19px;
  color: #4a4a4a;
  box-shadow: none;
}

.listing-left-section,
.big-left-section {
  background: #ffffff;
  border: 0.72px solid rgba(205, 205, 205, 0.655564);
  border-radius: 25.2px;
  padding: 15px;
  height: 250px;
  max-height: 250px;
  flex: 1;
  text-align: center;
}

.thing-text h3 {
  font-size: 24.48px;
  line-height: 29px;
  color: #455154;
  font-weight: bold;
  font-family: "ProximaNova-Bold";
  margin-bottom: 0;
  margin-left: 10px;
}

.spending-text {
  font-size: 16px;
  line-height: 19px;
  color: #455154;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
}

.thing-price {
  font-size: 27px;
  line-height: 32px;
  color: #455154;
  font-weight: 900;
  font-family: "ProximaNova-Bold";
}

.limit-increse-btn.btn {
  background: #ff6c00;
  border: 1px solid #ff6c00;
  border-radius: 18px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
  width: 117px;
  height: 37px;
  font-family: "ProximaNova-Regular";
  margin-top: auto;
}

.thing-img-item span {
  background: #fff0e5;
  mix-blend-mode: normal;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.top-item--section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.things-section {
  height: 100%;
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.card-header-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.things-card-item {
  height: 100%;
}

.bigthing-img-item span {
  background: #f0f1f0;
  mix-blend-mode: normal;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.user-info.hummhome-user-section {
  justify-content: flex-start;
  padding-top: 32px !important;
}

.calculator-icon span {
  background: #f37021;
  width: 64px;
  height: 64px;
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: 100%;
}

.calculator-icon span img {
  width: 50px;
  height: auto;
}

.calculator-icon span img {
  width: 24px;
  height: 32px;
  margin: auto 0;
}

.floating-pageicon {
  position: fixed;
  bottom: 6%;
  right: 6%;
}

.partner-list-section {
  position: relative;
  height: 100%;
}

.qtwo-calculator {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/* funding radio section */
.custom-radio-btn label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #fff;
  border: 3px solid #cecece;
}

.custom-radio-btn label {
  position: relative;
}

.custom-radio-btn input:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.custom-radio-btn input:checked+label:before {
  background: #2bc48b;
  border: 3px solid #2bc48b;
}

.custom-radio-btn input {
  position: relative;
  opacity: 0.5;
  z-index: 3;
  width: 24px;
  height: 24px;
}

.custom-radio-btn input {
  position: relative;
  opacity: 0;
  z-index: 3;
  width: 24px;
  height: 24px;
  top: 8px;
  left: 23px;
}

.radio-label-text {
  font-size: 16px;
  line-height: 19px;
  color: #455154;
  font-weight: 400;
  margin: 0;
}

.funding-confirm.btn {
  background: #ff6c00;
  border-radius: 30px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  width: 321px;
  height: 60px;
  margin-top: 3rem !important;
}

.custom-radio-container-section {
  padding: 3rem 0 2rem 0;
}

.funding-title {
  font-size: 40px;
  line-height: 47px;
  text-align: center;
  color: #414141;
  font-weight: 600;
}

.custom-radio-container-section .radio-btn-item {
  height: 70px;
  padding: 15px;
  border-radius: 7px;
}

.radio-btn-item.active {
  box-shadow: 0px 4px 10px rgb(177 177 177 / 31%);
}

.funding-item--section {
  text-align: center;
}

.funding-item--section p {
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #414141;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
}

.mitek-icon {
  padding-right: 17px;
}

.mitek-section .custom-radio-container-section .radio-btn-item {
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(177, 177, 177, 0.312527);
  border-radius: 7px;
  margin-bottom: 1rem;
}

/* left menu section */
.left-menu-section {
  background: #ffffff;
  border-right: 0.5px solid #f1f2ee;
  box-sizing: border-box;
  padding: 20px;
}

.menu-section {
  padding: 15px 10px;
  display: block;
}

.menu-section a {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}

.menu-section span img {
  padding-right: 15px;
}

.grid-setting-menu-section {
  display: grid;
  grid-template-columns: 30% auto;
  grid-gap: 30px;
}

.tab-pane.fade.hide-tab-nav-bar {
  display: none;
}

.tab-pane.fade.active.show {
  display: block;
}

.qc-confirm-btn.btn {
  background: #ff6c00;
  border-radius: 30px;
  width: 100%;
  max-width: 342px;
  height: 60px;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  margin: 25px auto;
}

.qc-footer-section {
  text-align: center;
  padding-top: 3rem;
}

.Qc-form-body-section .form-control,
.Qc-form-body-section select.form-control {
  background: #f1f2ee;
  border-radius: 6px;
  height: 54px !important;
  max-width: 325px;
  width: 100%;
  border: 0;
  font-size: 16px;
  line-height: 19px;
  color: #4a4a4a;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
  box-shadow: none;
}

.Qc-form-body-section .form-control::placeholder,
.Qc-form-body-section .form-control select {
  font-size: 16px;
  line-height: 19px;
  color: #4a4a4a;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
}

.Qc-form-body-section label {
  font-size: 18px;
  line-height: 21px;
  color: #4a4a4a;
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  margin-bottom: 11px;
}

.Qc-form-body-section .form-group {
  margin-bottom: 2rem;
}

.Qc-form-body-section {
  max-width: 800px;
  width: 100%;
  margin: 30px 0;
}

.Qc-heading-text {
  font-size: 27px;
  line-height: 32.5px;
  letter-spacing: -0.114007px;
  color: #4d5046;
  font-family: "ProximaNova-Bold";
  margin-bottom: 18px;
}

.Qc-section p {
  font-size: 18px;
  line-height: 21px;
  color: #414141;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
  margin-bottom: 0;
}

.search-result-item {
  position: absolute;
  top: 90px;
  z-index: 3;
  left: 15px;
  right: 15px;
}

.search-body {
  background: #f1f2ee;
  border-radius: 6px;
  max-height: 240px;
  width: 100%;
  max-width: 325px;
  border-radius: 6px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #f1f2ee;
}

.search-list {
  display: block;
  font-size: 17px;
  line-height: 50px;
  text-align: left;
  color: #455154;
  border-bottom: 0.6px solid #97979761;
  padding: 5px 15px;
  cursor: default;
}

.price-div-section p,
.pay-label,
.price-div-section label {
  font-size: 18px;
  line-height: 21px;
  color: #9b9b9b;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
  text-align: left;
}

.price-div-section h3 {
  font-size: 29px;
  line-height: 34px;
  color: #4a4a4a;
  margin-bottom: 2rem;
  font-family: "ProximaNova-Bold";
  word-break: break-all;
}

.qc-price-schedule {
  align-items: flex-start;
  padding: 0;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

select.selectTerm {
  color: #4a4a4a;
  font-size: 29px;
  border: none;
  border-bottom: 0.6px solid rgba(155, 155, 155, 0.449066);
  font-weight: 700;
  width: 220px;
}

.store-price-item {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}

.pay-client-listitem {
  padding: 0;
}

.client-list-rate .list-grid-item {
  display: grid;
  grid-template-columns: 40px 1fr 1fr;
  grid-gap: 10px;
  align-items: center;
  height: 100%;
  padding: 8px 15px;
}

.client-logo--item span {
  width: 38px;
  height: 38px;
  display: block;
}

.client-logo--item span img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
}

.installment-name p {
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  color: #9b9b9b;
  font-family: "ProximaNova-Regular";
  margin-bottom: 0;
}

.installment-name h6 {
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  color: #4a4a4a;
  margin-bottom: 0;
  font-family: "ProximaNova-Regular";
}

.pay--price h4 {
  font-size: 18px;
  line-height: 21px;
  text-align: right;
  color: #4a4a4a;
  font-family: "ProximaNova-Bold";
  margin-bottom: 0;
}

.client-list-rate {
  background: #f1f2ee;
  border-radius: 6px;
  max-width: 322px;
  width: 100%;
  height: 60px;
  display: block;
  margin-bottom: 0.5rem;
}

.seemore-btn {
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #ff6c00;
  border: 0;
  background: transparent;
  margin-top: 2rem;
  box-shadow: none;
  font-family: "ProximaNova-Bold";
}

.limit-text-para {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #4a4a4a;
  max-width: 300px;
  margin: 0 auto;
  font-family: "ProximaNova-Bold";
}

.limit-section .increase-limit-btn.btn {
  margin-top: 3rem;
}

.limit-section {
  text-align: center;
  padding-top: 36px;
}

.pay-client-listitem {
  max-height: 340px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  max-width: 380px;
  scrollbar-width: thin;
  scrollbar-color: #f1f2ee;
}

.pay-client-listitem::-webkit-scrollbar-track,
.search-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
}

.pay-client-listitem::-webkit-scrollbar,
.search-body::-webkit-scrollbar {
  width: 6px;
  background-color: #f8f8f8;
}

.pay-client-listitem::-webkit-scrollbar-thumb,
.search-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e7e7e7;
}

.price-div-section .form-control {
  background: #f1f2ee;
  border-radius: 6px;
  height: 54px !important;
  max-width: 325px;
  width: 100%;
  border: 0;
  font-size: 16px;
  line-height: 19px;
  color: #4a4a4a;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
  box-shadow: none;
}

.payment-confirm-btn.btn {
  background: #ff6c00;
  border-radius: 30px;
  max-width: 342px;
  width: 100%;
  height: 60px;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  margin-top: 2rem;
}

#payment-form label {
  font-size: 18px;
  line-height: 21px;
  color: #4a4a4a;
  display: block;
  margin-bottom: 1rem;
}

#payment-form .form-control {
  background: #f1f2ee;
  border-radius: 6px;
  height: 54px;
  max-width: 325px;
  width: 100%;
  border: 0;
}

.add-card-debit {
  text-align: center;
  max-width: 345px;
  margin: 0 auto;
}

.add-card-debit .add-card-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 12px;
}

.add-card-debit .add-card-form .form-control {
  width: 321px;
  max-width: 321px;
  box-shadow: none;
}

.add-card-debit .add-card-form .form-control::placeholder {
  letter-spacing: normal;
  font-size: 18px;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
  opacity: 0.8;
}

.add-card-debit .form-group {
  position: relative;
  margin-bottom: 1rem;
}

.add-card-debit .DemoPickerWrapper .btn.btn-primary {
  max-width: 342px;
  height: 60px;
  border-radius: 30px;
  background-color: #ff6200;
  border: 0;
  color: #ffffff;
  font-family: "ProximaNova-Regular";
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.12px;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}

.add-card-debit .tittle-content {
  margin-bottom: 3rem;
}

#payment-form {
  max-width: 325px;
  margin: 30px auto 0 auto;
}

.qcModal-popup .btn-close {
  text-align: right;
  font-size: 1.5rem;
  background: transparent;
  border: 0;
  color: #686868;
  font-weight: 300;
  position: absolute;
  right: 15px;
}

.qcModal-popup .modal-dialog {
  max-width: 1200px;
}

.qcModal-popup .Qc-heading-text {
  text-align: center;
}

.qcModal-popup .Qc-form-body-section .form-group {
  max-width: 325px;
  margin: 0 auto;
}

.qcModal-popup .modal-header {
  border: 0;
  padding: 1rem;
  height: 80px;
}

.qcModal-popup .modal-dialog .modal-content {
  max-width: 100%;
  border-radius: 15px;
  min-height: 600px;
  height: 100%;
}

.qc-click-btn {
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
}

.qcModal-popup .modal-dialog .tab-pane {
  margin-top: 0;
}

.wrapper.welcome-page.loader-page.loader-flinks {
  position: absolute;
  left: 29px;
  right: 29px;
  width: auto;
  bottom: 7px;
}

.search-body.hide-option {
  display: none;
}

.search-body.show-option {
  display: block;
}

/* current address */
.custom-hide-display {
  display: none !important;
  /* position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  visibility: hidden !important; */
}

.hero-left.canada-home-box .user-info {
  justify-content: flex-start;
  padding-top: 48px !important;
  align-items: flex-start;
  padding-left: 34px;
}

.user-name-area h6 {
  font-size: 27px;
  margin: 0;
}

.hero-left.canada-home-box .next-payment span {
  color: #4d5046;
}

.featured-secQr {
  height: 100%;
}

.feature--section-item {
  height: 257px;
}

.card-img--erf {
  width: 400px;
  text-align: center;
  margin-left: 0px;
  margin-right: 0px;
}

.radio-with-remove-section {
  text-align: right;
  width: 100%;
}

.myaccount-section.payment-method-item .card {
  border: 0;
  border-bottom: 1px solid #f1f2ee;
  border-radius: 0;
  margin-bottom: 0.8rem;
}

label.custom-radio {
  border: 3px solid #c4cacc;
}

.setting-menu-grid-section {
  display: grid;
  grid-template-columns: 300px auto;
  grid-gap: 10px;
}

.card.paymount-card-item {
  border: 0 !important;
}

.user-options-dropdown {
  height: auto;
}

.addcard-reactmodal .btn-close.modal-close-btn {
  font-size: 40px;
  padding: 0;
  top: 10px;
}

.form-check.form-group.terms-checkbox-text .form-check-label {
  color: #414141;
  font-family: "ProximaNova-Regular";
}

.section-sub-title {
  margin: 0;
}

#singlePayment ul.payment-scroll-item,
.card.upcoming-card-section .completed-payment-section,
.card.upcoming-card-section .upcoming-payment-section {
  max-height: 310px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #f3f3f3;
  z-index: 100;
  position: relative;
}

#singlePayment ul.payment-scroll-item::-webkit-scrollbar,
.card.upcoming-card-section .completed-payment-section::-webkit-scrollbar,
.card.upcoming-card-section .upcoming-payment-section::-webkit-scrollbar {
  width: 12px;
  border-radius: 15px;
}

#singlePayment ul.payment-scroll-item::-webkit-scrollbar-track,
.card.upcoming-card-section .completed-payment-section::-webkit-scrollbar-track,
.card.upcoming-card-section .upcoming-payment-section::-webkit-scrollbar-track,
.payment-method-section .options.show ul::-webkit-scrollbar-track {
  background: #f1f2ee;
  border-radius: 15px;
}

#singlePayment ul.payment-scroll-item::-webkit-scrollbar-thumb,
.card.upcoming-card-section .completed-payment-section::-webkit-scrollbar-thumb,
.card.upcoming-card-section .upcoming-payment-section::-webkit-scrollbar-thumb,
.payment-method-section .options.show ul::-webkit-scrollbar-thumb {
  background-color: #dfdfdf;
  border-radius: 20px;
}

.grid-view-item-section .left-card--item {
  border-right: 1px solid #f1f2ee;
}

.grid-item-section .left-card--item {
  border-right: 0;
}

.common-modal-height .modal-content {
  min-height: 475px;
}

.contract-list.canada-contract-list .inner-card--item {
  border-bottom: 0;
  padding-bottom: 29px;
}

.contract-list.canada-contract-list .left-card--item .card.contract-card {
  background: #ffffff;
  border: 0.6px solid #f1f2ee;
  border-radius: 6px;
  padding: 13px;
  margin-bottom: 3rem;
}

.hero-left.canada-home-box .user-expense.wallet-active-item .next-payment span {
  color: #ff6200;
  font-size: 12px;
  font-family: "ProximaNova-Medium";
  top: 0;
}

#myTabContent .left-card--item {
  border: 0;
}

.contract-list.canada-contract-list .left-card--item .card-body {
  padding: 0;
}

.contract-list.canada-contract-list .left-card--item .card-footer a.text-right {
  color: #ff6c00;
}

.category-item h3 {
  margin-bottom: 45px;
}

.fav-icon-section.canada-fav-icon .fav-icon-btn {
  font-size: unset;
}

.menu-section.active .active-dot {
  display: inline-block;
}

.active-dot {
  background: #ff6c00;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  display: none;
  position: absolute;
  right: 10px;
  top: 23px;
}

.menu-section.active {
  position: relative;
}

.inner-logout-text-section p {
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #414141;
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  margin: 0 auto;
  margin-bottom: 2rem;
  /* max-width: 43%; */
}

.right-side-section-item .left-menu-section {
  border: 0;
  border-bottom: 0.6px solid #d2d2d2;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  margin-top: 3rem;
}

.psw-edit-btn.btn {
  text-align: right;
  font-size: 18px;
  line-height: 21px;
  color: #4a90e2;
  font-weight: 500;
  font-family: "ProximaNova-Medium";
  margin-left: auto;
}

.card-img--erf>div {
  max-width: 280px;
}

.hero-tiles {
  padding-bottom: 93px;
}

.btn.btn-primary.id-scan-btn {
  background: #ff6200;
  border-radius: 30px;
  border: 0;
  max-width: 342px;
  width: 100%;
  height: 50px;
}

.bottom-scan-item {
  position: fixed;
  width: 100%;
  bottom: 35px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0 15px;
}

.mit-inner-box label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 3px solid #cecece;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 100%;
}

.mit-inner-box input:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 9px;
  width: 6px;
  height: 13px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.mit-inner-box input:checked+label::before {
  border: 2px solid #2bc48b;
  content: "";
  -webkit-appearance: none;
  background-color: #2bc48b;
}

.mit-inner-box input[type="radio"] {
  padding: 10px;
  height: 24px;
  width: 24px;
  margin-bottom: 0;
  cursor: pointer;
  position: absolute;
  right: 5px;
  opacity: 0;
  top: 1px;
  z-index: 2;
}

.mit-inner-box label {
  position: relative;
}

.instruction-section-item .tab-pane {
  margin-top: 0;
}

.instruction-section-item {
  padding: 1.5rem 0;
}

.span-address {
  display: block;
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
  padding: 0 10px;
  border-bottom: 1px solid #d7d7d7;
  word-break: break-word;
  padding-bottom: 12px;
}

label.address-label {
  color: #ff6c00 !important;
  font-size: 10px;
  padding-left: 5px;
  font-weight: 500;
  font-family: "ProximaNova-Regular";
}

.my-account-item.personal-detail-section h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #4a4a4a;
}

.myaccount-form.personal-detail-form input.form-control {
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 12px;
  border-radius: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  font-family: "ProximaNova-Regular";
}

.myaccount-form.personal-detail-form input.form-control:placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  font-family: "ProximaNova-Regular";
}

.myaccount-form.personal-detail-form .edit-item {
  position: absolute;
  top: 43px;
  right: 0;
}

.wallet-container.wallet--banner-img .user-info {
  justify-content: center;
  align-items: center;
}

.form-check label {
  display: block;
  padding-right: 10px;
  padding-left: 22px;
  text-indent: -42px;
  margin-bottom: 1rem;
}

.bottom-skip-step p {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #414141;
  font-family: "ProximaNova-Regular";
}

.bottom-skip-step .skip-link-here {
  text-decoration: none;
  color: #ff6c00;
  cursor: pointer;
}

.bottom-skip-step {
  padding-top: 3rem;
}

.wallet--banner-img .hero-left.canada-home-box .user-info {
  padding: 0 !important;
  align-items: flex-start;
  padding-left: 25px !important;
}

.container.terms .form-check.form-group .form-check-input:checked~.form-check-label::after {
  left: -16px;
  top: 9px;
}

.container.terms .form-check.form-group .form-check-input {
  top: 0;
  left: -20px;
}

.on-scroll-hide .total-to-spend {
  margin-bottom: 25px;
}

.wallet---itemQr .wallet-container.wallet--banner-img .total-to-spend h2 {
  text-align: left;
}

.wallet-container.wallet--banner-img .total-to-spend {
  margin: 0;
  margin-right: 3rem;
}

.wallet-container.wallet--banner-img .next-payment span {
  font-size: 12px !important;
  position: relative;
  top: -5px;
}

.user-expense.wallet-active-item h6 {
  font-family: "ProximaNova-Medium";
  font-size: 17px;
}

.user-expense.wallet-active-item h6 {
  font-family: "ProximaNova-Regular";
  font-size: 17px;
  color: #4d5046;
  font-weight: 400;
  margin-bottom: 0;
}

.wallet---itemQr .wallet-container.wallet--banner-img h2 {
  font-size: 29px;
  font-family: "ProximaNova-Bold";
  color: #4d5046;
}

.myaccount-section.payment-method-item .card-body {
  padding-right: 0;
}

.card--Qeitem.bank-card-detail .radio-with-remove-section {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 350px;
  align-items: flex-end;
  margin-left: auto;
}

.card--Qeitem.bank-card-detail .card-detail-right {
  width: 100%;
}

.card--Qeitem.bank-card-detail .update-card-btn {
  max-width: 150px;
  width: 150px;
}

.modal-payment-show.funding-modal-popup.addcard-reactmodal .modal-body {
  max-width: 100%;
}

.inner-body-section .form-control {
  max-width: 280px;
  margin: 0 auto;
  background: #f4f6f6;
  border-radius: 6px;
  width: 100%;
  height: 50px;
  border: 0;
}

.inner-body-section .payment-confirm-btn.btn {
  width: 188px;
  height: 38px;
  font-family: "ProximaNova-Medium";
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -0.15px;
  color: #ffffff;
}

.wallet---itemQr .wallet-container.custom-wallet-banner-ses .user-expense h6 {
  font-size: 22px;
}

.funding-modal-popup.addcard-reactmodal .error-message.card-holder-error {
  max-width: 280px;
  margin: 0 auto;
  text-align: left;
  padding-top: 10px;
}

/*17112021*/
.store-payment-details {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px 50px;
  margin-top: 70px;
}

.payments-col .row {
  margin: 0 0 20px 0;
}

.payments-col {
  max-width: 375px;
  width: 100%;
}

.payments-col label {
  font-size: 18px;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
  text-align: left;
  color: #9b9b9b;
  line-height: 21.92px;
}

.payments-section-title {
  font-size: 18px;
  color: #4a4a4a;
  line-height: 21.92px;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
  text-align: left;
  width: auto;
}

.payments-section-value {
  flex: 1;
  text-align: right !important;
  font-size: 18px;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
  text-align: left;
  color: #4a4a4a;
  width: auto;
}

.payments-col .row.row-total {
  padding-top: 20px;
}

.payments-col .row.row-bold .payments-section-title,
.payments-col .row.row-bold .payments-section-value {
  color: #4a4a4a;
  font-family: "ProximaNova-Bold";
}

.store-payment-limit {
  margin-left: auto;
  text-align: right;
}

.store-payment-limit .limit-section {
  margin: 0;
  margin-top: 100px;
}

.wallet-container.wallet--banner-img .user-info h6 {
  font-size: 21px;
  margin: 0;
}

.user-expense.wallet-active-item {
  height: 100%;
  margin: 0;
  padding: 0;
  padding-right: 25px;
}

.wallet---itemQr {
  background-color: #f1f2ee;
  background-image: none;
}

.ng-untouched.ng-pristine.ng-valid {
  max-width: 400px;
  margin: 0 auto;
  width: 400px;
}

.appfrom-section .form-group span {
  color: #4a4a4a;
  font-size: 18px;
  line-height: 22px;
}

.appfrom-section .form-group .cardName {
  text-align: left;
  position: relative;
  left: 0px;
  height: auto;
  color: #ff0000;
  font-family: "ProximaNova-Regular";
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  padding-top: 3px;
}

.appfrom-section input.form-control::placeholder {
  color: #4a4a4a;
  font-size: 15.6px;
  line-height: 18px;
}

/* .appfrom-section .below-form-section {
  padding-top:50px
} */
.appfrom-section .below-form-section .tab-pane {
  margin-top: 0;
}

.appfrom-section button.btn.btn-primary {
  border-radius: 30px;
}

.hero-left-top.container.custom-container-sec {
  align-items: center;
}

.modal-funding-footer.modal-footer .bottom-footer-section button {
  font-size: 18px !important;
  padding: 11px;
}

.card--Qeitem.bank-card-detail .form-group {
  width: 100%;
}

.card--Qeitem.bank-card-detail .form-group label {
  font-size: 14px;
}

.custom-radio-container-section .radio-btn-item.selected {
  box-shadow: 0px 4px 10px rgba(177, 177, 177, 0.312527);
  border-radius: 7px;
}

.user-expense.home-item--section {
  justify-content: flex-start;
  padding-top: 48px !important;
  padding-right: 31px !important;
}

.appfrom-section.apllication-section-item {
  padding: 30px;
}

.inner-funding-section.text-areat-increse p {
  max-width: 100%;
}

.inner-funding-section.text-areat-increse p:last-child {
  margin-bottom: 1.5rem;
}

.purchase-case {
  text-align: center;
  font-size: 11px;
  line-height: 13px;
  align-items: center;
  color: #CFCFCF;
  font-family: "ProximaNova-Regular";
}

.card-header-item a {
  margin-top: auto;
}

.home--card-section {
  margin: auto 0;
}

.limit-increse-btn.btn.out-line--limits {
  background: #fff;
  color: #ff6c00;
}

.available-limit-text-content {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  font-family: "ProximaNova-Medium";
  color: #455154;
}

.available-limit-text-content span {
  color: #ff6c00;
  font-family: "ProximaNova-Bold";
  font-weight: bold;
}

.payment-error-msg {
  margin-top: auto;
  font-size: 12px;
  line-height: 14px;
  color: #E50E00;
  margin-bottom: 2.7rem;
  font-family: "ProximaNova-Bold";
  font-weight: bold;
}

.funding-modal-popup.clickable-modal-popup .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.qc-calc-old-style.qc-price-schedule {
  padding: 0;
  display: grid;
  margin-top: 30px;
  grid-template-columns: repeat(3, 1fr);
}

.qc-calc-old-style .store-price-item {
  float: none;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.qc-calc-old-style .price-div-section {
  float: none;
  width: 100%;
}

.qc-calc-old-style.qc-price-schedule .price-div-section .form-group h3 {
  font-size: 16px;
  line-height: 34px;
  color: #4a4a4a;
  margin-bottom: 2rem;
  font-family: "ProximaNova-Regular";
}

#nextPay .inner-logout-text-section .price-div-section {
  float: none;
  width: 100%;
}

#nextPay .form-control {
  margin: 0 auto;
}

.price-div-section.payment-method-section {
  max-width: 325px;
  margin: 0 auto;
  text-align: left;
}

.btn.btn-primary.payment-footer-btn,
.btn.btn-primary.payment-footer-btn:active,
.btn.btn-primary.payment-footer-btn:focus {
  background: transparent !important;
  border: 0 !important;
  color: #333 !important;
}

span.footer-divide-line {
  border: 1px solid #b7b7b7;
  height: 40px;
}

.sec--image.black_image {
  background: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.options {
  display: none;
}

.payment-method-section .options.show {
  display: block;
  max-width: 312px;
  margin: 0 auto;
  margin-top: 15px;
  position: absolute;
  width: 100%;
  z-index: 3;
  left: 0;
  right: 0;
}

.payment-method-section .options.show li {
  display: block;
  line-height: 35px;
  height: 45px;
  text-align: left;
  padding: 10px 15px;
  /* margin-bottom: 5px; */
  background: #f6f7f5;
  border-bottom: 1px solid #eeeeee;
}

.frequency-item {
  display: block;
  line-height: 35px;
  height: 45px;
  text-align: left;
  margin-top: 10px;
  padding: 15px 15px;
  margin-bottom: 5px;
  color: #212529 !important;
  background: #f6f7f5;
  font-size: 16px;
}

.payment-method-section .options.show ul {
  max-height: 90px;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #f3f3f3;
}

.select--btn-item {
  background: #F5F5F5;
  border-radius: 5.76px;
  max-width: 312px;
  height: 50px;
  border: 0;
  width: 100%;
  text-align: left;
  padding: 10px 15px;
}

.selected-item {
  position: relative;
  max-width: 312px;
  margin: 0 auto;
}

.selected-item>span {
  position: absolute;
  right: 10px;
  top: 12px;
}

.selected-item>span img {
  width: auto;
  height: 12px;
}

.selected-item h6 {
  background: #F5F5F5;
  border-radius: 5.76px;
  max-width: 312px;
  height: 50px;
  border: 0;
  width: 100%;
  text-align: left;
  padding: 10px 15px;
  align-items: center;
  justify-content: space-between;
  display: flex;
}

/* .sec--image.black_image-bg {
  position: relative;
  width: 80px;
  height:80px
}
.overlay--logo-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.3);
}
.over-lay-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.over-lay-logo img{
  width: 50px;
  height: auto;
}
.img-fluid.bg-logo-side {
  width: 100%;
  height: 100%;
} */
.dynamic-input .form-group span.app-error-message {
  color: #4a4a4a;
  font-size: 12px;
  line-height: 22px;
}

.skip_for_now_btn {
  background: #ff6c00;
  border-radius: 30px;
  width: 225px;
  height: 45px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  font-family: "ProximaNova-Regular";
  padding: 13px 15px 15px 15px;
  border: 0;
}

.funding-modal-section.text-areat-increse .inner-funding-section {
  padding-bottom: 2rem;
}

.sorry-increse-content>p {
  margin-bottom: 1rem;
}

.add-card-debit .add-card-form .form-control::placeholder {
  letter-spacing: normal;
  font-size: 18px;
  color: #4a4a4a;
  font-family: "ProximaNova-Regular";
}

.btn.btn-primary.add-confirm-btn-item {
  max-width: 188px;
  height: 40px;
  width: 100%;
  min-width: unset;
  margin-top: 3rem !important;
}

.contract-list.canada-contract-list .inner-card--item .sec--image .default-contracter-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f1f2ee;
  border-radius: 6px;
  max-width: 77px;
  max-height: 77px;
  padding: 10px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.contract-list.canada-contract-list .inner-card--item .sec--image .contracter-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  max-width: 77px;
  max-height: 77px;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail-contract-grt.user--detailQwe p {
  color: #4d5046;
  font-family: "ProximaNova-Medium";
  font-size: 14px;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  margin-bottom: 7px;
}

.detail-contract-grt.user--detailQwe h2 {
  margin-bottom: 6px !important;
}

.wallet-container.custom-wallet-banner-ses.active-wallet-screen-section {
  padding: 0;
}

.lr-item--hero.container.custom-container-sec {
  height: 137px;
}

.wallet-container.custom-wallet-banner-ses.active-wallet-screen-section .lr-item--hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.onboarding-body-section.slide-one-content p {
  margin-bottom: 25px;
}

.increase-limit-btn.btn.calculate-btn {
  background: #ff6c00;
  border-radius: 30px;
  max-width: 342px;
  width: 345px;
  height: 60px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  font-family: "ProximaNova-Regular";
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #ff6c00;
}

#nextPay .modal-footer {
  justify-content: center;
  border: 0;
  flex-wrap: nowrap;
}

h1.price-text-paynow {
  font-size: 35px;
  line-height: 41px;
  letter-spacing: -0.148px;
  font-family: "ProximaNova-Regular";
  color: #4a4a4a;
}

p.pay-now-content {
  max-width: 50%;
  margin: 0 auto;
}

h5.partner-name-text {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.06756px;
  color: #4D5046;
  margin: 10px 0 0 0;
}

.home-slider-item h5.partner-name-text {
  margin: 10px;
}

.featured-item-listsection {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.ml-auto {
  margin-left: auto;
}

.m-auto {
  margin: auto;
}

.mr-auto {
  margin-right: auto;
}

.form-check {
  position: relative;
}

.form-check .form-check-input {
  margin: 0;
}

.nav-link {
  cursor: pointer;
}

a.return-to-shop-text {
  text-decoration: none !important;
}

li.menu-section a span.left-menu-img-item {
  max-width: 35px;
  display: inline-block;
  width: 100%;
}

.hero-left.canada-home-box .user-info,
.user-expense.home-item--section {
  padding: 30px 20px 0px 20px !important;
  flex: 1;
  height: auto;
}

#additional-fields .modal-header {
  justify-content: flex-end;
}

.hero-left.canada-home-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.hero-left.canada-home-box .user-info {
  height: auto;
}

.hero-left.canada-home-box .hero-left-top {
  margin-top: auto;
}

.lr-item--hero.on-scroll-hide.top-divide-section .hero-left-bottom {
  height: 42px;
}

.lr-item--hero.on-scroll-hide.top-divide-section {
  height: 250px;
  max-height: 250px;
}

.wallet-container.wallet--banner-img .hero-left.canada-home-box {
  display: block;
}

.upcomming-payment-list-item.active {
  border-left: 19px solid #4d5046;
}

.inner-card--item .sec--image .contracter-logo img,
.contract-list.canada-contract-list .inner-card--item .sec--image .default-contracter-logo img {
  height: 100%;
}

.flinks-integration-popup .funding-modal-section {
  max-height: 600px;
  overflow: hidden;
}

.flinks-integration-popup .modal-funding-footer.modal-footer {
  margin-bottom: 0;
}

.flinks-integration-popup .wrapper.welcome-page.loader-page {
  position: absolute;
  min-height: unset;
  height: 100%;
}

div:focus {
  outline: none !important;
}

.funding-modal-popup.flinks-integration-popup .modal-header {
  padding: 1rem;
}

.funding-modal-popup.flinks-integration-popup .power-title-text {
  margin: 0;
  width: 100%;
}

.funding-modal-popup.flinks-integration-popup .modal-dialog {
  margin-top: 0;
}

.flinks-integration-popup .btn-close.modal-close-btn {
  position: relative;
}

.modal-open.retry-modal .modal-backdrop.show {
  opacity: 1;
  background-color: #fafafa;
}

.funding-modal-popup.flinks-integration-popup.biometric-screen .modal-dialog {
  max-width: 100% !important;
  height: 100%;
}

.funding-modal-popup.flinks-integration-popup.biometric-screen .modal-content {
  height: 100%;
  border-radius: 0 !important;
}

.funding-modal-popup.flinks-integration-popup.biometric-screen {
  overflow: hidden;
  padding: 0 !important;
}

.funding-modal-popup.flinks-integration-popup.biometric-screen .funding-modal-section {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#mitekOuterContainer {
  z-index: 1060;
}

.power-title-text.sorry-text {
  color: #ff6c00;
}

/*Responsive Styles*/
@media only screen and (max-width:1600px) {
  .wallet-container.custom-wallet-banner-ses.active-wallet-screen-section .hero-left {
    padding-left: 5%;
  }

  .contract--item .wallet-contract {
    padding: 0 50px;
  }
}

@media only screen and (max-width: 1440px) {
  .container.shop-container-item {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
  }
}

@media only screen and (max-width: 1280px) {
  .card-img--erf {
    width: 300px;
  }

  .card-detail-right {
    padding: 0;
    width: calc(100% - 300px);
  }

  .myaccount-section.payment-method-item .card-body {
    padding: 15px 0;
  }

  .card--iteQe {
    padding-left: 10px;
  }

  .hero-tiles {
    padding-top: 70px;
  }

  .inner-funding-section {
    max-width: 100%;
  }
}

@media only screen and (max-width: 1080px) {
  .thing-text h3 {
    font-size: 21px;
  }

  .thing-price {
    font-size: 25px;
  }

  .things-section {
    gap: 20px;
  }

  .feature--section-item {
    height: 230px;
  }

  .left-menu-section {
    padding: 15px;
  }

  .left-menu-section .menu-section {
    padding: 15px 0;
  }

  .primary-card-option {
    padding: 0;
    justify-content: center;
  }

  .lr-item--hero.on-scroll-hide.top-divide-section {
    height: auto;
  }
}

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

  .qc-price-schedule {
    display: flex;
    flex-wrap: wrap;
  }

  .limit-section {
    flex: 0 100%;
    margin-top: 2rem;
  }

  .tab-section-single-payment {
    padding-bottom: 30px;
  }

  .store-price-item {
    grid-template-columns: repeat(3, 1fr);
  }

  .price-div-section h3 {
    font-size: 24px;
    margin-bottom: 1.5rem;
  }

  .validation-body--item {
    padding-bottom: 3rem;
  }
}

@media only screen and (max-width: 991px) {
  .left-menu-section {
    height: auto !important;
  }

  .primary-card-option {
    margin: unset;
    margin-bottom: 10px;
  }

  .radio-with-remove-section {
    grid-template-columns: auto;
    grid-gap: 15px;
    text-align: center;
  }

  .setting-menu-grid-section {
    display: grid;
    grid-template-columns: 205px auto;
    grid-gap: 10px;
  }

  .payment-schedule,
  .card--Qeitem {
    max-width: 100%;
  }

  .card-detail-right {
    padding: 0;
    width: calc(100% - 250px);
  }

  .card-img--erf {
    width: 250px;
  }

  .user-expense {
    padding-bottom: 12px !important;
  }

  .grid-view-item-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }

  .left-menu-section {
    padding: 0;
  }

  .card--Qeitem.bank-card-detail .card--iteQe {
    flex-direction: row;
    grid-gap: 15px;
    align-items: center;
  }

  .card--Qeitem.bank-card-detail .details-card {
    flex: 1;
  }

  .price-div-section p,
  .pay-label,
  .price-div-section label {
    font-size: 16px;
    margin: 0;
  }

  .store-payment-details {
    grid-template-columns: repeat(2, 1fr);
  }

  .store-payment-limit {
    margin: 0 auto;
    text-align: center;
  }

  .validation-body--item p {
    font-size: 16px;
    line-height: 26px;
    word-break: break-word;
  }

  .validation-header {
    line-height: normal;
  }

  .validation-para {
    font-size: 14px;
    line-height: normal;
  }

  .scroll-animation .hero-left {
    height: 100%;
    padding-top: 15px;
  }

  p.pay-now-content {
    max-width: 100%;
  }

  .container.custom-container-sec.container-header-section {
    padding: 0;
  }

  .navbar-brand {
    margin-left: 15px;
  }

  .navbar-toggler {
    margin-right: 15px;
    box-shadow: none !important;
  }

  .navbar-collapse {
    margin-top: 10px;
  }

  .wallet-container.custom-wallet-banner-ses.active-wallet-screen-section .user-info {
    padding: 0 0 0 10px;
  }

  .contract--item {
    margin-top: 10px;
  }

  .tab-section-single-payment {
    padding-bottom: 10px;
  }

  .contract--item .wallet-contract {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  #additional-fields .modal-dialog {
    max-width: 90%;
  }

  .form-group.modal-error-message {
    width: 100%;
  }

  .terms-body {
    width: calc(100% - 50px);
    margin: auto 25px;
    padding: 50px;
  }

  .container.terms .accept-privacy-policy {
    max-width: calc(100% - 50px);
    margin: auto 25px;
    padding: 50px;
  }

  .funding-modal-popup .funding-modal-section {
    padding: 0px 20px;
  }

  .menu-section .mobile-content-text {
    display: none;
  }

  .setting-menu-grid-section {
    display: grid;
    grid-template-columns: 50px auto;
    grid-gap: 10px;
  }

  .left-menu-section {
    box-shadow: none;
  }

  .addCardBtn--item {
    margin: 0;
    margin-top: 10px;
    margin-left: auto;
  }

  .left-menu-section {
    padding: 0;
  }

  .active-dot {
    right: 3px;
  }

  .hero-tiles {
    padding-top: 35px;
  }

  .funding-modal-section p {
    max-width: 100%;
  }

  .price-div-section h3 {
    font-size: 21px;
    margin-bottom: 1rem;
  }

  .add-card-debit .add-card-form {
    padding: 0;
  }

  .add-card-debit .add-card-form .form-control {
    width: 100%;
    max-width: 100%;
  }

  .tittle-content h2,
  .funding-title {
    font-size: 32px;
  }

  .funding-item--section p {
    font-size: 18px;
  }

  .funding-modal-popup.flinks-integration-popup.biometric-screen .funding-modal-section {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 100px);
    padding: 0 0 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .grid-item-section {
    grid-template-columns: auto;
  }

  .wallet---itemQr .container .user-info {
    padding-left: 5rem;
  }

  .payment-schedule {
    margin-top: 10px;
  }

  .validation-body--item {
    padding-bottom: 2rem;
  }

  .power-title-text {
    font-size: 30px;
  }

  .funding-modal-section p {
    font-size: 16px;
  }

  .top-section-partner.skip-partner-section {
    flex-direction: row;
  }

  .top-section-partner.skip-partner-section .right-iteQerd {
    margin: 0 0 0 auto;
  }

  #primaryDialog-2 .modal-footer .btn.btn-primary {
    min-width: unset;
    width: 100%;
  }

  .lr-item--hero.scroll-animation.fadeInDown.animated .user-info {
    width: 50%;
  }

  .lr-item--hero.scroll-animation.fadeInDown.animated .user-expense {
    width: 50%;
  }

}

@media only screen and (max-width: 680px) {
  .qc-price-schedule {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .limit-section {
    flex: 0 100%;
    margin-top: 2rem;
  }

  .Qc-section {
    text-align: center;
  }

  .store-price-item {
    grid-template-columns: repeat(2, 1fr);
  }

  .hero-left.canada-home-box .user-info,
  .user-expense.home-item--section {
    padding-top: 35px !important;
  }

  .top-section-partner.skip-partner-section {
    flex-direction: column;
  }

  .top-section-partner.skip-partner-section .right-iteQerd {
    margin: 20px auto 0 auto;
  }

  .wallet-container.custom-wallet-banner-ses .hero-left-top {
    align-items: center;
  }

  .slider-logo-image {
    height: 90px;
  }
}

@media only screen and (max-width: 575px) {
  .scroll-animation .total-to-spend {
    padding-top: 15px;
  }

  .funding-modal-popup .funding-modal-section {
    padding: 0px;
  }

  .funding-modal-popup .funding-modal-section .form-group {
    width: 100%;
  }

  .feature--section-item {
    height: 250px;
  }

  .card-img--erf {
    width: 100%;
  }

  .card-detail-right {
    width: 100%;
    padding-top: 1rem;
  }

  .myaccount-section.payment-method-item .container {
    padding: 0;
  }

  .d-flex.payment-method-section {
    flex-direction: column;
  }

  .user-expense {
    padding-bottom: 20px !important;
  }

  .addCardBtn--item {
    margin: 0 auto;
    margin-top: 2rem;
  }

  .search-iconbanner .form-control {
    max-width: 100%;
    width: 350px;
  }

  .top-section-partner .right-iteQerd {
    margin: 0 auto;
  }

  .grid-view-item-section {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 20px;
  }

  .left-card--item {
    width: 70%;
    margin: 0 auto;
  }

  .wallet---itemQr .container .user-info {
    padding-left: 0;
  }

  .wallet---itemQr .container .user-info {
    align-items: center;
  }

  .wallet---itemQr {
    height: 100%;
  }

  .wallet-container.custom-wallet-banner-ses.active-wallet-screen-section .user-info {
    align-items: center;
  }

  .tab-section-single-payment {
    padding-bottom: 20px;
  }

  .payment-error-msg {
    margin-bottom: 2rem;
  }

  .store-payment-details {
    grid-template-columns: auto;
  }

  .payments-col {
    padding: 0 10px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
  }

  .store-payment-limit {
    text-align: center;
    margin: 0 auto;
  }

  .store-payment-limit .limit-section {
    padding: 0;
    margin-top: 30px;
  }

  .inner-funding-section {
    max-width: 100%;
    margin: 0 auto;
  }

  .power-title-text {
    font-size: 28px;
  }

  .btn.btn-primary.payment-footer-btn {
    min-width: unset;
    max-width: 180px;
    width: 100%;
  }

  .wallet-container.custom-wallet-banner-ses.active-wallet-screen-section .user-info {
    align-items: center;
  }

  .wallet-container.custom-wallet-banner-ses.active-wallet-screen-section .total-to-spend h2 {
    text-align: center;
  }

  .wallet-container.custom-wallet-banner-ses.active-wallet-screen-section {
    padding-top: 15px;
  }

  .modal-dialog .show-now-btn.btn.btn-primary {
    max-width: 342px;
    width: 100%;
  }

  .slider-logo-image {
    height: 100px;
  }
}

@media only screen and (max-width: 480px) {
  .slider-section-item.section-form {
    padding: 15px;
    max-width: 100vw;
    max-height: 100vh;
  }

  .onboarding-page-header-section {
    max-width: 90%;
    margin: 0 auto;
  }

  .onboarding-footer-section {
    padding-top: 55px;
    padding-bottom: 25px;
  }

  .onboarding-footer-section button {
    max-width: 100%;
  }

  .slider-section-item.section-form,
  .section-form.register-canada-screen {
    max-width: 100vw;
    max-height: 100vh;
  }

  .register--item .section-logo {
    width: 100%;
  }

  .register--body-section {
    padding-bottom: 100px;
  }

  .container.terms {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .terms-header {
    margin-bottom: 35px;
  }

  .terms-body {
    width: 100%;
    margin: 0;
    padding: 50px 25px;
  }

  .container.terms .accept-privacy-policy {
    margin-top: 35px;
    max-width: 100%;
    padding: 0 25px;
  }

  .btn.btn-primary.terms-confirm-btn {
    margin-top: 15px;
    max-width: 100%;
  }

  .next-btn.text-center {
    max-width: 100%;
    width: 100%;
  }

  .title-terms-condition {
    width: 100%;
  }

  .email-validation-section.section-form {
    max-width: 100vw;
  }

  .validation-header--item {
    padding-bottom: 35px;
  }

  .validation-body--item p {
    padding: 0 25px;
  }

  .validation-footer--item {
    width: 100%;
  }

  .validation-card {
    width: 100%;
    max-width: 100%;
    padding: 16px 12px;
    height: auto;
  }

  #additional-fields .modal-dialog {
    max-width: 90%;
  }

  .form-group.modal-error-message {
    width: 100%;
  }

  .appfrom-section {
    padding: 0;
  }

  .container.custom-container-sec {
    width: 100%;
    text-align: left;
  }

  .login-register-section {
    max-width: 100%;
  }

  .login-account-btn.btn,
  .create-account-btn.btn {
    max-width: 100%;
  }

  .funding-section {
    max-width: 100%;
    height: 100%;
  }

  .funding-header-section {
    margin-bottom: 25px;
  }

  .funding-section p {
    font-size: 18px;
    line-height: 21px;
    margin-top: 25px;
  }

  .funding-footer-section {
    padding-top: 35px;
    max-width: 100%;
    padding-bottom: 35px;
  }

  .increase-limit-btn.btn,
  .home-link-btn.btn {
    max-width: 100%;
  }

  .things-section {
    flex-direction: column;
    gap: 20px;
  }

  .listing-left-section,
  .big-left-section {
    width: 100%;
  }

  .payment-method-section .nav-tabs .nav-item {
    margin-bottom: 0px;
    padding: 0 10px;
  }

  .personal-detail-header h3 {
    font-size: 24px;
  }

  .payment-method-section .nav-link.active {
    width: max-content;
    margin: 0 auto;
  }

  .payment-method-section .bank-section {
    margin: 0 auto;
  }

  .right-side-section-item .myaccount-section .container {
    padding: 0;
  }

  .wallet-container.custom-wallet-banner-ses .hero-left-top {
    align-items: center;
    margin-top: 20px;
    padding-bottom: 1rem;
  }

  .Qc-section {
    text-align: left;
  }

  .hero-tiles {
    padding-top: 25px;
  }

  .wallet---itemQr .container .user-info {
    align-items: center;
    height: 100%;
  }

  .card--Qeitem.bank-card-detail .radio-with-remove-section {
    flex-direction: column;
    grid-gap: 20px 0;
    justify-content: center;
  }

  .card--Qeitem.bank-card-detail .radio-with-remove-section .card-update {
    margin: 0 auto;
  }

  .user-expense.wallet-active-item .d-flex {
    height: 100%;
    justify-content: space-between;
    width: 100%;
  }

  .user-expense.wallet-active-item {
    padding: 10px 15px 20px 15px;
    width: 100%;
  }

  .wallet--banner-img .hero-left.canada-home-box .user-info {
    padding: 20px 0 10px 0 !important;
  }

  .wallet-container.wallet--banner-img .total-to-spend {
    margin: 0;
  }

  .user-expense.wallet-active-item h6,
  .user-expense.wallet-active-item h2 {
    text-align: left;
  }

  .hero-left.canada-home-box .user-expense.wallet-active-item .next-payment span {
    text-align: left;
    display: block;
  }

  .user-name-area h6 {
    font-size: 21px;
  }

  .store-price-item,
  .store-payment-details {
    grid-template-columns: auto;
  }

  .price-div-section h3 {
    font-size: 18px;
    margin-bottom: 1rem;
  }

  .payments-col {
    padding: 0px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
    max-width: 100%;
  }

  .payments-col label {
    width: 100%;
    padding: 0;
  }

  .payments-section-title {
    width: 50%;
    padding-left: 0;
  }

  .payments-section-value {
    width: 50%;
    padding-right: 0;
  }

  .store-payment-limit {
    text-align: center;
    margin: 0 auto;
  }

  .btn-borer-line-btn.btn.btn-primary {
    width: 100%;
  }

  .btn.btn-primary.payment-footer-btn {
    min-width: unset;
    max-width: 180px;
    width: 100%;
  }

  span.footer-divide-line {
    display: none;
  }

  .tittle-content h2,
  .funding-title {
    font-size: 28px;
  }

  .appfrom-section.apllication-section-item {
    padding: 15px;
  }
}

@media only screen and (max-width: 400px) {
  .left-card--item {
    width: 100%;
    margin: 0 auto;
  }

  .on-scroll-hide .total-to-spend {
    margin-bottom: 10px;
  }

  .hero-left.canada-home-box .user-info,
  .user-expense.home-item--section {
    padding: 30px 15px 0px 15px !important;
  }

  .payment-error-msg {
    margin-bottom: 1rem;
  }

  .increase-limit-btn.btn.calculate-btn {
    width: 300px;
    font-size: 16px;
  }

}

@media only screen and (max-width:365px) {
  .onboarding-body-section.slide-one-content p {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 359px) {
  .onboarding-body-section {
    padding-top: 25px;
  }

  .price-text {
    padding-top: 25px;
  }

  .onboarding-footer-section {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .shop-title {
    font-size: 42px;
    line-height: 48px;
  }

  .login-register-section {
    max-width: 100%;
  }

  .register--item .section-logo {
    padding-bottom: 25px;
  }

  .register--body-section {
    padding-bottom: 50px;
  }

  .login-account-btn.btn,
  .create-account-btn.btn {
    max-width: 100%;
  }

  .section-heading h4 {
    width: 100%;
  }

  #loginModel .modal-dialog,
  #registerModal .modal-dialog,
  #exampleModal .modal-dialog,
  #imageUpload .modal-dialog,
  #socialLoginModel .modal-dialog,
  #forgotModal .modal-dialog,
  #otpModel .modal-dialog,
  #commonModel .modal-dialog,
  #notify-virtual-card .modal-dialog,
  #commonModelPayment .modal-dialog {
    margin: 10% auto;
  }

  #registerModal .modal-body p,
  #registerModal p {
    width: 100%;
  }

  .title-terms-condition {
    font-size: 28px;
    line-height: 30px;
    width: 100%;
  }

  .application--title {
    font-size: 36px;
    line-height: 42px;
  }

  .application--text {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 25px;
  }

  .step-two-section .next-btn.text-center {
    margin-top: 15px;
  }

  .radio-with-remove-section {
    grid-template-columns: auto;
    grid-gap: 15px;
    text-align: center;
  }

  .primary-card-option {
    justify-content: center;
  }

  .search-iconbanner .form-control {
    max-width: 100%;
    width: 250px;
  }

  .myaccount-form .floating-label-group .edit-item {
    position: absolute;
    bottom: auto;
    right: 10px;
    top: -10px;
  }
}

@media only screen and (max-width:330px) {
  .detail-contract-grt.user--detailQwe {
    width: max-content;
    text-align: center;
    padding-bottom: 1rem;
  }

  .wallet-container.custom-wallet-banner-ses.active-wallet-screen-section .user-info {
    align-items: center;
    width: 100%;
  }

  .power-title-text {
    font-size: 24px;
  }

  .request-limit-section .form-control.amount-input::placeholder,
  .request-limit-section .form-control.amount-input {
    font-size: 12px;
  }
}

/* limit increase page start */

.container.limit-increase {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2rem;
  max-width: 600px;
  text-align: center;

  font-family: "ProximaNova-Bold";
}

.container.limit-increase:has(.verify-income) {
  max-width: max-content;
}


.limit-increase-illustrate {
  margin-bottom: -3rem;
}

.limit-increase-section-with-space {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.limit-increase-amount-label {
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  font-family: "ProximaNova-Bold";
  margin: 0;
  margin-bottom: 7px;
  font-weight: 800;
}

.limit-consent-note {
  margin-top: 2rem;
}


.btn.limit-increase-cancel-btn {
  background: #ffffff;
  border-radius: 24px;
  width: 134px;
  font-size: 16px;
  color: #FF6100;
  font-weight: normal;
  font-family: "ProximaNova-Regular";
}

.btn.limit-increase-continue-btn {
  background: #FF6100;
  border-radius: 30px;
  width: 342px;
  height: 60px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  font-family: "ProximaNova-Regular";
  padding: 15px;
}

.limit-increase-subtitle {
  font-family: 'ProximaNova-Bold';
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
  color: #FF6100;
  margin-bottom: 1rem;
}

.limit-increase-title {
  font-weight: 800;
  font-size: 34px;
  line-height: 38px;
  text-align: center;
  padding: 0 2rem;
  color: #414141;
}

.limit-increase-title--orange {
  color: #FF6100;
}

.limit-increase-limit-label {
  font-weight: 800;
  font-size: 24px;
  line-height: 38px;
  text-align: center;
  color: #414141;
}

.limit-increase-limit-value {
  font-weight: 800;
  font-size: 34px;
  line-height: 38px;
  color: #FF6100;
  margin-bottom: 2rem;
  text-align: center;
}

.limit-increase-empty-space {
  height: 9rem;
}

.limit-increase-note {
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  font-family: "ProximaNova-Regular";
  color: #414141;
  padding: 0 0.5rem;
  margin-bottom: 0;
}

.limit-increase-note--bold {
  font-family: "ProximaNova-Bold";
}

.limit-increase-note--warning {
  font-weight: 700;
  color: #FF6100;
}

.loading-message-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.loading-message-sentence {
  margin: 20px 10px 0;
}

.multi-check {
  margin: 10px auto 0;
}

 .multi-check .form-check-input {
  position: relative;
  opacity: 100;
  border: solid 2px #FF6100;
  border-radius: 50%;
}

 .multi-check .form-check-input:disabled {
  border: solid 2px #ababab;
}


 .multi-check .form-check-input:checked {
  background-color: #FF6100;
}

.btn-primary-large {
  height: 48px;
  border-radius: 27px;
  border: 0;
  color: #FFFFFF;
  background-color: #FF6C00;
  font-size: 17px;
  font-weight: 600;
  margin: 10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.btn-primary-large:hover {
  background-color: #cf4f00;
  border-color: #cf4f00;
  color: #fff;  
}

.btn-primary-large:disabled {
  background-color: #FF6C00;
  opacity: 0.3;
}

.btn-primary-large-edge {
  width: 25px;
}

.btn-primary-arrow {
  width: 25px;
}

.btn-alert-large {
  height: 30px;
  border-radius: 15px;
  border: 0;
  color: #FFFFFF;
  background-color: #e50e00;
  font-size: 12px;
  font-weight: 600;
  margin: 5px;
  padding: 0 10px;
}