.ui-kpi-container{
    display: flex;
    align-items: center;
    gap: 15px;
    .itm-kpi-ui{
        width: 100%;
        min-height: 100px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        border-radius: 5px;
        box-shadow: 0px 4px 4px 0px rgba(80, 80, 80, 0.1803921569);
        .clmn-a{
        }
        .clmn-b{
        }
        .wrp-icn-kpi{
            width: 65px;
            height: 65px;
            font-size: 22px;
            color: white;
            .icn-kpi{
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
        .value-primary-kpi{
            color: white;
            font-size: 24px;
            font-weight: 600;
            text-align: end;
        }
        .value-secondary-kpi{
            color: white;
            font-size: 16px;
            font-weight: 200;
            text-align: end;
        }

        &.gradient-indigo{
            background: linear-gradient(105deg, #577ef3, #3356bf);
        }
        &.gradient-blue{
            background: linear-gradient(105deg, #3a96df, #2c76b1);
        }
        &.gradient-green{
            background: linear-gradient(105deg, #43c395, #2f937a);
        }
        &.gradient-orange{
            background: linear-gradient(105deg, #ff9f40, #e87a2c);
        }
    }
}