:root{--font-size:.9em;--bg1:#f5f8f7;--blue:#3498db;--green:#2ecc71;--purple:#9b59b6;--gold:#f1c40f;--red:#e74c3c;--orange:#e67e22;--shadow1:0 2px 4px #00000026,0 3px 6px #0000001f;--shadow2:0 2px 6px #0004,0 4px 7px #0002;--primary1:#e40417;--secondary1:#002c72}main{padding:2vw}ul.infoGraphic{font-size:var(--font-size);flex-wrap:wrap;justify-content:center;display:flex}ul.infoGraphic li{background:var(--bg1);z-index:1;cursor:pointer;border-radius:.5em;width:100%;max-width:25em;height:300px;padding:.8em;transition:all .2s;position:relative}ul.infoGraphic li .numberWrap{position:absolute}ul.infoGraphic li .number{text-align:center;width:.9em;font-family:maven pro,sans-serif;font-size:7em;font-weight:900}ul.infoGraphic li .number.fontColor1{color:var(--primary1)}ul.infoGraphic li .number.fontColor2{color:var(--secondary1)}ul.infoGraphic li .number.fontColor3{color:var(--primary1)}ul.infoGraphic li .number.fontColor4{color:var(--secondary1)}ul.infoGraphic li .number.fontColor5{color:var(--primary1)}ul.infoGraphic li .number.fontColor6{color:var(--secondary1)}ul.infoGraphic li .number.fontColor7{color:var(--primary1)}ul.infoGraphic li .number.fontColor8{color:var(--secondary1)}ul.infoGraphic li .number.fontColor9{color:var(--primary1)}ul.infoGraphic li .number.fontColor10{color:var(--secondary1)}ul.infoGraphic li .number.fontColor11{color:var(--primary1)}ul.infoGraphic li .number.fontColor12{color:var(--secondary1)}ul.infoGraphic li .coverWrap{width:18em;height:15em;position:absolute;top:-2em;left:-5em;transform:rotate(130deg)}ul.infoGraphic li .coverWrap .numberCover{background:var(--bg1);border-bottom:3px solid #f5f8f7;border-radius:50% 100% 0 0;width:18em;height:6em;transition:all .4s;position:absolute}ul.infoGraphic li .coverWrap .numberCover:before{content:"";z-index:-1;border-radius:100px/10px;position:absolute;inset:5em 4em 5px;box-shadow:0 0 30px 17px #48668577}ul.infoGraphic li .coverWrap .numberCover:after{content:"";z-index:1;background:radial-gradient(at bottom,#48668533,#0000,#0000);width:120%;height:150%;position:absolute;bottom:0;left:-10%}ul.infoGraphic li .content{margin:8em 3em 1em 4em;position:relative}ul.infoGraphic li .content h2{text-align:center;text-transform:uppercase;margin-bottom:10px;font-size:1.7em;font-weight:500}ul.infoGraphic li .content p{font-size:15px;line-height:1.5em}ul.infoGraphic li:hover .coverWrap .numberCover{border-radius:100%}
.AboutProducts-module__ddlBQq__book{max-width:450px;height:400px;-webkit-transform:preserve-3d;-ms-transform:preserve-3d;transform:preserve-3d;perspective:2000px;color:#000;background-color:#f5f5f5;border-radius:10px;justify-content:center;align-items:center;margin-bottom:30px;display:flex;position:relative;box-shadow:1px 1px 12px #000}.AboutProducts-module__ddlBQq__bookSmall{max-width:350px;height:300px;-webkit-transform:preserve-3d;-ms-transform:preserve-3d;transform:preserve-3d;perspective:2000px;color:#000;background-color:#f5f5f5;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:1px 1px 12px #000}.AboutProducts-module__ddlBQq__cover,.AboutProducts-module__ddlBQq__coverSmall{cursor:pointer;transform-origin:0;background-color:#d3d3d3;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:absolute;top:0;box-shadow:1px 1px 5px #00000042}.AboutProducts-module__ddlBQq__book:hover .AboutProducts-module__ddlBQq__cover,.AboutProducts-module__ddlBQq__bookSmall:hover .AboutProducts-module__ddlBQq__coverSmall{transition:all .5s;transform:rotateY(-80deg)}