body .leadform-main-wrapper header {
  height: 4.5rem;
  background-color: #fff;
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 0.625rem 0 0;
}
body .leadform-main-wrapper header .logo {
  position: absolute;
  right: 45%;
  height: auto;
}
body .leadform-main-wrapper header .right-icons {
  display: flex;
  align-items: center;
  text-align: center;
}
body .leadform-main-wrapper header .right-icons button {
  margin-left: 2px;
}
body .leadform-main-wrapper header .right-icons button:hover {
  background-color: #e6e6e6;
}
body .leadform-main-wrapper header .right-icons .sub-menu {
  width: 8rem;
  position: absolute;
  top: 3rem;
  right: 0;
  background-color: #fff;
  display: block;
  z-index: 9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.259);
  border-radius: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
body .leadform-main-wrapper header .right-icons .sub-menu li {
  padding: 0.2rem 0.5rem;
}
body .leadform-main-wrapper header .right-icons .sub-menu li a {
  font-size: 0.66rem;
  font-weight: 500;
  color: #3f3f3f;
  line-height: 1rem;
  font-family: var(--main-font, "Filson Pro");
}
body .form-step-two {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  height: 100%;
  margin: 3.5rem 9rem;
  background-color: #f8f5f5;
  border-radius: 10px;
  padding: 20px 20px 30px 20px;
}
body .form-step-two .product-type-container {
  padding: 1rem;
  width: 100%;
  height: 15%;
  display: flex;
  right: 18%;
  top: 30%;
  justify-content: space-between;
  border-bottom: 1px solid grey;
}
body .form-step-two .product-type-container .left-options {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body .form-step-two .product-type-container .left-options h6 {
  text-transform: uppercase;
  font-weight: 800;
}
body .form-step-two .product-type-container .dropdown-angle {
  color: #47ee40;
}
body .form-step-two .pay-method {
  padding-left: 0;
  margin-top: 20px;
  width: 100%;
  height: auto;
  right: 18%;
  top: 49%;
}
body .form-step-two .pay-method .method-wrapper {
  display: flex;
  align-items: start;
}
body .form-step-two .pay-method .method-wrapper .tab-heading {
  width: 35% !important;
  border-right: 1px solid grey;
}
body .form-step-two .pay-method .method-wrapper .tab-heading button {
  color: #004135;
  padding: 1.4rem 0.6rem;
  border-radius: 0 !important;
  background-color: #edffe8;
}
body .form-step-two .pay-method .method-wrapper .tab-heading button.active {
  border-left: 0.4rem solid #004135;
  background: none;
  color: #004135;
}
body .form-step-two .pay-method .tab-content {
  padding: 1rem 0.6rem;
  width: 65% !important;
}
body .form-step-two .pay-method .tab-content .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body .form-step-two .pay-method .tab-content .content button {
  background-color: #004135;
  color: #fff;
}
body .form-step-two .confirmation-form {
  padding: 0.9rem 1.2rem;
  background-color: #fff;
  width: 66%;
  height: auto;
  right: 18%;
  top: 49%;
}
body .form-step-two .confirmation-form .confirmation-details {
  display: flex;
  padding: 0.2rem 0.5rem;
}
body .form-step-two .confirmation-form .confirmation-details .payment-type {
  border: 0.03rem solid #c0c0c0;
  border-left: 0.3rem solid #004135 !important;
  border-right: none !important;
  background-color: #edffe8;
  padding: 1.2rem 0.8rem;
  max-height: 7rem;
}
body .form-step-two .confirmation-form .confirmation-details .payment-type .amount-type {
  border: 0.03rem solid #c0c0c0;
  border-radius: 0.1rem;
  padding: 0.2rem 0.6rem;
}
body .form-step-two .confirmation-form .confirmation-details .payment-breakdown {
  border: 0.03rem solid #c0c0c0;
  border-right: none !important;
  border-bottom: none !important;
  margin-left: 0;
}
body .form-step-two .confirmation-form .confirmation-details .payment-breakdown form input {
  border: none;
  border-bottom: 1px black solid;
  border-radius: 0;
}
body .form-step-two .confirmation-form-error {
  padding: 0.9rem 1.2rem;
  background-color: #fff;
  width: 66%;
  height: auto;
  display: flex;
  justify-content: space-between;
  gap: 36px;
}
body .form-step-two .confirmation-form-error .error-details {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
body .form-step-two .confirmation-form-error .error-details .heading-error {
  font-size: 1rem;
  font-weight: 500;
  color: #3f3f3f;
  line-height: 1rem;
  font-family: var(--main-font, "Filson Pro");
  color: #878181;
}
body .form-container {
  padding: 0.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 66%;
  height: auto;
  margin: auto;
}
body .form-container .heading {
  font-size: 1rem;
  font-weight: 500;
  color: #3f3f3f;
  line-height: 1rem;
  font-family: var(--main-font, "Filson Pro");
}
body .form-container form {
  margin-top: 1.5rem;
  width: 70%;
}
body .form-container form #reload_href {
  display: none;
}
body .form-container form input {
  border: none;
  border-bottom: 1px black solid;
  border-radius: 0;
}
body .form-container form input:focus {
  box-shadow: none;
  border-color: black;
}
body .form-container form .form-error {
  color: red;
  font-size: 10px;
  font-weight: 500;
}
body .transaction-header {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 20%;
  right: 47%;
  font-weight: 600;
  font-size: larger;
}
body .transaction-container {
  padding: 0.9rem;
  background-color: #fff;
  width: 50%;
  height: auto;
  right: 25%;
  top: 25%;
}
body .transaction-container .srb-btn svg {
  color: #fff !important;
}
body .transaction-container .header {
  margin-bottom: 0.1rem;
}
body .transaction-container .header .left-icon {
  color: #004135;
}
body .transaction-container .details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body .transaction-container .details .breakdown {
  width: 100% !important;
  margin-bottom: 16px;
}
body .transaction-container .details .bottom {
  text-align: center;
}
body .transaction-container .details .bottom button {
  color: #fff;
  background-color: #004135;
}
body .confirm-container {
  background-color: #f8f5f5;
  padding: 20px 20px 30px 20px;
}
body .confirm-container .details-wrapper {
  display: flex;
  justify-content: space-around;
}
body .confirm-container .details-wrapper .current-overdues {
  width: 100%;
}
body .confirm-container .details-wrapper .payment-towards {
  width: 100%;
}

.submit-btn {
  background-color: #004135;
  color: #fff;
  width: 50%;
}

@media (max-width: 48rem) {
  body .leadform-main-wrapper header .logo {
    right: 67%;
    margin-left: 10px;
  }
  body .leadform-main-wrapper header .logo img {
    width: 120px;
    height: 60px;
  }
  body .leadform-main-wrapper .form-container {
    width: 100%;
  }
  body .leadform-main-wrapper .form-container form {
    width: 100%;
  }
  body .leadform-main-wrapper .form-step-two {
    width: 100%;
    margin: auto;
    margin-top: 3rem;
  }
  body .leadform-main-wrapper .form-step-two .pay-method .method-wrapper {
    display: block;
  }
  body .leadform-main-wrapper .form-step-two .pay-method .method-wrapper .tab-heading {
    border-right: none !important;
    border-bottom: 1px solid grey;
    width: 100% !important;
    flex-wrap: nowrap;
  }
  body .leadform-main-wrapper .form-step-two .pay-method .method-wrapper .tab-heading button {
    padding: 1rem 0.6rem;
    width: 100%;
  }
  body .leadform-main-wrapper .form-step-two .pay-method .method-wrapper .tab-heading button.active {
    border: none;
    background: #004135;
    color: #fff;
    font-weight: 600;
  }
  body .leadform-main-wrapper .form-step-two .pay-method .method-wrapper .tab-content {
    width: 100% !important;
  }
  body .leadform-main-wrapper .confirm-container .details-wrapper {
    flex-direction: column;
  }
  body .transaction-container {
    width: 100%;
  }
  body .transaction-container .details .breakdown {
    font-size: 12px !important;
  }
  body .transaction-container .details .bottom {
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
  }
}
.not-allowed {
  cursor: not-allowed;
}

.spinner-grow {
  width: 1.4rem !important;
  height: 1.4rem !important;
  border: 0.2em solid #fff !important;
}

.confirm-loan .nav-item .nav-link {
  color: #004135 !important;
}
.confirm-loan .nav-item .nav-link.active {
  color: #47ee40 !important;
}
.confirm-loan .btn-disabled {
  background-color: #b5b5b5;
  cursor: default;
}
.confirm-loan .disabled-input {
  background-color: #eee !important;
  color: rgba(0, 0, 0, 0.4588235294) !important;
  cursor: not-allowed !important;
}

.swal-alert-popup .swal2-title {
  font-size: 24px !important;
}
.swal-alert-popup #swal2-html-container p {
  line-height: 20px !important;
}
.swal-alert-popup .swal2-actions .swal2-confirm {
  background-color: #004135 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  body .leadform-main-wrapper .form-step-two {
    margin: 3.5rem 7rem;
  }
}