.how-it-works{background-color:transparent}.how-works__title{color:var(--color-blue);font-weight:800;margin-bottom:2.5rem;text-align:center}.how-works__content{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.how-works__image-wrapper{aspect-ratio:1.28/1;border-radius:20px;overflow:hidden;position:relative;display:none}.how-works__image-wrapper.active{display:flex}.how-works__image,.how-works__video{aspect-ratio:1.28/1;position:absolute;top:0;left:0;object-fit:cover;opacity:1;transition:opacity .2s ease-in-out;width:100%;height:auto}.how-works__video{cursor:pointer}.how-works__steps{flex:1;flex-direction:column;display:flex;gap:20px}.how-works__step{border:2px solid transparent;display:flex;gap:15px;padding:26px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease}.how-works__step.active{border:2px solid #054566;background:linear-gradient(90deg,#c0e1f266,#9abf9266 46%,#c0e1f266)}.how-works__step:hover{border:2px solid gray;box-shadow:4px 4px 8px #0003}.how-works__step-number{align-items:center;background-color:#054566;border-radius:50%;color:#fff;display:flex;flex-shrink:0;justify-content:center;width:40px;height:40px}.how-works__step-content{flex-grow:1}.how-works__step-title{color:var(--color-blue);margin:0 0 4px}.how-works__step-text{color:var(--color-blue);font-size:14px;margin:0}.how-works__button{align-items:center;align-self:flex-start;border:1px solid #054566;border-radius:8px;color:#054566;display:inline-flex;font-size:1rem;line-height:1.25rem;font-weight:600;margin-top:40px;padding:15px 12px;text-decoration:none;transition:background-color .3s ease;height:48px;white-space:nowrap;width:100%;display:flex;justify-content:center}.how-works__button:hover{color:#fff;background-color:#054566}.buttons-container{display:flex;justify-content:space-between;align-items:center;gap:20px}@media screen and (max-width: 768px){.how-it-works{padding-top:20px;padding-bottom:20px}.how-works__content{grid-template-columns:1fr}.how-works__title{font-size:1.25rem;margin-bottom:20px}.how-works__steps{gap:10px;background-color:#fff}.how-works__step{padding:12px}.how-works__step-title{font-size:.875rem}}@media screen and (min-width: 768px){.how-works__steps{background-color:transparent}.buttons-container{padding-left:16px;gap:20px}.how-works__button{width:100%;justify-content:center;padding:12px;font-size:1.125rem;line-height:1.5rem;font-weight:500}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/how-it-works.css.map */