.project-steps .project-steps-intro{margin:0 auto 4rem;max-width:800px;padding:0 20px}.project-steps .desktop-project-steps-content{display:none;flex-flow:row}.project-steps .mobile-project-steps-content{display:flex;flex-flow:column}.project-steps .col-2{flex-shrink:0;width:200px}.project-steps .col-3 .step-item{flex-direction:row-reverse}.project-steps .col-2 img{width:100%}.project-steps .col-1,.project-steps .col-3{flex-grow:2}.project-steps .content{display:flex;flex-flow:column;gap:2rem;position:relative}.project-steps .content .step-item{align-items:start;display:flex;position:absolute}.project-steps .content .step-item.step-1{top:10px}.project-steps .content .step-item.step-2{top:180px}.project-steps .content .step-item.step-3{top:340px}.project-steps .content .step-item.step-4{top:510px}.project-steps .content .step-item.step-5{top:670px}.project-steps .content .step-item.step-6{top:830px}.project-steps .content .step-item.step-7{top:990px}.project-steps .content .step-item .step-details{opacity:0;transform:translateY(-30%);transition:opacity .4s ease-in-out}.project-steps .content .step-item.clicked .step-details{opacity:100%}.project-steps .content .step-item .step-interaction{align-items:center;display:flex;margin-top:40px;position:relative}.project-steps .col-1 .step-item .step-interaction{margin-right:-30px}.project-steps .col-3 .step-item .step-interaction{flex-direction:row-reverse;margin-left:-30px}.project-steps .content .step-item .step-interaction .line{margin-top:-38px;position:relative;width:150px}.project-steps .content .step-item .step-interaction .line:before{background-color:#fff;content:"";display:block;height:100%;position:absolute;top:0;transition:width .4s ease;width:100%}.project-steps .content .step-item.clicked .step-interaction .line:before{width:10%}.project-steps .col-1 .step-item .step-interaction .line:before{left:0}.project-steps .col-3 .step-item .step-interaction .line:before{right:0}.show-all-container{display:flex;flex-basis:100%;justify-content:center;margin-top:2rem;padding-top:2rem}.show-all-btn{background:linear-gradient(0deg,var(--Dark-Red,#9a1220) 0,var(--Red-Orange,#ef3e2e) 100%);border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:400;padding:12px 60px;text-transform:uppercase;transition:background-color .3s ease}.show-all-btn:hover{background-color:#e88a00}.show-all-btn:active{transform:translateY(1px)}.project-steps .content div h3{color:#4c4147;font-size:30px;text-transform:uppercase}.project-steps .content div h3 span{font-size:14px}.step-interaction .button img{border-radius:50px;box-shadow:0 0 10px rgba(0,0,0,.3);height:auto;transition:filter .3s ease}.step-item:not(.active) .step-interaction .button img{filter:grayscale(100%)}.step-item.active .step-interaction .button img{filter:grayscale(0);opacity:1}.mobile-project-steps-content .mobile-animation{margin:0 auto;max-width:200px;position:relative}.mobile-project-steps-content .mobile-animation img{width:100%}.mobile-project-steps-content .mobile-animation .button.step-1{right:-30px;top:60px}.mobile-project-steps-content .mobile-animation .button.step-2{left:-30px;top:220px}.mobile-project-steps-content .mobile-animation .button.step-3{right:-30px;top:380px}.mobile-project-steps-content .mobile-animation .button.step-4{left:-30px;top:550px}.mobile-project-steps-content .mobile-animation .button.step-5{right:-30px;top:710px}.mobile-project-steps-content .mobile-animation .button.step-6{left:-30px;top:870px}.mobile-project-steps-content .mobile-animation .button.step-7{right:-30px;top:1025px}.mobile-lightbox .lightbox-navigation .nav-btn{background-color:transparent;height:50px;padding:0;width:50px}.mobile-lightbox .lightbox-navigation .nav-btn svg{height:100%;width:100%}.mobile-project-steps-content .mobile-animation .button{position:absolute}.mobile-project-steps-content .mobile-animation .button img{width:auto}.mobile-lightbox{background-color:rgba(0,0,0,.8);display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1000}.mobile-lightbox.active{display:flex;opacity:1}.lightbox-content{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.lightbox-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;left:20px;position:absolute;top:20px;z-index:1001}.lightbox-navigation{box-sizing:border-box;display:flex;justify-content:space-between;padding:0 20px;position:absolute;top:45%;transform:translateY(-45%);width:100%}.mobile-animation .button:not(.active) img{filter:grayscale(100%)}.nav-btn{align-items:center;background-color:#ff9d00;border:none;border-radius:4px;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background-color .3s ease;width:48px}.nav-btn:disabled{background-color:#ccc;cursor:not-allowed}.lightbox-step-icon{margin-bottom:30px}.lightbox-step-icon img{box-sizing:border-box;height:180px;padding:20px;width:180px}.lightbox-step-info{max-width:600px;padding:0 20px;text-align:center}.step-number{color:#666;font-size:16px;font-weight:500}.step-number,.step-title{margin-bottom:8px;text-transform:uppercase}.step-title{color:#333;font-size:32px;font-weight:700;line-height:1.2}.step-complete{color:#333;font-size:16px;font-weight:400;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.step-description{color:#666;font-size:16px;line-height:1.6;text-align:left}@media (min-width:1450px){.project-steps .desktop-project-steps-content{display:flex;flex-flow:wrap}.project-steps .mobile-project-steps-content{display:none}}