.how-to-carousel{position:relative;max-width:98%;margin:0 auto;overflow:hidden;height:800px;background:transparent;padding-bottom:20px}.carousel{display:flex;transition:transform .5s ease-in-out;width:70%;height:100%;gap:20px;justify-content:flex-start}.carousel-item{flex:0 0 calc(100% - 20px);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;height:100%}.how-to-step{position:relative;height:100%;display:flex;flex-direction:column}.image-container{position:relative;width:100%;height:80%;overflow:hidden;background:#f9f9f9}.image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.text-overlay{flex-grow:1;background:#ffffffe6;padding:20px;position:absolute;bottom:0;align-self:center;text-align:left;box-shadow:0 -2px 6px #0000001a;z-index:10;height:35%;display:flex;flex-direction:column;justify-content:center}.text-overlay h3{font-size:14px;text-transform:uppercase;color:#977e57;margin-bottom:5px}.text-overlay h2{font-size:20px;text-transform:uppercase;color:#977e57;margin:0 0 10px}.text-overlay p{font-size:14px;color:#977e57;margin:0}.carousel-controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%)}.carousel-controls button{background-color:#00000080;border:none;color:#fff;font-size:18px;padding:10px;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.carousel-controls button:hover{background-color:#000000b3}@media (max-width: 600px){.how-to-carousel{max-width:100%;height:auto}.carousel{flex-direction:row;width:100%;gap:0px}.carousel-item{flex:0 0 100%;height:auto}.image-container{height:250px}.text-overlay{position:static;background:#ffffffe6;padding:15px;text-align:center;height:auto;margin-top:10px;box-shadow:none}.text-overlay h2{font-size:18px;margin-bottom:8px;color:#977e57}.text-overlay p{font-size:14px;color:#977e57}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/how-to.css.map */