.cmp-howto{align-items:center;display:flex;flex-direction:column;font-family:sans-serif;padding:32px 0}@media screen and (max-width:834px){.cmp-howto{padding:16px 0}}.cmp-howto__steps{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center}@media screen and (max-width:834px){.cmp-howto__steps{gap:16px;margin-bottom:64px}}.cmp-howto .cmp-step{align-items:stretch;display:flex;gap:32px;justify-content:center;padding:16px 0;position:relative}@media screen and (max-width:834px){.cmp-howto .cmp-step{flex-direction:column;gap:0}}.cmp-howto .cmp-step__content{display:flex;flex-direction:column;gap:16px}.cmp-howto .cmp-step__title{align-items:center;display:flex;gap:16px}.cmp-howto .cmp-step__title-number{background-color:#021939;border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:36px;line-height:24px;line-height:36px;text-align:center;width:36px}.cmp-howto .cmp-step__title-description{color:#000;font-size:18px;font-weight:600;line-height:28px;margin:0}.cmp-howto .cmp-step__info{align-items:start;border-left:1px solid #dceeff;display:flex;flex:1;flex-direction:column;margin-left:16px;max-width:410px;padding-left:16px}@media screen and (max-width:834px){.cmp-howto .cmp-step__info{padding-left:34px}}.cmp-howto .cmp-step__info p{font-size:16px;font-weight:400;line-height:24px;margin:0 0 16px}.cmp-howto .cmp-step__info-play-btn{background:transparent;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;line-height:24px;overflow:hidden;padding:12px 48px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}.cmp-howto .cmp-step__info-play-btn:after{background:#e30639;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease-in-out;width:100%;z-index:-1}.cmp-howto .cmp-step__info-play-btn:hover:after{opacity:.7}@media screen and (max-width:834px){.cmp-howto .cmp-step__info-play-btn{bottom:-64px;left:0;position:absolute}}.cmp-howto .cmp-step__info .cmp-step__image{display:none}@media screen and (max-width:834px){.cmp-howto .cmp-step__info .cmp-step__image{display:inline-block;text-align:center}}.cmp-howto .cmp-step__image{border-radius:16px;height:593px;overflow:hidden;width:291px}.cmp-howto .cmp-step__image-content{height:100%;object-fit:cover;width:100%}@media screen and (max-width:834px){.cmp-howto .cmp-step__image{border-left:1px solid #dceeff;border-radius:0;margin-left:16px;padding-left:34px;width:auto}.cmp-howto .cmp-step__image-content{border-radius:16px;height:593px;width:291px}}