.use-cases-mentra-wrapper{padding:4em 8em 0}.use-cases-mentra-container{max-width:1600px;margin:0 auto}.use-cases-mentra-heading{margin-bottom:.5em;color:var(--shamrock)}.use-cases-mentra-layout{display:grid;grid-template-columns:1fr 400px;gap:3em;align-items:start}.use-cases-mentra-layout.cards-left{grid-template-columns:400px 1fr}.use-cases-mentra-card-content{display:flex;gap:.5em}.use-cases-mentra-main-video{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9}.use-cases-mentra-video-large{width:100%;height:100%;object-fit:cover;border-radius:16px}.use-cases-mentra-cards{display:flex;flex-direction:column;gap:1.5em}.use-cases-mentra-card{border:1px solid var(transparent, #e0e0e0);border-radius:12px;padding:1.5em;cursor:pointer;transition:all .3s ease;position:relative}.use-cases-mentra-card:hover{border-color:var(--green-pea-darkest);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.use-cases-mentra-wrapper .use-cases-mentra-card.active,.use-cases-mentra-wrapper .use-cases-mentra-card[data-active=true]{background:var(--green-pea-darkest);border-color:var(--green-pea-darkest);color:#fff}.use-cases-mentra-card-icon{margin-bottom:1em}.use-cases-mentra-wrapper .use-cases-mentra-card.active .use-cases-mentra-card-icon,.use-cases-mentra-wrapper .use-cases-mentra-card[data-active=true] .use-cases-mentra-card-icon{color:#fff}.use-cases-mentra-card-icon svg{width:32px;height:32px}.use-cases-mentra-card h4{margin:0 0 .5em;font-size:1.3em;font-weight:600;color:inherit}.use-cases-mentra-card p{margin:0;font-size:.95em;line-height:1.5;opacity:.8;color:inherit}.use-cases-mentra-wrapper .use-cases-mentra-card.active p,.use-cases-mentra-wrapper .use-cases-mentra-card[data-active=true] p{opacity:.9}@media (max-width: 768px){.use-cases-mentra-wrapper{padding:4em 2em 0}.use-cases-mentra-container{padding:0}.use-cases-mentra-heading{font-size:2em;margin-bottom:2em}.use-cases-mentra-layout,.use-cases-mentra-layout.cards-left{grid-template-columns:1fr;gap:2em}.use-cases-mentra-main-video{order:1}.use-cases-mentra-cards{order:2}.use-cases-mentra-card{padding:1.2em}.use-cases-mentra-card h4{font-size:1.2em}.use-cases-mentra-card-icon svg{width:28px;height:28px}}@media (max-width: 1024px) and (min-width: 769px){.use-cases-mentra-wrapper{padding:4em 2em 0}.use-cases-mentra-layout{grid-template-columns:1fr 350px;gap:2em}.use-cases-mentra-layout.cards-left{grid-template-columns:350px 1fr}.use-cases-mentra-heading{font-size:2.5em}}.use-cases-mentra-card-title{display:flex;gap:1em}
/*# sourceMappingURL=/cdn/shop/t/3/assets/use-cases-mentra.css.map */
