.td-hiw__section-wrapper{display:flex;flex-direction:column;align-items:center;gap:30px}.td-hiw__heading{text-align:center;font-size:50px;font-style:normal;font-weight:600;line-height:1;margin:0;color:var(--heading-color)}.td-hiw__cards-wrapper{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:20px}.td-hiw__card{position:relative}.td-hiw__card-inner{display:flex;flex-direction:row;align-items:center;border:2px solid var(--card-border-color);border-radius:32px;position:relative;overflow:hidden;z-index:1;background-color:var(--card-bg-color);height:100%}.td-hiw__card-count{border:2px solid var(--card-border-color);border-radius:50%;background-color:var(--card-count-color);z-index:2;color:var(--card-text-color);font-size:16px;line-height:1.6rem;font-weight:700;flex-shrink:0;align-items:center;justify-content:center}.td-hiw__card-count-mb{position:absolute;top:-16px;left:0;width:32px;height:32px;display:flex}.td-hiw__card-count-dsk{display:none}.td-hiw__image{position:relative;width:105px;height:105px;border-right:2px solid var(--card-border-color);flex-shrink:0}.td-hiw__image img{position:relative;width:100%;height:100%;object-fit:cover}.td-hiw__description *{width:100%;text-align:start;font-size:16px;font-weight:600;margin:0;color:var(--card-text-color);padding:12px}.td-hiw__btn{width:100%;max-width:400px;margin:auto;border:2px solid var(--solid-button-border);border-radius:32px}.td-hiw__btn:before{background:var(--solid-button-label)!important}@media screen and (min-width: 768px){.td-hiw__heading{font-size:55px}.td-hiw__description *{font-size:18px}}@media screen and (min-width: 1024px){.td-hiw__heading{margin-bottom:20px;font-size:60px}.td-hiw__cards-wrapper{grid-template-columns:repeat(4,1fr)}.td-hiw__card-inner{flex-direction:column}.td-hiw__image{width:100%;height:0;padding-bottom:100%;border-bottom:2px solid var(--card-border-color);border-right:0}.td-hiw__image img{position:absolute}.td-hiw__description-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:center;padding:12px 0}.td-hiw__description *{text-align:center}.td-hiw__card-count-dsk{display:flex;width:24px;height:24px}.td-hiw__card-count-mb{display:none}}@media screen and (min-width: 1200px){.td-hiw__heading{font-size:70px}.td-hiw__description *{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/section-td-how-it-works.css.map */