/* Minification failed. Returning unminified contents.
(2,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,15): run-time error CSS1039: Token not allowed after unary operator: '-cert-w'
(53,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-line-color'
(54,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nav'
(59,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-line-color'
(60,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nav'
(63,17): run-time error CSS1039: Token not allowed after unary operator: '-table-row-p'
(66,20): run-time error CSS1039: Token not allowed after unary operator: '-table-row-c-gap'
(69,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-color'
 */
.bankDetails {
  --table-row-p: 15px;
  --table-row-c-gap: 40px;
  --cert-w: 240px;
}
@media (max-width: 1200px) {
  .bankDetails {
    --table-row-c-gap: 30px;
  }
}
@media (max-width: 1024px) {
  .bankDetails {
    --table-row-p: 10px 15px;
    --table-row-c-gap: 20px;
    --cert-w: 100%;
  }
}
@media (max-width: 768px) {
  .bankDetails {
    --table-row-p: 10px;
  }
}

.bankDetails p {
  margin-top: 10px;
  line-height: 1.5;
}
.bankDetails a {
  line-height: 1.5;
}
.bankDetails__name {
  font-weight: 700;
  line-height: 1.5;
}
.bankDetails__list {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.bankDetails__list > span {
  line-height: 1.5;
}
.bankDetails__certificates {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}
.bankDetails__certificate {
  aspect-ratio: 12/17;
  width: var(--cert-w);
  max-width: 100%;
  border: 1px solid var(--grey-line-color);
  border-radius: var(--border-radius-nav);
  overflow: hidden;
}
.bankDetails__table {
  margin-top: 30px;
  border: 1px solid var(--grey-line-color);
  border-radius: var(--border-radius-nav);
}
.bankDetails__row {
  padding: var(--table-row-p);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--table-row-c-gap);
}
.bankDetails__row:nth-child(even) {
  background-color: var(--grey-bg-color);
}
@media (max-width: 460px) {
  .bankDetails__row {
    grid-template-columns: 1fr;
  }
}
.bankDetails__col {
  line-height: 1.5;
}
.bankDetails__col._name {
  font-weight: 700;
}