*{
    box-sizing: border-box;
}
section.arp_main_cal {
 padding-top: 6vw;
 }
 h3.new_head {
 margin: 0px;
 padding: 20px 0px 30px;
 text-transform: uppercase;
 }
 .new_for_des span {
 display: flex;
 width: 50px;
 background: #ccc;
 align-items: center;
 justify-content: center;
 }
 .con_arp h3 {
 color: #0056b3;
 font-size: 26px;
 font-weight: 500;
 padding: 15px 0px 20px;
 }
 .con_arp {
 padding-bottom: 50px;
 }
 .con_arp ul{
 padding-left: 15px;
 }
 input[type=text], select, textarea {
 width: 100%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 resize: vertical;
 }
 input[type=number], select, textarea {
 width: 100%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 resize: vertical;
 }
 input[type=email], select, textarea {
 width: 100%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 resize: vertical;
 /*border: 1px solid red;*/
 }
 input[type=password], select, textarea {
 width: 100%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 resize: vertical;
 }
 input[type=file], select, textarea {
 width: 100%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 resize: vertical;
 height:52px;
 /*border: 1px solid red;*/
 }
 input[type=password], select, textarea {
 width: 100%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 resize: vertical;
 height:52px;
 /*border: 1px solid red;*/
 }
 .mybanner{
 height: 115px;
 width: 68%;
 padding-left: 0px;
 margin-left: -15px;
 margin-top: 26px;
 }
 label {
 padding: 5px 12px 5px 0;
 display: inline-block;
 }
 input[type=submit] {
 background-color:#0056b3;
 color: white;
 padding: 12px 20px;
 border: none;
 border-radius: 4px;
 cursor: pointer;
 /*float: left;*/
 width: 100%;
 margin-top: 20px;
 width: 300px;
 }
 input[type=submit]:hover {
 background-color: #45a049;
 }
 .apr_input input[type="number"]:disabled {
 background: #fff;
 border-radius: 0px;
 }
 .input-group-addon-output {
 min-width: 135px;
 font-size: 14px;
 border-radius: 0px;
 }
 .col-25 {
 float: left;
 width: 25%;
 margin-top: 6px;
 }
 .col-75 {
 float: left;
 width: 75%;
 margin-top: 6px;
 }
 /* Clear floats after the columns */
 .row:after {
 content: "";
 display: table;
 clear: both;
 }
 .myclass{
 position: fixed;
 width: 100%;
 top: -134px;
 left: 0;
 right: 0;
 z-index: 9999;
 padding: 0;
 transform: translateY(70px);
 transition: transform 500ms ease, background 200ms ease;
 -webkit-transition: transform 500ms ease, background 200ms ease;
 margin-top: -131px;
 }
 /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
 @media screen and (max-width: 768px) {
 .con_arp h3 {
 font-size: 20px;
 }
 }
 @media screen and (max-width: 600px) {
 .col-25, .col-75, input[type=submit] {
 width: 100%;
 margin-top: 0;
 }
 .con_arp h3 {
 font-size: 18px;
 }
 h3.new_head {
margin: 0px;
padding: 0px 0px 0px;
text-transform: uppercase;
}
.con_arp {
padding: 20px;
padding-top: 0px;
}
 }
 #formValidation label.error {
 color: red;
 font-weight: bold;
 }
 .main {
 width: 600px;
 margin: 0 auto;
 }
 .apr_result{
 margin-top: 25px;
 margin-bottom: 20px;
 font-size: 20px;
 color:#0056b3;
 }
 .apr-formula-box {
 background: #fff;
 border-radius: 10px;
 padding: 25px 30px;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
 margin-top: 25px;
 }
 .apr-formula-box__title {
 color: #0056b3;
 font-weight: 700;
 font-size: 17px;
 margin-bottom: 16px;
 display: flex;
 align-items: center;
 gap: 8px;
 }
 .apr-formula-box__code {
 background: #f3f6fb;
 border-radius: 8px;
 padding: 14px 18px;
 font-family: 'Courier New', Courier, monospace;
 font-size: 14px;
 color: #0056b3;
 font-weight: 700;
 overflow-x: auto;
 white-space: nowrap;
 margin-bottom: 16px;
 }
 .apr-formula-box__desc {
 font-size: 13.5px;
 color: #5a5a5a;
 line-height: 1.7;
 margin: 0;
 }
