.ww-states{
    padding:120px 0;
}
 
.ww-states-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
    margin-top:60px;
}
 
.ww-state-card{
    border-radius:24px;
    overflow:hidden;
    position:relative;
    transition:.35s;
}
 
.ww-state-card:hover{
    transform:translateY(-8px);
}
 
.ww-state-card a{
    text-decoration:none;
    color:#fff;
    display:block;
}
 
.ww-state-image{
    position:relative;
    height:420px;
    overflow:hidden;
}
 
.ww-state-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}
 
.ww-state-card:hover img{
    transform:scale(1.08);
}
 
.ww-state-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:30px;
    background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.15));
}
 
.ww-state-overlay h3{
    font-family:'Cinzel',serif;
    font-size:34px;
    color:#fff;
    margin-bottom:12px;
}
 
.ww-state-overlay p{
    font-family:'Josefin Sans',sans-serif;
    color:#fff;
    opacity:.92;
    margin-bottom:20px;
}
 
.ww-read-more{
    display:inline-block;
    color:#FFD166;
    font-weight:600;
}
 
@media(max-width:991px){
 
.ww-states-grid{
grid-template-columns:repeat(2,1fr);
}
 
}
 
@media(max-width:767px){
 
.ww-states-grid{
grid-template-columns:1fr;
}
 
.ww-state-image{
height:320px;
}
 
}
.ww-section-footer{
    display:flex;
    justify-content:center;
    margin-top:48px;
}