.elementor-9877 .elementor-element.elementor-element-8e6f6d6{--display:flex;--min-height:206px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-9877 .elementor-element.elementor-element-8e6f6d6:not(.elementor-motion-effects-element-type-background), .elementor-9877 .elementor-element.elementor-element-8e6f6d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.marinerfinance.com/wp-content/uploads/2023/06/BG_Personal-Loans-FAQs-Contact-Blog.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-9877 .elementor-element.elementor-element-276f40b{text-align:center;}.elementor-9877 .elementor-element.elementor-element-276f40b .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-9877 .elementor-element.elementor-element-7cde81bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9877 .elementor-element.elementor-element-2e7f9ef4{text-align:left;}.elementor-9877 .elementor-element.elementor-element-2e7f9ef4 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:32px;font-weight:500;color:var( --e-global-color-cdc1ae0 );}.elementor-9877 .elementor-element.elementor-element-1231b586{text-align:left;font-family:"Lato", Sans-serif;font-size:16px;}.elementor-9877 .elementor-element.elementor-element-45baf9d{text-align:left;font-family:"Lato", Sans-serif;font-size:16px;}.elementor-9877 .elementor-element.elementor-element-6e62214{text-align:left;font-family:"Lato", Sans-serif;font-size:16px;}.elementor-9877 .elementor-element.elementor-element-9f9cee1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-9877 .elementor-element.elementor-element-3f46342{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-9877 .elementor-element.elementor-element-3f46342:not(.elementor-motion-effects-element-type-background), .elementor-9877 .elementor-element.elementor-element-3f46342 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-9877 .elementor-element.elementor-element-3f46342.e-con{--align-self:center;}.elementor-9877 .elementor-element.elementor-element-7eae725 > .elementor-widget-container{margin:35px 0px 0px 0px;}.elementor-9877 .elementor-element.elementor-element-7eae725{text-align:center;}.elementor-9877 .elementor-element.elementor-element-7eae725 .elementor-heading-title{font-family:"Lato", Sans-serif;color:var( --e-global-color-cdc1ae0 );}.elementor-9877 .elementor-element.elementor-element-0c6fbcf > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-9877 .elementor-element.elementor-element-ef99649{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-9877 .elementor-element.elementor-element-340478c > .elementor-widget-container{margin:0rem 0rem 03rem 0rem;}.elementor-9877 .elementor-element.elementor-element-340478c{text-align:center;}.elementor-9877 .elementor-element.elementor-element-340478c .elementor-heading-title{color:var( --e-global-color-cdc1ae0 );}.elementor-9877 .elementor-element.elementor-element-18f0b2f > .elementor-widget-container{margin:0rem 0rem 01rem 0rem;padding:0px 0px 0px 0px;}.elementor-9877 .elementor-element.elementor-element-18f0b2f.elementor-element{--align-self:stretch;}.elementor-9877 .elementor-element.elementor-element-968a523{text-align:center;font-size:10px;}.elementor-9877 .elementor-element.elementor-element-6d01ebf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9877 .elementor-element.elementor-element-6a32fe4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-9877 .elementor-element.elementor-element-6ca5f64{text-align:center;font-family:"Lato", Sans-serif;font-size:12px;}.elementor-9877 .elementor-element.elementor-element-83e90fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9877 .elementor-element.elementor-element-b50d943{text-align:center;font-family:"Lato", Sans-serif;font-size:12px;}.elementor-9877 .elementor-element.elementor-element-9fb69a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9877 .elementor-element.elementor-element-9e9cf8e{text-align:left;}.elementor-9877 .elementor-element.elementor-element-9e9cf8e .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:32px;line-height:40px;color:var( --e-global-color-cdc1ae0 );}.elementor-9877 .elementor-element.elementor-element-5354e5e{text-align:left;font-family:"Lato", Sans-serif;font-size:16px;}.elementor-9877 .elementor-element.elementor-element-aace9fb{text-align:left;font-family:"Lato", Sans-serif;font-size:16px;}.elementor-9877 .elementor-element.elementor-element-18f0b53{text-align:left;font-family:"Lato", Sans-serif;font-size:16px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9877 .elementor-element.elementor-element-8e6f6d6{--width:100%;}.elementor-9877 .elementor-element.elementor-element-7cde81bb{--content-width:1180px;}.elementor-9877 .elementor-element.elementor-element-9f9cee1{--content-width:1100px;}.elementor-9877 .elementor-element.elementor-element-3f46342{--width:50%;}.elementor-9877 .elementor-element.elementor-element-ef99649{--width:50%;}.elementor-9877 .elementor-element.elementor-element-6a32fe4{--content-width:1180px;}.elementor-9877 .elementor-element.elementor-element-83e90fb{--content-width:1180px;}.elementor-9877 .elementor-element.elementor-element-9fb69a4{--content-width:1180px;}}@media(max-width:1024px) and (min-width:768px){.elementor-9877 .elementor-element.elementor-element-7cde81bb{--content-width:90%;}.elementor-9877 .elementor-element.elementor-element-9fb69a4{--content-width:90%;}}@media(max-width:767px){.elementor-9877 .elementor-element.elementor-element-8e6f6d6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9877 .elementor-element.elementor-element-276f40b .elementor-heading-title{font-size:36px;line-height:1.2em;}.elementor-9877 .elementor-element.elementor-element-7cde81bb{--content-width:90%;}.elementor-9877 .elementor-element.elementor-element-2e7f9ef4 .elementor-heading-title{font-size:30px;}.elementor-9877 .elementor-element.elementor-element-340478c > .elementor-widget-container{margin:2rem 0rem 2rem 0rem;}.elementor-9877 .elementor-element.elementor-element-968a523 > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-9877 .elementor-element.elementor-element-6a32fe4{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9877 .elementor-element.elementor-element-83e90fb{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9877 .elementor-element.elementor-element-9fb69a4{--content-width:90%;--margin-top:20px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-9f9cee1 */#input-loan-amount,#term-title, #loan-input, #apr-input, .apr-error, .term-error {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 500;
 
}

#loan-cal-container {
  display: flex;
  justify-content: center;
padding-left:12%;
padding-right:12%;
}

#loan-cal-container .inputs,
#loan-cal-container .results {
  margin: 0 auto;

}

.max-value-container, .min-value-container{
font-size: 12px;
font-family: lato;
font-weight: 600;
}

.dropdown.open {
  z-index: 999;
}

.dropdown {
    position: relative; 
    width: 100%;
    height: 50px;
 
}

.dropdown::before {
    content: "";
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1000;
    width: 12px;
    height: 12px;
    border: 2.5px solid #013474;
  border-radius:2px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    transition: 0.5s;
    pointer-events: none;
}

.dropdown.active::before {
    top: 22px;
    transform: rotate(-225deg);
}


.dropdown input {
    position: absolute;
    top: 0;

    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #fff;
    font-size: 14px;
    border: 2px solid #C1C8CD;
    outline: none;
    box-shadow: ;
    padding: 12px 20px;
    border-radius: 10px;
}
.dropdown.active input{
    border-color: #013474;
}
.dropdown .options {
    position: absolute;
    top: 70px;
    width: 100%;
    background: #fff;
    box-shadow: ;
    border-radius: 10px;
    overflow: hidden;
    display: none;
}

.dropdown.active .options {
    display: block;
  
}

.dropdown .options div {
    padding: 12px 12px;
    cursor: pointer;
}


.dropdown .options div:hover {
    background: #013474;
    color: #C1C8CD;
  border-radius:10px; 
}
.loan-slide-cal input[type="range"] {
width: 95%;
display: block;
  margin: 0 auto;

    }
  
   #term-title, #loan-input, #apr-input{
 
  font-size:14px;
  margin-bottom:25px
  }

#term-title{
padding-top:20px;
}

