.portfolio__items{max-width:1440px;margin:0 auto 170px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.portfolio__items-container{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;width:100%}.portfolio-row{display:flex;gap:10px;justify-content:center;width:100%;flex-direction:row}.portfolio-item{height:360px;border-radius:15px;width:25%;position:relative}.portfolio-item__img{width:100%;height:100%;position:absolute;border-radius:15px;top:0;left:0;object-fit:cover}.portfolio-item:before{content:"";position:absolute;border-radius:15px;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1;opacity:0;transition:opacity .3s ease}.portfolio-item:hover:before{opacity:1}.portfolio-item--long{width:715px;flex-shrink:0}.portfolio-item p{font-family:RockStar,sans-serif;font-weight:600;font-size:20px;line-height:100%;color:#fff;margin:30px 0 0 30px;opacity:0;transition:opacity .3s ease;z-index:10;position:relative}.portfolio-item:hover p{opacity:1}.portfolio-row:nth-child(2n){flex-direction:row-reverse}.portfolio-btn{width:680px}.portfolio-btn img{transform:rotate(135deg)}.portfolio-item__btn{opacity:0;position:absolute;width:100%;height:100%;z-index:2;top:0;right:0;bottom:0;left:0}@media (min-width: 1101px) and (max-width: 1480px){.portfolio__items{padding:0 10px}.portfolio-item--long{width:50%!important}.portfolio-item p{margin:15px 0 0 15px}}@media (max-width: 1100px){.portfolio__items-container{padding:0 10px;gap:20px}.portfolio__items{gap:55px}.portfolio-row{flex-direction:column!important;gap:20px}.portfolio-item{width:100%;height:fit-content}.portfolio-item__content{width:100%;height:240px;display:flex;align-items:flex-end;justify-content:center;position:relative}.portfolio-item:before{content:"";background-color:transparent}.portfolio-item p{opacity:1;text-align:center;color:#000;width:100%;margin:15px 0 0}.portfolio-btn{width:95%;margin:0 10px}.portfolio-item__btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;position:absolute;right:15px;background-color:#fff;filter:none;opacity:1;top:180px;left:auto}.portfolio-item__btn img{width:15px}}@media (min-width: 769px) and (max-width: 1100px){.portfolio-item{height:350px}}