.am-wedding-hero .banner_subtitle{
font-size: 46px;
}
.am-title {
font-size: 36px;
font-weight: 700;
}
.am-rate-chart-section {
background: #eef4fb;
}
.am-rate-chart-section .ba_grey_white_table.w-100 {
background: #fff;
}
.am-banks-section {
background: #eef4fb;
}
.am-banks-title {
text-align: center;
}
.am-banks-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}
.am-banks-card {
min-height: 88px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: #fff;
border: 1px solid #d8e2ee;
border-radius: 4px;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.am-banks-card:hover {
border-color: #1673b8;
box-shadow: 0 6px 18px rgba(27, 72, 112, 0.12);
transform: translateY(-2px);
}
.am-banks-card-name {
color: #183b5b;
font-size: 17px;
font-weight: 700;
text-align: center;
text-decoration: none;
}
.am-banks-card-name:hover,
.am-banks-card-name:focus-visible {
color: #1673b8;
}
.am-banks-card-name:focus-visible {
outline: 2px solid #1673b8;
outline-offset: 4px;
}
.text-white{
color: #ffffff;
font-weight: 500;
}
@media only screen and (max-width: 900px) {
.am-banks-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 600px){
.am-wedding-hero .banner_subtitle {
font-size: 36px;
}
.am-title,.ba_subtitle {
font-size: 28px;
}
.am-banks-grid {
gap: 12px;
}
.am-banks-card {
min-height: 76px;
padding: 16px 10px;
}
.am-banks-card-name {
font-size: 15px;
}
}