#apr-input{
margin-top:-10px;
}
  
#input-loan-amount{
margin-top:10px;
}

  #apr-amt-cal{
  border:2px solid #C1C8CD ;
  border-radius:10px;
  width:100%;
    
  }
  
 
  .loan-apr-amt {
  display: flex;
  align-items: center;

}

.apr-error{
padding-bottom:8%;
padding-top:8px;
font-size:14px;
color:#ed1555;
opacity:0;

}

.term-error{
padding-top:8px;
font-size:14px;
color:#ed1555;
opacity:0;
}
#apr-amt-cal{
    padding :15px;
}
.loan-apr-amt input[type=number]::-webkit-inner-spin-button,
.loan-apr-amt input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.percentage-symbol {
  margin-left: -6%;
  font-size: 16px;
  font-weight:bold;
color:#013474;
 
}

  
  /* Style of slider section */
  .loan-slide-cal {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.loan-range-cal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.value-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.min-value-container, .max-value-container {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #333;
    line-height: 20px;
}

#loan-value-cal {
    font-size: 25px;
    letter-spacing: 1.7px;
    color: #013474;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}

#min-cal::after, #max-cal::after {
    content: "|";
    display: block;
    text-align: center;
    margin-top: 5px;
}

#loan-slider-cal {
    width: calc(100% - 30px);
    border-radius: 50px;
    height: 3px;
    background: #828282;
    appearance: none;
    margin-top: 10px; 
}