.loan-calculator-two {
    padding-top: 100px;
    padding-bottom: 50px;
    background-color: whitesmoke;
  }
  .loan-calculator-two .container::before {
    content: '';
    height: 115px;
    background-color: black;
    border-radius: 100%;
    left: 45px;
    right: 45px;
    background: #373737;
    -webkit-filter: blur(150px);
    filter: blur(150px);
  }
  .loan-calculator-two__inner {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    border-radius: 20px;
    width: 100%;
    padding: 80px 30px;
    position: relative;
  }
  .loan-calculator-two__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -0.01em;
    color: #555C63;
    margin: 0;
    margin-top: 8px;
  }
  @media (min-width: 768px) {
    .loan-calculator-two .loan-slider-box {
      margin-right: 30px;
    }
  }
  .loan-calculator-two .single-loan-slider {
    margin-bottom: 19px;
  }
  .loan-calculator-two .single-loan-slider__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px;
  }
  .loan-calculator-two .single-loan-slider__top h4 {
    margin: 0;
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #0C2139;
  }
  .loan-calculator-two .single-loan-slider__top h6 {
    margin: 0;
  }
  .loan-calculator-two .single-loan-slider__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -0.01em;
    color: #A5A5A5;
    padding-top: 16px;
  }
  .loan-calculator-two .single-loan-counter {
    margin: 0;
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: -0.01em;
    color: #008FD5;
  }
  .loan-calculator-two__form {
    background: #1F1F1F;
    border-radius: 20px;
    padding: 30px;
    margin-top: 50px;
  }
  @media (min-width: 768px) {
    .loan-calculator-two__form {
      padding: 55px;
      margin-left: 9px;
    }
  }
  @media (min-width: 768px) {
    .loan-calculator-two__form {
      margin-top: 100px;
    }
  }
  .loan-calculator-two__form p {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .loan-calculator-two__form p span {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.01em;
    color: #C4C4C4;
  }
  .loan-calculator-two__form p b {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    text-align: right;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .loan-calculator-two__form p b i {
    font-style: normal;
  }
  .loan-calculator-two__form p:not(:last-of-type) {
    padding-bottom: 12px;
    margin-bottom: 13px;
    border-bottom: 1px solid #3D3D3D;
  }
  .loan-calculator-two__form__emi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 21px;
    margin-bottom: 30px;
  }
  .loan-calculator-two__form__emi span {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .loan-calculator-two__form__emi b {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #008FD5;
  }
  .loan-calculator-two__form__emi b i {
    font-style: normal;
  }
  .loan-calculator-two__form .thm-btn {
    background: #FFFFFF;
    border-radius: 43px;
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: #0C2139;
    padding: 17.5px 30px;
    margin-top: 20px;
  }
  .loan-calculator-two__form .thm-btn a {
    color: #0C2139;
  }
  .loan-calculator-two__form .thm-btn:hover {
    background-color: #008FD5;
  }
  .loan-calculator-two__form .thm-btn:hover a{
    color: #ffffff;
  }  
  .loan-calculator-two .ui-slider-horizontal {
    height: 2px;
  }
  .loan-calculator-two .single-loan-slider .ui-slider .ui-slider-handle {
    background: #FFFFFF;
    border: 2px solid #008FD5;
    top: -10px !important;
  }
  /* For Calculator Slider */
  .ui-widget.ui-widget-content {
      border: 1px solid #c5c5c5;
  }
  .ui-widget-content {
      border: 1px solid #dddddd;
      background: #ffffff;
      color: #333333;
  }
  .ui-widget {
      font-family: Arial,Helvetica,sans-serif;
      font-size: 1em;
  }
  .ui-slider-horizontal {
      height: .8em;
  }
  .ui-slider {
      position: relative;
      text-align: left;
  }
  html .ui-button.ui-state-disabled:hover,
  html .ui-button.ui-state-disabled:active {
      border: 1px solid #c5c5c5;
      background: #f6f6f6;
      font-weight: normal;
      color: #454545;
  }
  .ui-slider-horizontal .ui-slider-handle {
      top: -.3em;
      margin-left: -.6em;
  }
  .ui-slider .ui-slider-handle {
      position: absolute;
      z-index: 2;
      width: 1.2em;
      height: 1.2em;
      cursor: default;
      -ms-touch-action: none;
      touch-action: none;
  }
  .ui-corner-all,
  .ui-corner-top,
  .ui-corner-left,
  .ui-corner-tl {
      border-top-left-radius: 10px;
  }
  .ui-corner-all,
  .ui-corner-top,
  .ui-corner-right,
  .ui-corner-tr {
      border-top-right-radius: 10px;
  }
  .ui-corner-all,
  .ui-corner-bottom,
  .ui-corner-left,
  .ui-corner-bl {
      border-bottom-left-radius: 10px;
  }
  .ui-corner-all,
  .ui-corner-bottom,
  .ui-corner-right,
  .ui-corner-br {
      border-bottom-right-radius: 10px;
  }
  .single-loan-slider .ui-slider .ui-slider-range {
    background: #008FD5
  }
  .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
  }
  .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
  }
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
  }
  .loan-calculator-two__form .thm-btn {
    background: #FFFFFF;
    border-radius: 43px;
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.01em;
    color: #0C2139;
    padding: 17.5px 30px;
    margin-top: 20px;
  }
  /* Tablet and Below (<= 991px) */
