.b24-image-steps{position:relative;width:100%;padding:var(--b24-image-steps-desktop-padding-top) clamp(20px,4vw,72px) var(--b24-image-steps-desktop-padding-bottom);overflow:hidden;background:var(--b24-image-steps-background);color:var(--b24-image-steps-text-colour)}.b24-image-steps *,.b24-image-steps *:before,.b24-image-steps *:after{box-sizing:border-box}.b24-image-steps__container{width:100%;max-width:var(--b24-image-steps-section-width);margin:0 auto}.b24-image-steps__header{width:100%;margin:0 auto clamp(32px,4vw,50px);text-align:center}.b24-image-steps__eyebrow{margin:0 0 12px;color:var(--b24-image-steps-accent-colour);font-size:clamp(14px,1.2vw,18px);font-weight:600;line-height:1.05;letter-spacing:.04em;text-transform:uppercase}.b24-image-steps__heading{margin:0;color:var(--b24-image-steps-heading-colour);font-family:forma-djr-display,sans-serif;font-size:clamp(36px,4vw,42px);font-weight:800;line-height:1.02;letter-spacing:1px}.b24-image-steps__highlight{color:var(--b24-image-steps-accent-colour)}.b24-image-steps__intro{width:min(100%,900px);margin:clamp(16px,2vw,24px) auto 0;color:var(--b24-image-steps-text-colour);font-size:clamp(15px,1.35vw,16px);line-height:1.6}.b24-image-steps__intro p{margin:0}.b24-image-steps__grid{position:relative;display:grid;grid-template-columns:repeat(min(var(--b24-image-steps-card-count),4),minmax(0,1fr));align-items:stretch;column-gap:var(--b24-image-steps-card-gap);row-gap:38px;width:100%}.b24-image-steps__grid:before{position:absolute;z-index:0;top:21px;left:calc((100% - ((min(var(--b24-image-steps-card-count),4) - 1) * var(--b24-image-steps-card-gap))) / min(var(--b24-image-steps-card-count),4) / 2);right:calc((100% - ((min(var(--b24-image-steps-card-count),4) - 1) * var(--b24-image-steps-card-gap))) / min(var(--b24-image-steps-card-count),4) / 2);border-top:1px dashed rgba(38,71,52,.45);content:""}.b24-image-steps__item{position:relative;z-index:1;display:flex;min-width:0;height:100%;flex-direction:column}.b24-image-steps__marker-row{position:relative;z-index:2;display:flex;width:100%;align-items:center;justify-content:center;margin-bottom:18px}.b24-image-steps__marker-row:before,.b24-image-steps__marker-row:after{display:none!important;content:none!important}.b24-image-steps__marker{position:relative;z-index:3;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;flex:0 0 42px;border-radius:50%;background:var(--b24-image-steps-step-colour);box-shadow:0 5px 15px #123f2e29;color:#fff;font-size:21px;font-weight:750;line-height:1}.b24-image-steps__card{display:flex;width:100%;min-width:0;height:100%;flex:1 1 auto;flex-direction:column;overflow:hidden;border:1px solid var(--b24-image-steps-border-colour);border-radius:14px;background:var(--b24-image-steps-card-background);box-shadow:0 8px 24px #142d230a}.b24-image-steps__media{position:relative;width:100%;height:var(--b24-image-steps-image-height);min-height:var(--b24-image-steps-image-height);overflow:hidden;background:#f4f4f2}.b24-image-steps__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.b24-image-steps__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#26473426}.b24-image-steps__placeholder svg{width:55%;height:55%}.b24-image-steps__content{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;padding:clamp(20px,2vw,28px) clamp(18px,2vw,26px) clamp(22px,2vw,30px)}.b24-image-steps__title{margin:0;color:var(--b24-image-steps-accent-colour);font-family:industry-inc-base,sans-serif;font-size:clamp(16px,1.4vw,19px);font-weight:800;line-height:1.1;letter-spacing:-.01em}.b24-image-steps__description{margin-top:10px;color:var(--b24-image-steps-text-colour);font-size:clamp(13px,1vw,15px);line-height:1.55}.b24-image-steps__description p{margin:0}.b24-image-steps__description p+p{margin-top:10px}@media screen and (max-width:1199px)and (min-width:750px){.b24-image-steps__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--b24-image-steps-card-gap);row-gap:34px}.b24-image-steps__grid:before{display:none}.b24-image-steps__marker-row{margin-bottom:16px}.b24-image-steps__media{height:min(var(--b24-image-steps-image-height),300px);min-height:min(var(--b24-image-steps-image-height),300px)}}@media screen and (max-width:749px){.b24-image-steps{position:relative;z-index:0;isolation:isolate;padding:var(--b24-image-steps-mobile-padding-top) 16px var(--b24-image-steps-mobile-padding-bottom)}.b24-image-steps__header{margin-bottom:28px;text-align:left}.b24-image-steps__eyebrow{margin-bottom:9px;font-size:14px}.b24-image-steps__heading{font-size:clamp(25px,8vw,34px);line-height:1.08;letter-spacing:.01em;text-transform:uppercase}.b24-image-steps__intro{margin-top:14px;font-size:14px;line-height:1.5}.b24-image-steps__grid{display:flex;width:100%;flex-direction:column;gap:30px}.b24-image-steps__grid:before{display:none}.b24-image-steps__item{width:100%;height:auto}.b24-image-steps__marker-row{justify-content:flex-start;margin-bottom:12px}.b24-image-steps__marker{width:40px;height:40px;flex-basis:40px;font-size:19px}.b24-image-steps__card{width:100%;height:auto;border-radius:14px;box-shadow:none}.b24-image-steps__media{width:100%;height:220px;min-height:220px}.b24-image-steps__content{padding:18px}.b24-image-steps__title{font-size:16px;line-height:1.15}.b24-image-steps__description{margin-top:8px;font-size:13px;line-height:1.5}}@media screen and (max-width:430px){.b24-image-steps{padding-right:14px;padding-left:14px}.b24-image-steps__grid{gap:28px}.b24-image-steps__marker-row{margin-bottom:12px}.b24-image-steps__marker{width:38px;height:38px;flex-basis:38px;font-size:18px}.b24-image-steps__media{height:190px;min-height:190px}.b24-image-steps__content{padding:16px}}.b24-image-steps__grid{position:relative;display:grid;grid-template-columns:repeat(min(var(--b24-image-steps-card-count),5),minmax(0,1fr));align-items:stretch;column-gap:var(--b24-image-steps-card-gap);row-gap:38px;width:100%}.b24-image-steps__grid:before{position:absolute;z-index:0;top:21px;left:calc((100% - ((min(var(--b24-image-steps-card-count),5) - 1) * var(--b24-image-steps-card-gap))) / min(var(--b24-image-steps-card-count),5) / 2);right:calc((100% - ((min(var(--b24-image-steps-card-count),5) - 1) * var(--b24-image-steps-card-gap))) / min(var(--b24-image-steps-card-count),5) / 2);border-top:1px dashed rgba(38,71,52,.45);content:""}@media screen and (min-width:1200px){.b24-image-steps__content{padding:24px 20px 26px}.b24-image-steps__title{font-size:clamp(15px,1.15vw,18px)}.b24-image-steps__description{margin-top:10px;font-size:14px;line-height:1.5}}.b24-image-steps__description ul,.b24-image-steps__description ol{margin:0;padding-left:20px}.b24-image-steps__description li{margin:0 0 3px;padding-left:2px}.b24-image-steps__description li:last-child{margin-bottom:0}.b24-image-steps__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width:749px){.b24-image-steps__grid{display:flex!important;flex-direction:column!important;width:100%;max-width:100%;gap:30px;grid-template-columns:none!important}.b24-image-steps__grid:before{display:none!important;content:none!important}.b24-image-steps__item{display:flex;width:100%!important;max-width:100%!important;min-width:0;height:auto;flex:0 0 auto;flex-direction:column}.b24-image-steps__marker-row{width:100%;justify-content:flex-start;margin-bottom:12px}.b24-image-steps__card{display:flex;width:100%!important;max-width:100%!important;min-width:0;height:auto;flex:none;flex-direction:column;border-radius:14px;box-shadow:none}.b24-image-steps__media{width:100%;height:220px;min-height:220px;flex:none}.b24-image-steps__image,.b24-image-steps__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.b24-image-steps__content{width:100%;min-width:0;padding:18px;flex:none}}@media screen and (max-width:430px){.b24-image-steps__grid{gap:28px}.b24-image-steps__media{height:190px;min-height:190px}.b24-image-steps__content{padding:16px}}@media screen and (max-width:749px){.b24-image-steps__marker-row{justify-content:center!important}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/boxes24-image-steps.css.map */