.infoGraphic {
        display: flex;
        position: relative;
        width: 100%;
        max-width: 100%;
        background: #000000;
        cursor: pointer;
    }

    .number {
        position: absolute;
        font-family: "maven pro", sans-serif;
        font-size: 160px;
        font-weight: 900;
        top: 10px;
        left: 30px;
        text-align: center;
    }
    .number.fontColor1 {
        background: linear-gradient(to bottom, #ff4b4b, #c00);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .number.fontColor2 {
        background: linear-gradient(180deg, #00ff00, #008000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .number.fontColor3 {
        background: linear-gradient(45deg, #c048ff, #8000ff, #400080);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .number.fontColor4 {
        background: linear-gradient(180deg, #fffacd 10%, #ffd700 40%, #ffa500 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .number.fontColor5 {
        color: #e74c3c;
    }
    .number.fontColor6 {
        color: #e67e22;
    }
    .coverWrap {
        transform: rotate(134deg);
        position: absolute;
        width: 230px;
        height: 245px;
        left: 0px;
        top: -30px;
    }
    .coverWrap .numberCover {
        position: absolute;
        background: #000000;
        width: 18em;
        height: 6em;
        border-radius: 100%;
        border-bottom: 3px solid #f5f8f7;
        transition: all 0.4s;
    }
    .coverWrap .numberCover::before {
        position: absolute;
        content: "";
        bottom: 5px;
        left: 4em;
        right: 4em;
        top: 5em;
        box-shadow: 0 0 30px 17px #48668577;
        border-radius: 100%;
        z-index: -1;
    }
    .coverWrap .numberCover::after {
        position: absolute;
        bottom: 0;
        content: "";
        left: -10%;
        width: 120%;
        height: 150%;
        background: radial-gradient(at bottom, #48668533, transparent, transparent);
        z-index: 1;
    }
    .contentbox {
        margin: 125px 10px 40px 130px;
        position: relative;
        text-align: start;
    }

    .infoGraphic :hover .coverWrap .numberCover {
        border-radius: 0%;
    }