:root{--font-size:0.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 #00000044,0 4px 7px #00000022;--primary1:#e40417;--secondary1:#002c72}main{padding:2vw}ul.infoGraphic{font-size:var(--font-size);display:flex;flex-wrap:wrap;justify-content:center;li{position:relative;width:100%;max-width:25em;height:300px;background:var(--bg1);border-radius:.5em;padding:.8em;z-index:1;transition:all .2s;cursor:pointer;.numberWrap{position:absolute}.number{font-family:maven pro,sans-serif;font-size:7em;font-weight:900;width:.9em;text-align:center;&.fontColor1{color:var(--primary1)}&.fontColor2{color:var(--secondary1)}&.fontColor3{color:var(--primary1)}&.fontColor4{color:var(--secondary1)}&.fontColor5{color:var(--primary1)}&.fontColor6{color:var(--secondary1)}&.fontColor7{color:var(--primary1)}&.fontColor8{color:var(--secondary1)}&.fontColor9{color:var(--primary1)}&.fontColor10{color:var(--secondary1)}&.fontColor11{color:var(--primary1)}&.fontColor12{color:var(--secondary1)}}.coverWrap{transform:rotate(130deg);position:absolute;width:18em;height:15em;left:-5em;top:-2em;.numberCover{position:absolute;background:var(--bg1);width:18em;height:6em;border-radius:50% 100% 0 0;border-bottom:3px solid #f5f8f7;transition:all .4s;&:before{bottom:5px;left:4em;right:4em;top:5em;box-shadow:0 0 30px 17px #48668577;border-radius:100px/10px;z-index:-1}&:after,&:before{position:absolute;content:""}&:after{bottom:0;left:-10%;width:120%;height:150%;background:radial-gradient(at bottom,#48668533,transparent,transparent);z-index:1}}}.content{margin:8em 3em 1em 4em;position:relative;h2{font-size:1.7em;font-weight:500;text-align:center;margin-bottom:10px;text-transform:uppercase}p{line-height:1.5em;font-size:15px}}}}ul.infoGraphic li:hover .coverWrap .numberCover{border-radius:100%}.AboutProducts_book__Ul2VB{max-width:450px;height:400px;margin-bottom:30px}.AboutProducts_bookSmall__sIW_q,.AboutProducts_book__Ul2VB{position:relative;border-radius:10px;background-color:whitesmoke;-webkit-box-shadow:1px 1px 12px #000;box-shadow:1px 1px 12px #000;-webkit-transform:preserve-3d;-ms-transform:preserve-3d;transform:preserve-3d;-webkit-perspective:2000px;perspective:2000px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000}.AboutProducts_bookSmall__sIW_q{max-width:350px;height:300px}.AboutProducts_coverSmall__nBxf_,.AboutProducts_cover__AUJb6{top:0;position:absolute;background-color:lightgray;width:100%;height:100%;border-radius:10px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0;-webkit-box-shadow:1px 1px 5px #00000042;box-shadow:1px 1px 5px #00000042;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.AboutProducts_bookSmall__sIW_q:hover .AboutProducts_coverSmall__nBxf_,.AboutProducts_book__Ul2VB:hover .AboutProducts_cover__AUJb6{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:rotatey(-80deg);-ms-transform:rotatey(-80deg);transform:rotatey(-80deg)}