.explainer-container{position:relative;display:grid;grid-template-areas:"explainer-image" "explainer-content";grid-template-rows:40% 60%;grid-template-columns:auto;height:auto;min-height:800px;border-radius:24px;margin:var(--margin-1) var(--margin-05) var(--margin-1) var(--margin-05)}.testing{grid-area:explainer-image;border-radius:var(--radius-medium)}.apply-grayScale{filter:grayscale(100%);-webkit-filter:grayscale(100%)}.img-radius{border-radius:20px 20px 0 0}.explainer-content{grid-area:explainer-content;display:grid;grid-row:1/3;grid-template-areas:"empty1" "explainer-header" "explainer-title1" "explainer-title2" "explainer-description" "explainer-button";grid-template-rows:35% auto auto auto auto auto;grid-template-columns:auto;flex-direction:column;height:100%;width:100%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(240,249,255,0) 25%,rgb(255,255,255,1) 35%,rgb(255,255,255,1));z-index:2;padding:var(--padding-05);padding-bottom:var(--padding-1)}.content-blue{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(240,249,255,0) 25%,rgba(240,249,255,1) 35%,rgba(240,249,255,1))!important}.content-radius{border-radius:24px}.explainer-logo{grid-area:explainer-header;display:flex;z-index:2;width:100%;justify-content:center;margin-bottom:var(--margin-2)}.explainer-header{grid-area:explainer-header;font-size:var(--size-24);font-weight:var(--weight-600);letter-spacing:-.03em}.explainer-header,.explainer-title1{color:var(--text-color-primary);font-family:var(--family-montserrat);width:100%;text-align:center}.explainer-title1{grid-area:explainer-title1;font-size:var(--size-16);font-weight:var(--weight-500)}.explainer-title2{grid-area:explainer-title2;color:var(--text-color-primary);font-size:var(--size-24);font-weight:var(--weight-600);width:100%}.explainer-description,.explainer-title2{font-family:var(--family-montserrat);text-align:center;margin-bottom:var(--margin-2)}.explainer-description{grid-area:explainer-description;color:var(--text-color-landing-primary);font-size:var(--size-14);font-weight:var(--weight-500);padding:var(--padding-01)}.explainer-button-link{grid-area:explainer-button}.explainer-button{display:flex;justify-content:center;align-items:center;width:fit-content;height:52px;border-radius:var(--radius-small);background-color:var(--button-background-primary);color:var(--button-text-primary);font-size:var(--size-16);font-family:var(--family-montserrat);font-weight:var(--weight-600);margin:auto;margin-bottom:var(--margin-2);padding:var(--padding-1);min-width:192px}@media (min-width:768px){.explainer-container{height:auto;width:auto;max-width:var(--max-width-1000);flex-direction:row;grid-template-areas:"explainer-content explainer-image";grid-template-rows:auto;grid-template-columns:50% 50%;padding:0;margin:var(--margin-2) 1rem var(--margin-2) 1rem;min-height:0;max-height:470px}.explainer-header{text-align:left}.testing{grid-area:explainer-image;border-radius:var(--radius-medium)}.img-radius{border-radius:0 24px 24px 0}.content-radius{border-radius:24px}.explainer-content{grid-row:1;grid-column:1/3;padding:var(--padding-2);height:100%;grid-template-areas:"empty1 empty1" "explainer-header empty2" "explainer-title1 empty2" "explainer-title2 empty2" "explainer-description empty2" "explainer-button empty2";grid-template-rows:1fr auto auto auto auto auto;grid-template-columns:auto 50%;background:linear-gradient(-90deg,rgba(0,0,0,0),rgba(240,249,255,0) 32%,rgb(255,255,255,1) 45%,rgb(255,255,255,1))}.content-blue{background:linear-gradient(-90deg,rgba(0,0,0,0),rgba(240,249,255,0) 35%,rgba(240,249,255,1) 48%,rgba(240,249,255,1))!important}.explainer-logo{justify-content:flex-start!important}.explainer-description,.explainer-title1,.explainer-title2{text-align:left!important}.explainer-button{margin:0!important}}.feature-item-container{height:fit-content;background-color:none;padding:var(--padding-1)}.feature-item-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-medium)}.feature-item-title{font-family:var(--family-montserrat);font-size:var(--size-16);font-weight:var(--weight-600);color:var(--text-color-primary);margin-top:var(--margin-1)}.feature-item-content{font-family:var(--family-montserrat);font-size:var(--size-14);font-weight:var(--weight-500);color:var(--text-gray);margin-top:var(--margin-05)}