.contact-modern{
    color:#1d2a35
}
.contact-hero{
    background:#d4e4f0;
    color:#000;
    padding:58px 24px
}
.contact-hero-inner,.contact-content{
    max-width:1160px;
    margin:auto
}
.contact-kicker{
    font-weight:800;
    
    letter-spacing:.14em;
    font-size:.78rem;
    color:#0073cb
}
.contact-hero h1{
    font-size:clamp(2.2rem,5vw,3.8rem);
    line-height:1.05;
    margin:.35rem 0 1rem
}
.contact-hero p{
    max-width:760px;
    font-size:1.16rem
}
.contact-content{
    padding:42px 24px 66px
}
.contact-primary{
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:24px;
    margin-bottom:34px
}
.contact-panel{
    border:1px solid #d8e1e8;
    border-radius:9px;
    padding:28px;
    background:#fff;
    box-shadow:0 7px 24px rgba(20,52,78,.07)
}
.contact-panel h2,.contact-panel h3{
    color:#123c69;
    margin-top:0
}
.contact-panel.feature{
    background:#f1f7fb;
    border-top:5px solid #0876bd
}
.contact-panel.feature p{
    max-width:690px
}
.contact-button{
    display:inline-block;
    background:#c52828;
    color:#fff!important;
    text-decoration:none;
    font-weight:800;
    padding:13px 22px;
    border-radius:5px;
    margin:8px 10px 0 0
}
.contact-button.secondary{
    background:#123c69
}
.contact-detail-list{
    list-style:none;
    padding:0;
    margin:0
}
.contact-detail-list li{
    padding:8px 0;
    border-bottom:1px solid #e5ebef
}
.contact-route-heading{
    text-align:center;
    margin:45px 0 22px;
    color:#123c69
}
.contact-routes{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px
}
.contact-route{
    display:block;
    border:1px solid #d8e1e8;
    border-radius:8px;
    padding:23px;
    text-decoration:none;
    color:#1d2a35!important;
    background:#fff;
    transition:transform .15s,box-shadow .15s
}
.contact-route:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 22px rgba(20,52,78,.1)
}
.contact-route strong{
    display:block;
    color:#0876bd;
    font-size:1.08rem;
    margin-bottom:7px
}
.contact-location{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:38px
}
.contact-location address{
    font-style:normal
}
.contact-note{
    color:#5d6b78;
    font-size:.92rem
}
@media(max-width:820px){
    .contact-primary,.contact-location{
    grid-template-columns:1fr
}
.contact-routes{
    grid-template-columns:repeat(2,1fr)
}
}
@media(max-width:560px){
    .contact-routes{
    grid-template-columns:1fr
}
.contact-panel{
    padding:22px
}
}