@keyframes show{0%{width:100%}50%{width:0}to{width:100%}}.infographic-container{padding:3em;height:clamp(800px,90vh,900px);overflow:hidden;position:relative}.infographic-wrapper{display:flex;flex-direction:row;gap:1em;justify-content:center;align-items:center;width:100%;height:100%;max-width:1360px;margin-inline:auto;position:relative}.infographic-content-wrapper{height:100%}.infographic-content-wrapper h3{font-family:Mango,serif}.infographic-content-wrapper.image-content-container{position:relative;display:flex;flex-direction:column;gap:1em;width:clamp(400px,60%,650px);overflow:hidden}.infographic-content-wrapper.text-content{padding:2em 0 2em 2em;background:#e9e9e9;height:100%;width:40%;display:flex;flex-direction:column;justify-content:space-around}.infographic-content-wrapper.text-content:before{content:"";display:block;width:2.5px;height:100%;background:#fff;position:absolute;top:0;left:1.3em}.text-content-wrapper{width:80%;position:relative;margin-left:1em}.text-content-wrapper h3{font-size:clamp(4em,7vh,6em);margin:0;color:#6f8891}.text-content-wrapper p{font-size:1.3em;font-family:acumin-pro-condensed,sans-serif;font-weight:500}.text-content-wrapper:before{content:"";display:block;background:#fff;width:.8em;height:.8em;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);left:-2em}@media screen and (min-width: 1280px){.infographic-content-wrapper.text-content{width:50%}.infographic-wrapper{height:100%;gap:2em}}.after-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden}.after-wrapper img{position:absolute;object-position:left center;height:100%!important;aspect-ratio:16/9}.before-wrapper p,.after-wrapper p{position:absolute;display:block;color:#fff;font-size:1.2em;font-family:acumin-pro-condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;top:1.5em;left:1.5em;white-space:nowrap}.ba-image-wrapper div:not(:nth-child(2)){width:100%;height:100%;overflow:hidden}.ba-image-wrapper{position:relative;width:100%;height:50%;cursor:pointer;overflow:hidden}.ba-image-wrapper img{position:absolute;height:100%;object-fit:cover;aspect-ratio:16/9}@media screen and (max-width: 1279px){.text-content .text-content-wrapper p{font-size:1.1em}}@media screen and (max-width: 991px){.infographic-container{height:unset;padding-inline:var(--gutter-container)}.infographic-wrapper{flex-direction:column-reverse;gap:2em;height:unset}.infographic-content-wrapper.text-content{width:100%;height:100%}.infographic-content-wrapper.image-content-container{height:fit-content;width:100%;margin-inline:auto;flex-direction:column;overflow:scroll visible}.ba-image-wrapper{height:auto;aspect-ratio:16/9;min-width:clamp(500px,90vw,700px)}.ba-image-wrapper .before-wrapper img{width:100%}.before-wrapper p,.after-wrapper p{font-size:1.5em}}@media screen and (max-width: 769px){.ba-image-wrapper{height:auto;min-width:clamp(375px,90vw,700px);aspect-ratio:16/9}.before-wrapper p,.after-wrapper p{font-size:1.2em}}@media screen and (max-width: 480px){.infographic-wrapper{gap:1em}.infographic-content-wrapper.image-content-container{gap:.5em}.ba-image-wrapper{min-width:93vw}.before-wrapper p,.after-wrapper p{top:1em;left:1em}.infographic-content-wrapper.image-content-container{overflow:hidden}}@media screen and (max-width: 375px){.infographic-wrapper{gap:1em}.text-content-wrapper h3{font-size:4em}.text-content-wrapper p,.before-wrapper p,.after-wrapper p{font-size:1em}.infographic-content-wrapper.image-content-container{gap:.5em}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/infographic.css.map */