.video-with-steps{padding:60px 1rem}.video-with-steps .content{display:flex;flex-direction:column;gap:1.5rem}.video-with-steps h2{color:#054566;text-align:center;font-size:1.25rem;font-weight:800;line-height:1;margin:0 auto;width:250px;margin-bottom:1.5rem}.video-container{position:relative;height:fit-content}.video-container .icon-play{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;z-index:2}.video-container .icon-play.hidden{display:none}.video-container .icon-play:hover{cursor:pointer}.video-with-steps-video{width:100%;height:190px;border-radius:8px}.video-with-steps-video:hover{cursor:pointer}.video-with-steps-button{display:flex;justify-content:center;align-items:center;border-radius:.5rem;background-color:#054566;padding:12px;color:#fff;font-size:1.125rem;font-weight:700;line-height:1.5rem}.steps-container{display:flex;flex-direction:column;gap:25px}.step-header{display:flex;flex-direction:column;gap:5px}.step-header .step-text{color:#30769a;font-size:1.125rem;font-weight:500;line-height:1.333}.step-header h3{color:#054566;font-size:1.25rem;font-weight:800;line-height:1.4;margin-bottom:0}.step p{color:#1e1f20;font-size:1rem;font-weight:400;line-height:1.5;margin-top:5px;margin-bottom:0}@media only screen and (min-width: 768px){.video-with-steps h2{color:#054566;text-align:center;font-size:2rem;font-weight:800;line-height:2.5rem;width:415px;margin-bottom:60px}.video-with-steps{flex-direction:row;gap:60px}.video-with-steps .icon-play{width:60px;height:60px}.video-with-steps .content{display:flex;flex-direction:row;gap:60px}.video-with-steps .steps-container{width:50%}.video-with-steps-video{object-fit:cover;width:470px;height:310px;border-radius:12px}.video-with-steps-button{width:fit-content}}@media only screen and (min-width: 1440px){.video-with-steps{padding:80px 60px;max-width:1440px;margin:0 auto}.video-with-steps-video{width:570px;height:310px}.video-with-steps .content{width:fit-content;margin:0 auto}.video-with-steps .steps-container{width:100%}.step-header{flex-direction:row;align-items:center;gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/video-with-steps.css.map */