body {
      background: #f7faff;
      font-family: 'Libre franklin', sans-serif;

  }


  .content .first-section {
      text-align: center;
      padding: 40px 0 0px 0;
      width: 100%;



  }

  .content .first-section .title {
      font-size: 28px;
      line-height: 36px;
      font-weight: 600;
      color: #333;
      font-family: libre franklin, sans-serif;
      padding: 0 25%;
      text-align: center;

  }

  .content .first-section .desc {
      font-size: 16px;
      line-height: 22px;
      color: #333;
      font-weight: 400;
      padding-top: 5px;
      padding: 0 25%;
      text-align: center;
  }





  .third-section {


      padding: 3% 0 2% 0;

      border-top: 0.5px solid #ccc;
      margin: 50px 0;


      display: inline-block;

  }

  .third-section .lc-left {
      width: 33%;
      text-align: center;
      float: left;
      padding: 0 10px;

  }

  .third-section .lc-right {
      width: 33%;
      text-align: center;
      float: left;
      padding: 0 10px;
  }

  .third-section .lc-far-right {
      width: 33%;
      text-align: center;
      padding: 0 10px;
      float: left;
  }

  .third-section .lc-left span,
  .lc-right span,
  .lc-far-right span {
      text-decoration: none;
      font-weight: 600;
      font-size: 16px;
      color: #333;
      line-height: 22px;
  }

  .third-section p {
      font-size: 16px;
      color: #333;
      margin-top: 7px;
  }

  .third-section .lc-left p img {
      height: 60px;
      width: auto;
      margin-bottom: 7px;
  }

  .third-section .lc-right p img {
      height: 60px;
      width: auto;
      margin-bottom: 7px;
  }

  .third-section .lc-far-right p img {
      height: 60px;
      width: auto;
      margin-bottom: 7px;
  }

  .third-section .lc-far-right p .fa {
      font-size: 30px;
      padding: 5px 3px 10px 3px;
  }

  @media (max-width: 775px) {
      .content {
          margin-top: 70px !important;
      }

      .content .first-section {
          padding: 20px 0 0px 0;
          width: 100%;
      }

      .content .first-section .title {
          width: 100%;
          padding: 0;
      }

      .content .first-section .desc {
          width: 100%;
          padding: 0;
      }

      .content .third-section {
          padding-top: 5%;
      }

      .content .third-section .lc-left {
          width: 100%;
          margin-bottom: 15px;
      }

      .content .third-section .lc-right {
          width: 100%;
          margin-bottom: 15px;
      }

      .content .third-section .lc-far-right {
          width: 100%;

      }
  }




  .banner {
      height: auto;
      width: 100%;
      margin-bottom: 30px;
  }

  .banner img {
      width: 100%;
      height: auto;
  }


  .loan-h2 {
      text-align: center;
      color: #333;
      font-size: 24px;
      line-height: 34px;
  }

  h2 {
      font-size: 20px;
      color: #333;
      margin-bottom: 20px;
  }

  table {
      border-spacing: 0 10px;
      width: 100%;
      border-collapse: separate;


  }

  th {
      cursor: pointer;
      height: 30px;
      color: #333;
  }

  th,
  td {
      text-align: left;
      padding: 5px 15px;
      height: 40px;
  }

  td a {
      text-decoration: none;
  }

  td img {
      /*    display: block;
    margin-left: auto;
    margin-right: auto;*/
      height: 20px;

  }

  td:first-child {

      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
  }

  td:last-child {

      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
  }

  .bank-name {
      color: #1879fc;
      text-decoration: none;
      font-weight: bold;
      padding: 9px 0 0 0;
      font-size: 16px;
  }

  tr {
      background-color: white;

  }

  tr:nth-child(even) {
      background-color: white;
  }

  table ul {

      padding: 5px 15px 0 0;
      list-style: none;


  }

  table ul li {
      font-weight: 400;
      color: #888;
      font-size: 14px;
  }

  table ul li:before {
      content: '✓';
      color: dodgerblue;
      font-weight: bold;
      padding: 0 5px 0 0;
      margin: 0;
  }

  .calcu-emi {

      color: #1879fc;
      text-decoration: none;
      font-weight: bold;
      padding: 9px 0 0 0;
      font-size: 14px;
  }

  .in-title {
      font-weight: 400;
      color: #888;
      font-size: 14px;
      padding: 9px 0 0 0;
  }

  .rates,
  .terms,
  .max-loan {
      font-weight: 500;
  }

  .sort-table {
      border: 1px solid #ccc;
      background: white;
      border-radius: 4px;
      padding: 6px 17px !important;
      color: #333;
      margin: 4px 0;
      font-family: 'Libre franklin', sans-serif;
      font-weight: 500;
      text-align: left;
      font-size: 14px;
      margin-right: 5px;
      display: none;

  }

  .sort-table:hover {
      background: #f2f2f2;
  }

  .sort span {
      font-size: 10px;
      text-align: left;

  }

  .get-loan {
      border: 1px solid #dc143c;
      background: #dc143c;
      border-radius: 4px;
      padding: 6px 12px;
      color: white;
      margin: 4px 0;
      font-family: 'Libre franklin', sans-serif;
      font-weight: 500;
  }

  .learn-more {
      border: 1px solid #ccc;
      background: #f1f1f1;
      border-radius: 4px;
      padding: 6px 12px;
      color: #333;
      margin: 4px 0;
      font-family: 'Libre franklin', sans-serif;
      font-weight: 500;
  }

  button:hover {
      opacity: 0.9;
      cursor: pointer;
  }

  @media only screen and (max-width:850px) {
      th {
          display: none;
      }

      td {
          width: 100%;
          float: left;
          padding: 0;
          text-align: center;
      }

      td img {
          height: 50px;
          margin-bottom: 5px;

      }

      .t1 {
          width: 100%;
          float: left;
          padding: 20px 0;
          height: auto;

      }

      .t1 .bank-name {
          font-size: 18px;
          line-height: 24px;

      }

      .t2 {
          width: 38%;
          float: left;
      }

      .t3 {
          width: 33%;

      }

      .t4 {
          width: 28%;
      }

      .t5 {
          width: 100%;
          float: left;
          height: 80px;
      }

      .t6 {
          width: 100%;
          float: left;
          padding: 0 0 20px 0;
      }

      .t6 br {
          display: none;
      }

      .get-loan,
      .learn-more {
          margin: 0 5px;
      }
  }

  @media only screen and (max-width:330px) {
      .t4 {
          display: none;
      }

      .t2,
      .t3 {
          width: 50%;
          float: left;

      }
  }


  /*section 2 form and calculator*/

  .content {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
      height: auto;

  }


  ul {
      list-style: none;
      padding: 0
  }

  .loan-slider {
      height: auto;
      float: left;
      background: ;
      width: 35%;
      padding-top: 30px;
  }

  .loan-slider-form {
      height: auto;
      float: left;
      background: ;
      width: 63%;
      padding-top: 30px;
      margin-left: 2%;
  }

  .container {
      width: 100%;
      background: #fff;
      border-radius: 4px;
      padding: 30px 24px 20px 20px;
      height: auto;
      float: left;

  }

  .container-right {
      width: 100%;
      background: #fff;
      height: auto;
      float: left;

      padding: 20px 0px 35px 20px;
      border-radius: 4px;

  }

  .container-right .form-container p {

      font-size: 16px;
      font-weight: 600;
      text-align: left;
      line-height: 22px;
      color: #333;
      margin: 1.5% 2% 1.5% 0;
      background: ;



  }

  .container-right .form-container input[type=text],
  .container-right .form-container input[type=email],
  .container-right .form-container input[type=phone],
  .container-right .form-container input[type=number] {

      border: 1px solid #ccc;
      font-size: 15px;
      width: 100%;
      border-radius: 4px;
      font-family: 'Libre Franklin', sans-serif;
      height: 40px;
      padding: 8px 13px;
      background: white;
      color: #545454;
      font-weight: 500;
      margin: 10px 0 0 0;
      float: left;
      background: #fafafa;


  }

 .container-right .form-container input[type=radio] {
    
}

  .container-right .form-container input::-webkit-input-placeholder {
      /* Edge */

      font-weight: 400;

  }

  .container-right .form-container input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */

      font-weight: 400;
  }

  .container-right .form-container input::placeholder {

      font-weight: 400;
  }



  .container-right .form-container input[type=text]:focus::-webkit-input-placeholder,
  .container-right .form-container input[type=number]:focus::-webkit-input-placeholder,
  .container-right .form-container input[type=email]:focus::-webkit-input-placeholder {
      transition: opacity 0.45s ease;
      opacity: 0;
  }

  .container-right .form-container input:focus::placeholder {
      transition: opacity 0.45s ease;
      opacity: 0;
  }

  .container-right .form-container .pmid {
      width: 46%;
      float: left;
      margin-top: 10px 0;
      margin-right: 3%;
  }

  .container-right .form-container input[type=text]:focus,
  .container-right .form-container input[type=number]:focus,
  .container-right .form-container input[type=email]:focus {
      border: 1px solid #2D8EFF;
      height: 40px;
      outline: none;
  }




  .container-right .form-container .btn-success {

      background: #dc143c;
      color: white;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: .3px;
      border-radius: 4px;
      padding: 9px;
      margin: 15px 0px 10px 0px;
      font-size: 16px;
      width: 47%;
      border: none;
      height: 40px;
  }

  .container-right .form-container .btn-success:hover {
      cursor: pointer;
      background: #eb1f48;
  }

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    padding-right: 10px;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #1879fc;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


  /*the container must be positioned relative:*/
  .custom-select {
      position: relative;


  }

  .custom-select select {
      display: none;
      /*hide original SELECT element:*/
  }

  .select-selected {
      background: #fafafa;
      height: 40px;
      padding: 8px 13px;
      border: 1px solid #ccc;
      border-radius: 4px;

      margin: 10px -1% 0 0;

      width: 100%;


  }

  /*style the arrow inside the select element:*/
  .select-selected:after {
      font-family: "";
      content: "▿";
      background: #fafafa;
      color: #545454;
      height: 12px;
      right: 1px;
      top: 37px;
      bottom: 0;
      padding: 0 5px 15px 5px;
      margin: 2px 3px 0 0;
      position: absolute;
      font-size: 22px;
      font-weight: 500;
  }

  /*point the arrow upwards when the select box is open (active):*/
  .select-selected.select-arrow-active:after {
      border-color: transparent transparent #555 transparent;
      font-family: "";
      content: "▵";
  }

  /*style the items (options), including the selected item:*/
  .select-items div,
  .select-selected {
      color: #545454;
      padding: 8px 10px;
      font-weight: 500;
      font-size: 15px;
      user-select: none;
      white-space: nowrap;
      overflow: hidden;


  }

  /*style items (options):*/
  .select-items {
      position: absolute;
      background-color: #fafafa;
      top: 110%;
      left: 0;
      right: 0;
      z-index: 99;
      max-height: 225px;
      overflow-y: auto;
      border: 1px solid #ccc;
      border-radius: 4px;
      font-weight: 500;


  }

  /*hide the items when the select box is closed:*/
  .select-hide {
      display: none;
  }

  .select-items div:hover,
  .same-as-selected {
      background-color: rgba(0, 0, 0, 0.1);
  }



  @media only screen and (max-width:900px) {
      .loan-slider {
          width: 40%;
          float: left;
      }

      .loan-slider-form {
          width: 58%;
          float: left;

      }
  }

  @media only screen and (max-width:700px) {
      .container {
          margin: 0 !important;
      }

      .container-right {
          margin: 0 !important;
      }

      .loan-slider {
          width: 100%;
          float: left;

          margin: 0;
      }

      .loan-slider-form {
          width: 100%;
          float: left;

          margin: 20px 0 0 0 !important;

      }

      #widget .wid_left {
          width: 100% !important;
      }
  }

  @media only screen and (max-width:500px) {
      .container-right .form-container .pmid {
          width: 96%;

      }

  }

  /** UI Slider **/
  .ui-progressbar {
      height: 2em;
      text-align: left;
      overflow: hidden
  }

  .ui-progressbar .ui-progressbar-value {
      margin: -1px;
      height: 100%
  }

  .ui-progressbar-indeterminate .ui-progressbar-value {
      background-image: none
  }

  .ui-selectable {
      -ms-touch-action: none;
      touch-action: none
  }

  .ui-selectable-helper {
      position: absolute;
      z-index: 100;
      border: 1px dotted black
  }

  .ui-selectmenu-menu {
      padding: 0;
      margin: 0;
      position: absolute;
      top: 0;
      left: 0;
      display: none
  }

  .ui-selectmenu-menu .ui-menu {
      overflow: auto;
      overflow-x: hidden;
      padding-bottom: 1px
  }

  .ui-selectmenu-open {
      display: block
  }

  .ui-selectmenu-text {
      display: block;
      margin-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis
  }

  .ui-selectmenu-button.ui-button {
      text-align: left;
      white-space: nowrap;
      width: 14em
  }

  .ui-selectmenu-icon.ui-icon {
      float: right;
      margin-top: 0
  }

  .ui-slider {
      position: relative;
      text-align: left
  }

  .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-slider .ui-slider-range {
      position: absolute;
      z-index: 1;
      font-size: .7em;
      display: block;
      border: 0;
      background-position: 0 0
  }

  .ui-slider.ui-state-disabled .ui-slider-handle,
  .ui-slider.ui-state-disabled .ui-slider-range {
      filter: inherit
  }

  .ui-slider-horizontal {
      height: .8em
  }

  .ui-slider-horizontal .ui-slider-handle {
      top: -.3em;
      margin-left: -.6em
  }

  .ui-slider-horizontal .ui-slider-range {
      top: 0;
      height: 100%
  }

  /** UI Slider **/

  /* Widget Theming */
  #widget {
      display: ;
      /* margin: 50px auto;*/
  }

  #widget .wid_left {
      width: 100%;
  }

  #widget .wid_left .form-group {
      margin-bottom: 30px
  }

  #widget .wid_left .form-group label {
      margin: 0;
      font-size: 16px;
      font-weight: 600;
      line-height: 22px;
      color: #333;
      /* color: #212529; */
  }

  #widget .wid_left .form-group .range_indicator {
      display: flex;
      justify-content: space-between
  }

  #widget .wid_left .form-group .range_indicator .indi_rgt {
      font-size: 14px;
      font-weight: 600;
      color: #1879fc;
      margin-top: 3px !important;
  }

  #widget .wid_left .form-group label > span {
      font-size: 14px;
      font-weight: 500;
  }

  #widget .wid_right {
      width: 100%;
      background: ;
      border-radius: 20px;
      padding: ;
      text-align: center;
  }

  #widget .wid_right > li {
      font-size: 16px;
      width: 50%;
      float: left;
      text-align: center;
      font-weight: 600;
      line-height: 30px;
      margin: 5px 0;
  }

  #widget .wid_right > li:last-child {
      text-transform: ;
  }

  #widget .wid_right > li:last-child p {
      color: ;
      margin-bottom: 0;
  }

  #widget .wid_right > li p.smtxt {
      margin: 0;
      font-size: 13px;
      font-weight: 400;
      text-transform: capitalize;
      color: #212529;
  }

  #widget .wid_right > li p {
      display: block;
      margin-bottom: ;
      font-size: 16px;
      font-weight: 600;
      color: #4a4a4a
  }

  #widget .wid_right > li:first-child p {
      color: #dc143c;
      font-size: 20px;
  }

  #widget .wid_right > li p .emiValue {
      font-size: 20px;
      color: #dc143c;
  }

  #widget .wid_right > li:first-child {
      width: 100%;
      text-align: center;
  }


  #widget .ui-widget.ui-widget-content {
      background: #b9b9b9;
      border: none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 5px;
      height: 5px;
      margin-top: 14px;
  }

  #widget .ui-widget-header {
      background: #1879fc;
      border-radius: 4px;
      /* height: 3px; */
  }

  #widget .ui-slider .ui-slider-handle {
      width: 16px;
      height: 16px;
      cursor: pointer;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 40px;
      background: #1879fc;
      border: none;
      top: -5px;
      outline: none;
  }

  #widget .ui-slider .ui-slider-handle:after {
      content: "";
      content: "";
      position: absolute;
      left: -30px;
      top: -20px;
      width: 70px;
      height: 70px;
      background: ;
      border-radius: 70px;
  }

  .scalerange {
      display: flex;
      width: calc(100% + 32px);
      justify-content: space-between;
      margin: 0 -15px;
      font-size: 12px;
      color: #4a4a4a;
  }

  .scalerange span {
      text-align: center;
      min-width: 35px;
      padding-top: 16px;
      position: relative;
      margin-top: 3px;
  }

  .scalerange span:before {
      content: '';
      background: #a9a9a9;
      display: block;
      width: 1px;
      height: 9px;
      position: absolute;
      top: 7px;
      left: calc(50% - 1px);
  }

  #widget .ui-slider .ui-slider-handle {
      margin-left: -6px;
  }