.LoanCalculator {
  --lc-primary: #1e22ff;
  --lc-text: #303846;
  --lc-muted: #98a2b3;
  --lc-border: #cfd8e5;
  --lc-border-soft: #e8eef6;
  --lc-soft-bg: #f8fafc;
  --lc-white: #ffffff;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 52px 16px 44px !important;
  color: var(--lc-text);
  direction: ltr;
}

.LoanCalculator .component.container,
.LoanCalculator .component.col-lg-10,
.LoanCalculator .component.col-md-10,
.LoanCalculator .component.col-sm-12,
.LoanCalculator [class*="offset-"] {
  float: none !important;
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.LoanCalculator h3 {
  margin: 0 0 24px !important;
  color: var(--lc-primary);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
}

.LoanCalculator p {
  margin: 0;
}

.LoanCalculator .my-4 {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

.LoanCalculator .row.row-cols-1.row-cols-lg-2.row-cols-md-2.row-cols-sm-2 {
  display: grid !important;
  grid-template-columns: minmax(300px, 1fr) minmax(360px, 1fr) !important;
  column-gap: 30px !important;
  row-gap: 24px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.LoanCalculator
  .row.row-cols-1.row-cols-lg-2.row-cols-md-2.row-cols-sm-2::before,
.LoanCalculator
  .row.row-cols-1.row-cols-lg-2.row-cols-md-2.row-cols-sm-2::after,
.LoanCalculator > .row::before,
.LoanCalculator > .row::after,
.results-calculator .row.justify-content-md-center::before,
.results-calculator .row.justify-content-md-center::after {
  content: none !important;
  display: none !important;
}

.LoanCalculator
  .row.row-cols-1.row-cols-lg-2.row-cols-md-2.row-cols-sm-2
  > .component.col {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.LoanCalculator
  .row.row-cols-1.row-cols-lg-2.row-cols-md-2.row-cols-sm-2
  > .component.col
  > p {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 56px !important;
  width: 100% !important;
  color: #333842;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.35;
  text-align: left !important;
}

.LoanCalculator .pull-right {
  float: none !important;
  display: inline-block !important;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-align: right;
}

.LoanCalculator .font-size-18 {
  font-size: 18px;
}

.LoanCalculator .form-control,
.LoanCalculator input[type="text"],
.LoanCalculator select {
  display: block !important;
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 32px !important;
  border: 1px solid var(--lc-border) !important;
  border-radius: 999px !important;
  background-color: #fff !important;
  color: #344054 !important;
  font: inherit !important;
  font-size: 16px !important;
  line-height: 56px !important;
  outline: none !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.LoanCalculator input[type="text"]::placeholder {
  color: #c4c8cf;
  opacity: 1;
}

.LoanCalculator .form-control:focus,
.LoanCalculator input[type="text"]:focus,
.LoanCalculator select:focus {
  border-color: var(--lc-primary) !important;
  box-shadow: 0 0 0 4px rgba(30, 34, 255, 0.08) !important;
}

.LoanCalculator select.form-control,
.LoanCalculator select {
  padding-right: 58px !important;
  cursor: pointer;
  background-image: linear-gradient(
      45deg,
      transparent 50%,
      var(--lc-primary) 50%
    ),
    linear-gradient(135deg, var(--lc-primary) 50%, transparent 50%) !important;
  background-position: calc(100% - 31px) 50%, calc(100% - 23px) 50% !important;
  background-size: 8px 8px, 8px 8px !important;
  background-repeat: no-repeat !important;
}

.LoanCalculator select::-ms-expand {
  display: none;
}

.LoanCalculator > .row {
  display: flex !important;
  justify-content: center !important;
  width: min(100%, 660px) !important;
  margin: 34px auto 0 !important;
  padding: 0 16px !important;
}

.LoanCalculator > .row .col-12,
.LoanCalculator > .row .col-lg-4,
.LoanCalculator > .row .col-md-4,
.LoanCalculator > .row .col-sm-6,
.LoanCalculator > .row .m-auto,
.LoanCalculator > .row .text-center {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

.LoanCalculator #btn-eiradplus-calculate {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 0 28px !important;
  border: 1.5px solid var(--lc-primary) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--lc-primary) !important;
  font: inherit !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.LoanCalculator #btn-eiradplus-calculate:hover,
.LoanCalculator #btn-eiradplus-calculate:focus {
  background-color: rgba(30, 34, 255, 0.04) !important;
  box-shadow: 0 0 0 4px rgba(30, 34, 255, 0.08) !important;
}

.LoanCalculator #GeneralErr {
  margin-top: 10px;
}

.results-calculator {
  float: none !important;
  clear: both !important;
  display: block !important;
  box-sizing: border-box !important;
  max-width: none !important;
  padding: 0 !important;
  direction: ltr !important;
  
}

.LoanCalculator
  .row.row-cols-1.row-cols-lg-2.row-cols-md-2.row-cols-sm-2
  > .component.col.CustomerRequestedAmountCol{
	margin: 56px auto !important;
}
.results-calculator.d-none,.EnterLoanAmountSection.d-none,.calculaterow.d-none,.CustomerRequestedAmountCol.d-none {
  display: none !important;
}



.results-calculator,
.results-calculator * {
  box-sizing: border-box !important;
}

/* Results section only, clean reference layout, no cards */

.results-calculator,
.results-calculator * {
  box-sizing: border-box !important;
}

.results-calculator {
  width: 100% !important;

  max-width: 1500px !important;

  margin: 56px auto 0 !important;

  padding: 0 32px !important;

  display: block !important;

  clear: both !important;

  float: none !important;

  position: relative !important;

  left: auto !important;

  right: auto !important;

  transform: none !important;

  background: transparent !important;

  border: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  font-family: Arial, Helvetica, sans-serif !important;
}

.results-calculator .component,
.results-calculator .component-content,
.results-calculator .rounded,
.results-calculator .bg-white,
.results-calculator .radius-5,
.results-calculator [class*="col-"],
.results-calculator [class*="offset-"],
.results-calculator .p-0,
.results-calculator .py-4,
.results-calculator .m-auto,
.results-calculator .text-end,
.results-calculator .text-left {
  width: auto !important;

  max-width: none !important;

  min-width: 0 !important;

  height: auto !important;

  min-height: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  float: none !important;

  flex: none !important;

  display: block !important;

  position: static !important;

  left: auto !important;

  right: auto !important;

  transform: none !important;

  background: transparent !important;

  background-color: transparent !important;

  background-image: none !important;

  border: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;
}

.results-calculator .row,
.results-calculator .justify-content-md-center {
  width: 100% !important;
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) !important;
  column-gap: clamp(120px, 28vw, 520px) !important;
  row-gap: 1rem !important;
  align-items: start !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.results-calculator .row > div[id$="div"] {
  width: 100% !important;

  max-width: none !important;

  min-width: 0 !important;

  min-height: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  display: block !important;

  float: none !important;

  position: static !important;

  left: auto !important;

  right: auto !important;

  transform: none !important;

  text-align: left !important;

  background: transparent !important;

  background-color: transparent !important;

  background-image: none !important;

  border: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;
}

.results-calculator .row > div[id$="div"]:nth-child(even) {
  text-align: right !important;
}

.results-calculator #payableperioddiv:empty {
  display: none !important;
}

.results-calculator p,
.results-calculator p span {
  margin: 0 !important;

  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}

.results-calculator .row > div[id$="div"] > p:first-child,
.results-calculator .font-size-14,
.results-calculator .color-Paragraph,
.results-calculator .m-0 {
  margin: 0 !important;

  color: #26323f !important;

  font-family : notosansenglish-regular !important;
  
  font-feature-settings : normal;

  font-size: 14px !important;

  line-height: 1.45 !important;

  font-weight: 400 !important;

  text-align: inherit !important;
}

.results-calculator .row > div[id$="div"] > p[id],
.results-calculator .font-size-18,
.results-calculator .color-endeavor-blue,
.results-calculator .pingarlt-bold,
.results-calculator .my-2 {
  margin: 8px 0 0 !important;

  color: #1f2cff !important;

  font-family: Arial, Helvetica, sans-serif !important;

  font-size: 18px !important;

  line-height: 1.35 !important;

  font-weight: 700 !important;

  text-align: inherit !important;
}

.results-calculator ol {
  grid-column: 1 / -1 !important;

  width: 100% !important;

  max-width: 1460px !important;

  margin: 60px auto 0 !important;

  padding: 0 !important;

  display: block !important;

  list-style: none !important;

  color: #26323f !important;

  font-family: Arial, Helvetica, sans-serif !important;

  font-size: 13px !important;

  line-height: 1.75 !important;

  text-align: left !important;

  background: transparent !important;

  border: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;
}

.results-calculator ol li {
  position: relative !important;

  margin: 0 0 8px !important;

  padding: 0 0 0 26px !important;

  color: #26323f !important;

  font-size: 13px !important;

  line-height: 1.75 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;
}

.results-calculator ol li::before {
  content: "✓" !important;

  position: absolute !important;

  left: 0 !important;

  top: 0 !important;

  color: #1f2cff !important;

  font-size: 17px !important;

  line-height: 1 !important;

  font-weight: 700 !important;
}

[lang="ar"] .results-calculator ol li::before {
right: -20px !important;
}

.LoanValidationMessages,
.LoanValidationMessages.d-none {
  display: none !important;
}

@media (min-width: 961px) {
  .results-calculator {
    width: 900px !important;
    margin-top: 46px !important;
    margin-left: calc((100vw - 900px) / 2) !important;
    margin-right: calc((100vw - 900px) / 2) !important;
  }
}

@media (max-width: 960px) {
  .results-calculator {
    width: calc(100vw - 32px) !important;
    margin-top: 34px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

.results-calculator .component,
.results-calculator .rounded,
.results-calculator .bg-white,
.results-calculator [class*="col-"],
.results-calculator [class*="offset-"],
.results-calculator [class*="p-"],
.results-calculator [class*="py-"] {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.results-calculator .rounded,
.results-calculator .bg-white,
.results-calculator .radius-5 {
  border-radius: 0 !important;
}

.results-calculator .bg-white {
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.results-calculator .row.justify-content-md-center {
  display: grid !important;
  align-items: stretch !important;
  justify-content: initial !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.results-calculator .row.justify-content-md-center > div[id$="div"] {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: left !important;
}

/* .results-calculator #maxloanamountdiv, */
/* .results-calculator #finalfinanceamountdiv { */
  /* grid-column: 1/-1 !important; */
/* } */

.results-calculator #payableperioddiv:empty {
  display: none !important;
}

.results-calculator p,
.results-calculator .text-left,
.results-calculator .text-end {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  direction: ltr !important;
}

.results-calculator .font-size-14,
.results-calculator .color-Paragraph,
.results-calculator
  .row.justify-content-md-center
  > div[id$="div"]
  > p:first-child {
  color: #344054 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.results-calculator .font-size-18,
.results-calculator .color-endeavor-blue,
.results-calculator #MaxLoanAmount,
.results-calculator #Profit,
.results-calculator #ProfitRate,
.results-calculator #DBR,
.results-calculator #DBRPercent,
.results-calculator #Installment,
.results-calculator #MaxInstallment,
.results-calculator #TotalToPayBack,
.results-calculator #FinalFinanceAmount,
.results-calculator #TotalProfit {
  display: block !important;
  min-height: 30px !important;
  margin-top: 10px !important;
  color: var(--lc-primary, #1e22ff) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  direction: ltr !important;
  unicode-bidi: plaintext !important;
}

/* .results-calculator #MaxLoanAmount, */
/* .results-calculator #FinalFinanceAmount { */
  /* font-size: 34px !important; */
/* } */

.results-calculator .pingarlt-bold {
  font-weight: 700 !important;
}

.results-calculator ol {
  grid-column: 1/-1 !important;
  width: 100% !important;
  margin: 2px 0 0 !important;
  color: #475467 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  text-align: left !important;
}

@media (max-width: 991px) {
  .LoanCalculator {
    padding-top: 40px !important;
  }

  .LoanCalculator .component.container,
  .LoanCalculator .component.col-lg-10,
  .LoanCalculator .component.col-md-10,
  .LoanCalculator .component.col-sm-12,
  .LoanCalculator [class*="offset-"] {
    max-width: 760px !important;
  }

  .LoanCalculator .row.row-cols-1.row-cols-lg-2.row-cols-md-2.row-cols-sm-2 {
    grid-template-columns: minmax(260px, 1fr) minmax(320px, 1fr) !important;
    column-gap: 22px !important;
  }
}

@media (max-width: 767px) {
  .LoanCalculator {
    padding: 32px 16px 28px !important;
  }

  .LoanCalculator h3 {
    margin-bottom: 20px !important;
    font-size: 18px !important;
  }

  .LoanCalculator .row.row-cols-1.row-cols-lg-2.row-cols-md-2.row-cols-sm-2 {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
  }

  .LoanCalculator
    .row.row-cols-1.row-cols-lg-2.row-cols-md-2.row-cols-sm-2
    > .component.col
    > p {
    min-height: auto !important;
    padding-top: 8px !important;
    font-size: 16px !important;
  }

  .LoanCalculator .form-control,
  .LoanCalculator input[type="text"],
  .LoanCalculator select {
    height: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important;
  }

  .LoanCalculator > .row {
    width: 100% !important;
    margin-top: 26px !important;
    padding: 0 !important;
  }

  .results-calculator .row.justify-content-md-center {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .results-calculator #maxloanamountdiv,
  .results-calculator #finalfinanceamountdiv {
    grid-column: auto !important;
  }

  .results-calculator .row.justify-content-md-center > div[id$="div"] {
    min-height: 104px !important;
    padding: 20px !important;
    border-radius: 20px !important;
  }

  .results-calculator .font-size-18,
  .results-calculator .color-endeavor-blue,
  .results-calculator #MaxLoanAmount,
  .results-calculator #Profit,
  .results-calculator #ProfitRate,
  .results-calculator #DBR,
  .results-calculator #DBRPercent,
  .results-calculator #Installment,
  .results-calculator #MaxInstallment,
  .results-calculator #TotalToPayBack,
  .results-calculator #FinalFinanceAmount,
  .results-calculator #TotalProfit {
    font-size: 22px !important;
  }

  .results-calculator #MaxLoanAmount,
  .results-calculator #FinalFinanceAmount {
    font-size: 28px !important;
  }

  .results-calculator ol {
    padding: 16px 18px 16px 38px !important;
    border-radius: 18px !important;
  }
}



/***************************************************************************************************************************
****************************************************************************************************************************
****************************************************************************************************************************/
.LoanCalculator .form-control{
    display:block;
    width:100%;
    height:calc(1.5em + .75rem + 2px);
    padding:.375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem;
    -webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce){
    .LoanCalculator .form-control{
        -webkit-transition:none;
        transition:none
    }
}
.LoanCalculator .form-control::-ms-expand{
    background-color:transparent;
    border:0
}
.LoanCalculator .form-control:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0#495057
}
.LoanCalculator .form-control:focus{
    color:#495057;
    background-color:#fff;
    border-color:#80bdff;
    outline:0;
    -webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.LoanCalculator .form-control::-webkit-input-placeholder{
    color:#6c757d;
    opacity:1
}
.LoanCalculator .form-control:-ms-input-placeholder{
    color:#6c757d;
    opacity:1
}
.LoanCalculator .form-control::-ms-input-placeholder{
    color:#6c757d;
    opacity:1
}
.LoanCalculator .form-control::placeholder{
    color:#6c757d;
    opacity:1
}
.LoanCalculator .form-control:disabled,.LoanCalculator .form-control[readonly]{
    background-color:#e9ecef;
    opacity:1
}
input[type=date].LoanCalculator .form-control,input[type=datetime-local].LoanCalculator .form-control,input[type=month].LoanCalculator .form-control,input[type=time].LoanCalculator .form-control{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
select.LoanCalculator .form-control:focus::-ms-value{
    color:#495057;
    background-color:#fff
}
.LoanCalculator .form-control-file,.LoanCalculator .form-control-range{
    display:block;
    width:100%
}
.col-form-label{
    padding-top:calc(.375rem + 1px);
    padding-bottom:calc(.375rem + 1px);
    margin-bottom:0;
    font-size:inherit;
    line-height:1.5
}
.col-form-label-lg{
    padding-top:calc(.5rem + 1px);
    padding-bottom:calc(.5rem + 1px);
    font-size:1.25rem;
    line-height:1.5
}
.col-form-label-sm{
    padding-top:calc(.25rem + 1px);
    padding-bottom:calc(.25rem + 1px);
    font-size:.875rem;
    line-height:1.5
}
.LoanCalculator .form-control-plaintext{
    display:block;
    width:100%;
    padding:.375rem 0;
    margin-bottom:0;
    font-size:1rem;
    line-height:1.5;
    color:#212529;
    background-color:transparent;
    border:solid transparent;
    border-width:1px 0
}
.LoanCalculator .form-control-plaintext.LoanCalculator .form-control-lg,.LoanCalculator .form-control-plaintext.LoanCalculator .form-control-sm{
    padding-right:0;
    padding-left:0
}
.LoanCalculator .form-control-sm{
    height:calc(1.5em + .5rem + 2px);
    padding:.25rem .5rem;
    font-size:.875rem;
    line-height:1.5;
    border-radius:.2rem
}
.LoanCalculator .form-control-lg{
    height:calc(1.5em + 1rem + 2px);
    padding:.5rem 1rem;
    font-size:1.25rem;
    line-height:1.5;
    border-radius:.3rem
}
select.LoanCalculator .form-control[multiple],select.LoanCalculator .form-control[size],textarea.LoanCalculator .form-control{
    height:auto
}
.form-group{
    margin-bottom:1rem
}
.form-text{
    display:block;
    margin-top:.25rem
}
.form-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-5px;
    margin-left:-5px
}
.form-row>.col,.form-row>[class*=col-]{
    padding-right:5px;
    padding-left:5px
}
.form-check{
    position:relative;
    display:block;
    padding-left:1.25rem
}
.form-check-input{
    position:absolute;
    margin-top:.3rem;
    margin-left:-1.25rem
}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{
    color:#6c757d
}
.form-check-label{
    margin-bottom:0
}
.form-check-inline{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:0;
    margin-right:.75rem
}
.form-check-inline .form-check-input{
    position:static;
    margin-top:0;
    margin-right:.3125rem;
    margin-left:0
}
.valid-feedback{
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:80%;
    color:#28a745
}
.valid-tooltip{
    position:absolute;
    top:100%;
    left:0;
    z-index:5;
    display:none;
    max-width:100%;
    padding:.25rem .5rem;
    margin-top:.1rem;
    font-size:.875rem;
    line-height:1.5;
    color:#fff;
    background-color:rgba(40,167,69,.9);
    border-radius:.25rem
}
.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{
    left:5px
}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{
    display:block
}
.LoanCalculator .form-control.is-valid,.was-validated .LoanCalculator .form-control:valid{
    border-color:#28a745 !important;
    padding-right:calc(1.5em + .75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:right calc(.375em + .1875rem) center;
    background-size:calc(.75em + .375rem) calc(.75em + .375rem)
}
.LoanCalculator .form-control.is-valid:focus,.was-validated .LoanCalculator .form-control:valid:focus{
    border-color:#28a745;
    -webkit-box-shadow:0 0 0 .2rem rgba(40,167,69,.25);
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.was-validated textarea.LoanCalculator .form-control:valid,textarea.LoanCalculator .form-control.is-valid{
    padding-right:calc(1.5em + .75rem);
    background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,.was-validated .custom-select:valid{
    border-color:#28a745;
    padding-right:calc(.75em + 2.3125rem);
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{
    border-color:#28a745;
    -webkit-box-shadow:0 0 0 .2rem rgba(40,167,69,.25);
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{
    color:#28a745
}
.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{
    display:block
}
.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{
    color:#28a745
}
.custom-control-input.is-valid~.custom-control-label::before,.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-control-input:valid~.custom-control-label::before,.was-validated .custom-file-input:valid~.custom-file-label{
    border-color:#28a745
}
.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{
    border-color:#34ce57;
    background-color:#34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{
    -webkit-box-shadow:0 0 0 .2rem rgba(40,167,69,.25);
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{
    border-color:#28a745
}
.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{
    border-color:#28a745;
    -webkit-box-shadow:0 0 0 .2rem rgba(40,167,69,.25);
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.invalid-feedback{
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:80%;
    color:#dc3545
}
.invalid-tooltip{
    position:absolute;
    top:100%;
    left:0;
    z-index:5;
    display:none;
    max-width:100%;
    padding:.25rem .5rem;
    margin-top:.1rem;
    font-size:.875rem;
    line-height:1.5;
    color:#fff;
    background-color:rgba(220,53,69,.9);
    border-radius:.25rem
}
.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{
    left:5px
}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{
    display:block
}
.LoanCalculator .form-control.is-invalid,.was-validated .LoanCalculator .form-control:invalid{
    border-color:#dc3545!important;
    padding-right:calc(1.5em + .75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:right calc(.375em + .1875rem) center;
    background-size:calc(.75em + .375rem) calc(.75em + .375rem)
}
.LoanCalculator .form-control.is-invalid:focus,.was-validated .LoanCalculator .form-control:invalid:focus{
    border-color:#dc3545!important;
    -webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.25);
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.was-validated textarea.LoanCalculator .form-control:invalid,textarea.LoanCalculator .form-control.is-invalid{
    padding-right:calc(1.5em + .75rem);
    background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,.was-validated .custom-select:invalid{
    border-color:#dc3545;
    padding-right:calc(.75em + 2.3125rem);
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{
    border-color:#dc3545;
    -webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.25);
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{
    color:#dc3545
}
.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{
    display:block
}
.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{
    color:#dc3545
}
.custom-control-input.is-invalid~.custom-control-label::before,.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-control-input:invalid~.custom-control-label::before,.was-validated .custom-file-input:invalid~.custom-file-label{
    border-color:#dc3545
}
.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{
    border-color:#e4606d;
    background-color:#e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{
    -webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.25);
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{
    border-color:#dc3545
}
.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{
    border-color:#dc3545;
    -webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.25);
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.form-inline{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.form-inline .form-check,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{
    width:100%
}

body .button-alrajhi-outline,
html .button-alrajhi-outline {
  background: transparent;
  color: var(--colo-standard-hyperlink-color) !important;
  border-radius: 1.875em;
  padding: 0.625em 0;
  margin: 0.625em 0;
  border: 0.1em solid var(--colo-standard-hyperlink-color) !important;
  width: 100%;
}
body .button-alrajhi-outline:hover,
html .button-alrajhi-outline:hover {
  background: var(--colo-standard-hyperlink-color) !important;
  color: var(--colo-background-white) !important;
  border-color: transparent !important;
  text-decoration: none;
}
body .button-alrajhi-outline:focus,
html .button-alrajhi-outline:focus {
  background: var(--colo-standard-hyperlink-color) !important;
  color: var(--colo-background-white)!important;
  border-color: transparent !important;
  box-shadow: none;
}
body .btn.disabled,
body .btn:disabled,
html .btn.disabled,
html .btn:disabled {
  opacity: 0.4;
}