// Single module item css are 

.dnxte_dashb_module_group_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    // grid-template-rows: 1fr 1fr 1fr 1fr;
    gap: 12px;
}

.dnxte_dashb_single_toggle_switch_wrap {
    border-style: solid;
    border-width: 1px;
    border-color: #dcdfea;
    border-radius: 4px;
    padding: 15px;
    transition: all 0.5s;

    .dnxte_dashb_switch_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5px;

        .dnxte_dashb_img_left {
            img {}
        }
    }

    .dxnte_dashb_card_content {
        @extend .dnxte_dashb_switch_wrap;

        .module_inner_mini_title {
            font-size: 13px;
            line-height: 16px;
            font-weight: 600;
            color: $dash-main-title;
            text-transform: capitalize;
            margin: 0;
        }

        .module_inner_new_item {
            font-size: 11px;
            line-height: 1;
            font-weight: 500;
            text-transform: capitalize;
            padding: 2px 4px;
            border-radius: 1px;
            border-style: solid;
            border-width: 0.5px;

            &.new {
                color: $dash-success;
                border-color: #63e6be;
            }

            &.coming_soon {
                color: $dash-active;
                background: #F3F0FF;
                border-color: $dash-active;
            }
        }
    }

    .livedemo_docs {
        a {
            font-size: 12px;
            line-height: 14px;
            font-weight: 500;
            color: $dash-pra;
            text-decoration: none;
            margin-right: 16px;
            position: relative;
            transition: all 0.5s;
            border-bottom: 1px solid transparent;

            &::before {
                position: absolute;
                content: "";
                right: -8px;
                width: 1px;
                height: 12px;
                background: #dcdfea;
                top: 50%;
                transform: translateY(-50%);
                line-height: 12px;
            }

            &:last-child::before {
                display: none;
            }

            &:hover {
                color: $dash-active-two;
                border-bottom: 1px solid $dash-active-two;
            }

            &:focus {
                box-shadow: none;
                outline: none;
            }
        }
    }

    &:hover {
        border-color: #7d89b0;
    }
}