.case-study-container{display:flex;gap:1rem;margin:auto;transition:all .3s ease}.case-study-card{border-radius:10px;cursor:pointer;flex:var(--card-flex);min-height:400px;overflow:hidden;position:relative;transition:flex .6s ease}.case-study-card:first-child{flex:0.5}.case-study-card img,.case-study-card video{display:block;height:100%;inset:0;object-fit:cover;position:absolute;transition:opacity .4s ease;width:100%}.case-study-card video{opacity:0;pointer-events:none}.case-study-card:hover video{opacity:1}.case-study-card:after{background:linear-gradient(180deg,transparent,#000);content:"";inset:0;position:absolute;z-index:1}.case-study-content{bottom:30px;color:#fff;font-size:22px;font-weight:600;left:30px;line-height:150%;position:absolute;right:30px;z-index:2}.play-btn{align-items:center;background:hsla(0,0%,100%,.84)!important;border:none;border-radius:50%;display:flex;height:70px;justify-content:center;padding:0;position:absolute;right:22px;top:22px;width:70px;z-index:2}.play-btn svg{height:30px;transition:.3s ease;width:30px}.case-study-card:hover .play-btn svg{fill:#eb1018}.case-study-container:hover .case-study-card{flex:var(--card-flex)}.case-study-container .case-study-card:hover{flex:0.5}@media (max-width:768px){.case-study-container{flex-direction:column}.case-study-card{flex:none;height:250px;width:100%}}