.htl-rtm{background:#fff;overflow:hidden}.htl-rtm__field{background:#f2f8f4}.htl-rtm__wave{display:block;width:100%;font-size:0;line-height:0;overflow:hidden}.htl-rtm__wave svg{display:block;width:100%;height:52px}.htl-rtm__inner{width:min(var(--htl-ctr-max, 1303px),calc(100% - 2 * var(--htl-ctr-gutter, 20px)));margin-inline:auto;padding:52px 0;display:flex;flex-direction:column;gap:28px;box-sizing:border-box}.htl-rtm__copy{width:100%;min-width:0}.htl-rtm__heading{font-family:Poppins,sans-serif;font-size:26px;font-weight:750;line-height:1.18;letter-spacing:0;color:#123629;margin:0;width:100%;white-space:normal}.htl-rtm__heading span{display:inline}.htl-rtm__heading-accent{color:#24a35a;font-weight:800}.htl-rtm__steps{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:0}.htl-rtm__step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 16px;align-items:start;position:relative;padding-bottom:28px}.htl-rtm__step:last-child{padding-bottom:0}.htl-rtm__step:not(:last-child):before{content:"";position:absolute;top:38px;left:18px;width:2px;bottom:0;background:linear-gradient(to bottom,#24a35a66,#24a35a14)}.htl-rtm__step-num{width:38px;height:38px;border-radius:50%;background:#24a35a;color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:38px;text-align:center;flex-shrink:0;position:relative;z-index:1;box-shadow:0 2px 10px #24a35a52;-webkit-user-select:none;user-select:none}.htl-rtm__step-text{padding-top:6px;display:flex;flex-direction:column;gap:5px}.htl-rtm__step-label{display:block;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;line-height:1.25;color:#0b2f23;letter-spacing:-.01em}.htl-rtm__step-body{display:block;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;line-height:1.65;color:#3d6b55}.htl-rtm__media{order:-1;position:relative;width:100%;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:var(--htl-green-border, #DCE8E2);box-shadow:0 8px 22px #12362912;min-width:0}.htl-rtm__img{width:100%;height:100%;object-fit:cover;display:block}body.template-product .htl-rtm .htl-img-tag{position:absolute;bottom:20px;left:50%;right:auto;transform:translate(-50%);background:#123629;color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;padding:10px 18px;border-radius:8px;width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;text-align:center;pointer-events:none;z-index:2;white-space:normal}@media(prefers-reduced-motion:reduce){.htl-rtm .htl-reveal-wrap,.htl-rtm .htl-reveal-wrap .htl-reveal-item{opacity:1;transform:none;transition:none}}@media(min-width:768px){.htl-rtm__wave svg{height:60px}.htl-rtm__inner{padding:60px 0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:clamp(32px,4vw,48px);row-gap:0;align-items:center}.htl-rtm__copy{order:1;max-width:560px;align-self:center}.htl-rtm__media{order:2;width:min(100%,455px);max-width:455px;justify-self:end;align-self:center}body.template-product .htl-rtm .htl-img-tag{bottom:28px;white-space:nowrap}.htl-rtm__steps{margin-top:24px}.htl-rtm__step{grid-template-columns:40px minmax(0,1fr);padding-bottom:30px}.htl-rtm__step:not(:last-child):before{top:40px;left:19px}.htl-rtm__step-num{width:40px;height:40px;line-height:40px;font-size:17px}.htl-rtm__step-label{font-size:16px}.htl-rtm__step-body{font-size:15px}}@media(min-width:1100px){.htl-rtm__wave--top svg{height:64px}.htl-rtm__wave--bottom svg{height:64px}.htl-rtm__inner{padding:72px 0;grid-template-columns:minmax(0,560px) minmax(0,455px);column-gap:clamp(48px,4.5vw,64px);justify-content:center}.htl-rtm__copy{max-width:560px;display:flex;flex-direction:column;justify-content:center}.htl-rtm__media{width:min(100%,455px);justify-self:end}.htl-rtm__heading{font-size:28px;line-height:1.14;letter-spacing:-.015em;white-space:normal}.htl-rtm__steps{margin-top:28px}.htl-rtm__step{grid-template-columns:42px minmax(0,1fr);gap:0 18px;padding-bottom:34px}.htl-rtm__step:not(:last-child):before{top:42px;left:20px}.htl-rtm__step-num{width:42px;height:42px;line-height:42px;font-size:18px}.htl-rtm__step-label{font-size:17px}.htl-rtm__step-body{font-size:15.5px;max-width:460px}}@media(min-width:1280px){.htl-rtm__step{padding-bottom:36px}.htl-rtm__step-label{font-size:18px}.htl-rtm__step-body{font-size:16px;max-width:480px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hunttail-product-how-it-works.css.map */