.hybrid-floors-steps-section{background:#fff;position:relative}.hybrid-floors-steps-section .container{max-width:var(--site-max-width-big);margin:0 auto;padding-left:calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));padding-right:calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2))}.steps-wrapper{display:flex;gap:60px;align-items:center}.left-content{flex:0 0 320px;padding-right:40px}.left-content .section-title{color:#487664;margin-bottom:30px}.left-content .left-description,.left-content .left-description-secondary{color:#5a5a5a;margin-bottom:25px}.contact-button{display:inline-block;background:#487664;color:#fff;padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:600;border:none;cursor:pointer;position:relative;z-index:1;pointer-events:auto}.contact-button:hover{color:#fff;text-decoration:none}.right-content{flex:1;position:relative}.steps-container{position:relative;background:#f9f9f4;border-radius:20px;overflow:hidden;min-height:400px}@media (min-width: 969px){.navigation-arrows{position:absolute;top:20px;right:20px;z-index:10;display:flex;gap:10px;pointer-events:none}}.nav-arrow{width:60px;height:60px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#487664;transition:all .3s ease;pointer-events:auto}.nav-arrow img{width:32px;height:32px;transition:all .3s ease}.nav-arrow:hover{background:#487664;color:#fff;transform:scale(1.1)}.nav-arrow:active{transform:scale(.95);outline:2px solid #487664;outline-offset:2px}.steps-slider{position:relative;height:400px;overflow:hidden}.step-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(100%);transition:all .8s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;padding:0;gap:0}.step-slide.active{opacity:1;transform:translate(0)}.step-content{flex:1;padding:40px 40px 40px 60px}.step-title{color:#487664;margin-bottom:20px;text-transform:capitalize}.step-description{color:#5a5a5a;margin:0}.step-image{flex:0 0 450px;display:flex;align-items:center;justify-content:center;height:100%;padding:0;overflow:hidden}.step-image img,.step-image picture{width:100%;height:100%}.step-image img{object-fit:cover;border-radius:0;box-shadow:none}.placeholder-image{width:100%;height:100%;background:#f0f0f0;border-radius:0;display:flex;align-items:center;justify-content:center;color:#999;box-shadow:none;object-fit:contain}.placeholder-image svg{width:100%;height:100%}.placeholder-image text{font-weight:600}.progress-container{position:absolute;bottom:30px;left:0;right:0;margin:0 30px}.progress-bar{width:100%;height:4px;background:#48766433;border-radius:2px;overflow:hidden}.progress-fill{height:100%;width:25%;background:#487664;transition:transform .8s cubic-bezier(.4,0,.2,1);border-radius:2px}@media (max-width: 1200px){.steps-wrapper{gap:40px}.left-content{flex:0 0 280px}.step-slide{padding:0}.step-content{padding:30px 30px 30px 40px}.step-image{flex:0 0 350px}}@media (max-width: 968px){.hybrid-floors-steps-section .container{max-width:var(--site-max-width);padding-left:calc(var(--gap, 8px) * 2);padding-right:calc(var(--gap, 8px) * 2)}.steps-wrapper{flex-direction:column;gap:30px}.left-content{flex:none;width:100%;text-align:center;padding-right:0}.right-content{width:100%}.steps-container{position:relative;display:block}.steps-slider{height:600px;margin-top:40px;position:relative;display:block}.step-slide{flex-direction:column;text-align:center;padding:20px 20px 0;position:absolute;top:0;left:0;width:100%;height:100%;align-items:stretch;justify-content:flex-start;box-sizing:border-box}.step-slide.active{display:flex;opacity:1;transform:translate(0)}.step-content{padding:15px 10px 5px;order:1;flex-shrink:0}.step-image{flex:none!important;order:2;height:350px!important;width:350px!important;max-width:350px!important;margin:0 auto!important;padding:10px!important;overflow:hidden;border-radius:0;display:block!important;box-sizing:border-box}.step-image picture{width:100%;height:100%;display:block}.step-image img{width:100%;height:100%;object-fit:contain;border-radius:0;display:block}.placeholder-image{width:100%;height:100%;object-fit:cover}.progress-container{position:absolute;top:10px;left:30px;right:30px;z-index:10}.navigation-arrows{position:absolute!important;top:auto!important;bottom:15px!important;left:20px!important;right:auto!important;z-index:10;display:flex!important;flex-direction:row!important;gap:10px!important}.nav-arrow{border-radius:50%!important;flex-shrink:0;aspect-ratio:1/1}}@media (max-width: 768px){.steps-wrapper{gap:20px}.steps-container{display:block}.steps-slider{height:550px;margin-top:35px;display:block}.step-slide{padding:15px 15px 0;position:absolute;top:0;left:0;width:100%;height:100%;flex-direction:column;text-align:center;align-items:stretch;justify-content:flex-start;box-sizing:border-box}.step-slide.active{display:flex;opacity:1;transform:translate(0)}.step-content{padding:10px 10px 5px;order:1;flex-shrink:0}.step-image{height:320px!important;width:320px!important;max-width:320px!important;margin:0 auto!important;order:2;padding:10px!important;overflow:hidden;border-radius:0;flex:none!important;display:block!important;box-sizing:border-box}.step-image picture{width:100%;height:100%;display:block}.step-image img{width:100%;height:100%;object-fit:contain;border-radius:0;display:block}.placeholder-image{width:100%;height:100%;object-fit:cover}.progress-container{position:absolute;top:8px;left:20px;right:20px;z-index:10}.navigation-arrows{position:absolute!important;top:auto!important;bottom:10px!important;left:15px!important;right:auto!important;z-index:10;display:flex!important;flex-direction:row!important;gap:8px!important}.nav-arrow{border-radius:50%!important;flex-shrink:0;aspect-ratio:1/1}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.steps-container:hover .step-slide{animation-play-state:paused}.nav-arrow:focus{outline:2px solid #487664;outline-offset:2px}.contact-button:focus{outline:2px solid #487664;outline-offset:2px}@media print{.hybrid-floors-steps-section{background:#fff;color:#000}.navigation-arrows,.progress-container{display:none}.step-slide{position:relative;opacity:1;transform:none;page-break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hybrid-floors-steps.css.map */