.user-dashbord {
   padding:50px 0;
    h3,
    h4,
    h5,
    h6 {
        color: #191919;
    }
    .user-profile-info-area,
    .account-info,
    .card,
    .order-details,
    .order-history {
        border: 1px solid #dedede !important;
        border-radius: 0;
    }
    .user-profile-info-area {
        .links {
            li {
                a {
                    color: color(900);
                    
                    &:hover {
                        color: color(600);
                    }
                }
                &.active {
                    a {
                        color: color(600);
                    }
                }
            }
        }
    }
    .user-profile-details {
        .header-area {
            border: 0 !important;
            padding: 0 !important;
            .title {
                color: #191919 !important;
                font-size: 20px !important;
                font-family: font(md);
                margin: 0 !important;
                text-transform: uppercase;
               letter-spacing: 0.11em;
            }
        }
        .account-info,
        .order-history {
            padding: 20px;
            &.wallet {
                padding: 20px;
            }
        }
    }
    .pagination {
        .page-item {
            &.active {
                .page-link {
                    background: color(500);
                    border-color: color(500);
                    color:color(900); 
                }
            }
        }
    }
    .table {
        color: color(900);
    }
    @include media-breakpoint-down(md) {
        .user-profile-details {
            margin-top: 20px;
        }
        .wallet.h100 {
            height: auto;
        }
    }
    @include media-breakpoint-down(sm) {       
        padding:17px 0px 30px;
        .row-cards-one {
            .col-md-6 {
                & + .col-md-6 {
                    margin-top: 15px;
                }
            }
        }
        .c-info-box-area {
            padding: 15px;
        }
        .user-profile-details .order-details {
            padding: 15px;
            .view-order-page {
                .order-code {
                    font-size: 17px;

                    line-height: 26px;
                }
            }
        }
    }
    .elegant-pricing-tables{
        padding: 20px;
    }
}