.collection-project-tabs-container .collection-tabs-wrapper .tabs-button{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.collection-project-tabs-container .collection-tabs-wrapper .tabs-button .tab-button{font-family:Poppins;font-size:18px;font-weight:400;color:#181818;background:#fff;border:1px solid #181818;border-radius:34px;padding:14px 40px;transition:background .3s ease-in,color .3s ease-in;cursor:pointer}.collection-project-tabs-container .collection-tabs-wrapper .tabs-button .tab-button:hover{background:#fdfff5}.collection-project-tabs-container .collection-tabs-wrapper .tabs-button .tab-button.active{color:#fff;background:#181818}.collection-project-tabs-container .collection-tabs-wrapper .tabs-content{margin-top:80px}.collection-project-tabs-container .collection-tabs-wrapper .tab-content-item{display:none}.collection-project-tabs-container .collection-tabs-wrapper .tab-content-item.active{display:block}.collection-project-tabs-container .collection-tabs-wrapper .tab-content-item.active .projects-grid{display:flex;flex-wrap:wrap;column-gap:25px;row-gap:50px;list-style:none;margin:0}.collection-project-tabs-container .collection-tabs-wrapper .tab-content-item.active .projects-grid .project-item{flex:1 0 calc(50% - 12.5px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.collection-project-tabs-container .collection-tabs-wrapper .tab-content-item.active .projects-grid .project-item.center-content{justify-content:center;align-items:flex-start}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .project-img{width:100%;height:100%;max-height:300px}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .project-img img{width:100%;height:100%;object-fit:cover;max-height:300px;min-height:300px}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .title{font-size:18px;text-transform:capitalize;margin-top:22px;margin-bottom:0}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .description{font-size:20px}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .description p{margin:0}.collection-project-tabs-container .collection-tabs-wrapper .shop-btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:46px;line-height:0;font-size:15px;font-weight:500;color:#181818;border-radius:25px;padding:12px 20px;margin-top:20px;position:relative;z-index:1;overflow:hidden;transition:color .3s ease}.collection-project-tabs-container .collection-tabs-wrapper .shop-btn:before{content:"";position:absolute;width:100%;height:100%;background-color:#181818;z-index:-1;opacity:0;transform:scaleX(0);transform-origin:0 50%;transition:transform .3s ease,opacity .3s ease}.collection-project-tabs-container .collection-tabs-wrapper .shop-btn:hover:before{transform:scaleX(1);opacity:1}.collection-project-tabs-container .collection-tabs-wrapper .shop-btn:hover{color:#fff}.collection-project-tabs-container .collection-tabs-wrapper .shop-btn svg path{transition:stroke .3s ease}.collection-project-tabs-container .collection-tabs-wrapper .shop-btn:hover svg path{stroke:#fff}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid{display:flex;flex-wrap:wrap;column-gap:25px;row-gap:50px;list-style:none;margin:0;position:relative}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid:after{content:"";position:absolute;left:0;right:0;bottom:0;height:700px;background:linear-gradient(0deg,#fff 21.22%,#fff0 154.33%);pointer-events:none;z-index:2;display:none}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid.show-shadow:after{display:block}.collection-project-tabs-container .load-more-btn{font-family:Urbanist;font-size:26px;font-weight:500;text-transform:capitalize;letter-spacing:0;margin:auto}@media screen and (min-width: 767px){.tab-scroll-indicator{display:none}}@media screen and (max-width: 767px){.collection-project-tabs-container .collection-tabs-wrapper .tabs-button{flex-wrap:nowrap;justify-content:start;overflow-x:auto;gap:8px;padding-bottom:10px}.collection-project-tabs-container .collection-tabs-wrapper .tabs-button .tab-button{font-size:16px;padding:10px 30px;white-space:nowrap}.collection-project-tabs-container .collection-tabs-wrapper .tabs-content{margin-top:60px}.collection-project-tabs-container .collection-tabs-wrapper .tab-content-item.active .projects-grid{row-gap:35px}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .project-img{max-height:300px}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .title{font-size:26px;margin-top:18px}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .description{font-size:18px}.tab-scroll-indicator{display:flex;justify-content:center;align-items:center;gap:3px;padding:5px 0}.tab-scroll-indicator svg{animation:arrowScroll 1s infinite}@keyframes arrowScroll{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}}@media screen and (max-width:750px){.collection-tabs-wrapper ul.projects-grid{padding-left:0}}@media screen and (max-width: 444px){.collection-project-tabs-container .collection-tabs-wrapper .tabs-button{gap:7px}.collection-project-tabs-container .collection-tabs-wrapper .tabs-button .tab-button{font-size:15px;padding:10px 25px}.collection-project-tabs-container .collection-tabs-wrapper .tabs-content{margin-top:42px}.collection-project-tabs-container .collection-tabs-wrapper .tab-content-item.active .projects-grid{row-gap:32px}.collection-project-tabs-container .collection-tabs-wrapper .tab-content-item.active .projects-grid .project-item{flex:unset!important;width:100%}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .project-img{max-height:300px;min-height:300px}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .title{font-size:24px;margin-top:16px}.collection-project-tabs-container .collection-tabs-wrapper .projects-grid .project-item .description{font-size:16px}.collection-project-tabs-container .collection-tabs-wrapper .shop-btn{min-height:48px;margin-top:18px}.tab-scroll-indicator{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection-project-tabs.css.map */