.jhub_checkout{align-items:center;backdrop-filter:blur(40px);background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:22px;height:52px;justify-content:center;line-height:1;width:52px}.jhub_checkout:focus,.jhub_checkout:hover{background-color:hsla(0,0%,100%,.1);color:#fff;transform:scale(1.05)}.jhub_live_preview{align-items:center;background-color:#33d989;border:none;border-radius:48px;color:#000;display:inline-flex;flex-shrink:0;font-size:16px;font-weight:500;gap:6px;justify-content:center;letter-spacing:-.01em;line-height:1;outline:none;padding:14px 18px}.jhub_live_preview:focus,.jhub_live_preview:hover{background-color:#33d989;color:#000;transform:scale(1.05)}.jhub-portfolio-tab{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.jhub-portfolio-tab .tab-btn{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:40px;color:#000;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;letter-spacing:-.01em;line-height:1;padding:7px 15px}.jhub-portfolio-tab .tab-btn.active{background-color:#000;border-color:#000;color:#fff}.jhub-portfolio-item{background-color:#fff;height:100%}.jhub-portfolio-item .portfolio-img{overflow:hidden;position:relative;z-index:1}.jhub-portfolio-item .portfolio-img:before{background:rgba(0,0,0,.6);bottom:0;content:"";height:0;left:0;position:absolute;transition:.4s;width:100%}.jhub-portfolio-item:hover .portfolio-img:before{height:100%}.jhub-portfolio-item .portfolio-img img{aspect-ratio:420/220;height:auto;object-fit:cover;width:100%}.jhub-portfolio-item .portfolio-img .image-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.jhub-portfolio-item .portfolio-img .jhub-buttons{opacity:0;transform:translateY(30px);transition:.5s}.jhub-portfolio-item:hover .portfolio-img .jhub-buttons{opacity:1;transform:translateY(0)}.jhub-portfolio-item .portfolio-content{padding:25px 25px 30px}.jhub-portfolio-item .category{align-items:center;background-color:rgba(51,217,137,.4);color:#000;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;line-height:1;padding:4px 12px;text-align:center}.jhub-portfolio-item .portfolio-content .category{margin-bottom:20px}.jhub-portfolio-item .jhub_title{color:#000;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0}.jhub-portfolio-item .portfolio-content .portfolio-content-bottom{margin-top:20px}.jhub-portfolio-item .jhub_price{color:#000;font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1}.jhub-portfolio-item .jhub_price .price{color:rgba(0,0,0,.5);font-size:75%;text-decoration:line-through}.jhub-portfolio-panel{display:none;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.jhub-portfolio-panel.is-active{display:block;opacity:1;transform:translateY(0)}.jhub-portfolio-panel.is-animating{animation:jhub-portfolio-panel-in .28s ease-out both}@keyframes jhub-portfolio-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.jhub-portfolio-panel.is-animating{animation:none}}@media screen and (max-width:767px){.jhub-portfolio-tab{gap:6px}.jhub-portfolio-item .portfolio-content{padding:25px 20px 30px}}