.exploded-diagram-s1 .will-change{will-change:transform,opacity}@media (max-width: 767.98px){.exploded-diagram-s1 .bg-canvas-wrap:before{content:"";position:absolute;top:82%;left:0;width:100%;height:12%;background:linear-gradient(180deg,#000 65%,#0000);transform:rotate(-180deg);z-index:1}}.exploded-diagram-s1 .bg-canvas{transition:all .6s ease-in-out;opacity:0;transform:translateY(8rem);height:90%;position:relative}.exploded-diagram-s1 .bg-canvas.show{opacity:1;transform:translateY(0)}@media (min-width: 768px){.exploded-diagram-s1 .bg-canvas{height:100%}}@media (max-width: 1023.98px){.exploded-diagram-s1 .bg-canvas{object-position:bottom}}.exploded-diagram-s1 .gradient{background:var(--gradient-background);color:rgb(var(--color-text))}@media (max-width: 1023.98px){.exploded-diagram-s1 .vh-400{height:300vh}}.exploded-diagram-s1 .exploded-sticky{position:sticky;top:0;z-index:1}.exploded-diagram-s1 .exploded-content{width:100%}@media (max-width: 1023.98px){.exploded-diagram-s1 .exploded-content{padding-top:6rem;opacity:0}}@media (min-width: 1024px){.exploded-diagram-s1 .exploded-content{width:50%}}.exploded-diagram-s1 .exploded-content .heading{transition:all .6s ease-in-out;opacity:0;transform:translateY(5rem);letter-spacing:.02em}.exploded-diagram-s1 .exploded-content .heading strong{font-weight:600;color:#45b035}.exploded-diagram-s1 .exploded-content .text{transition:all .6s ease-in-out;opacity:0;transform:translateY(5rem);max-width:28.75rem;font-size:12px}@media (min-width: 768px){.exploded-diagram-s1 .exploded-content .text{font-size:16px}}.exploded-diagram-s1 .exploded-content .text strong{color:#8c8b90;font-weight:400}@media (max-width: 1023.98px){.exploded-diagram-s1 .exploded-content.show{opacity:1}}.exploded-diagram-s1 .exploded-content.show .heading,.exploded-diagram-s1 .exploded-content.show .text{opacity:1;transform:translateY(0)}.exploded-diagram-s1 .exploded-content.hide .heading,.exploded-diagram-s1 .exploded-content.hide .text{opacity:0;transform:translateY(-8rem)}.exploded-diagram-s1 .logo-image-wrapper{width:35.2vw;left:50%;transform:translate(-50%)}@media (min-width: 1024px){.exploded-diagram-s1 .logo-image-wrapper{width:15.8vw;left:26.2vw;transform:translate(0)}}.exploded-diagram-s1 .section-heading{font-size:1.375rem!important}@media (min-width: 768px){.exploded-diagram-s1 .section-heading{font-size:2rem!important}}@media (min-width: 1024px){.exploded-diagram-s1 .section-heading{font-size:3rem!important}}