.three-things{position:relative}.three-things__header{text-align:center;margin-bottom:50px}.three-things__caption{margin:0;font-size:15px;font-weight:600}.three-things__heading{margin:0 0 8px;font-size:34px;line-height:1;text-transform:uppercase;font-weight:900}.three-things__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.three-card{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding:20px;border-radius:12px;overflow:hidden;transition:.35s}.three-card__inner{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.three-card__image{width:100%}.three-card__image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:15px;display:block;transition:.45s;height:auto}.three-card__content{flex:1}.three-card__step{margin:0 0 10px;font-family:Rubik;font-weight:700;font-size:14px;line-height:1.2;letter-spacing:.1em}.three-card__title{margin:0 0 12px;font-weight:700;font-size:25px;line-height:1.2em;letter-spacing:-2%}.three-card__text{margin-bottom:18px;font-family:Rubik;font-weight:500;font-size:14px;line-height:1.2em;letter-spacing:-2%}.three-card__button{display:inline-flex;align-items:center;gap:8px;transition:.3s;font-family:Rubik;font-weight:700;font-size:14px;line-height:1;letter-spacing:.05em;text-transform:uppercase;text-decoration:underline;text-decoration-style:solid;text-decoration-offset:0%;text-decoration-thickness:0%}.three-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px #00000014}.three-card:hover .three-card__image img{transform:scale(1.08)}.three-card:hover .three-card__button{gap:14px}.three-card{opacity:0;transform:translateY(50px);transition:transform .7s ease,opacity .7s ease,box-shadow .3s ease}.three-card.is-visible{opacity:1;transform:none}@media screen and (max-width:1024px)and (min-width:800px){.three-card__inner{grid-template-columns:1fr}.three-things__grid{gap:15px}}@media screen and (max-width:800px)and (min-width:750px){.three-things__grid{grid-template-columns:1fr;gap:18px;max-width:500px;margin:0 auto}.three-card__inner{grid-template-columns:1fr 1fr}}@media screen and (max-width:749px){.three-things__grid{grid-template-columns:1fr;gap:18px}.three-card__step{font-size:12px;margin-bottom:5px}.three-card__title{font-size:22px;margin-bottom:8px;line-height:1}.three-things__heading{max-width:300px;margin:0 auto 8px}.three-card__text,.three-card__button{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/steps.css.map */