.banner-blog {
    background: linear-gradient(102.19deg, #F4FAFD 0.04%, #F3ECE3 100%);
    width: 100%;
}
.people1,.people2{
    width: 45%;
}
.people3{
    width: 25%;
}
.f-grid-block {
    display: flex;
    justify-content: space-between;
    margin-left: -1rem;
    flex-flow: row wrap;
}

.f-grid-col {
    flex: 1 0;
    background-color: #F2F2F2;;
    /*margin-left: 1rem;*/
    margin-bottom: 1rem;
    padding: 2rem;
}
.left-profile{
    /*margin-right: 1rem;*/
}
.right-address{
    /*margin-left: 1rem;*/
    padding-bottom: 4.8rem;
}
.avatar img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #F2F2F2;
    object-fit: cover;
    cursor: pointer;
}
.js-labelFile{
    border: 1px solid #F2F2F2;
    object-fit: cover;
    cursor: pointer;
}
.title-update-img{
    margin-left: 1.5rem;
    font-weight: 400;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    color: #686868;
}
.avatar-block{
    margin-bottom: 2rem;
}
.title-gender{
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    color: #686868;
}
.btn-update{
    background: #F4C200;
    letter-spacing: 0.05em;
    font-size: 1.2rem;
    font-weight: bold;
    color: #101010;
    width: 100%;
}
.form-profile label{
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    color: #686868;
}
.form-address label{
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    color: #686868;
}
.title-profile, .title-address{
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #101010;
}
.profile-section-main .profile-block{
    border-bottom: 2px solid #F2F2F2;
    padding-bottom: 3rem;
}
.order-management-block{
}
.title-order-head{
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    color: #101010;
    margin-top: 4rem;
}
.head-panel-order{
    background: #F2F2F2;
    margin: 2rem 0;
}
.order-active{
    color: #F4C200!important;
}
.order-inactive{
    color: #686868;
}
.status-order-main{
    padding: 2rem 2.5rem;
    cursor: pointer;
}
.head-panel-order .status-order{
    font-weight: 400;
    font-size: 1.2rem;
}
.image-product img{
    width: 70px!important;
    height: 103px!important;
    object-fit: cover;
}
.head-panel-product-order{
    border: 1px solid #F2F2F2;
    margin-bottom: 2rem;
    cursor: pointer;
}
.head-panel-product-order .info_product{
    margin-left: 2rem;
}
.head-panel-product-order .info_product .product-color{
    font-size: 1rem;
    letter-spacing: 0.05em;
    color: #686868;
    padding: .5rem 0;
}
.head-panel-product-order .info_product .product-color span{
    background: #F2F2F2;
    border-radius: 15px;
    padding: 5px 10px;
}
.head-panel-product-order .info_product .title-product-order{
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    color: #404040;
}
.head-panel-product-order .total-price-order{
    font-weight: 400;
    font-size: 1.2rem;
    color: #686868;
}
.head-panel-product-order .action-order .btn-cancel-order{
    font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    color: #F4C200;
    padding: .8rem 1.7rem;
}
.head-panel-product-order .action-order .btn-cancel-order-main{
    background: #FFFFFF;
    border: 1px solid #F4C200;
    border-radius: 25px;
}
.head-panel-product-order .action-order{
    background: #F2F2F2;
    padding: .9rem .5rem;
}
.head-panel-product-order .panel-product-order{
    padding: 1.7rem .5rem;
}
.border-product-order{
    border: 1px solid #F2F2F2;
    margin: 0 .5rem;
}
.order-management-block{
    margin-bottom: 10rem;
}
.test{
    border-bottom: 3px solid #F4C200!important;
}
.radio-gender{
    margin-top: 5px;
}
.border-1-f2{
    padding: 0;
}
.add_address{
    background-color: #f4c200;
    padding: 6px 15px;
    font-weight: bold;
    cursor: pointer;
}
.table_list_address{
    overflow: auto;
    height: 556px;
}
.title_list_address{
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 600;
}
.address_default{
    font-size: 14px;
    margin-bottom: 0;
    border: 1px solid #ee4d2d;
    width: fit-content;
    padding: 0px 5px;
    color: #ee4d2d;
    margin-top: 8px;
}
.update_address{
    color: #0a58ca;
    font-size: 13px;
    margin-bottom: 5px;
    cursor: pointer;
    font-weight: 600;
}
.delete_address{
    font-size: 14px;
    color: #ff7b78;
    cursor: pointer;
    font-weight: 600;
}

.circle-order{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #e0e0e0;
}
.color_icon{
    color: #2dc258;
}
.text_icon{
    font-size: 20px;
}
.line-order{
    width: 25%;
    height: 4px;
    background: #e0e0e0;
}
.line-order-active{
    background: #2dc258;
}
.card-detail-order{
    width: 1200px;
}
.boder-circle{
    border-color: #2dc258;
}
.text-title{
    text-align: center;
    font-size: 13px;
    margin-top: 10px;
}
.line-row{
    margin: 20px 0;
    height: 0.1875rem;
    width: 100%;
    background-position-x: -1.875rem;
    background-size: 7.25rem 0.1875rem;
    background-image: repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px);
}
.title-address-order{
    font-size: 18px;
    font-weight: bold;
}
.content-address-order{
    margin-bottom: 5px;
}
.content-money-order{
    font-size: 16px;
    margin-bottom: 10px;
}
.base-color{
    color: #e0e0e0;
}
.text-price{
    text-decoration-line: line-through;
    color: #000;
    opacity: .26;
    text-overflow: ellipsis;
}
@media only screen and (max-width: 992px) {
    .title-profile, .title-address, .title-order-head{
        font-size: 16px;
    }
    .status-canceled{
        margin-right: 0!important;
    }
    .status-waiting-confirm, .status-all-confirm{
        margin-left: 0!important;
    }
    .head-panel-order .status-order{
        font-size: 14px;
    }
    #image-preview{
        width: 64px;
        height: 61px;
    }
    .title-update-img{
        font-size: 15px;
        margin-left: 10px;
    }
    .title-gender,.form-address label,.btn-update{
        font-size: 14px;
    }
    .form-profile label{
        font-size: 14px;
    }
    .table_list_address{
        height: 546px;
    }
}

@media only screen and (max-width: 500px) {
    .title-profile, .title-address, .title-order-head,.title-update-img, .head-panel-product-order .total-price-order, .price-number{
        font-size: 14px;
    }
    .head-panel-order .status-order{
        font-size: 12px;
        text-align: center;
    }
    .status-order-main{
        padding: 10px 5px;
    }
    .head-panel-product-order .info_product .title-product-order{
        font-size: 12px;
    }
    .head-panel-product-order .info_product .product-color{
        font-size: 12px;
    }
    .image-product img{
        width: 70px!important;
        height: auto!important;
    }
    .menu-category{
        margin-top: 20px!important;
        padding-bottom: 20px;
    }
    .card-order-address{
        width: 90%!important;
    }
    .title-detail-orders{
        font-size: 12px;
        text-align: center;
    }
    .circle-order{
        width: 40px;
        height: 40px;
    }
    .text_icon{
        font-size: 16px;
    }
    .text-title{
        font-size: 10px;
    }
    .title-total-money{
        font-size: 9px;
    }
    .info_product{
        margin-left: 10px!important;
    }
    .title-address-order{
        font-size: 14px;
    }
    .content-address-order,.content-money-order,.title-product-order,.product-color,.title-product-order{
        font-size: 12px;
    }
}