@keyframes scrollImage{0%{object-position:center 0}to{object-position:center 100%}}body.open_popup{overflow:hidden}.work_listing{padding-bottom:100px;padding-top:100px}.work_listing .topcontent{margin-bottom:50px;text-align:center}.work_listing .topcontent .introtitle{color:#fc6f4e;margin-bottom:20px}.work_listing .tab-buttons a{align-items:center;background-color:#fff;border:1px solid #2533421a;border-radius:10px;box-shadow:0 4px 26.5px 0 #0000001a;display:flex;gap:9.5px;padding:15px;transition:all .3s ease}.work_listing .tab-buttons a.active,.work_listing .tab-buttons a:hover{background-color:#00a9fa;border-color:#00a9fa}.work_listing .tab-buttons a span.icon{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 2px 7.1px 0 #0000000f;display:flex;height:30px;justify-content:center;padding:7.5px;transition:all .3s ease;width:30px}.work_listing .tab-buttons a span.icon img{display:block;filter:grayscale(1);transition:all .3s ease}.work_listing .tab-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.work_listing .tab-buttons a span.text{color:#253342;font-size:20px;font-weight:700;letter-spacing:2%}.work_listing .tab-buttons a.active .icon img,.work_listing .tab-buttons a:hover .icon img{filter:grayscale(0)}.work_listing .tab-buttons a.active span.text,.work_listing .tab-buttons a:hover span.text{color:#fff}.work_listing .cmtabs .cmtab-content{display:none}.work_listing .cmtabs .cmtab-content.active{display:block}.work_listing .contentholder{margin-top:50px}.work_listing .btnwrapper{margin-top:50px;text-align:center}.work_listing .cmrow{display:flex;flex-wrap:wrap;margin:0 -10px;row-gap:20px}.work_listing .cmrow .item{padding:0 10px}.work_listing .cmrow .item .inner img{aspect-ratio:1.325/1}.work_listing .cmrow .item.video-portfolio .inner{border:1px solid #25334233;border-radius:30px;box-shadow:6px 18px 51.3px 0 #00000012;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:30px 10px 10px;transition:all .3s linear}.work_listing .cmrow .item.video-portfolio .topcnt{margin-bottom:20px}.work_listing .cmrow .item.video-portfolio .video{margin-top:auto}.work_listing .cmrow .item.video-portfolio .inner .cnt{display:none}.work_listing .video-portfolio .title{margin-bottom:5px;position:relative}.work_listing .video-portfolio .title h5{font-family:DM Sans;font-size:24px;font-weight:700;letter-spacing:-2%;line-height:120%;margin:0;padding-right:30px}.work_listing .video-portfolio .title svg{position:absolute;right:10px;top:8px;transform:rotate(45deg)}.work_listing .cmrow .item.video-portfolio .inner:hover{background:linear-gradient(113.42deg,rgba(0,169,250,.1) 44.66%,rgba(255,153,0,.1) 110.27%)}.work_listing .cmrow .item.video-portfolio .image img{border-radius:13.56px}.work_listing .cmrow .item.video-portfolio .inner .posterimage img{border-radius:20px;object-fit:cover;object-position:center center;width:100%}.work_listing .video-portfolio .inner:hover .title svg{transform:rotate(135deg)}.work_listing .video-portfolio .title svg{transition:all .3s linear}.work_listing .videowrap{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.work_listing .videowrap.open{display:flex}.work_listing .videowrap:before{background-color:#000;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.work_listing .videowrap .videoinnerwrp{align-items:center;display:flex;margin:auto;max-height:calc(100vh - 100px);max-width:80%;padding:50px;position:relative;width:100%}.work_listing .videowrap iframe{height:100%;left:0;position:absolute;top:0;width:100%}.work_listing .videowrap .iframe_wrapper{background:#fff;padding-bottom:56%;position:relative;width:100%}.work_listing .videowrap video{display:block;width:100%}.work_listing .video-portfolio .posterimage{position:relative}.work_listing .video-portfolio .posterimage .play-overlay{align-items:center;background:#ffcf27;border-radius:50%;color:#002f7d;display:flex;font-size:24px;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60px}.work_listing .cmrow .item.website-portfolio .inner .cnt{display:none}.work_listing .website-portfolio .title{margin-bottom:16px;position:relative}.work_listing .website-portfolio .title h5{font-family:DM Sans;font-size:24px;font-weight:700;letter-spacing:-2%;line-height:120%;margin:0;padding-right:30px}.work_listing .website-portfolio .title svg{position:absolute;right:10px;top:8px;transform:rotate(45deg)}.work_listing .cmrow .item.website-portfolio .inner{border:1px solid #25334233;border-radius:20px;padding:25px 15px 15px;transition:all .3s linear}.work_listing .cmrow .item.website-portfolio .inner:hover{background:linear-gradient(113.42deg,rgba(0,169,250,.1) 44.66%,rgba(255,153,0,.1) 110.27%)}.work_listing .cmrow .item.website-portfolio .image img{border-radius:13.56px;object-fit:cover;object-position:center 0;width:100%}.work_listing .cmrow .item.website-portfolio .inner{color:inherit;display:flex;flex-direction:column;height:100%}.work_listing .cmrow .item.website-portfolio .inner .image{margin-top:auto}.work_listing .cmrow .item.website-portfolio .inner:hover .image img{animation:scrollImage 2s linear infinite alternate}.work_listing .cmrow .item.case_studies-portfolio{padding:0 10px}.work_listing .cmrow .item.case_studies-portfolio .inner{border:1px solid #25334233;border-radius:20px;padding:30px 10px 10px;transition:all .3s linear}.work_listing .cmrow .item.case_studies-portfolio .inner .cnt{display:none}.work_listing .case_studies-portfolio .title{margin-bottom:5px;position:relative}.work_listing .case_studies-portfolio .title h5{font-family:DM Sans;font-size:24px;font-weight:700;letter-spacing:-2%;line-height:120%;margin:0;padding-right:30px}.work_listing .case_studies-portfolio .title svg{position:absolute;right:10px;top:8px;transform:rotate(45deg)}.work_listing .cmrow .item.case_studies-portfolio .image img{border-radius:13.56px;object-fit:cover;object-position:center center;width:100%}.work_listing .cmrow .item.case_studies-portfolio .inner{color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.work_listing .cmrow .item.case_studies-portfolio .inner .image{margin:auto}.work_listing .cmrow .item.case_studies-portfolio .topcnt ul{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:20px 0 25px;padding:0}.work_listing .cmrow .item.case_studies-portfolio .topcnt ul li{background-color:#fff;border:1px solid #25334230;border-radius:99px;box-shadow:0 4px 25px 0 #00000024;display:inline-block;font-family:inter;font-size:12px;font-weight:400;line-height:121%;padding:8px 15px}.work_listing .cmrow .item.case_studies-portfolio .inner:before{background:linear-gradient(113.42deg,rgba(0,169,250,.1) 44.66%,rgba(255,153,0,.1) 110.27%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s linear;width:100%;z-index:-1}.work_listing .cmrow .item.case_studies-portfolio .inner:hover:before{opacity:1}.work_listing .closeicon{align-items:center;background-color:#fff;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;width:40px}.work_listing .videowrap .iframe_wrapper:has(.type-website){height:100vh;max-height:calc(100vh - 100px);padding-bottom:0}.work_listing .pagination_wrap .pagination{list-style:none;margin:45px 0 0;padding:0}.work_listing .pagination_wrap .pagination li.pagination_item{border:2px solid transparent;border-radius:.25rem;display:inline-block;line-height:2.25em;margin-right:.5em;min-width:2.5em;text-align:center;text-decoration:none}.work_listing .pagination_wrap .pagination li a:not([href]){pointer-events:none}.work_listing .pagination_wrap .pagination li.pagination_item a,.work_listing .pagination_wrap .pagination li.pagination_item span{border:2px solid transparent;border-radius:4px;color:inherit;display:inline-block;height:100%;width:100%}.work_listing .pagination_wrap .pagination li.pagination_item a.active,.work_listing .pagination_wrap .pagination li.pagination_item span.active{background:#00a9fa;border-color:#00a9fa;color:#fff;pointer-events:none}.work_listing .pagination_wrap .pagination li.pagination_item a:hover,.work_listing .pagination_wrap .pagination li.pagination_item span:hover{border-color:#00a9fa}.work_listing .pagination_wrap .pagination li.pagination_item .pagi_elip:hover{border-color:transparent}.work_listing .pagination_wrap .pagination li.pagination_item.disable{display:none}@media (max-width:1024px){.work_listing .tab-buttons{gap:10px}}@media (max-width:768px){.work_listing{padding-bottom:50px;padding-top:50px}.work_listing .tab-buttons a{width:100%}.work_listing .contentholder{margin-top:30px}.work_listing .case_studies-portfolio .title h5,.work_listing .video-portfolio .title h5,.work_listing .website-portfolio .title h5{font-size:22px}.work_listing .videowrap .videoinnerwrp{max-width:100%;padding-left:15px;padding-right:15px}.work_listing .videowrap .videoinnerwrp:has(.type-youtube){overflow:auto}.work_listing .closeicon{height:28px;right:5px;width:28px}.work_listing .videowrap .iframe_wrapper:has(.type-website){margin-top:40px;max-height:calc(100vh - 140px)}}