.product-portfolio{background:var(--secondary-color)}.product-portfolio__header{margin-bottom:4.8rem}.product-portfolio__title{color:#fff;margin-bottom:2.4rem}.product-portfolio__text{color:#fff}.product-portfolio__text--after{color:#fff;margin-top:4.8rem;margin-bottom:0}.product-portfolio__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4rem}@media only screen and (max-width:1580.98px){.product-portfolio__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (max-width:992.98px){.product-portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}}.product-portfolio__item{height:49.5rem;overflow:hidden;position:relative}@media only screen and (max-width:480.98px){.product-portfolio__grid{grid-template-columns:auto}.product-portfolio__item{max-width:32rem}}.product-portfolio__item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7) 73.33%);z-index:1;transition:background .25s}.product-portfolio__item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--secondary-color-rgb),.7);opacity:0;transition:opacity .25s}.product-portfolio__item:hover::after{opacity:1}.product-portfolio__item:hover .product-portfolio__item__text,.product-portfolio__item:hover .product-portfolio__item__title{transform:translateY(-5.6rem)}.product-portfolio__item:hover .product-portfolio__item__arrow::after{transform:translateX(0)}.product-portfolio__item__link.absolute{z-index:2}.product-portfolio__item__image{position:absolute}.product-portfolio__item__img{transition:transform .25s linear}.product-portfolio__item__header{display:grid;align-content:end;width:100%;height:100%;padding:0 2rem 2.4rem;z-index:1;position:relative}.product-portfolio__item__title{color:#fff;margin-bottom:.8rem;transition:transform .25s linear}.product-portfolio__item__text{color:#fff;margin-bottom:0;transition:transform .25s linear}.product-portfolio__item__arrow{position:absolute;width:4rem;height:4rem;left:2rem;bottom:2.4rem;cursor:pointer}.product-portfolio__item__arrow::after{content:"\f061";font:1.9rem/1 var(--icon);color:#fff;width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:rgba(227,227,225,.3);transition:transform .25s linear;transform:translateX(-8rem)}