.section-infograph{margin:6rem 0}@media screen and (min-width: 1024px){.section-infograph{margin:10rem 0}}.section-infograph .wrapper h2{font-size:2.6rem;font-weight:700;line-height:3rem;letter-spacing:-.1px;text-align:center;color:var(--grey-875);margin:0}@media screen and (min-width: 1024px){.section-infograph .wrapper h2{font-size:3.6rem}}.section-infograph .wrapper>:not(:first-child){margin-top:3.1rem}@media screen and (min-width: 1024px){.section-infograph .wrapper>:not(:first-child){margin-top:4.2rem}}.section-infograph .wrapper .cards-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media screen and (min-width: 1024px){.section-infograph .wrapper .cards-grid{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:4rem}}@media screen and (min-width: 1024px){.section-infograph .wrapper .cards-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"a b c" "a b c" "d b c" "d b e" "d b e"}.section-infograph .wrapper .cards-grid.three-columns .card:nth-child(1){grid-area:a}.section-infograph .wrapper .cards-grid.three-columns .card:nth-child(2){grid-area:b}.section-infograph .wrapper .cards-grid.three-columns .card:nth-child(3){grid-area:c}.section-infograph .wrapper .cards-grid.three-columns .card:nth-child(4){grid-area:d}.section-infograph .wrapper .cards-grid.three-columns .card:nth-child(5){grid-area:e}}@media screen and (max-width: 1023px){.section-infograph .wrapper .cards-grid.three-columns .card:nth-child(2){min-height:33.5rem}.section-infograph .wrapper .cards-grid.three-columns .card:nth-child(2)>img{object-position:top}}@media screen and (min-width: 1024px){.section-infograph .wrapper .cards-grid.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b" "a b" "c b" "c b" "c b"}.section-infograph .wrapper .cards-grid.two-columns .card:nth-child(1){grid-area:a}.section-infograph .wrapper .cards-grid.two-columns .card:nth-child(2){grid-area:b}.section-infograph .wrapper .cards-grid.two-columns .card:nth-child(3){grid-area:c}}@media screen and (min-width: 1280px){.section-infograph .wrapper .cards-grid.two-columns{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:". . a a a a b b b b . ." ". . a a a a b b b b . ." ". . c c c c b b b b . ." ". . c c c c b b b b . ." ". . c c c c b b b b . ."}}@media screen and (max-width: 1023px){.section-infograph .wrapper .cards-grid.two-columns .card:nth-child(2){min-height:33.5rem}.section-infograph .wrapper .cards-grid.two-columns .card:nth-child(2)>img{object-position:top}}.section-infograph .wrapper .cards-grid .card{display:flex;background-color:var(--grey-50);border-radius:1.2rem;padding:2.9rem 3.2rem;position:relative;isolation:isolate;overflow:hidden}.section-infograph .wrapper .cards-grid .card>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.section-infograph .wrapper .cards-grid .card .content{flex:1;width:100%;display:flex}.section-infograph .wrapper .cards-grid .card .content .content-wrapper{display:flex;flex-direction:column}.section-infograph .wrapper .cards-grid .card .content .content-wrapper .icon{margin-bottom:.8rem}.section-infograph .wrapper .cards-grid .card .content .content-wrapper .icon img{width:var(--icon-width);height:auto;max-height:fit-content;object-fit:contain}.section-infograph .wrapper .cards-grid .card .content .content-wrapper h3{font-size:2.2rem;font-weight:700;line-height:2.6rem;letter-spacing:-.22px;color:var(--grey-875);margin:0}@media screen and (min-width: 1024px){.section-infograph .wrapper .cards-grid .card .content .content-wrapper h3{font-size:2.8rem;line-height:3.2rem;letter-spacing:-.28px}}.section-infograph .wrapper .cards-grid .card.text-light .content .content-wrapper h3{color:var(--white)}.section-infograph .wrapper .cards-grid .card .content .content-wrapper p{font-size:1.5rem;font-weight:500;line-height:1.9rem;letter-spacing:-.15px;color:var(--grey-875);opacity:.6;margin-top:.9rem}@media screen and (min-width: 1024px){.section-infograph .wrapper .cards-grid .card .content .content-wrapper p{font-size:2.4rem;line-height:2.8rem;letter-spacing:-.24px}}.section-infograph .wrapper .cards-grid .card.text-light .content .content-wrapper p{color:var(--white)}.section-infograph .wrapper .cards-grid .card.content-top-left .content,.section-infograph .wrapper .cards-grid .card.content-top-left .content .content-wrapper{justify-content:start;align-items:start}.section-infograph .wrapper .cards-grid .card.content-top-left .content .content-wrapper h3,.section-infograph .wrapper .cards-grid .card.content-top-left .content .content-wrapper p{text-align:left}.section-infograph .wrapper .cards-grid .card.content-top-center .content{justify-content:center;align-items:start}.section-infograph .wrapper .cards-grid .card.content-top-center .content .content-wrapper{justify-content:start;align-items:center}.section-infograph .wrapper .cards-grid .card.content-top-center .content .content-wrapper h3,.section-infograph .wrapper .cards-grid .card.content-top-center .content .content-wrapper p{text-align:center}.section-infograph .wrapper .cards-grid .card.content-top-right .content{justify-content:end;align-items:start}.section-infograph .wrapper .cards-grid .card.content-top-right .content .content-wrapper{justify-content:start;align-items:start}.section-infograph .wrapper .cards-grid .card.content-top-right .content .content-wrapper h3,.section-infograph .wrapper .cards-grid .card.content-top-right .content .content-wrapper p{text-align:left}.section-infograph .wrapper .cards-grid .card.content-center-left .content{justify-content:start;align-items:center}.section-infograph .wrapper .cards-grid .card.content-center-left .content .content-wrapper{justify-content:center;align-items:start}.section-infograph .wrapper .cards-grid .card.content-center-left .content .content-wrapper h3,.section-infograph .wrapper .cards-grid .card.content-center-left .content .content-wrapper p{text-align:left}.section-infograph .wrapper .cards-grid .card.content-center .content,.section-infograph .wrapper .cards-grid .card.content-center .content .content-wrapper{justify-content:center;align-items:center}.section-infograph .wrapper .cards-grid .card.content-center .content .content-wrapper h3,.section-infograph .wrapper .cards-grid .card.content-center .content .content-wrapper p{text-align:center}.section-infograph .wrapper .cards-grid .card.content-center-right .content{justify-content:end;align-items:center}.section-infograph .wrapper .cards-grid .card.content-center-right .content .content-wrapper{justify-content:start;align-items:start}.section-infograph .wrapper .cards-grid .card.content-center-right .content .content-wrapper h3,.section-infograph .wrapper .cards-grid .card.content-center-right .content .content-wrapper p{text-align:left}.section-infograph .wrapper .cards-grid .card.content-bottom-left .content{justify-content:start;align-items:end}.section-infograph .wrapper .cards-grid .card.content-bottom-left .content .content-wrapper{justify-content:end;align-items:start}.section-infograph .wrapper .cards-grid .card.content-bottom-left .content .content-wrapper h3,.section-infograph .wrapper .cards-grid .card.content-bottom-left .content .content-wrapper p{text-align:left}.section-infograph .wrapper .cards-grid .card.content-bottom-center .content{justify-content:center;align-items:end}.section-infograph .wrapper .cards-grid .card.content-bottom-center .content .content-wrapper{justify-content:end;align-items:center}.section-infograph .wrapper .cards-grid .card.content-bottom-center .content .content-wrapper h3,.section-infograph .wrapper .cards-grid .card.content-bottom-center .content .content-wrapper p{text-align:center}.section-infograph .wrapper .cards-grid .card.content-bottom-right .content{justify-content:right;align-items:end}.section-infograph .wrapper .cards-grid .card.content-bottom-right .content .content-wrapper{justify-content:start;align-items:start}.section-infograph .wrapper .cards-grid .card.content-bottom-right .content .content-wrapper h3,.section-infograph .wrapper .cards-grid .card.content-bottom-right .content .content-wrapper p{text-align:left}
/*# sourceMappingURL=/cdn/shop/t/112/assets/section-infograph.css.map */