.use-case-listing-section{padding:80px 0}.use-case-grid{display:grid;gap:2rem;&.use-case-grid--2{grid-template-columns:repeat(2,1fr)}&.use-case-grid--3{grid-template-columns:repeat(3,1fr)}&.use-case-grid--4{grid-template-columns:repeat(4,1fr)}}.use-case-card{background:var(--white);border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.06);color:inherit;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;&:hover{background:var(--gray-50);box-shadow:0 4px 24px rgba(0,0,0,.08);transform:translateY(-4px);.use-case-card__arrow{opacity:1;transform:translate(0)}.use-case-card__title{color:var(--color-dark)}}}.use-case-card__inner{align-items:center;display:flex;flex-direction:column;padding:2rem;position:relative;text-align:center}.use-case-card__logo{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;img{height:auto;max-height:100%;max-width:200px;object-fit:contain;width:auto}}.use-case-card__title{color:var(--color-dark);display:-webkit-box;font-size:1.375rem;font-weight:600;-webkit-line-clamp:3;line-height:1.4;margin:0 0 1rem;transition:color .3s ease;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.use-case-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:auto}.use-case-tag{border-radius:10px;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 15px;text-transform:capitalize;&.use-case-tag--secteur{background:#f7ea48;color:#1a1a1a}&.use-case-tag--categorie{background:#a2acab;color:#fff}}.use-case-card__arrow{align-items:center;background:var(--primary);border-radius:50%;color:var(--dark);display:flex;height:40px;justify-content:center;opacity:0;position:absolute;right:1.5rem;top:1.5rem;transform:translate(10px,-10px);transition:all .3s ease;width:40px;svg{height:20px;width:20px}}.use-case-no-results{padding:4rem 2rem;text-align:center;p{color:var(--gray-600);font-size:1.125rem;margin:0}}@media (max-width:991px){.use-case-grid{&.use-case-grid--3,&.use-case-grid--4{grid-template-columns:repeat(2,1fr)}}}@media (max-width:767px){.use-case-listing-section{padding:60px 0}.use-case-grid{gap:1.5rem;&.use-case-grid--2,&.use-case-grid--3,&.use-case-grid--4{grid-template-columns:1fr}}.use-case-card__inner{padding:1.5rem}.use-case-card__logo{height:60px;margin-bottom:1rem}.use-case-card__title{font-size:1.125rem}.use-case-card__arrow{height:36px;width:36px;svg{height:18px;width:18px}}}