/* Native homepage service overview; replaces the former Muse-positioned cards. */
.home-service-overview{
width:1073px;
margin-left:11px;
margin-top:0;
position:relative;
font-family:open-sans,sans-serif;
}
.home-services-title{
box-sizing:border-box;
width:100%;
min-height:48px;
margin:0;
padding:8px 24px 9px;
background:#617691;
color:#fff;
font:300 28px/31px open-sans,sans-serif;
letter-spacing:1px;
text-align:center;
}
.home-service-cards{
display:grid;
gap:18px;
margin-top:18px;
}
.home-service-card{
display:grid;
grid-template-columns:340px minmax(0,1fr);
grid-template-rows:340px;
column-gap:26px;
width:100%;
margin:0;
background:#fff;
align-items:center;
}
.home-service-card__title{
display:flex;
grid-column:1 / -1;
grid-row:1;
align-items:center;
justify-content:center;
align-self:start;
box-sizing:border-box;
width:100%;
height:44px;
padding:5px 20px;
background-color:#b2b2b2;
background-color:rgba(0,0,0,.3);
color:#fff;
text-decoration:none;
z-index:2;
}
.home-service-card__title h2{
margin:0;
color:#fff;
font:300 28px/34px open-sans,sans-serif;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
}
.home-service-card__media{
display:block;
grid-column:1;
grid-row:1;
position:relative;
width:340px;
height:340px;
overflow:hidden;
background:#e8ebef;
}
.home-service-card__slide{
position:absolute;
inset:0;
display:block;
margin:0;
opacity:0;
transition:opacity 500ms ease;
}
.home-service-card__slide.is-active{
opacity:1;
z-index:1;
}
.home-service-card__slide img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.home-service-card__copy{
box-sizing:border-box;
grid-column:2;
grid-row:1;
align-self:center;
width:100%;
padding:12px 30px 12px 4px;
color:#424242;
font:400 18px/26px open-sans,sans-serif;
text-align:left;
}
.home-service-card__copy p{
margin:0;
}
.home-service-card__copy p + p{
margin-top:8px;
}
#u17432-4{
margin-top:32px;
}
@media (prefers-reduced-motion:reduce){
.home-service-card__slide{transition:none;}
}
