.info-user .header{
    background: linear-gradient(89.52deg, #0E3A7E 0%, #12448E 13%, #1854A7 36%, #1B5AB0 50%, #1753A7 62%, #0C428E 83%, #023175 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    border-radius: 30px 30px 0 0;
}

.maxw-1150{
    max-width: 1150px;
    margin: 0 auto;
}

.info-user .head-title{
    font-size: 36px;
    font-weight: 800;
    line-height: 38px;
    text-align: left;
    color: #fff;

}
.info-user .edit-info{
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 18px;
    text-align: right;
    color: #CFCFCF;


}
.info-user .body-content {
    padding: 50px 200px;
    background-color: #fff;
}

.info-user .body-content .head {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #00609C;


}
.info-user .body-content .info{

    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #101010;
;

}
.info-user .edit-info p {
    text-decoration: underline;
}
/**/
.point-wallet {
    padding-top: 60px;
}
.point-wallet .header{
    background: linear-gradient(89.54deg, #BD9522 -0.78%, #E3C655 36.48%, #F4D277 64.58%, #D9AD30 100%);
    border-radius: 30px 30px 0 0;
}
.point-wallet .head-title{
    font-size: 36px;
    font-weight: 800;
    line-height: 38px;
    text-align: left;
    color: #fff;

}
.point-wallet .point{
    font-size: 40px;
    font-weight: 900;
    line-height: 38px;
    text-align: right;
    color: #fff;



}

.point-wallet .body-content{
    padding: 50px 0;
    background-color: #fff;
}
.point-wallet .body-content .item{
    padding: 5px 150px;
}
.point-wallet .body-content .name{
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color:  #00609C;
    width: 50%;
}
.point-wallet .body-content .point-product{

    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: right;
    color: #101010;
    flex: 1;
}


/**/
.history {
    padding-top: 60px;
    padding-bottom: 60px;
}
.history .header{
    background: linear-gradient(90deg, #600D7F 10%, #870DB7 50%, #800DAE 61%, #6F0D95 78%, #600D7F 91%);
    border-radius: 30px 30px 0 0;
}
.history .head-title{
    font-size: 36px;
    font-weight: 800;
    line-height: 38px;
    text-align: left;
    color: #fff;

}
.history .time{
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 18px;
    text-align: right;
    color: #CFCFCF;


}
.history .time p {
    text-decoration: underline;
}

.history .body-content{
    /* padding: 50px 0; */
    background-color: #fff;
}
.history .body-content .item{
    padding: 5px 30px;
    border-bottom: 1px solid #97979780;
    max-width: 982px;
    margin: auto;

}
.history .body-content .item:last-child{
    border-bottom: none;

}
.history .body-content .item:last-child{
    padding-bottom: 50px;

}
.history .body-content .name{

    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;

    color:  #00609C;

}

.history .body-content .name .time{

    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #979797;



}
.history .body-content .point-product{
    color: #101010;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    text-align: right;


}

.history .nav-tabs .nav-link {
    width: 50%;
}

.history .nav-tabs .nav-link {
    border: none !important;

    font-size: 24px;
    font-weight: 700;
    line-height: 66px;
    text-align: center;
    color: #979797;



}

.history .nav-tabs .nav-link.active {
    color: #101010;
    background-color: transparent;
    border-bottom: 4px solid #00609C !important;
}

.history .nav-tabs {border-bottom: 2px solid #9E9E9E80;}


.sub-tab{
    padding-top: 20px;
    padding-left: 200px;
    gap: 10px;
    width: auto;
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
}

.sub-tab .nav-link{

    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    color: #101010;
    background: #97979733;
    border-radius: 30px;


}

.sub-tab .nav-link.active {
    border: 2px solid #1AC1FF;
    background: #fff;
    color: #1AC1FF;
}
.tab-scroll{
    overflow-y: auto;
    max-height: 754px;
    padding-bottom: 10px;
}
@media (max-width: 1025px) {
    .point-wallet .body-content .item{
        padding: 5px 10px;
    }
    .point-wallet .body-content .name,.point-wallet .body-content .point-product{
        font-size: 16px;
        line-height: 14px;
    }

    .history .form-control {
        max-width: 100px;
    }
}

.history .detail{
    color: #00609C;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    text-align: right;
    text-decoration: underline;

}
/*RESPONSIVE*/
@media (max-width: 1025px) {
    .history .detail{
        font-size: 10px;
        line-height: 10px;


    }
    .tab-scroll{
        max-height: 404px;
    }
    .history .nav-tabs .nav-link{
        font-size: 18px;
        line-height: 33px;

    }
    .nutifood-profile{
        padding-bottom: 10px;
    }

    .info-user .header img {
        width: 33px;
    }

    .info-user .head-title {

        font-size: 16px;
        font-weight: 800;
        line-height: 20px;
        text-align: left;
    }

    .info-user .body-content {
        padding: 10px;
    }
    .info-user .header {
        padding: 10px 0;
        border-radius: 15px 15px 0 0;
    }

    .info-user {
        padding: 0 15px;
    }

    .info-user .body-content .head {
        font-size: 15px;
        line-height: 25px;
    }

    .info-user .body-content .info {
        font-size: 13px;
        line-height: 20px;
    }
    /**/
    .point-wallet .header img {
        width: 33px;
    }
    .point-wallet .head-title{
        font-size: 16px;
        line-height: 20px;

    }
    .point-wallet .point{
        font-size: 16px;
        line-height: 20px;

    }
    .point-wallet{
        padding: 60px 15px 0;
    }
    .point-wallet .header {
        padding: 10px 0;
        border-radius: 15px 15px 0 0;
    }
    .point-wallet .body-content{
        padding: 25px 0;
    }
    .point-wallet .body-content .name {
        font-size: 15px;
        line-height: 20px;
    }
    /*.point-wallet .body-content .point-product {
        font-size: 20px;
        line-height: 25px;
    }*/
    /**/
    .history {
        padding: 60px 15px 0;
    }
    .history .header img {
        width: 33px;
    }
    .history .head-title{
        font-size: 16px;
        line-height: 20px;

    }
    .history .header {
        padding: 10px 0;
        border-radius: 15px 15px 0 0;
    }
    .sub-tab {
        padding-left: 25px;
    }
    .sub-tab::-webkit-scrollbar{
        display: none;
    }

    .history .body-content .name {

        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }

    .history .body-content .name .time {

        font-size: 10px;
        font-style: italic;
        font-weight: 400;
        line-height: 10px;
    }

    .history .body-content .point-product {

        font-size: 15px;
        font-weight: 700;
        line-height: 14px;
        text-align: right;
    }

    .sub-tab .nav-link {

        font-size: 10px;
        font-weight: 700;
        line-height: 14px;
        text-align: center;
    }
}