.hq-hiw-v3-steps{width:100%;padding:170px 0;background:var(--hq-white, #f9f8f4);color:var(--hq-blue, #012f3e)}.hq-hiw-v3-steps__container{width:var(--hq-container, 1310px);max-width:var(--hq-container, 1310px);margin-inline:auto}.hq-hiw-v3-steps__heading-group{width:100%;display:flex;flex-direction:column;align-items:center;gap:36px;text-align:center}.hq-hiw-v3-steps__eyebrow,.hq-hiw-v3-steps__heading{width:100%;margin:0;color:var(--hq-blue, #012f3e)}.hq-hiw-v3-steps__eyebrow{text-transform:uppercase}.hq-hiw-v3-steps__heading{font-family:var(--hq-font-family, "Google Sans Flex", Arial, sans-serif);font-size:var(--hq-h1-size, 48px);font-weight:var(--hq-h1-weight, 600);line-height:var(--hq-h1-line-height, 1);letter-spacing:var(--hq-h1-letter-spacing, -.96px)}.hq-hiw-v3-steps__row{width:1196px;margin-top:71px;margin-left:110px;display:grid;grid-template-columns:428px 647px;column-gap:121px;align-items:start}.hq-hiw-v3-steps__visual{width:428px;height:498px;overflow:hidden;border-radius:18px;background:var(--hq-grey-light, #d2cfc8)}.hq-hiw-v3-steps__picture{display:block;width:100%;height:100%}.hq-hiw-v3-steps__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:inherit;-webkit-user-select:none;user-select:none}.hq-hiw-v3-steps__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ffffff47,#012f3e0d)}.hq-hiw-v3-steps__content{width:647px;display:flex;flex-direction:column;align-items:flex-start;gap:50px}.hq-hiw-v3-steps__list{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:25px}.hq-hiw-v3-steps__step{width:100%;display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:31px;align-items:start}.hq-hiw-v3-steps__number{width:25px;margin:0;color:var(--hq-blue, #012f3e)}.hq-hiw-v3-steps__step-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:19px}.hq-hiw-v3-steps__step-title{width:100%;margin:0;font-family:var(--hq-font-family, "Google Sans Flex", Arial, sans-serif);font-size:var(--hq-h3-size, 20px);font-weight:var(--hq-h3-weight, 600);line-height:var(--hq-h3-line-height, 1.2);letter-spacing:var(--hq-h3-letter-spacing, -.4px);color:var(--hq-blue, #012f3e)}.hq-hiw-v3-steps__step-body{width:100%;margin:0;font-family:var(--hq-font-family, "Google Sans Flex", Arial, sans-serif);font-size:var(--hq-body-small-size, 16px);font-weight:var(--hq-body-small-weight, 400);line-height:var(--hq-body-small-line-height, 1.45);letter-spacing:var(--hq-body-small-letter-spacing, .16px);color:var(--hq-grey-dark, #707171)}.hq-hiw-v3-steps__divider{display:block;width:100%;height:1px;flex:0 0 1px;background:var(--hq-grey-light, #d2cfc8)}.hq-hiw-v3-steps__closing{width:100%;margin:0;color:var(--hq-grey-dark, #707171)}.hq-hiw-v3-steps__closing p{margin:0}.hq-hiw-v3-steps__cta{width:100%;display:flex;align-items:center}@media screen and (max-width:1439px)and (min-width:768px){.hq-hiw-v3-steps{padding:130px 0}.hq-hiw-v3-steps__container{width:calc(100% - 64px);max-width:1160px}.hq-hiw-v3-steps__row{width:100%;margin-left:0;grid-template-columns:minmax(330px,.72fr) minmax(0,1fr);column-gap:72px}.hq-hiw-v3-steps__visual,.hq-hiw-v3-steps__content{width:100%}.hq-hiw-v3-steps__visual{height:auto;aspect-ratio:428 / 498}}@media screen and (max-width:767px){.hq-hiw-v3-steps{padding:96px 0}.hq-hiw-v3-steps__container{width:calc(100% - 36px);max-width:394px;margin-inline:auto}.hq-hiw-v3-steps__heading-group{width:calc(100% - 2px);max-width:392px;align-items:flex-start;gap:36px;text-align:left}.hq-hiw-v3-steps__heading{width:100%;font-size:var(--hq-h1-size, 48px);font-weight:var(--hq-h1-weight, 600);line-height:var(--hq-h1-line-height, 1);letter-spacing:var(--hq-h1-letter-spacing, -.96px)}.hq-hiw-v3-steps__row{width:100%;margin-top:61px;margin-left:0;display:flex;flex-direction:column;align-items:flex-start;gap:64px}.hq-hiw-v3-steps__visual{width:calc(100% - 2px);max-width:392px;height:auto;aspect-ratio:392 / 458;border-radius:15px}.hq-hiw-v3-steps__content{width:calc(100% - 4px);max-width:390px;margin-left:2px;gap:50px}.hq-hiw-v3-steps__list{gap:25px}.hq-hiw-v3-steps__step{grid-template-columns:25px minmax(0,1fr);column-gap:31px}.hq-hiw-v3-steps__closing{width:100%}}@media screen and (max-width:399px){.hq-hiw-v3-steps__container{width:calc(100% - 32px)}.hq-hiw-v3-steps__heading{font-size:42px}.hq-hiw-v3-steps__content{width:100%;margin-left:0}.hq-hiw-v3-steps__step{column-gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/hq-how-it-works-v3-steps.css.map */