.portfolio{margin-top:60px;overflow-x:hidden;overflow-y:hidden}.portfolio h1{text-align:center;margin-bottom:60px!important}.orange-line{background-color:var(--orange);background:linear-gradient(to right,var(--orange),var(--orange))}.blue-line{background-color:var(--blue);background:linear-gradient(to right,var(--blue),var(--blue))}.red-line{background-color:var(--red);background:linear-gradient(to right,var(--red),var(--red))}.pink-line{background-color:var(--pink);background:linear-gradient(to right,var(--pink),var(--pink))}.portfolio .portfolio-divider{display:flex;align-items:center;justify-content:center;gap:0;position:absolute;left:0;right:0;bottom:-15px;margin-left:auto;margin-right:auto;width:100%;z-index:1000}.portfolio .portfolio-divider .line{width:50%;height:5px}.portfolio .portfolio-divider .divider-circle{width:30px;height:30px;border-radius:50%}.portfolio .portfolio-items .portfolio-item .portfolio-desktop-img{display:block}.portfolio .portfolio-items .portfolio-item .portfolio-mobile-img{display:none}.portfolio .portfolio-items{display:flex;flex-direction:column;gap:0px}.portfolio .portfolio-items .portfolio-item{display:flex;flex-direction:row;gap:10%;position:relative;padding-top:40px;height:100vh;max-height:800px}.portfolio .portfolio-items .portfolio-item .container{display:flex;flex-direction:row;justify-content:space-between}.overlay{background:linear-gradient(180deg,#000000d4,#0000005f);height:100%;position:absolute;width:100%;left:0;top:0}.portfolio .portfolio-items .portfolio-item a span{font-weight:700;font-size:18px}.portfolio .portfolio-items .portfolio-item h2{text-align:left}.portfolio .portfolio-items .portfolio-item img{display:block;transition:all .3s ease}.portfolio .portfolio-items .portfolio-item img:hover{scale:1.01;transform:translateY(-10px)}.portfolio .portfolio-items .portfolio-item .left{display:flex;flex-direction:column;justify-content:center;gap:20%;z-index:1;max-width:50%}.portfolio .portfolio-items .portfolio-item .right{display:flex;z-index:1;flex-direction:column;justify-content:center;max-width:50%}.portfolio .portfolio-items .item1{background:url(/p-bg1.png) no-repeat center center/cover}.portfolio .portfolio-items .item2{background:url(/miami.png) no-repeat center center/cover}.portfolio .portfolio-items .item3{background:url(/p-bg3.png) no-repeat center center/cover}.portfolio .portfolio-items .item4{background:url(/wrench.png) no-repeat center center/cover}.portfolio .portfolio-items .item5{background:url(/p-bg5.png) no-repeat center center/cover}.portfolio .portfolio-items .item6{background:url(/p-bg6.png) no-repeat center center/cover}.portfolio .portfolio-items .item7{background:url(/p-bg7.webp) no-repeat center center/cover}.portfolio .portfolio-items .item8{background:url(/p-bg8.png) no-repeat center center/cover}.portfolio .portfolio-items .item9{background:url(/p-bg7.png) no-repeat center center/cover}.portfolio .portfolio-items .item10{background:url(/p-bg10.png) no-repeat center center/cover}.portfolio .portfolio-items .item11{background:url(/p-bg11.webp) no-repeat center center/cover}.portfolio .portfolio-items .item1 img{max-width:500px}.portfolio .portfolio-items .item2 img{max-height:450px;max-width:450px}.portfolio .portfolio-items .item3 img{max-width:460px}.portfolio .portfolio-items .item4 img{max-height:450px;max-width:450px}.portfolio .portfolio-items .item5 img,.portfolio .portfolio-items .item6 img,.portfolio .portfolio-items .item7 img,.portfolio .portfolio-items .item8 img,.portfolio .portfolio-items .item9 img{max-width:460px}.portfolio .portfolio-items .item10 img{max-height:450px;max-width:450px}.portfolio .portfolio-items .item11 img{max-width:460px}.portfolio .portfolio-items .portfolio-item .left,.portfolio .portfolio-items .portfolio-item .right{opacity:0;transition:transform .5s linear,opacity .5s linear;will-change:transform,opacity}.portfolio .portfolio-items .portfolio-item .left{transform:translate(-80px)}.portfolio .portfolio-items .portfolio-item .right{transform:translate(80px)}.portfolio .portfolio-items .portfolio-item .left.slide-in,.portfolio .portfolio-items .portfolio-item .right.slide-in{opacity:1;transform:translate(0)}@media (max-width: 1024px){.portfolio .portfolio-items .item1 img{max-width:500px}.portfolio .portfolio-items .item2 img{max-height:450px;max-width:400px}.portfolio .portfolio-items .item3 img{max-width:400px}.portfolio .portfolio-items .item4 img{max-height:450px;max-width:400px}.portfolio .portfolio-items .item5 img{max-width:400px}.portfolio .portfolio-items .item6 img,.portfolio .portfolio-items .item7 img{max-width:460px}.portfolio .portfolio-items .item8 img{max-width:40px}.portfolio .portfolio-items .item9 img{max-width:400px}.portfolio .portfolio-items .item10 img{max-height:450px;max-width:400px}}@media (max-width: 900px){.portfolio{margin-top:20px;overflow-x:hidden;overflow-y:hidden}.portfolio h1{text-align:center;margin-bottom:40px!important}.portfolio .portfolio-items .portfolio-item .container{flex-direction:column;justify-content:center}.portfolio .portfolio-items .portfolio-item .container img{margin-left:auto;margin-right:auto}.portfolio .portfolio-items .portfolio-item .left,.portfolio .portfolio-items .portfolio-item .right{max-width:100%}.title{margin-bottom:10%}.portfolio .portfolio-items .portfolio-item .portfolio-desktop-img{display:none}.portfolio .portfolio-items .portfolio-item .portfolio-mobile-img{display:block;margin-top:10%;margin-left:auto;margin-right:auto}.portfolio .portfolio-items .item10 .portfolio-mobile-img,.portfolio .portfolio-items .item2 .portfolio-mobile-img{margin-top:0%}}@media (max-width: 600px){.portfolio .portfolio-items .portfolio-item{display:flex;flex-direction:row;gap:10%;position:relative;padding-top:0;height:100vh;max-height:650px}.portfolio .portfolio-items .item1 img{max-width:300px}.portfolio .portfolio-items .item2 img{max-height:300px;max-width:300px}.portfolio .portfolio-items .item3 img{max-width:300px}.portfolio .portfolio-items .item4 img{max-height:300px;max-width:300px}.portfolio .portfolio-items .item5 img,.portfolio .portfolio-items .item6 img,.portfolio .portfolio-items .item7 img,.portfolio .portfolio-items .item8 img,.portfolio .portfolio-items .item9 img{max-width:300px}.portfolio .portfolio-items .item10 img{max-height:350px;max-width:300px}.portfolio .portfolio-items .item11 img{max-width:300px}.portfolio .portfolio-items .portfolio-item .portfolio-mobile-img,.portfolio .portfolio-items .portfolio-item img{display:block;margin-top:20%;margin-left:auto;margin-right:auto;height:auto;width:auto}}