.case-studies-cards{background-color:#000;margin-bottom:100px}@media screen and (max-width:767px){.case-studies-cards{margin-bottom:50px}}.case-studies-cards .impact-card{background-color:#000;border-top:1px solid #fff3;display:flex;position:sticky;top:100px}.case-studies-cards .impact-card .img{border-inline:1px solid #fff3;width:65%;padding:24px;position:relative}.case-studies-cards .impact-card .img>div{border-radius:12px;position:relative;overflow:hidden}.case-studies-cards .impact-card .img>div:after{content:"";-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;background-color:#0003;width:100%;height:100%;transition:all 1s;position:absolute;top:0;left:0}.case-studies-cards .impact-card .img>div .tags{z-index:1;flex-wrap:wrap;gap:10px;transition:all 1s;display:flex;position:absolute;top:20px;left:20px;transform:translateY(-100px)}.case-studies-cards .impact-card .img>div .tags span{color:#fff;text-transform:uppercase;border:1px solid #fff;border-radius:56px;padding:10px;font-size:12px;font-weight:400;display:inline-block}.case-studies-cards .impact-card .img>div img,.case-studies-cards .impact-card .img>div video{object-fit:cover;border-radius:12px;width:100%;height:auto;transition:all 1s}.case-studies-cards .impact-card .img:hover>div:after{opacity:1}.case-studies-cards .impact-card .img:hover>div .tags{transform:translateY(0)}.case-studies-cards .impact-card .img:hover>div img,.case-studies-cards .impact-card .img:hover>div video{transform:scale(1.1)}.case-studies-cards .impact-card .content{width:35%;padding:24px 40px}.case-studies-cards .impact-card .content img{margin-bottom:50px}.case-studies-cards .impact-card .content h3{color:#fff;text-transform:uppercase;margin-bottom:30px;font-size:32px;font-weight:600}.case-studies-cards .impact-card .content p{color:#fff;max-width:302px;font-size:16px;font-weight:400}.case-studies-cards .impact-card .content ul{margin-top:60px}.case-studies-cards .impact-card .content ul li{color:#fff9;border-bottom:1px solid #fff3;align-items:center;margin-bottom:24px;padding-bottom:12px;display:flex}.case-studies-cards .impact-card .content ul li span{color:var(--primary-color);min-width:70px;font-size:24px;font-weight:400;display:inline-block}@media screen and (max-width:767px){.case-studies-cards .impact-card{flex-wrap:wrap}.case-studies-cards .impact-card .img,.case-studies-cards .impact-card .content{width:100%}}