#loan-slider-cal::-webkit-slider-thumb {
    background-color:#013474;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    margin-top: -5px;
    transform: translateX(-2px);
      -webkit-appearance:none;
}

#loan-slider-cal::-moz-range-thumb {
    background-color: #013474;
    height: 16px;
    width: 16px;
    border-radius: 50%;
      -webkit-appearance:none;
}

#loan-slider-cal::-ms-thumb {
    background-color: #013474;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    -webkit-appearance:none;
}

#loan-slider-cal::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #013474 0%, #013474 var(--slider-percentage), #828282 var(--slider-percentage), #828282 100%);
    height: 5px;
    border-radius: 50px;
}
#loan-slider-cal::-moz-range-progress {
    background: #013474;
    height: 5px;
    border-radius: 50px;
}
#loan-slider-cal::-moz-range-track {
    background: #828282;
    height: 5px;
    border-radius: 50px;
}
 


  
  .results-container{
  color:#013474;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
 
  }
  
.result-block{
 margin-bottom: 4em;
}
  

  /* Style the results in the results-container */
  
  #monthly-payment-cal, #apr-amount-cal,  #total-repayment-cal{
  font-size: 42px;
  text-align:center;
  color: #013474;
  display:block;
font-weight:bold;
    
  }
  
  
  /* Style the separator line under #monthly-payment-cal */
  
  #monthly-payment-underline {
  height:1px;
  text-align:center;
  width:90%;
   margin-left:5%;
  background-color:#828282;

  }

  
  .total-repayment-label, .apr-amount-label  {
  display: 
  block;
  color:black;
  font-size: 
  14px;
  margin-bottom:0px !important;
  text-align: 
  center;
  }


  #apr-amount-p, #total-repayment-p {

  text-align:center;
  }


   
  #calculateLoan, #otherBtn{width:85%;
  border:2px solid;
  padding: 14px;
  border-radius:50px;
  font-size:16px;
  }
  #calculateLoan{
  border-color:#013474;
  color:#013474;
    cursor: pointer;
    background-color: #f6f6f6;
  }

 #calculateLoan:hover{
      background-color:#ddd;
 }

.button-container {
  display: flex;
  justify-content: center;
  cursor: pointer;

}


  
  #otherBtn{
  background-color:#febd10;
font-family: 'lato', sans-serif !important;
  font-weight: 500 !important;
  color:#1c1c1c;
  border:none;
cursor: pointer;
margin-top:0px;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%) !important

  }
  

.inputs{
box-shadow: -6px 2px 21px -8px rgba(0,0,0,0.18);
-webkit-box-shadow: -6px 2px 21px -8px rgba(0,0,0,0.18);
-moz-box-shadow: -6px 2px 21px -8px rgba(0,0,0,0.18);
}
.results{
box-shadow: 9px 2px 21px -8px rgba(0,0,0,0.14);
-webkit-box-shadow: 9px 2px 21px -8px rgba(0,0,0,0.14);
-moz-box-shadow: 9px 2px 21px -8px rgba(0,0,0,0.14);
}

@media only screen and (max-width: 700px) {
.results{
   box-shadow: -6px 2px 21px -8px rgba(0,0,0,0.12);
-webkit-box-shadow: -6px 2px 21px -8px rgba(0,0,0,0.12);
-moz-box-shadow: -6px 2px 21px -8px rgba(0,0,0,0.12); !important;
}

  .inputs{
  box-shadow: -7px -2px 20px -9px rgba(0,0,0,0.12);
-webkit-box-shadow: -7px -2px 20px -9px rgba(0,0,0,0.12);
-moz-box-shadow: -7px -2px 20px -9px rgba(0,0,0,0.12); !important;

}

 

 



  .percentage-symbol{
display:none;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

.percentage-symbol {
  margin-left: -5%;
  font-size: 16px;
  font-weight:bold;
color:#013474;
}

.results{
   box-shadow: -5px 2px 21px -8px rgba(0,0,0,0.12);
-webkit-box-shadow: -5px 2px 21px -8px rgba(0,0,0,0.12);
-moz-box-shadow: -5px 2px 21px -8px rgba(0,0,0,0.12); !important;
}

  .inputs{
  box-shadow: -5px -5px 20px -9px rgba(0,0,0,0.12);
-webkit-box-shadow: -5px -5px 20px -9px rgba(0,0,0,0.12);
-moz-box-shadow: -5px -5px 20px -9px rgba(0,0,0,0.12); !important;

}


}/* End custom CSS */