/* Inter-branch page uses same visual system as money-transfer */
@import url("./money-transfer.css");

/* Overrides / additions for inter-branch */
.hero-mini{
  color:#2f6fb0;
  font-weight:1000;
  margin-bottom:8px;
}
.big-title{
  margin:6px 0 4px;
  font-size:52px;
  font-weight:1000;
  letter-spacing:-.5px;
}

/* Fee card */
.fee-card{
  background:#fff;
  border-radius:22px;
  padding:0;
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  overflow:hidden;
}

/* table wrapper to keep rounded look */
.fee-tableWrap{
  background:#e9eef5;
  padding:18px;
}

/* Table styling similar to your screenshot */
.fee-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.06);
}
.fee-table thead tr:first-child th{
  background:#4aa7e5;
  color:#fff;
  font-size:20px;
  font-weight:1000;
  padding:16px 12px;
  border-right:2px solid rgba(255,255,255,.35);
}
.fee-table thead tr:nth-child(2) th{
  background:#2f67a2;
  color:#fff;
  font-size:18px;
  font-weight:1000;
  padding:14px 10px;
  border-right:2px solid rgba(255,255,255,.22);
}
.fee-table th:last-child,
.fee-table td:last-child{ border-right:none; }

.fee-table td{
  padding:18px 12px;
  text-align:center;
  font-size:20px;
  font-weight:800;
  border-right:2px solid #c7e1fb;
  border-top:2px solid #c7e1fb;
}
.fee-td--left, .fee-th--left{
  text-align:left !important;
  padding-left:16px !important;
  width:42%;
}
.fee-table tbody tr:first-child td{ border-top:2px solid #c7e1fb; }

@media (max-width:420px){
  .big-title{ font-size:44px; }
  .fee-table thead tr:first-child th{ font-size:18px; }
  .fee-table thead tr:nth-child(2) th{ font-size:16px; }
  .fee-table td{ font-size:18px; padding:16px 10px; }
}