.portfolio--contain{margin:0 0 48.295px;position:relative}.portfolio--contain .portfolio--text-design{color:#030303;display:grid;font-family:IvyOra Display;font-size:128px;font-style:normal;font-weight:700;gap:32px;grid-template-columns:repeat(3,560px);justify-content:center;letter-spacing:.02em;line-height:120%;opacity:.1}.portfolio--contain .portfolio--items{display:flex;gap:22px;justify-content:center;margin:auto;max-width:1124px;position:relative;z-index:2}.portfolio--contain .portfolio--item{flex:0 1 360.64px;overflow:hidden;position:relative}.portfolio--contain .portfolio--item:after{background-color:rgba(0,0,0,.2);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.portfolio--contain .portfolio--item img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:all .3s linear;width:100%}.portfolio--contain .portfolio--item .portfolio--text{min-height:411.82px;padding:40.8px 26.32px;position:relative;z-index:2}.portfolio--contain .portfolio--item .portfolio--text h6{color:#fff;font-family:Open Sauce Sans;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.02em;line-height:135%;margin:0 0 8.02px;text-transform:uppercase}.portfolio--contain .portfolio--item .portfolio--text h4{color:#fff;font-family:Open Sauce Sans;font-size:27px;font-style:normal;font-weight:700;letter-spacing:.02em;line-height:115%}.portfolio--contain .portfolio--item a:focus img,.portfolio--contain .portfolio--item a:hover img{transform:scale(1.1);transition:all .3s ease-in-out}.portfolio--contain .portfolio--item a:before{content:"";transition:all .3s linear}.portfolio--contain .portfolio--item a:hover:before{background-color:rgba(0,0,0,.6);height:100%;left:0;position:absolute;top:0;transition:all .3s ease-in-out;width:100%;z-index:1}.portfolio--contain .portfolio--items .swiper-button{background:#c02b0a;border-radius:100%;color:#fff;display:flex;height:33px;opacity:1;outline:none;width:33px}.portfolio--contain .portfolio--items .swiper-button svg{height:auto;width:15px}.portfolio--contain .portfolio--items .swiper-button-next:after,.portfolio--contain .portfolio--items .swiper-button-prev:after{content:none}.portfolio--contain .portfolio--items .swiper-button-prev{left:-15px}.portfolio--contain .portfolio--items .swiper-button-next{right:-15px}@media only screen and (max-width:1024px){.portfolio--contain{margin:0 0 4.5px}.portfolio--contain .portfolio--items{max-width:768px;padding:0 20px}.portfolio--contain .portfolio--item:nth-child(odd):last-child{grid-column:span 2}.portfolio--contain .portfolio--text-design{margin:0 0 9px}.portfolio--contain .portfolio--items .swiper-button-next{right:7px}.portfolio--contain .portfolio--items .swiper-button-prev{left:5px}}@media only screen and (max-width:767px){.portfolio--contain{margin:0 0 19px;position:relative}.portfolio--contain .portfolio--text-design{font-size:70px;gap:18px;grid-template-columns:repeat(3,295px);line-height:120%;margin:0 0 20px}.portfolio--contain .portfolio--item .portfolio--text h6{font-size:14px;line-height:135%}.portfolio--contain .portfolio--item .portfolio--text h4{font-size:20px;line-height:115%}.portfolio--contain .portfolio--item .portfolio--text{min-height:225px;padding:23.05px 14px}}@media only screen and (max-width:375px){.portfolio--contain .portfolio--items{grid-template-columns:repeat(2,60%)}}