.left-panel {
    background-color: var(--color-green);
    color: #FFF;
}

    .left-panel .item {
        font-size: 2.5rem;
        font-weight: 700;
    }

.right-panel {
    background-color: var(--color-blue-light);
}

    .right-panel .number {
        font-size: 2rem;
        font-weight: 800;
        width: 150px;
        border-right: 2px solid #424242;
    }

    .right-panel .text {
        font-size: 1.2rem;
        font-weight: 600;
    }

@media (max-width: 991.98px) {
    .left-panel {
        text-align: center;
    }

        .left-panel .item {
            font-size: 1.5rem;
        }

    .right-panel {
        flex-direction: column;
        text-align: center;
    }

        .right-panel .text {
            text-align: center;
            margin-top: 10px;
        }

        .right-panel .number {
            font-size: 1.8rem;
            border: none;
        }
}