.c-servizi .cards{display:flex}.c-servizi .card{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;cursor:pointer;display:flex;justify-content:center;position:relative;width:33.33333%}.c-servizi .card .overlay{background-color:#000;height:100%;opacity:.35;position:absolute;transition:.5s;width:100%}.c-servizi .card .content-box{align-content:center;display:grid;grid-template-columns:1fr;grid-template-rows:0 7rem min-content;margin-top:55%;padding:2rem;position:relative;transition:.5s;width:100%}.c-servizi .card .content-box .title{margin-top:.5em;max-width:160px}.c-servizi .card .content-box .paragraph{bottom:-100vh;opacity:0;position:fixed;transition:opacity .5s}.c-servizi .card:hover .overlay{opacity:.7}.c-servizi .card:hover .content-box{grid-template-rows:0 min-content min-content;margin-top:unset}.c-servizi .card:hover .content-box .paragraph{margin-top:1em;opacity:1;position:unset}.c-servizi .card .arrow-icon{align-items:center;aspect-ratio:1;border:1px solid #fff;border-radius:50%;bottom:2rem;display:flex;height:35px;justify-content:center;left:2rem;position:absolute;width:35px}.c-servizi .card .arrow-icon i{font-size:15px}@media screen and (max-width:1600px){.c-servizi .card .content-box{margin-top:45%}}@media screen and (max-width:1280px){.c-servizi .card .content-box{margin-top:30%}}@media screen and (max-width:960px){.c-servizi .cards{align-items:center;flex-direction:column}.c-servizi .card{width:60%}.c-servizi .card .content-box{grid-template-rows:0 min-content min-content;margin-top:unset}.c-servizi .card .content-box .paragraph{margin-top:1em;opacity:1;position:unset}}@media screen and (max-width:600px){.c-servizi .card{width:100%}}@media screen and (max-width:480px){.c-servizi .card{aspect-ratio:.9}}