:root{--e-global-color-primary: #2F2F96;--e-global-color-secondary: #253746;--e-global-color-text: #525252;--e-global-color-accent: #FC5139}.case-studies-wrapper{display:grid;gap:30px}.case-studies{position:relative;overflow:hidden}.case-studies .thumbnail img{width:100%;height:520px;object-fit:cover;border-radius:10px}.case-studies .icon{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);transition:.5s;width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:30px;background:#fff}.case-studies .icon svg{width:20px}.case-studies .inner-content{position:absolute;left:40px;right:40px;bottom:-170px;padding:15px 25px;border-left:8px solid #fff;background:var(--e-global-color-primary);border-radius:5px;transition:.5s}@media(max-width: 767px){.case-studies .inner-content{bottom:40px}}.case-studies .inner-content *{color:#fff}.case-studies .inner-content .title{margin-bottom:10px;font-size:24px;line-height:1.2}@media only screen and (min-width: 992px)and (max-width: 1199px){.case-studies .inner-content .title{font-size:20px}}@media only screen and (max-width: 991px){.case-studies .inner-content .title{font-size:18px;line-height:1.3}}.case-studies:hover .icon{transform:translate(-50%, -50%) scale(1);pointer-events:none}.case-studies:hover .inner-content{bottom:40px}