body.open_popup{overflow:hidden}.portfolio_tabber{padding-bottom:100px;padding-top:100px}.portfolio_tabber .topcontent{margin-bottom:50px;text-align:center}.portfolio_tabber .topcontent .introtitle{color:#fc6f4e;margin-bottom:20px}.portfolio_tabber .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}.portfolio_tabber .tab-buttons a.active,.portfolio_tabber .tab-buttons a:hover{background-color:#00a9fa;border-color:#00a9fa}.portfolio_tabber .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}.portfolio_tabber .tab-buttons a span.icon img{display:block;filter:grayscale(1);transition:all .3s ease}.portfolio_tabber .tab-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.portfolio_tabber .tab-buttons a span.text{color:#253342;font-size:20px;font-weight:700;letter-spacing:2%}.portfolio_tabber .tab-buttons a.active .icon img,.portfolio_tabber .tab-buttons a:hover .icon img{filter:grayscale(0)}.portfolio_tabber .tab-buttons a.active span.text,.portfolio_tabber .tab-buttons a:hover span.text{color:#fff}.portfolio_tabber .cmtabs .cmtab-content{display:none}.portfolio_tabber .cmtabs .cmtab-content.active{display:block}.portfolio_tabber .contentholder{margin-top:50px}.portfolio_tabber .btnwrapper{margin-top:50px;text-align:center}.portfolio_tabber .video-portfolio .cmrow{display:flex;flex-wrap:wrap;margin:0 -10px;row-gap:20px}.portfolio_tabber .video-portfolio .cmrow .item{padding:0 10px}.portfolio_tabber .video-portfolio .cmrow .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}.portfolio_tabber .video-portfolio .cmrow .topcnt{margin-bottom:20px}.portfolio_tabber .video-portfolio .cmrow .video{margin-top:auto}.portfolio_tabber .video-portfolio .cmrow .inner .cnt{display:none}.portfolio_tabber .video-portfolio .title{margin-bottom:5px;position:relative}.portfolio_tabber .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}.portfolio_tabber .video-portfolio .title svg{position:absolute;right:10px;top:8px;transform:rotate(45deg)}.portfolio_tabber .video-portfolio .cmrow .inner:hover{background:linear-gradient(113.42deg,rgba(0,169,250,.1) 44.66%,rgba(255,153,0,.1) 110.27%)}.portfolio_tabber .video-portfolio .cmrow .image img{border-radius:13.56px}.portfolio_tabber .video-portfolio .cmrow .inner .posterimage img{border-radius:20px;height:235px;object-fit:cover;object-position:center center;width:100%}.portfolio_tabber .video-portfolio .inner:hover .title svg{transform:rotate(135deg)}.portfolio_tabber .video-portfolio .title svg{transition:all .3s linear}.portfolio_tabber .videowrap{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.portfolio_tabber .videowrap.open{display:flex}.portfolio_tabber .videowrap:before{background-color:#000;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.portfolio_tabber .videowrap .videoinnerwrp{align-items:center;display:flex;height:100%;margin:auto;max-height:calc(100vh - 100px);max-width:80%;overflow:auto;padding:0 50px;position:relative;width:100%}.portfolio_tabber .videowrap iframe{height:100%;left:0;position:absolute;top:0;width:100%}.portfolio_tabber .videowrap .iframe_wrapper{background:#fff;padding-bottom:56%;position:relative;width:100%}.portfolio_tabber .videowrap video{display:block;width:100%}.portfolio_tabber .video-portfolio .posterimage{position:relative}.portfolio_tabber .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}.portfolio_tabber .website-portfolio .cmrow{display:flex;flex-wrap:wrap;margin:0 -10px;row-gap:20px}.portfolio_tabber .website-portfolio .cmrow .item{padding:0 10px}.portfolio_tabber .website-portfolio .cmrow .inner{border:1px solid #25334233;border-radius:20px;padding:25px 15px 15px;transition:all .3s linear}.portfolio_tabber .website-portfolio .cmrow .inner .cnt{display:none}.portfolio_tabber .website-portfolio .title{margin-bottom:16px;position:relative}.portfolio_tabber .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}.portfolio_tabber .website-portfolio .title svg{position:absolute;right:10px;top:8px;transform:rotate(45deg)}.portfolio_tabber .website-portfolio .cmrow .inner:hover{background:linear-gradient(113.42deg,rgba(0,169,250,.1) 44.66%,rgba(255,153,0,.1) 110.27%)}.portfolio_tabber .website-portfolio .cmrow .image img{aspect-ratio:344/348;border-radius:13.56px;object-fit:cover;object-position:center center;width:100%}.portfolio_tabber .website-portfolio .cmrow .inner{color:inherit;display:flex;flex-direction:column;height:100%}.portfolio_tabber .website-portfolio .cmrow .inner .image{margin-top:auto}.portfolio_tabber .case_studies-portfolio .cmrow{display:flex;flex-wrap:wrap;margin:0 -10px;row-gap:20px}.portfolio_tabber .case_studies-portfolio .cmrow .item{padding:0 10px;width:33.333%}.portfolio_tabber .case_studies-portfolio .cmrow .inner{border:1px solid #25334233;border-radius:20px;padding:30px 10px 10px;transition:all .3s linear}.portfolio_tabber .case_studies-portfolio .cmrow .inner .cnt{display:none}.portfolio_tabber .case_studies-portfolio .title{margin-bottom:5px;position:relative}.portfolio_tabber .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}.portfolio_tabber .case_studies-portfolio .title svg{position:absolute;right:10px;top:8px;transform:rotate(45deg)}.portfolio_tabber .case_studies-portfolio .cmrow .image img{border-radius:13.56px;height:338px;object-fit:cover;object-position:center center;width:100%}.portfolio_tabber .case_studies-portfolio .cmrow .inner{color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.portfolio_tabber .case_studies-portfolio .cmrow .inner .image{margin:auto}.portfolio_tabber .case_studies-portfolio .cmrow .item .topcnt ul{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:20px 0 25px;padding:0}.portfolio_tabber .case_studies-portfolio .cmrow .item .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}.portfolio_tabber .case_studies-portfolio .cmrow .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}.portfolio_tabber .case_studies-portfolio .cmrow .inner:hover:before{opacity:1}@media (max-width:1024px){.portfolio_tabber .tab-buttons{gap:10px}}@media (max-width:991px){.portfolio_tabber .case_studies-portfolio .cmrow .item{width:50%}}@media (max-width:767px){.portfolio_tabber{padding-bottom:50px;padding-top:50px}.portfolio_tabber .tab-buttons a{width:100%}.portfolio_tabber .contentholder{margin-top:30px}.portfolio_tabber .case_studies-portfolio .cmrow .item{width:100%}}