.client-cards{display:flex;gap:20px}.client-cards article{cursor:pointer;flex-basis:100%;background:#fff;box-shadow:0px 0px 9px -1px rgba(0,0,0,.25);padding:11px 13px;display:inline-flex;gap:40px;flex-direction:column;height:492px;text-decoration:none;position:relative;transition:background .25s ease-in-out,box-shadow .25s ease-in-out,top .25s ease-in-out}.client-cards .video{max-width:100%;overflow:hidden;position:relative;height:224px}.client-cards .video img{width:100%;position:relative;z-index:1;transition:opacity .25s ease-in-out}.client-cards video{position:absolute;max-width:120%;left:50%;top:50%;transform:translate(-50%,-50%)}.client-cards .play-btn{height:76px;width:76px;border-radius:50%;background:rgba(0,0,0,.4);transition:background .25s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.play-btn:before{content:'';position:absolute;top:50%;left:56%;transform:translate(-50%,-50%);width:0;height:0;border-left:25px solid #fff;border-right:0;border-top:17px solid transparent;border-bottom:17px solid transparent}.client-cards .logo{height:38px}.client-cards .logo img{max-width:100%;max-height:100%;width:auto;height:auto}.client-cards .body{display:flex;flex-direction:column;gap:20px;padding:0 20px}.client-cards .body p{color:var(--cloud-60);font-size:20px;font-weight:400;line-height:140%;padding:0}.client-cards article:hover{background:#ebddd6;box-shadow:2px 4px 20px rgba(0,0,0,.1);top:-4px}.client-cards article:hover .video img{opacity:0}.client-cards article:hover .video .play-btn{background:rgba(0,0,0,.9)}@media(width < 1000px){.client-cards{flex-direction:column}.client-cards article{max-width:400px;margin:auto;padding-bottom:35px}}@media(width < 450px){.client-cards{padding:0 20px}}@media(width < 430px){.client-cards .video img{min-width:100%;width:auto;height:100%;object-fit:cover}}.video-popup{display:block;position:relative}.video-popup a{cursor:pointer}.video-popup img{width:100%;vertical-align:middle}.video-popup video{width:100%;clip-path:inset(1px 1px);vertical-align:middle}.play-btn-centered{color:#fff;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;transition:box-shadow .25s;box-shadow:3px 2px 14px 4px rgba(0,0,0,.25)}.play-btn-centered #bg-circle{transition:fill .5s,stroke-dashoffset .5s;fill:rgba(247,96,86,0);stroke-dasharray:300;stroke-dashoffset:0}.play-btn-centered #Oval{filter:drop-shadow(2px 4px 6px #000)}.play-btn-centered #Triangle{fill:#f76056;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.25));transition:all .25s ease-in-out}.video-popup:hover .play-btn-centered #bg-circle{fill:#f76056;stroke-dashoffset:300}.video-popup:hover .play-btn-centered #Triangle{fill:#fff;filter:drop-shadow(0 0 0 transparent)}.play-btn-bottom-right{position:absolute;right:4%;bottom:8%;z-index:1}.play-btn-bottom-right path{transition:fill .25s}.video-popup:hover .play-btn-bottom-right path{fill:#f76056}.video-popup-wrap .caption{font-size:14px;font-weight:400;line-height:1.2rem}.video-modal-bg{display:none;width:100%;height:100%;background:rgba(0,0,0,.2);position:fixed;top:0;left:0;z-index:100}.video-modal{display:none;height:auto;width:100%;max-width:1000px;max-height:750px;padding:1em 2em;position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);background:#fff;color:#000;text-align:left}.video-modal p{padding:0;margin-top:1em}.video-modal h4{padding-bottom:1em}.video-modal-close{font-size:1em;float:right;cursor:pointer}.modal-iframe-wrapper{position:relative}.modal-iframe-wrapper:before{content:"";display:block;padding-top:56.25%;width:100%}.modal-iframe-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-modal-bg.active,.video-modal.active{display:block}.video-modal-bg.active{animation:fadeInPopupBg .25s ease-out;opacity:1}@keyframes fadeInPopupBg{from{opacity:0}}.video-modal.active{animation:scaleInPopup .25s ease-out}@keyframes scaleInPopup{from{transform:translate(-50%,-50%) scale(0)}}@media(max-width:1000px){.video-modal{width:95%;height:auto}}@media(max-width:550px){.video-modal.fancybox-content{padding:1em}}