.custom-portfolio .flex-wrapper{display:flex;gap:30px;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.custom-portfolio .top-content{width:1200px;max-width:100%;margin:0 auto}.custom-portfolio h2.top-title{font-size:60px;margin-bottom:20px;text-align:center}.custom-portfolio p.top-desc{font-size:18px;margin-bottom:40px;text-align:center;line-height:170%}.custom-portfolio .box-wrapper{width:calc(25% - 22.5px);position:relative;border-radius:4px;box-shadow:0 2px 4px #21252913;border-width:1px;background-color:#fff;justify-content:space-between;display:flex;flex-direction:column}.custom-portfolio .hidden-item{display:none}.custom-portfolio .box-wrapper .card-body{position:absolute;width:100%;height:100%;place-content:center;text-align:center;background:#0000004d;z-index:999}.custom-portfolio .box-wrapper .card-body h3{color:#fff}.custom-portfolio .box-wrapper .cstm-btn{background:#008060;padding:6px 10px;width:100%;display:none;margin:auto;font-size:16px;color:#fff;text-align:center;border-radius:3px}.custom-portfolio .box-wrapper .card-body:hover{background-color:#00806040;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}.custom-portfolio .box-wrapper .card-body:hover .btn-col{display:block;width:fit-content;padding:7px 30px;margin-top:10px}.custom-portfolio .box-wrapper .cstm-btn:hover{background:#d7bd8b;color:#1a1a1a}.custom-portfolio .box-wrapper .btn-col{padding:20px;width:100%}.custom-portfolio .box-wrapper img{object-fit:cover;border-radius:4px 4px 0 0;height:100%}.custom-portfolio .load-btn{width:100%;text-align:center;margin-top:40px}.custom-portfolio button.load-more-btn{border:unset;font-weight:500;text-transform:capitalize;background:#008060;padding:10px 30px;width:auto;display:inline-block;margin:auto;font-size:16px;color:#fff;text-align:center;border-radius:3px}.custom-portfolio button.load-more-btn:hover{background:#d7bd8b;color:#1a1a1a}@media screen and (max-width:1024px){.custom-portfolio .box-wrapper{width:calc(33.33% - 20px)}}@media screen and (max-width:768px){.custom-portfolio h2.top-title{font-size:34px}.custom-portfolio .flex-wrapper{gap:20px 10px}.custom-portfolio .box-wrapper{width:calc(50% - 5px)}.custom-portfolio .box-wrapper .btn-col{padding:10px}.custom-portfolio .box-wrapper a.cstm-btn{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom_portfolio.css.map */