#site-content {
    overflow: visible;
}

.block-how-it-works-large:before {
    content: "";
    position: absolute;
    width: 50rem;
    height: 60rem;
    left: -11rem;
    top: -28rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 244.19 207.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2307ca7b; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M243.17,55.01c-1.81-9.55-8.15-16.44-14.61-23.14-1.17-1.22-2.63-2.43-4.19-2.95-6.7-2.23-13.39-4.7-20.28-6.14-12.83-2.68-24.17,1.46-34.45,9.05-.64.48-1.24,1.09-1.68,1.76-9.93,15.07-11.29,30.78-2.74,46.81,2.87,5.38,6.95,10.11,10.51,15.18-1.13.72-2.82,1.5-4.09,2.72-.71.68-1.06,2.12-.92,3.13.08.58,1.4,1.3,2.25,1.43,5.11.8,10.3,1.15,15.35,2.23,8.66,1.85,18.1,1.03,25.97,7.61.55-1.42,1.44-2.53,1.23-3.36-1.33-5.31,2.18-7.05,6-8.75.97-.43,1.9-1.12,2.64-1.9,4.34-4.5,8.78-8.92,12.87-13.63,7.64-8.8,8.2-19.26,6.16-30.04Z'/%3E%3Cpath class='cls-1' d='M121.23,13.14c-4.02-1.88-7.92-4-11.9-5.96-.71-.35-1.56-.59-2.35-.6-6.76-.09-13.57-1.44-20.11,1.16Q84.05.26,82.1,0c-.1.15-.21.3-.31.45-6.57,10.58-12.8,21.47-25.48,26.13-.77.28-1.74,1.69-1.6,2.38.21,1.08,1.09,2.28,2.04,2.9,1.06.69,2.5.8,3.93,1.21-.79,2.41-1.66,4.61-2.24,6.88-1.75,6.86-3.79,13.73-2.16,20.92,3.52,15.49,21.41,28.88,37.24,27.38,5.8-.55,11.7-1.9,17.15-3.95,9.14-3.45,16.52-9.5,19.73-19.06,2.57-7.64,4.42-15.56,6.01-23.47.71-3.54.94-7.73-.3-10.98-2.84-7.44-7.2-14.04-14.9-17.65Z'/%3E%3Cpath class='cls-1' d='M71.97,135.24c-1.68-3.19-4.15-6.59-7.16-8.33-6.9-3.98-14.45-6.35-22.69-4.29-4.3,1.07-8.67,1.89-12.99,2.88-.77.18-1.58.53-2.2,1.02-5.3,4.19-11.43,7.45-14.86,13.59q-6.91-4.02-8.58-2.99c.01.18.02.36.05.54,1.58,12.35,3.62,24.73-3.28,36.35-.42.71-.28,2.41.26,2.86.84.71,2.28,1.08,3.41.96,1.26-.13,2.44-.96,3.81-1.54.91,2.37,1.62,4.62,2.6,6.75,2.97,6.43,5.72,13.04,11.53,17.59,12.5,9.79,34.84,8.89,46.16-2.26,4.15-4.09,7.88-8.85,10.81-13.89,4.91-8.45,6.82-17.79,3.29-27.24-2.83-7.55-6.39-14.86-10.15-22Z'/%3E%3C/svg%3E");
}



.how-it-works-step {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: flex-start;
    margin-bottom: 4rem;
}

.how-it-works-step-left {
    background: #000;
    position: sticky;
    top: 4rem;
	transition: .4s;
}

.how-it-works-step-left-inner {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    padding: 6rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.how-it-works-step-left-inner > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    min-height: 5rem;
    border-radius: 100%;
    background: #fff;
    color: #00442a;
    margin-bottom: auto;
}

.how-it-works-step-left-inner h2 {
    margin: 2rem 0;
}

.how-it-works-step-left-inner p {
    margin-bottom: 0;
}
.how-it-works-step-left figure  {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    width: 100%;
    opacity: .8;
}

.how-it-works-step-left figure  img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.how-it-works-sub-step {
    margin-bottom: 3rem;
    padding: 6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='621' height='573' preserveAspectRatio='none' viewBox='0 0 621 573' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.9505 171.265V218.714V465.482C1.9505 465.482 1.95065 511.352 13.6657 533.497C25.3807 555.641 35.1439 558.805 35.1439 558.805C71.8419 563.618 77.7191 566.114 106.412 569.877C140.318 574.324 175.317 564.189 218.683 569.877H386.602C467.666 578.744 522.304 566.713 555.497 558.805C588.69 550.896 597.477 544.569 603.334 520.843C609.192 497.117 614.073 418.43 614.073 418.43C614.073 418.43 621.174 325.486 620.997 265.617C620.83 209.421 614.073 122.243 614.073 122.243C614.073 122.243 609.192 93.772 603.334 70.0458C597.477 46.3196 577.951 32.084 577.951 32.084L547.687 11.5213C547.687 11.5213 524.708 1.27002 509.612 0.449073C491.033 -0.561275 457.797 0.44896 457.797 0.44896L386.602 0.449073H322.291H241.185C241.185 0.449073 190.879 6.23332 158.527 8.5C106.288 12.1601 41.6672 -0.521168 24.4844 12C7.30157 24.5212 6.33919 38.4542 1.95054 74.5C-2.43811 110.546 1.9505 171.265 1.9505 171.265Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	transition: .4s;
}


.how-it-works-sub-step .label {
    border: 1px solid;
    display: inline-block;
    padding: 0.5rem 1.5rem;
    border-radius: 10rem;
    margin-bottom: auto;
}

.how-it-works-sub-step h3 {
	margin-left: 0;
}
.how-it-works-sub-step:last-of-type {
    margin-bottom: 0;
}



/* Desktop small */
@media only screen and (max-width: 1100px) {
  .how-it-works-sub-step {
    padding: 3rem;
}

.how-it-works-step-left-inner {
    padding: 3rem;
}

.block-how-it-works-large:before {
    top: -20rem;
}
	
}


@media only screen and (max-width: 850px) {
 
.how-it-works-step {
    grid-template-columns: 1fr;
}

.how-it-works-step-left figure {
}
    
	
.how-it-works-step-left.is-in-top {
    transform: scale(0.9);
}
.how-it-works-sub-step.is-in-top {
    transform: scale(0.9);
}
    
.how-it-works-step-right {
    background: linear-gradient(rgb(251 250 227 / 0%), rgb(251 250 227 / 100%) 40%);
    position: relative;
}
    
}


/* Tablet */
@media only screen and (max-width: 700px) {
  .block-how-it-works-large:before {
      top: -22rem;
    width: 90vw;
}

	
}


/* Iphone */
@media only screen and (max-width: 450px) {
  
}