@media screen and (max-width: 991px) {
  .loan-calculator-two__inner {
    padding: 50px 20px;
  }
  .loan-calculator-two {
    padding-top: 10px;
    padding-bottom: 50px;
    background-color: whitesmoke;
  }
  .loan-calculator-two .loan-slider-box {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .loan-calculator-two .single-loan-slider__top h4 {
    font-size: 18px;
  }
  .loan-calculator-two .single-loan-counter {
    font-size: 18px;
  }
  .loan-calculator-two__form {
    margin-left: 0;
    padding: 30px 20px;
  }
  .loan-calculator-two__form p span,
  .loan-calculator-two__form p b {
    font-size: 16px;
  }
  .loan-calculator-two__form .thm-btn {
    font-size: 16px;
    padding: 14px 20px;
  }
}
/* Mobile (<= 767px) */
@media screen and (max-width: 767px) {
  /* .loan-calculator-two__inner {
    padding: 30px 15px;
  } */
  .loan-calculator-two .row {
    flex-direction: column;
  }
  .loan-calculator-two .col-lg-6 {
    width: 100%;
    padding: 0;
  }
  .loan-calculator-two .single-loan-slider__bottom span {
    font-size: 12px;
  }
  .loan-calculator-two .single-loan-counter {
    font-size: 16px;
  }
  .loan-calculator-two__form p span,
  .loan-calculator-two__form p b {
    font-size: 14px;
  }
  .loan-calculator-two__form .thm-btn {
    font-size: 16px;
    padding: 12px 16px;
  }
  .loan-calculator-two .single-loan-slider__top h4 {
    font-size: 16px;
  }
}
/* Very Small Devices (<= 480px) */
@media screen and (max-width: 480px) {
  .loan-calculator-two__form {
    padding: 20px;
  }
  .loan-calculator-two__form p span,
  .loan-calculator-two__form p b {
    font-size: 13px;
  }
  .loan-calculator-two .single-loan-slider__top h4 {
    font-size: 15px;
  }
  .loan-calculator-two .single-loan-slider__bottom span {
    font-size: 11px;
  }
  .loan-calculator-two__form .thm-btn {
    font-size: 14px;
    padding: 10px 14px;
  }
}
.loan-calculator-two__form {
  padding: 30px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .loan-calculator-two__form {
    padding: 16px;
    border-radius: 12px;
  }
  .loan-calculator-two__form p span,
  .loan-calculator-two__form p b {
    font-size: 14px;
  }
  .loan-calculator-two__form .thm-btn {
    font-size: 15px;
    padding: 10px 16px;
  }
}
.loan-calculator-two__form {
  margin-top: 30px;
}
body {
  overflow-x: hidden;
}