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