.all-case-studies{.all-case-studies__hero{.container{height:400px;background-image:url(/_next/static/media/contact.b2fa1575.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;color:#fff;&:after{content:"";width:100%;height:100%;position:absolute;top:0;inset-inline-start:0;background-color:#0a050f;opacity:.5;z-index:10}h2{color:var(--iron)}h2,p{z-index:20}.cases{list-style-type:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;.case{display:flex;align-items:center;justify-content:center;padding:20px 15px 40px;gap:10px;transition:all .3s ease-in-out;cursor:pointer;position:relative;&:nth-child(odd){background-color:var(--glacier)}&:nth-child(2n){background-color:var(--oracle)}.case-infos{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:10px;span{align-self:flex-end;justify-self:end}}&:hover{background-color:#000}.read-more-about-case{position:absolute;inset-inline-end:5px;bottom:5px}}}}}.all-case-studies__items{.container{display:flex;align-items:center;justify-content:center;position:relative;margin-inline:40px;.cases{list-style-type:none;display:grid;grid-template-columns:repeat(3,1fr);.case{display:flex;align-items:center;justify-content:center;padding:20px 15px 40px;gap:10px;transition:all .3s ease-in-out;cursor:pointer;position:relative;&:nth-child(odd){background-color:var(--glacier)}&:nth-child(2n){background-color:var(--oracle)}.case-infos{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:10px;span{align-self:flex-end;justify-self:end}}&:hover{background-color:#000}.read-more-about-case{position:absolute;inset-inline-end:5px;bottom:5px}}}}}}