.case-study-wrapper .middle-video-sec .video-wrap .commercial-wrapper{z-index:2;cursor:pointer;border-radius:10px;width:100%;height:80vh;margin:10px 0;padding:30px;position:relative;overflow:hidden}.case-study-wrapper .middle-video-sec .video-wrap .commercial-wrapper:after{content:"";background-image:url(/images/icons/play-icon.webp);background-repeat:no-repeat;background-size:cover;width:60px;height:60px;position:absolute;top:40%;left:43%}.case-study-wrapper .middle-video-sec .video-wrap .commercial-wrapper:before{content:"";z-index:-1;background:#00000094;width:100%;height:100%;position:absolute;top:0%;left:0%}.case-study-wrapper .middle-video-sec .video-wrap .commercial-wrapper a{text-decoration:none}.case-study-wrapper .middle-video-sec .video-wrap .commercial-wrapper .video-wrapper{z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.case-study-wrapper .middle-video-sec .video-wrap .commercial-wrapper .video-wrapper video{object-fit:cover;width:100%;height:100%}.case-study-wrapper .over-sec-aboutbanner-wrapper .over-sec-wrapper .oversec-row{margin:50px 0}.case-study-wrapper .over-sec-aboutbanner-wrapper .over-sec-wrapper .oversec-row .overview-heading{position:relative}.case-study-wrapper .over-sec-aboutbanner-wrapper .over-sec-wrapper .oversec-row .overview-heading h4{font-family:var(--fontanton);text-transform:uppercase;-webkit-text-fill-color:#0000;background:#d3d3d3 url(/images/heading-bg.webp) 50%/contain;-webkit-background-clip:text;background-clip:text;padding-left:20px;font-size:60px;font-style:normal;font-weight:400;line-height:70px}.case-study-wrapper .over-sec-aboutbanner-wrapper .over-sec-wrapper .oversec-row .overview-heading:before{content:"";background:linear-gradient(#fb924b,#fd0959);border-radius:3px;width:5px;height:100%;position:absolute}.case-study-wrapper .over-sec-aboutbanner-wrapper .over-sec-wrapper .oversec-row .overview-detail p{color:#d0d0d0;font-family:var(--fontinter);font-size:18px;font-style:normal;font-weight:400;line-height:28.8px}.case-study-wrapper .over-sec-aboutbanner-wrapper .over-sec-wrapper .oversec-row .overview-detail h6{color:var(--white);font-family:var(--fontanton);text-transform:uppercase;font-size:30px;font-style:normal;font-weight:400;line-height:48px}.case-study-wrapper .bottom-image-wrapper img{width:100%;height:190px}@media (max-width:786px){.portfolio-wrapper .tabs-section .content-wrapper .commercial-wrapper{padding:10px}.portfolio-wrapper .tabs-section .content-wrapper .commercial-wrapper .video-wrapper video{object-fit:fill}}
