.portfolio_tab_section{padding:100px 0 50px}.portfolio_tab_section .tabs-wrapper{margin:40px auto 0;max-width:100%;position:relative}.portfolio_tab_section .heading h2{text-transform:uppercase}.portfolio_tab_section .tab-buttons{border-bottom:1px solid #e5e7f5cc;display:flex;gap:30px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px;position:relative}.portfolio_tab_section .tab-buttons::-webkit-scrollbar{display:none}.portfolio_tab_section .tab-buttons::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.portfolio_tab_section .tab-buttons::-webkit-scrollbar-track{background:#f1f1f1}.portfolio_tab_section .tab-btn{background:transparent;border:none;color:#76788b;cursor:pointer;font-family:Figtree,sans-serif;font-size:17px;font-weight:500;padding:10px 0;position:relative;text-align:left;transition:background .3s;white-space:nowrap}.portfolio_tab_section .tab-btn:after{background:#fff;bottom:-10px;content:"";height:2px;left:0;position:absolute;transition:.5s;width:0}.portfolio_tab_section .tab-btn.active:after{background:#020204;transition:.5s;width:100%}.portfolio_tab_section .tab-btn.active{color:#000}.portfolio_tab_section .tab-contents{display:flex;flex-direction:column;gap:20px}.portfolio_tab_section .tab-content{animation:fadeIn .3s ease-in-out;display:none}.portfolio_tab_section .tab-content.active{display:block}.portfolio_tab_section .project{background:#fff;border:1px solid #e5e7f5;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin:20px 0 0;overflow:hidden;padding:0}.portfolio_tab_section .project img{border-radius:0;box-shadow:0 10.06px 25.81px 0 #00000017;margin-top:0;transition:1s;width:100%}.portfolio_tab_section .no-project-message{background:#f8f8f8;border-radius:8px;color:#777;font-weight:500;padding:20px;text-align:center}.portfolio_tab_section .project .portfolio_content{padding:25px 20px 0}.portfolio_tab_section .project .portfolio_content p{color:#707acd;font-size:12px;line-height:20px;margin:0 0 12px;text-transform:uppercase;transition:1s}.project .portfolio_content p span{border-right:1px solid #bdbdcf;margin-right:4px;padding-right:8px}.portfolio_tab_section .project .portfolio_content p span:last-child{border:none}.portfolio_tab_section .project .portfolio_img{background:#eff1f5;height:240px;overflow:hidden;padding:20px;transition:1s}.portfolio_tab_section .project:hover .portfolio_img img{transform:scale(1.08) translateY(-40px);transition:1s}.portfolio_tab_section .project .portfolio_img h4{color:#0fb78a;font-size:11px;font-weight:600;margin:0 0 8px;transition:1s}.portfolio_tab_section .project .portfolio_img h3{color:#020204;font-size:13px;font-weight:700;line-height:1.3;margin:0 0 8px;max-width:260px;text-transform:uppercase;transition:1s}.portfolio_tab_section .project:hover .portfolio_img .content_top_portfolio{transform:translateY(-90px);transition:1s}.portfolio_tab_section .project .portfolio_img .content_top_portfolio{background:url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/capl-wbsite/Figma-to-hb-icon.svg);background-position:100%;background-repeat:no-repeat;background-size:90px;margin:0 0 10px;position:relative;transition:1s}.portfolio_tab_section .project .portfolio_content h4{color:#020204;font-size:16px;font-weight:600;margin:0 0 18px;transition:1s}.portfolio_tab_section .project:hover .portfolio_content h4,.portfolio_tab_section .project:hover .portfolio_content p{transform:translateY(-15px);transition:1s}.portfolio_tab_section .project .portfolio_content a{color:#3d4244;display:flex;font-size:14px;font-weight:600;opacity:0;text-decoration:none;transform:translateY(80px);transition:1s}.portfolio_tab_section .project .portfolio_content a svg{fill:#3d4244;height:10px;margin-left:6px}.portfolio_tab_section .project:hover .portfolio_content a{opacity:1;transform:translateY(-15px);transition:1s}.portfolio_tab_section .popup-frame .header{padding:30px 0 20px}.portfolio_tab_section .popup-frame .header .heading h4{color:#020204;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin-bottom:10px}.portfolio_tab_section .popup-frame .header .content-bar{align-items:center;display:flex;justify-content:space-between}.portfolio_tab_section .popup-frame .header .content-bar .text{padding-right:5px}.portfolio_tab_section .popup-frame .header .content-bar .text p{align-items:center;color:#3d4244;display:flex;font-family:Figtree,sans-serif;font-size:16px;font-weight:500;margin:0}.portfolio_tab_section .popup-frame .header .content-bar .text p span{color:#0fb78a;margin-left:6px}.portfolio_tab_section .popup-frame .header .content-bar .cta-col{align-items:center;display:flex}.portfolio_tab_section .popup-frame .header .content-bar .cta-col .technology{align-items:center;background:transparent;border:1px solid #e7e7e9;border-radius:20px;color:#020204;display:flex;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;line-height:0;margin-right:12px;padding:8px 18px}.portfolio_tab_section .popup-frame .header .content-bar .cta-col .technology img{height:20px;margin-right:6px;width:20px}.portfolio_tab_section .popup-frame .header .content-bar .cta-col a{align-items:center;background:#020204;border:1px solid #e7e7e9;border-radius:20px;color:#fff;display:flex;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;padding:8px 18px;text-decoration:none}.portfolio_tab_section .popup-frame .header .content-bar .cta-col a img{height:12px;margin-left:15px;width:12px}.portfolio_tab_section .popup-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(3px);background:#00000029;bottom:0;display:none;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:99999999999}.portfolio_tab_section .popup-frame{animation:slideUp .4s ease;background:#fff;border-radius:30px 30px 0 0;box-shadow:0 0 30px rgba(0,0,0,.3);height:100%;margin-top:120px;overflow:hidden;position:relative;width:100%}.portfolio_tab_section .popup-frame iframe{border:1px solid #eff1f5;border-radius:4px;height:100%;overflow:hidden;scrollbar-width:none;width:100%;-ms-overflow-style:none;background:#f7f9fc}.portfolio_tab_section .popup-frame .container{height:100%}.portfolio_tab_section .popup-frame iframe::-webkit-scrollbar{display:none!important}.portfolio_tab_section .close-btn{background:transparent;border:1px solid #e7e7e9;border-radius:100%;cursor:pointer;height:35px;line-height:0;right:20px;top:20px;width:35px}.portfolio_tab_section .close-btn,.portfolio_tab_section .popup-loader{align-items:center;display:flex;justify-content:center;position:absolute}.portfolio_tab_section .popup-loader{background:hsla(0,0%,100%,.9);bottom:0;color:#444;flex-direction:column;font-size:16px;left:0;right:0;top:0;z-index:10}.portfolio_tab_section .spinner{animation:spin 1s linear infinite;border:4px solid #000;border-radius:50%;border-top-color:transparent;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.portfolio_tab_section .tab-btn{font-size:14px;padding:8px 0}.portfolio_tab_section .project h3{font-size:16px}.portfolio_tab_section .project .portfolio_content a{opacity:1;transform:translateY(0)}.portfolio_tab_section .project{padding:0 0 30px}.portfolio_tab_section{padding:50px 0}}@media(max-width:767.98px){.portfolio_tab_section .project .portfolio_img{height:230px}.portfolio_tab_section .tabs-wrapper:after{height:45px;top:-36px;width:45px}.portfolio_tab_section .heading h2{font-weight:700}}@media(min-width:768px) and (max-width:991.98px){.portfolio_tab_section .project .portfolio_img{height:220px}}@media(min-width:992px) and (max-width:1199.98px){.portfolio_tab_section .project .portfolio_img{height:220px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767.98px){.portfolio_tab_section .popup-frame{border-radius:0;margin-top:0}.portfolio_tab_section .popup-frame .header .content-bar .cta-col a{color:transparent;font-size:0;line-height:0;padding:10px}.portfolio_tab_section .popup-frame .header .content-bar .cta-col a img{margin:0}.portfolio_tab_section .popup-frame .header .content-bar{position:relative}.portfolio_tab_section .close-btn{height:33px;margin-left:6px;min-width:33px;position:inherit;right:auto;top:auto;width:33px}.portfolio_tab_section .popup-frame .header .content-bar .text p{display:block}}@media (max-width:575.98px){.portfolio_tab_section .popup-frame .header{padding:25px 0 20px}.portfolio_tab_section .popup-frame .header .heading h4{font-size:20px}.portfolio_tab_section .popup-frame .header .content-bar .text p{font-size:14px}}@media (max-width:425.98px){.portfolio_tab_section .popup-frame .header .content-bar .cta-col .technology{margin-right:5px;padding:6px 12px}}