.project-gallery-slider{display:flex;flex-wrap:wrap;justify-content:center;gap:50px 20px}.project-gallery-slider .slick-list{--spacer: 108px;order:-1;margin:0 calc(var(--spacer) * -1)}.project-gallery-slide{position:relative;padding:1.71875vw;aspect-ratio:1 / 1.28256;overflow:hidden;margin:0 15px;color:rgba(var(--color-foreground),1);border-radius:5px;text-decoration:none;display:flex!important;align-items:flex-end}.main-feature-project{overflow:hidden}.project-gallery-content{position:relative;transition:.3s}.project-gallery-slide:hover .project-gallery-content{padding-bottom:10px}.project-gallery-slide .back-img{height:100%;width:100%;position:absolute;background-size:cover;background-position:center;top:0;left:0;z-index:-1;transition:.3s}.project-gallery-slide:hover .back-img{transform:scale(1.0625) rotate(1deg)}.project-gallery-slide:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:110%;height:100%;background:linear-gradient(to bottom,#0a121d00 33%,#0a121de5 64%);transition:.3s}.project-gallery-slide:hover:before{transform:scale(1.0625) translate(-50%)}.slick-arrow{align-self:center;width:50px;aspect-ratio:1 / 1;overflow:hidden;border-radius:5px;background-color:rgba(var(--color-button-text),1);font-size:0;line-height:0;outline:none;border:0;cursor:pointer;transition:.3s}.slick-arrow svg{transition:.3s}.slick-arrow:hover{background-color:rgba(var(--color-sub-title),1)}.slick-arrow:hover svg{filter:brightness(0) invert(1)}.main-feature-project .page-width{max-width:100%}.project-gallery-content-wp .sec-title{text-align:center;margin-bottom:40px}.project-logo img{display:inline-flex;margin-bottom:2.39583333vw}.project-logo p{font-size:1.14583333vw;line-height:1.45;color:currentColor;font-family:var(--font-heading-family);font-weight:var(--font-heading-light-weight)}@media(max-width:1366px){.project-logo p{font-size:1.375vw}}@media(max-width:989px){.project-logo p{font-size:16px}.project-logo img{max-width:26.289181vw;height:auto}}@media(max-width:751px){.project-gallery-slider .slick-list{--spacer: 20px}.project-gallery-slide{margin:0 6px;padding:12px}}@media(max-width:575px){.project-gallery-slider .slick-list{--spacer: 20px;padding:0 calc(40px + .3*(100vw - 375px))}.slick-arrow{width:46px}.project-gallery-slider{gap:40px 12px}.project-logo img{max-width:38vw}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-custom-featured-projects.css.map */