

/* Start:/local/templates/lombard/assets/css/loans.css?17842003112557*/
.loans {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 30px;
  gap: 30px;
}

.loans__text h2 {
  margin-bottom: 35px;
}

.loans__text h3 {
  margin-bottom: 20px;
}

.loans__text p {
  margin-bottom: 15px;
}

.loans__text .btn {
  margin: 35px auto 0 auto;
}

.loans-steps__content {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  padding: 0;
}

.loans-rating__content {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}

.loans-rating .btn {
  margin: 35px auto 0 auto;
}

.loans-page {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 40px;
  margin-bottom: 60px;
}

.loans-page .card {
    height: 300px;
}

@media (min-width: 1024px) {
  .loans {
    grid-gap: 56px 80px;
    gap: 56px 80px;
    grid-template-columns: 1fr;
  }

  .loans_with-rates {
    grid-template-columns: 430px 1fr;
  }

  .loans_with-rates .loans__rates {
    grid-column: 1;
  }

  .loans_with-rates .loans__text {
    grid-column: 2;
  }

  .loans-page {
    grid-template-columns: 1fr 1fr;
  }

@media (min-width: 1024px) {
    .loans_with-rates .loans__text {
      padding-top: 40px;
    }
}

  .loans_with-rates .loans__steps {
    grid-column: span 2;
  }

  .loans_with-rates .loans__rating {
    grid-column: span 2;
  }

  .loans__text .btn {
    margin: 35px 0 0 0;
  }

  .loans-steps__content {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .loans-steps_centered .loans-steps__content {
    padding: 0 148px;
  }

  .loans-rating__content {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 1024px) and (max-width: 1279.979px) {
  .loans-steps_centered .loans-steps__content {
    padding: 0;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .loans-steps_centered .loans-steps__content {
    padding: 0;
  }
}
/* Б24 #72503: таблица категорий — на всю ширину, текст под ней */
.loans_rates-stacked {
  grid-template-columns: 1fr;
}

.loans_rates-stacked .loans__rates,
.loans_rates-stacked .loans__text,
.loans_rates-stacked .loans__steps,
.loans_rates-stacked .loans__rating {
  grid-column: 1;
}

@media (min-width: 1024px) {
  .loans_rates-stacked {
    grid-template-columns: 1fr;
  }

  .loans_rates-stacked .loans__rates,
  .loans_rates-stacked .loans__text,
  .loans_rates-stacked .loans__steps,
  .loans_rates-stacked .loans__rating {
    grid-column: 1;
  }

  .loans_rates-stacked .loans__text {
    padding-top: 0;
    width: auto;
  }
}

/* End */
/* /local/templates/lombard/assets/css/loans.css?17842003112557 */
