.portfolio__container{display:flex;flex-direction:column;max-width:89.375rem}.portfolio__list{display:flex;flex-direction:column;margin-top:2.25rem;row-gap:3.5rem}.portfolio__all{color:#00192b;display:block;font-size:1.75rem;font-weight:500;line-height:1.2;margin:1.2345679012em auto 0;padding:0 .5555555556em;position:relative;text-decoration:none}.portfolio__all:before{background:linear-gradient(90deg,#9b22fc80,#407bff80);bottom:0;content:"";display:block;height:.4115226337em;left:.3703703704em;position:absolute;right:.3703703704em;transition:all .3s ease-in-out;z-index:-1}.portfolio__all:hover:before{height:100%;left:0;right:0}.portfolio-item{align-items:center;display:flex;flex-direction:column}.portfolio-item__head{padding:.625rem;position:relative;width:100%}.portfolio-item__gradient{background-image:linear-gradient(180deg,#7e70d6,#3949ec,#7e70d6,#3949ec);background-position:0 50%;background-size:100% 400%;height:100%;left:0;position:absolute;top:0;transition:background-position .5s ease-in-out;width:47.018572825%;z-index:2}.portfolio-item:hover .portfolio-item__gradient{background-position:0 100%}.portfolio-item__img{display:block;font-size:0;line-height:0;margin:0 auto;max-width:46.5625rem;position:relative;width:100%;z-index:5}.portfolio-item__img img{display:block;height:auto;max-width:100%;width:100%}.portfolio-item__name{color:#00192b;font-size:1.625rem;font-weight:500;line-height:1.3333333333;margin-top:.6em;max-width:34rem;text-align:center}.portfolio-item__desc{color:#343847;line-height:1.5555555556;margin-top:.6111111111em;max-width:34rem}.portfolio-item__desc,.portfolio-item__more{font-family:Gotham,sans-serif;font-size:1rem;font-weight:500}.portfolio-item__more{align-items:center;border:1px solid #bfc5c8;border-radius:1.4375em .1875em;color:#404040;display:flex;justify-content:center;line-height:1.2;margin-top:1.5em;min-height:2.9375em;padding:.3125em 3.125em;text-align:center;text-decoration:none;transition:border-radius .3s ease-in-out}.portfolio-item__more:hover{border-radius:.1875em 1.4375em}@media only screen and (min-width: 48em){.portfolio-item__head{padding:1.875rem 1.875rem 3.5rem}}@media only screen and (min-width: 62em){.portfolio__list{margin-top:4.25rem;row-gap:6.5625rem}.portfolio__all{font-size:3.0375rem}.portfolio-item__name{font-size:1.875rem}.portfolio-item__desc{font-size:1.125rem}}