.wwg-usecase{margin:auto;max-width:1920px;padding:0}.wwg-usecase__container{display:flex;flex-wrap:wrap}.wwg-usecase__card{flex:1 1 25%;min-height:500px;overflow:hidden;position:relative}.wwg-usecase__card:focus-visible{outline:3px solid #8ccef0;outline-offset:-3px}.wwg-usecase__bg{background-position:50%;background-size:cover;inset:0;position:absolute}.wwg-usecase__overlay{align-items:center;box-sizing:border-box;color:#fff;display:flex;height:100%;justify-content:center;padding:60px;position:relative;text-align:center;z-index:2}.wwg-usecase__overlay:before{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 80%);content:"";inset:0;position:absolute;z-index:1}.wwg-usecase__overlay--blue{align-items:flex-start;padding-top:100px}.wwg-usecase__overlay--blue:after{background:rgba(18,126,183,.77);content:"";inset:30px;opacity:0;position:absolute;transition:opacity .25s ease;z-index:2}.wwg-usecase__content{align-items:center;display:flex;flex-direction:column;gap:18px;justify-content:center;position:relative;width:100%;z-index:3}.wwg-usecase__content h3{color:#fff;font:700 25px/38px DM Sans,Arial,sans-serif;letter-spacing:.5px;margin:0}.wwg-usecase__desc{opacity:0;transition:opacity .25s ease,visibility .25s;visibility:hidden}.wwg-usecase__desc,.wwg-usecase__desc :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,a),.wwg-usecase__text,.wwg-usecase__text :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,a){color:#fff}.wwg-usecase__overlay--static{text-align:left}.wwg-usecase__overlay--static .wwg-btn{align-self:center}.wwg-usecase__card:focus-within .wwg-usecase__desc,.wwg-usecase__card:hover .wwg-usecase__desc{opacity:1;visibility:visible}.wwg-usecase__card:focus-within .wwg-usecase__overlay--blue:after,.wwg-usecase__card:hover .wwg-usecase__overlay--blue:after{opacity:1}@media (prefers-reduced-motion:reduce){.wwg-usecase__desc,.wwg-usecase__overlay--blue:after{transition:none}}@media (max-width:992px){.wwg-usecase__card{flex:1 1 50%;min-height:400px}}@media (max-width:768px){.wwg-usecase__card.is-visible .wwg-usecase__desc{opacity:1;visibility:visible}.wwg-usecase__card.is-visible .wwg-usecase__overlay--blue:after{opacity:1}}@media (max-width:600px){.wwg-usecase__card{flex:1 1 100%;min-height:350px}.wwg-usecase__overlay--blue{padding-top:70px}}