/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
    
    di {
        margin: 0;
        padding: 0;
        outline: none;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 400;
        margin: 10px 0;
        padding: 0;
    }
    
    .main {
    }
    
    table {
        width: 100%;
    }
    
    
    .load-multiple-img {
        display: flex;
    }
    
    .load-multiple-img img {
        width: 80px;
        height: 80px;
        margin-right: 20px;
    }
    
    .image_danh_gia {
        display: flex;
    }
    
    .image_danh_gia img {
        width: 62px;
        height: 50px;
        padding-right: 10px;
    }
    
    tr {
        margin-bottom: 10px;
    }
    
    td {
        vertical-align: central;
        padding: 5px !important;
        border-color: #ddd;
    }
    
    ul li,
    ol li {
        list-style: none;
        position: relative;
    }
    
    p {
        padding: 0;
        margin: 0;
    }
    
    i.fa {
        line-height: inherit;
    }
    
    body {
        background-color: #fff !important;
    }
    
    img {
        height: auto;
        max-width: 100%;
    }
    
    a {
        text-decoration: none;
        color: inherit;
    }
    .aboutus-img:before {
        position: absolute;
        width: 200%;
        height: 0%;
        left: 50%;
        top: 50%;
        background-color: hsla(0, 0%, 100%, .3);
        transform: translate(-50%, -50%) rotate(335deg);
        content: "";
        z-index: 1;
        animation: expand 4s infinite;
    }
    a:focus {
        outline: none;
    }
    
    ol,
    ul {
        margin: 0;
    }
    
    span.header-contact__number a:hover {
        color: #016b23;
        text-decoration: none;
    }
    
    /* a:focus,
    a:hover {
        text-decoration: none;
        cursor: pointer;
        color: #333;
    } */
    .media-sitebar ul {
        padding-bottom: 15px;
        display: flex;
        border-bottom: 1px solid #cdcdcd;
        padding-top: 15px;
        border-top: 1px solid #cdcdcd;
    }
    
    .media-sitebar ul li a {
        display: inline-flex;
        width: 30px;
        height: 30px;
        background: #016b23;
        border-radius: 4px;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
    }
    
    button.button.buy_now_button a:hover {
        color: #fff;
    }
    
    .media-sitebar ul li a svg {
        font-size: 12px;
        fill: #fff;
    }
    
    .media-sitebar {
        padding: 0px 0px 20px 0px;
    }
    
    .item-img-site {
        padding-bottom: 10px;
    }
    
    html {
        scroll-behavior: smooth;
    }
    
    .box-buy .add-to-cart:hover {
        color: #fff;
    }
    
    h3.woocommerce-loop-product__title a:hover {
        color: #f4821b;
    }
    
    .post-info__title a:hover {
        color: #f4821b;
    }
    
    .slick-slider {
        margin-bottom: 0;
    }
    
    .center {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .container {
        width: 100%;
        max-width: 1450px;
    }
    
    .pagination {
        margin-bottom: 20px;
        flex-wrap: wrap;
        margin-top: 20px;
        justify-content: center;
    }
    
    .pagination-group {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .pagination-group .pagination {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .pagination-group .pagination a {
        display: inline-block;
        padding: 4px 10px;
        border: 1px solid #e23b41;
    }
    
    .pagination-group .pagination span {
        display: inline-block;
        padding: 4px 10px;
        border: 1px solid #e23b41;
        background-color: #e23b41;
        color: #fff;
    }
    
    #rating label {
        margin: 0;
        padding: 0;
    }
    
    #rating {
        border: none;
        float: left;
        margin-left: 10px;
    }
    
    #rating>input {
        display: none;
    }
    
    #rating>label:before {
        margin: 0 2px;
        font-size: 20px;
        content: "\f005";
        font-family: 'Font Awesome 5 Free';
        display: inline-block;
        font-weight: 900;
        cursor: pointer;
    }
    
    #rating>label {
        color: #ddd;
        float: right;
    }
    
    #rating>input:checked~label,
    #rating:not(:checked)>label:hover,
    #rating:not(:checked)>label:hover~label {
        color: #FFD700;
    }
    
    #rating>input:checked+label:hover,
    #rating>input:checked~label:hover,
    #rating>label:hover~input:checked~label,
    #rating>input:checked~label:hover~label {
        color: #FFED85;
    }
    
    .swal2-title {
        font-size: 20px !important;
    }
    
    .swal2-styled {
        font-size: 17px !important;
    }
    
    .swal2-popup {
        max-width: 23em !important;
    }
    
    .swal2-icon {
        transform: scale(0.7);
    }
    
    
    /*css slide home*/
    
    .slide .slick-dots {
        bottom: 20px;
    }
    
    .slide .slick-dots li {
        border-radius: 100%;
        width: 12px;
        height: 12px;
        /* position: absolute; */
        background: rgba(153, 153, 153, 1);
        border: 3px solid rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        cursor: pointer;
        box-sizing: content-box;
        box-shadow: 0px 0px 2px 1px rgba(130, 130, 130, 0.3);
    }
    
    .slide .slick-dots li.slick-active {
        background: rgba(255, 255, 255, 1);
        border: 3px solid rgba(241, 89, 42, 1);
    }
    
    .slide .slick-dots li button {
        width: 12px;
        height: 12px;
    }
    
    .slide .slick-dots li button:before {
        width: 12px;
        height: 12px;
    }
    
    .bg-home {
        width: 100%;
        clear: both;
    }
    
    .nav-vertical {
        position: relative;
        /* top: 40px; */
        left: 0px;
        right: 0;
        z-index: 10;
        height: 0;
        display: block;
    }
    
    .nav-vertical .nav-list {
        background-color: #fff;
    }
    
    .nav-vertical .nav-list li {
        position: unset;
    }
    
    .nav-vertical .nav-list>li>a {
        position: relative;
        display: block;
        color: #000;
        padding: 12px 0 14px 0;
        border-bottom: 1px solid #eee;
        margin: 0;
        font-size: 15px;
        padding-left: 15px;
        padding-right: 10px;
        line-height: 23px;
    }
    
    .nav-vertical .nav-list>li>a>img {
        width: auto;
        height: auto;
        max-width: 22px;
    }
    
    .nav-vertical .nav-list>li>a:hover {
        background-color: #f8f9fa;
        color: #ed2024;
    }
    
    .nav-vertical .nav-list>li>a>img {
        width: 22px;
        height: 22px;
        object-fit: contain;
        margin-right: 4px;
    }
    
    .ver-mega-mn1 {
        position: absolute;
        right: 5px;
    }
    
    .nav-vertical-sub {
        position: absolute;
        width: calc(100% + 30px);
        left: 90%;
        top: 0;
        padding: 15px;
        background-color: #fff;
        border: 1px solid #ddd;
    
    
        visibility: hidden;
        transition: left 0.5s;
        z-index: -1;
        height: 495px;
        top: 3px;
        box-shadow: rgb(0 0 0 / 6%) -2px 0px 8px 0px;
    }
    
    .nav-vertical .nav-list>li:hover .nav-vertical-sub {
        visibility: inherit;
        left: 100%;
    }
    
    .nav-vertical .nav-list>li:hover .nav-vertical-sub li {
        padding: 6px 0 5px 0;
        border-bottom: 1px solid #eee;
        margin: 0;
        font-size: 15px;
        padding-left: 15px;
        padding-right: 10px;
        line-height: 23px;
    }
    
    .active_menu {
        background: #dc0021;
        color: #fff;
    }
    
    .active_menu>a {
        color: #fff !important;
    }
    
    .wrap-slide-home {
        padding: 10px 0 0;
    }
    
    .item-banner-home {
        margin-bottom: 15px;
    }
    
    .item-banner-home img {
        border: solid 1px #ebebeb;
        height: auto;
        object-fit: cover;
    }
    
    
    .bg-pro-tab .item-banner-home {
        margin-bottom: 10px;
        margin-top: 0px;
    }
    
    .hover-effect {
        position: relative;
        transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        overflow: hidden;
    }
    
    .hover-effect-2:before {
        border: 50px solid transparent;
        border-top-right-radius: 50px;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        top: 0;
        content: "";
        opacity: 1;
        -webkit-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
        width: 100px;
        height: 100px;
        -webkit-transform: scale(7);
        -ms-transform: scale(7);
        -o-transform: scale(7);
        transform: scale(7);
        -webkit-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        transition: all .4s ease-in-out 0s;
        visibility: visible;
        z-index: 1;
    }
    
    .hover-effect-2:hover:before {
        border: 0 solid rgba(0, 0, 0, .7);
        opacity: 0;
        -webkit-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
    }
    
    
    
    .hover-effect-10:before {
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    
    .hover-effect-10:before,
    .hover-effect-10:after {
        bottom: 20px;
        content: "";
        left: 20px;
        opacity: 0;
        position: absolute;
        right: 20px;
        top: 20px;
        -webkit-transition: opacity .35s ease 0s, -ms-transform .35s ease 0s;
        -webkit-transition: opacity .35s ease 0s, -webkit-transform .35s ease 0s;
        -webkit-transition: opacity .35s ease 0s, transform .35s ease 0s;
        -o-transition: opacity .35s ease 0s, -ms-transform .35s ease 0s;
        -o-transition: opacity .35s ease 0s, -webkit-transform .35s ease 0s;
        -o-transition: opacity .35s ease 0s, transform .35s ease 0s;
        transition: opacity .35s ease 0s, -ms-transform .35s ease 0s;
        transition: opacity .35s ease 0s, -webkit-transform .35s ease 0s;
        transition: opacity .35s ease 0s, transform .35s ease 0s;
        z-index: 3;
    }
    
    .hover-effect-10:hover:before,
    .hover-effect-10:hover:after {
        opacity: 1;
        -webkit-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    
    .hover-effect-10:after {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    
    .hover-effect-10 {
        display: block;
        background: #000;
    }
    
    .hover-effect-10:hover img {
        opacity: .5;
        -webkit-filter: alpha(opacity=50);
        filter: alpha(opacity=50);
    }
    
    .hover-effect-4:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 75%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 75%);
        content: "";
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
    
        -ms-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, -ms-transform .35s;
        transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, transform .35s;
    }
    
    .hover-effect-4:hover:before {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .template-detail {
        padding: 20px 0;
    }
    
    .slide {
        position: relative;
        width: calc(100% - 0px);
        margin-left: 0px;
    }
    
    .slide img {
        width: 100%;
    }
    
    .slide .cate-arrows-1 .slick-prev,
    .slide .cate-arrows-1 .slick-next {
        background-color: transparent;
    }
    
    .slide:after {
        /* content: ""; */
        width: 100%;
        height: 30%;
        position: absolute;
        left: 0;
        bottom: -2px;
        background-image: url(../images/line-slide.png);
        z-index: 1;
        background-position: center;
        background-size: 100% 100%;
    }
    
    .wrap-support {
        /* padding: 20px 0 0; */
        padding-bottom: 30px;
    }
    
    .box-support {
        padding: 20px 20px 0;
        background-color: #fff;
        border: solid 1px #ebebeb;
    }
    
    .mw-20 {
        min-width: 20%;
    }
    
    .col-support-item {
        margin-bottom: 20px;
    }
    
    .support-item {}
    
    .support-item .box {
        display: flex;
        align-items: center;
    }
    
    .support-item .box .icon {
        width: 50px;
    }
    
    .support-item .box .icon img {}
    
    .support-item .box .content {
        width: calc(100% - 50px);
        padding-left: 10px;
    }
    
    .support-item .box .content h3 {
        margin-top: 0;
        text-transform: none;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 0;
    }
    
    .support-item .box .content .desc {
        line-height: 1.4;
        font-size: 14px;
    }
    
    .wrap-product-home {
        padding: 20px 0 30px;
        background: #f8f8f8;
    }
    
    .wrap-product-home-2 {
        background-color: #f2f2f5;
    }
    
    .list-product-home {}
    
    .page-item.active .page-link {
        background-color: #056db8;
        border-color: #056db8;
        color: #fff;
    }
    
    .page-link {
        color: #4c4743;
    }
    
    .col-product-card {
        margin-bottom: 30px;
    }
    
    .product-card {}
    
    .product-card .box {
        border: 1px solid #ddd;
        background-color: #fff;
        position: relative;
        overflow: hidden;
    }
    
    .product-card .box .image {
        position: relative;
    }
    
    .product-card .box .image img {}
    
    .product-card .box .hot {
        bottom: 5px;
        right: 10px;
        text-transform: capitalize;
        color: #ffffff;
        background: #C70909;
        font-size: 10px;
        padding: 0 10px 0 8px;
        height: 21px;
        line-height: 23px;
        text-align: center;
        display: block;
        position: absolute;
    }
    
    .product-card .box .hot:before {
        content: "";
        background: url(../images/icon-sale.png) no-repeat 0 0;
        width: 11px;
        height: 21px;
        position: absolute;
        left: -11px;
        top: 0;
    }
    
    .product-card .box .hot:after {
        content: "";
        background: url(../images/icon1-sale.png) no-repeat 0 0;
        width: 3px;
        height: 21px;
        position: absolute;
        right: -3px;
        top: 0;
    }
    
    .product-card .box .sale {
        position: absolute;
        top: 0;
        top: 17px;
        right: 10px;
        background-color: #f00;
        color: #fff;
        padding: .3em .5em;
        font-size: 12px;
        font-weight: bold;
    }
    
    .product-card .box .content {
        padding: 10px 15px;
        border-top: 1px solid #ccc;
    }
    
    .product-card .box .content .name {
        margin-top: 0;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 5px;
        height: 45px;
    }
    
    .product-card .box .content .name a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .box-price {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .box-price .new-price {
        color: #3c4743;
        font-weight: 700;
        font-size: 16px;
        margin-right: 7px;
    }
    
    .box-price .old-price {
        font-size: 13px;
        text-decoration: line-through;
        color: #6c757d;
    }
    
    .product-card .action {
        position: absolute;
        width: 100%;
        top: 0;
        transform: translate(0, -100%);
        opacity: 0;
        transition: all 0.5s;
    }
    
    .product-card .box:hover .action {
        top: 50%;
        opacity: 1;
    }
    
    .product-card .action ul {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .product-card .action ul li {
        width: 40px;
    }
    
    .product-card .action ul li a {
        display: flex;
        height: 40px;
        width: 40px;
        align-items: center;
        justify-content: center;
        background-color: #c31f26;
        color: #fff;
    }
    
    .product-card .action ul li a i {}
    
    .product-card .action ul li a svg {
        width: 18px;
        fill: #fff;
    }
    
    .product-card .action ul li a:hover {
        background-color: #05090a;
        color: #fff;
    }
    
    .product-card .action ul li a:hover svg {
        fill: #fff;
    }
    
    .group-title {
        text-align: left;
        margin-bottom: 0px;
        display: inline-block;
        width: 100%;
    }
    
    .group-title1 .title1 {
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0px;
        font-size: 20px;
        color: #00699e;
    }
    
    .group-title .title {
        text-transform: none;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 20px;
        color: #333;
    }
    
    .group-title .title h1 {
        font-size: 18px;
        font-weight: 600;
        background: #f8c144;
        color: #253d4e;
        margin: 0;
        display: inline-block;
        padding: 7px 15px;
        text-transform: uppercase;
        border-radius: 5px 5px 0 0;
    }
    
    .group-title .title-img {
        width: 100%;
        border-bottom: solid 1px #eee;
        float: left;
    }
    
    .img-title {
        height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .img-title img {
        height: 100%;
        width: auto;
    }
    
    .title-h {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    
    .title-h .text {
        margin: 0;
        font-size: 20px;
        color: #fff;
        padding: 0 15px;
        padding-right: 60px;
        background: linear-gradient(60deg, #c31f26 calc(100% - 35px), transparent calc(100% - 35px), transparent calc(100% - 35px), transparent calc(100% - 30px), transparent calc(100% - 35px));
        line-height: 40px;
        font-weight: bold;
        white-space: nowrap;
        /* height: 100%; */
        display: flex;
        align-items: center;
        text-transform: uppercase;
    }
    
    .title-h1 {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 15px;
        position: relative;
    }
    
    .title-h1:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #ebebeb;
        position: absolute;
        left: 0;
        top: 18px;
    }
    
    .title-h1 .text {
        background: #f8f8f8;
        margin: 0;
        font-size: 25px;
        color: #333;
        padding: 0 15px 0 0;
        padding-right: 30px;
        line-height: 40px;
        font-weight: 300;
        white-space: nowrap;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        position: relative;
    }
    
    .title-h1 .text strong {
        font-weight: 600;
        padding-right: 5px;
    }
    
    .cate-dot-1 .slick-dots {
        width: auto;
        bottom: unset;
        right: 80px;
        top: -25px;
    }
    
    .cate-dot-1 .slick-dots li {
        border-radius: 100%;
        width: 12px;
        height: 12px;
        /* position: absolute; */
        background: #eee;
        /* border: 3px solid rgba(255, 255, 255, 0.9); */
        border-radius: 50%;
        cursor: pointer;
        box-sizing: content-box;
        box-shadow: 0px 0px 2px 1px rgba(130, 130, 130, 0.3);
    }
    
    .cate-dot-1 .slick-dots li.slick-active {
        background: #353a3d;
        /* border: 3px solid rgba(0, 0, 0, 1); */
    }
    
    .cate-dot-while-1.cate-dot-1 .slick-dots li.slick-active {
        background-color: #eee;
    }
    
    .cate-dot-while-1.cate-dot-1 .slick-dots li {
        background-color: #fff;
    }
    
    .cate-dot-1 .slick-dots li button {
        width: 12px;
        height: 12px;
    }
    
    .cate-dot-1 .slick-dots li button:before {
        width: 12px;
        height: 12px;
    }
    .imgaes-project-newss:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    display: none;
}
.list-product-item-home .col-item-product:nth-child(2) .image {
    background: linear-gradient(90deg, rgb(244 226 255) 0%, rgb(211 213 224) 28%, rgb(207 235 210) 100%);
}
.list-product-item-home .col-item-product:nth-child(3) .image {
    background: linear-gradient(90deg, rgb(255 250 226) 0%, rgb(219 224 211) 28%, rgb(207 235 210) 100%);
}
.list-product-item-home .col-item-product:nth-child(4) .image {
    background: linear-gradient(90deg, rgb(244 226 255) 0%, rgb(211 213 224) 28%, rgb(207 235 210) 100%);
}
.list-product-item-home .col-item-product:nth-child(5) .image {
    background: linear-gradient(275deg, rgb(209 230 224) 0%, rgb(211 213 224) 28%, rgb(207 235 210) 100%);
}


.list-product-item-home .col-item-product:nth-child(6) .image {
    background: linear-gradient(90deg, rgb(255 250 226) 0%, rgb(219 224 211) 28%, rgb(207 235 210) 100%);
}
.list-product-item-home .col-item-product:nth-child(8) .image {
    background: linear-gradient(90deg, rgb(244 226 255) 0%, rgb(211 213 224) 28%, rgb(207 235 210) 100%);
}
.list-product-item-home .col-item-product:nth-child(9) .image {
    background: linear-gradient(275deg, rgb(209 230 224) 0%, rgb(211 213 224) 28%, rgb(207 235 210) 100%);
}
.list-product-item-home .col-item-product:nth-child(10) .image {
    background: linear-gradient(90deg, rgb(244 226 255) 0%, rgb(211 213 224) 28%, rgb(207 235 210) 100%);
}
.imgaes-project-newss:hover:before {
    animation: shine .9s;
    display: block;
}
    .cate-arrows-1 .slick-prev,
    .cate-arrows-1 .slick-next {
        opacity: 1;
        font-size: 20px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
        margin: 0;
        width: 25px;
        height: 50px;
        background-color: #bababa;
        color: #fff;
    }
    
    .cate-arrows-1 .slick-prev {
        left: 0px;
    }
    
    .cate-arrows-1 .slick-next {
        right: 0px;
    }
    .article-title {
    padding: 0px 22px;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
}
    .cate-arrows-1 .slick-prev i,
    .cate-arrows-1 .slick-next i {
        font-size: 20px;
        color: inherit;
    }
    
    .cate-arrows-1-sm .slick-prev,
    .cate-arrows-1-sm .slick-next {
        width: 10px;
        height: 30px;
    }
    
    .cate-arrows-1-sm .slick-prev i,
    .cate-arrows-1-sm .slick-next i {
        font-size: 10px;
    }
    
    
    /* cate 2 */
    
    .cate-arrows-2 .slick-prev,
    .cate-arrows-2 .slick-next {
        opacity: 1;
        font-size: 20px;
        top: 3px;
        transform: translateY(-70px);
        z-index: 3;
        margin: 0;
        width: 25px;
        height: 30px;
        /* background-color: #bababa; */
        color: #333;
    }
    
    .cate-arrows-2 .slick-prev {
        left: unset;
        right: 40px;
    }
    
    .cate-arrows-2 .slick-next {
        right: 10px;
    }
    
    .cate-arrows-2 .slick-prev i,
    .cate-arrows-2 .slick-next i {
        font-size: 15px;
        color: inherit;
    }
    .list-news-projects img {
    }
    .model-content-projects a h3 {
        text-align: center;
        font-weight: 600;
        font-size: 22px;
    }
    
    .model-content-projects p {
        text-align: center;
    }
    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        /* background-color: #c31f26; */
        /* font-weight: bold; */
        /* font-size: 18px; */
        background-color: unset;
        color: red;
        font-size: 13px;
        line-height: 24px;
        font-weight: bold;
    }
    
    .nav-pills .nav-link {
        font-size: 13px;
        line-height: 24px;
    }
    
    .title-nav-tab {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        /* align-items: center; */
        border-bottom: 3px solid #000;
        border-top: 1px solid #f2f3f2;
        background-color: #f7f7f7;
        padding-right: 50px;
        margin-bottom: 30px !important;
    }
    
    .title-nav-tab h3 {
        margin: 0;
        font-size: 20px;
        color: #fff;
        padding: 5px 15px;
        padding-right: 60px;
        background: linear-gradient(60deg, #c31f26 calc(100% - 35px), transparent calc(100% - 35px), transparent calc(100% - 35px), transparent calc(100% - 30px), transparent calc(100% - 35px));
        line-height: 30px;
        font-weight: bold;
        /* white-space: nowrap; */
        /* height: 100%; */
        display: flex;
        align-items: center;
    }

    .title-nav-tab2 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        /* align-items: center; */
        border-bottom: 0px solid #000;
        border-top: 0px solid #f2f3f2;
        background-color: #f7f7f7;
        padding-right: 50px;
        margin-bottom: 30px !important;
    }
    
    .title-nav-tab2:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #ebebeb;
        position: absolute;
        left: 0;
        top: 19px;
    }
    
    .title-nav-tab2 h3 {
        background: #f8f8f8;
        margin: 0;
        font-size: 22px;
        color: #333;
        padding: 0 15px 0 0;
        padding-right: 30px;
        line-height: 40px;
        font-weight: 600;
        white-space: nowrap;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        position: relative;
    }
    
    .list_image_video {}
    
    .list_image_video .slick-prev,
    .list_image_video .slick-next {
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
        opacity: 1;
        margin: 0;
        line-height: normal;
        font-size: 15px;
        background-color: rgba(0, 0, 0, 0.5);
        height: 40px;
    }
    
    .list_image_video .slick-prev:before,
    .list_image_video .slick-next:before {
        display: none;
    }
    
    .list_image_video .slick-prev {
        left: 2px;
    }
    
    .list_image_video .slick-next {
        right: 0px;
    }
    
    .list_image_video .slick-prev i,
    .list_image_video .slick-next i {
        font-size: 15px;
        color: #fff;
    }
    
    .list_image_video .item {
        width: 33.3333%;
        padding: 0 2px;
    }
    
    .list_image_video .item .image {
        width: 100%;
        cursor: pointer;
    }
    
    .list_image_video .item .image img {
        height: 71px;
        object-fit: cover;
    }
    
    .nav-pills {
        background: #f8f8f8;
        position: relative;
    }
    
    .nav-pills .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .wrap-product-tab {
        padding: 30px 0 20px;
        background-color: #f8f8f8;
    }
    
    .wrap-product-tab:nth-child(2n) {
        background-color: #f8f8f8;
    }
    
    .slide-pro {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .wrap-news-home {
        padding: 70px 0 50px;
        /* background-color: #f2f2f5; */
    }
    
    .wrap-news-home .group-title .title {
        /* color: #e23b41; */
        /* padding-bottom: 0; */
    }
    
    .list-news-home {
        /* padding: 0 70px */
    }
    
    .fo-03-news {
        /* padding: 0 7.5px; */
        margin-bottom: 25px;
    }
    
    .fo-03-news .box {
        position: relative;
    }
    
    .fo-03-news .image {
        overflow: hidden;
    }
    
    .fo-03-news .image a {
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 75%;
    }
    
    .fo-03-news-main .image a {
        padding-bottom: 67%;
    }
    
    .fo-03-news .date {
        /* margin-bottom: 10px; */
        font-size: 13px;
        color: #898989;
    }
    
    .fo-03-news .image img {
        transition: all 0.5s;
        width: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }
    
    .fo-03-news .image:hover img {
        transform: scale(1.1);
    }
    
    .fo-03-news .content {
        padding: 10px 0px 20px;
        box-shadow: 0px 15px 16px #f4f4f4;
        position: relative;
        background-color: #fff;
    }
    
    .fo-03-news .content .caption {
        padding-left: 115px;
    }
    
    .fo-03-news .content .time {
        display: inline-block;
        position: absolute;
        top: 0;
        background-color: #c31f26;
        color: #fff;
        width: 70px;
        text-align: center;
        font-size: 16px;
        transform: translateY(-50%);
        left: 20px;
        padding: 5px;
        font-weight: bold;
    }
    
    .title-template {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 30px;
        border-bottom: 2px solid;
        margin-top: 0;
    }
    
    .title-template-in {
        text-align: center;
        font-weight: 600;
        font-size: 25px;
        text-transform: uppercase;
        padding-bottom: 20px;
        color: #353a3d;
        margin: 0;
    }
    
    .count-search {
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 40px;
        background-color: #eee;
        padding: 5px 20px;
        margin: 0;
    }
    
    .title-template .title-inner {
        margin: 0;
        font-size: 20px;
        color: #fff;
        padding: 0 15px;
        padding-right: 60px;
        background: linear-gradient(60deg, #c31f26 calc(100% - 35px), transparent calc(100% - 35px));
        line-height: 40px;
        font-weight: bold;
        white-space: nowrap;
        /* height: 100%; */
        display: flex;
        align-items: center;
        text-transform: uppercase;
    }
    
    .title-inner h1 {
        font-weight: 600;
        font-size: 23px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    
    .title-template .orderby {}
    
    .title-template select {
        background-color: inherit;
        border: unset;
    }
    
    .product-detail-infor .box-infor .info-desc .desc ul li {
        list-style: disc !important;
        margin-left: 18px;
    }
    
    .product-detail-infor p {
        font-size: 14px;
    }
    
    .fix-sidebar {
        position: sticky;
        top: 110px;
    }
    
    #side-bar {
        margin-bottom: 30px;
        position: sticky;
        top: 150px;
    }
    
    .side-bar {
        /* background-color: #ffffff; */
        /* box-shadow: 0 1px 2px #d9dadb; */
        margin: 0 0 35px 0;
        /* border: 1px solid #ddd; */
    }
    
    .side-bar:last-child {
        margin-bottom: 0;
    }
    
    .title-sider-bar {
        font-size: 15px;
        border-radius: 5px 5px 0 0;
        margin: 0;
        color: #fff;
        font-weight: 500;
        padding: 7px 20px 7px;
        line-height: 20px;
        text-transform: uppercase;
        background-color: #223b94;
        border-top: 2px solid #203b92;
        border-bottom: #203b92;
    }
    
    .menu-side-bar {
        background: #f7f7f7;
    }
    
    .list-category {}
    
    .list-fill {
        /* padding: 20px 15px; */
        background: #eee;
        padding: 10px;
    }
    
    .box-list-fill {
        margin-bottom: 5px;
    }
    
    .list-fill .form-check {
        position: relative;
        display: block;
        padding-left: 0;
        font-size: 15px;
    }
    
    .price_check {
        padding: 3px 0;
    }
    
    .box-list-fill:last-child {
        margin-bottom: 0;
    }
    
    .title-s {
        /* border-bottom: 1px solid #ddd; */
        /* font-size: 16px; */
        /* font-weight: bold; */
        /* margin-bottom: 10px; */
        /* padding-bottom: 5px; */
        font-size: 15px;
        font-weight: 700;
        color: #111;
        padding: 8px 0;
        text-transform: uppercase;
        padding-right: 30px;
        position: relative;
    }
    
    .title-s i {
        position: absolute;
        right: 0;
        top: 4px;
        display: inline-flex;
        width: 30px;
        height: 30px;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        color: #beb8b8;
    }
    
    .title-s i.active:before {
        content: "\f067";
    }
    
    .box-list-fill ul {}
    
    .box-list-fill ul li {
        margin-top: 5px;
    }
    
    .box-list-fill>ul>img {
        height: 20px;
        width: auto;
    }
    
    .box-list-fill ul li+li {
        margin-top: 5px;
    }
    
    .menu-side-bar {}
    
    .menu-side-bar li.active>a {
        color: #4c4743;
    }
    
    .list-category ul>li>a>img {
        /*width: 18px;
        height: 18px;
        margin-right: 16px;*/
    }
    
    .list-category ul>li>a .pt_icon_right {
        position: absolute;
        right: 0;
        top: 3px;
        width: 40px;
        text-align: center;
        line-height: 40px;
        transition: all 0.5s;
        opacity: 0.4;
    }
    
    .list-category ul>li>a .pt_icon_right2 {
        position: absolute;
        right: 0;
        top: 2px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        transition: all 0.5s;
        opacity: 0.4;
    }
    
    .list-category ul>li>a>.pt_icon_right:before {
        content: "\f067";
    }
    
    .list-category ul>li>a>.pt_icon_right2:before {
        content: "\f067";
    }
    
    .list-category ul>li.active>a>.pt_icon_right:before {
        content: "\f068";
    }
    
    .list-category ul>li.nav_item1.active>a>.pt_icon_right2:before {
        content: "\f068";
    }
    
    .list-category ul>li.active a .pt_icon_right {
        /* transform: rotate(90deg); */
    }
    
    .list-category ul>li>a {
        position: relative;
        user-select: none;
        display: block;
        /* height: 48px; */
        line-height: 40px;
        text-decoration: none;
        clear: both;
        font-weight: 400;
        font-size: 13px;
        overflow: hidden;
        -webkit-text-overflow: ellipsis;
        -khtml-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-bottom: 1px solid #e5e5e5;
        padding: 0 15px;
        /* color: #222222; */
        position: relative;
    }
    
    .list-category>ul>li>a {
        padding-left: 5px;
        font-size: 14px;
        font-weight: 600;
        padding-right: 5px;
    }
    
    ul.menu-side-bar>li>a:before {
        display: none;
    }
    
    .list-category ul>li>a:before {
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        left: 20px;
        /* top: 18px; */
        font-weight: 900;
        display: none;
    }
    .item-slick-news-arts {
    padding: 10px;
}

.item-slick-news-arts a:hover img {
    transform: scale(1.1);
    transition: 0.5s ease;
}

.item-slick-news-arts a {
    overflow: hidden;
    display: block;
    font-size: 17px;
}
    .list-category ul>li>a>span {
        padding-left: 6px;
        /* border-left: 1px solid #e5e5e5; */
    }
    
    .menu-side-bar li ul {
        padding-left: 5px;
        display: none;
    }
    
    .menu-side-bar-leve-2 {
        display: none;
    }
    
    .menu-side-bar-leve-3 {
        display: none;
    }
    
    .cate_info {
        background: url(../images/c.gif) no-repeat center 20px;
        text-align: center;
        padding-top: 65px;
        font-size: 18px;
        font-style: italic;
        color: #1a1a1a;
        margin-bottom: 30px;
    }
    
    .cate_info .desc {
        line-height: 30px;
        max-width: 820px;
        margin: auto;
    }
    
    .cate_info .name {
        font-weight: 700;
        padding-top: 10px;
        height: 40px;
        font-size: 19px;
    }
    
    .cate_info .line_column {
        width: 1px;
        height: 30px;
        overflow: hidden;
        background-color: #1a1a1a;
        margin-left: auto;
        margin-right: auto;
    }
    
    .cam_ket {
        padding: 40px 0 20px;
        width: 100%;
        background-image: url(../images/bg_conso.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative;
    }
    
    .cam_ket .group-title .title {
        color: #fff;
    }
    
    .cam_ket .title-b {
        color: #fff;
    }
    
    .cam_ket:before {
        content: '';
        position: absolute;
        background-color: rgb(0 0 0 / 80%);
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }
    
    .list_camket {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    
    .list_camket .item {
        width: 33.3333%;
        padding: 0 15px;
        margin-bottom: 30px;
    }
    
    .list_camket .item .box {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .list_camket .item .box .image {
        width: 60px;
    }
    
    .list_camket .item .box .image img {}
    
    .list_camket .item .box .info {
        width: 100%;
        text-align: center;
        padding-top: 11.2px;
        padding-bottom: 0;
        position: relative;
        font-size: 14.4px;
    }
    
    .list_camket .item .box .info .name {
        color: #fff;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    
    .list_camket .item .box .info .desc {
        margin-top: 1.6px;
        margin-bottom: 1.6px;
        color: #fff;
        text-align: center;
        font-size: 15px;
    }
    
    .list-category .menu-side-bar-leve-2>li>a {
        padding-left: 10px;
        line-height: 27px;
    }
    
    .list-category .menu-side-bar-leve-2>li>a:before {
        left: 30px;
        /* top: 11px; */
        display: none;
    }
    
    .list-category .menu-side-bar-leve-3>li>a {
        padding-left: 70px;
        line-height: 35px;
        height: 35px;
    }
    
    .list-category .menu-side-bar-leve-3>li>a:before {
        left: 58px;
        top: 11px;
    }
    
    .list-trending {}
    
    .list-trending ul {
        display: flex;
        flex-wrap: wrap;
    }
    
    .list-trending ul>li {
        font-size: 13px;
        margin-top: 0;
        padding: 15px;
        /* border-bottom: 1px solid #f0f0f0; */
    }
    
    .list-trending ul>li>.box {
        display: flex;
        flex-wrap: wrap;
    }
    
    .list-trending ul>li>.box .xemthem {
        display: inline-block;
        padding: 5px 15px;
        background-color: #ff9a00;
        color: #fff;
        border-radius: 5px;
        margin-top: 5px;
    }
    
    .list-trending .box .icon {
        width: 140px;
        overflow: hidden;
        /* height: 125px; */
    }
    
    .list-trending .box .icon img {
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
    }
    
    .list-trending .box .icon:hover img {
        transform: scale(1.1);
    }
    
    .list-trending .box .content {
        width: calc(100% - 140px);
        padding-left: 10px;
    }
    
    .list-trending .box .content .price {
        font-size: 18px;
        font-weight: bold;
        color: #c31f26;
    }
    
    .list-trending .box .content .date {
        text-transform: none;
        font-size: 13px;
        display: inline-block;
        line-height: 1.5;
        padding: 0;
        width: auto;
        color: #a9a9a9;
    }
    
    .list-trending .box .content .price-side {
        font-size: 15px;
        color: #f68519;
        font-weight: 600;
    }
    
    .list-trending .box .content .name {
        font-size: 20px;
        font-weight: 500;
        margin-top: 5px;
        margin-bottom: 5px;
        /* line-height: 30px; */
    }
    
    .list-trending .box .content .name a {
        /* color: inherit; */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-weight: 600;
    }
    
    .list-trending .box .content .name a:hover {
        /* color: #282e88; */
    }
    
    .list-trending .box .content .name a:hover {}
    
    .list-trending .box .content .desc {
        line-height: 20px;
        height: 60px;
        color: #333333;
        font-size: 15px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-bottom: 10px;
    }
    
    .list-uudiem {
        padding: 10px;
    }
    
    .uudiem-item {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    
    .uudiem-item:last-child {
        margin-bottom: 0;
    }
    
    .uudiem-item .icon {
        width: 35px;
        height: auto;
    }
    
    .uudiem-item img {}
    
    .uudiem-item .content {
        padding-left: 15px;
        width: calc(100% - 35px);
    }
    
    .uudiem-item .content h3 {
        font-size: 15px;
        /* font-weight: bold; */
        margin: 0;
        margin-bottom: 5px;
    }
    
    .uudiem-item .content .desc {
        font-weight: bold;
        font-size: 18px;
    }
    
    .wrap-breadcrumbs {
        background-color: #eee;
        margin-bottom: 10px;
    }
    
    .wrap-breadcrumbs .breadcrumb {
        background: unset;
        margin: 0;
        /* padding: 10px 0px; */
    }
    
    .wrap-breadcrumbs .breadcrumb li {
        font-size: 14px;
    }
    
    
    
    .wrap-breadcrumbs .breadcrumb>li+li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0";
    }
    
    
    
    .title-compare {
        display: flex;
        justify-content: space-between;
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 40px;
        padding: 10px;
        background-color: #eee;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .col-compare {
        margin-bottom: 50px;
    }
    
    .compare-card {}
    
    .compare-card .box {
        position: relative;
    }
    
    .compare-card .image {}
    
    .compare-card .remove-compare {
        position: absolute;
        right: -10px;
        top: -10px;
        border-radius: 100%;
        /* background-color: #ccc; */
        /* border-color: #ccc; */
        color: #c31f26;
        font-size: 30px;
        /* padding: 3px; */
        width: 30px;
        height: 30px;
        padding: 0;
        background-color: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .compare-card .remove-compare i {
        line-height: 30px;
    }
    
    .compare-card .sale {
        position: absolute;
        top: 17px;
        left: 10px;
        background-color: #f00;
        color: #fff;
        padding: .3em .5em;
        font-size: 12px;
        font-weight: bold;
    }
span.name-products {
    display: none;
    position: absolute;
    z-index: 99999;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, rgb(147 4 4 / 83%) 0%, rgb(190 2 2 / 89%) 33%, rgb(233 0 0 / 97%) 55%);
    padding: 8px;
    font-size: 17px;
    font-weight: 600;
    color: #ffff;
}

    .compare-card .content {
        border: 1px solid #ddd;
        padding: 10px 20px;
        text-align: center;
    }
    
    .compare-card .name {
        font-size: 20px;
        font-weight: bold;
        margin: 0;
        /* border-bottom: 1px solid #ddd; */
        padding: 10px 0;
        /* margin-bottom: 10px; */
        text-align: center;
    }
    
    .compare-card .view-more {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .compare-card .box-price {
        justify-content: center;
    }
    
    .slick-arrow.slick-next:hover {
        /* background:#f08126; */
    }
    .slick-arrow.slick-prev:hover {
        /* background:#f08126; */
    }
    .compare-card .info h3 {
        font-size: 20px;
        text-align: center;
        /* border-bottom: 1px solid #cccc; */
        /* padding-bottom: 10px; */
        font-weight: bold;
        color: #c31f26;
        text-transform: uppercase;
    }
    
    .compare-card .info ul {}
    
    .compare-card .info ul li {
        padding: 10px;
        /* border-bottom: 1px solid #ddd; */
    }
    
    .compare-card .info ul li strong {
        font-weight: bold;
        font-size: 18px;
    }
    
    .compare-card .info ul li:last-child {
        border-bottom: unset;
    }
    
    .compare-card .info ul li a {}
    
    .box-product-main {
        /* padding-top: 20px; */
        /* border-bottom: 2px solid #e5e5e5; */
        /* padding-bottom: 20px; */
        margin-bottom: 0px;
    }
    
    .image-main {
        position: relative;
    }
    
    .image-main .sale {
        position: absolute;
        /* right: 0; */
        top: 0;
        top: 10px;
        left: 10px;
        background-color: #f00;
        color: #fff;
        padding: .3em .5em;
        font-size: 12px;
        font-weight: bold;
    }
    
    .box-image-product .image-main {
        order: 1;
        /* padding-left: 25px; */
        border: solid 1px #eee;
    }
    
    .box-image-product .image-main a {
        display: block;
        position: relative;
    }
    
    .box-image-product .image-main a i {
        top: 10px;
        left: 10px;
        position: absolute;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        width: 40px;
        height: 40px;
        border-radius: 100%;
    }
    
    .box-image-product .image-main a i:hover {
        border-color: #7c6455;
        background-color: #7c6455;
        color: #fff;
    }
    
    .box-product-main span.sales-product-curren {
        right: 30px;
    }
    
    .box-image-product .image-main a i {
        /* position: absolute; */
        /* right: 0; */
        /* top: 0; */
    }
    
    .box-image-product {
        position: relative;
        display: block;
    }
    
    .desc-pro-detail-sm {
        text-align: center;
        font-size: 13px;
        margin-top: 10px;
        padding: 0 5% 5px 5%;
        line-height: 18px;
    }
    
    .list-small-images {
        margin-top: 15px;
        margin-bottom: 20px;
        padding: 0 40px;
    }
    
    .small-image {
        padding: 5px;
        /* background: #fff; */
        cursor: pointer;
    }
    
    .small-image img {
        border: 1px solid #eee;
        /* padding: 3px; */
        background: #fff;
        height: 114px;
        object-fit: cover;
        width: 100%;
    }
    
    .list-small-image .slick-prev,
    .list-small-image .slick-next {
        margin: 0;
        width: 25px;
        height: 25px;
        /* transform: translateY(-50%); */
        z-index: 66;
        text-align: center;
        opacity: 1;
        background-color: unset;
        border-radius: 6px;
        left: 0;
        transform: translate(-50%, 0);
    }
    
    .list-small-image .slick-prev:hover,
    .list-small-image .slick-next:hover {
        opacity: 1;
    }
    
    .list-small-image .slick-prev:before,
    .list-small-image .slick-next:before {
        content: '';
        /* display: block; */
        /* z-index: 9; */
        /* width: 100%; */
        /* height: 100%; */
        /* background-repeat: no-repeat; */
        /* background-position: center; */
        /* opacity: 1; */
        /* -webkit-transition: all 0.2s ease-out; */
        /*  -o-transition: all 0.2s ease-out; */
        /*  -moz-transition: all 0.2s ease-out; */
        /* transition: all 0.2s ease-out; */
        /* background-size: 14px; */
    }
    
    .list-small-image .slick-prev:before {
        /* background-image: url('../images/slick-prev.png'); */
    }
    
    .list-small-image .slick-next:before {
        background-image: url('../images/slick-next.png');
    }
    
    .list-small-image .slick-prev:hover:before {
        opacity: 0.6;
    }
    
    .list-small-image .slick-next:hover:before {
        opacity: 0.6;
    }
    
    .list-small-image .slick-prev i,
    .list-small-image .slick-next i {
        color: #737373;
        line-height: 24px;
        font-size: 15px;
        /* display: none; */
    }
    
    
    .list-small-image {
        /* padding: 0 30px; */
        width: 100%;
        order: 0;
        flex: 0 0 121px;
        padding-right: 0px;
        max-height: 370px;
    }
    
    .list-small-image .pt-box {
        /* padding: 20px 0; */
        /* padding-left: 25px; */
    }
    
    .list-small-image .slick-prev {
        /* left: 50%; */
        top: 50%;
    }
    
    .list-small-image .slick-next {
        right: -26px;
        bottom: unset;
        left: unset;
        top: 50%;
        z-index: 9;
    }
    
    .product-detail-infor {
        padding: 0 15px 0 0;
    }
    
    .product-detail-infor .box-infor {
        margin-bottom: 10px;
        padding-top: 0px;
        color: #000
    }
    
    .wrap-price .list-attr .attr-item:nth-child(1) {
        width: 100%;
        padding: 5px 0px;
    }
    
    .wrap-price .list-attr .attr-item:nth-child(2) {
        width: 100%;
    }
    
    .wrap-price .list-attr .attr-item:nth-child(3) {
        width: 100%;
        padding: 20px 0px 10px;
        margin-bottom: 10px;
    }
    
    .wrap-price .list-attr .attr-item:nth-child(4) {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
    }
    
    .product-detail-infor .box-infor h2 {
        font-weight: 600;
        /* color: #c31f26; */
        /* padding: 5px 0 5px 0; */
        /* text-transform: uppercase; */
        margin: 0 0 0px;
        font-size: 25px;
    }
    
    .product-detail-infor .box-infor .masp {
        padding: 10px 0 5px;
        border-bottom: solid 1px #eee;
        margin-bottom: 5px;
        font-weight: 400;
        font-size: 15px;
    }
    
    .product-detail-infor .box-infor .masp i {
        font-size: 15px;
        padding-right: 5px;
    }
    
    .product-detail-infor .box-infor .status {
        margin-top: 0px;
        font-size: 15px;
        color: #000;
        line-height: 26px;
    }
    
    .product-detail-infor .box-infor .status strong {
        font-weight: 600;
    }
    
    .product-detail-infor .box-infor .status strong i {
        font-size: 14px;
        padding-right: 5px;
    }
    
    .product-detail-infor .box-infor .status span {
        color: #333;
        text-transform: none;
        font-size: 16px;
        font-weight: 600;
    }
    
    .product-detail-infor .box-infor .info-desc {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
    }
    
    .product-detail-infor .box-infor .info-desc .col_2_desc {
        padding: 0px;
    }
    
    .product-detail-infor .box-infor .info-desc .col_2_desc:nth-child(1) {
        width: 100%;
    }
    
    .product-detail-infor .box-infor .info-desc .col_2_desc:nth-child(2) {
        width: 58%;
    }
    
    .product-detail-infor .box-infor .info-desc h3 {
        margin: 0;
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    
    .product-detail-infor .box-infor .info-desc .desc {}
    
    .list-attr1 {
        width: 35%;
        float: left;
        margin-top: 5px;
    }
    
    .wrap-price {
        width: 100%;
        overflow: hidden;
    }
    
    .wrap-price .text-left {
        width: 36%;
        float: left;
    }
    
    .wrap-price>h3 {
        text-align: center;
        font-size: 13px;
        color: red;
    }
    
    .list-attr .price {
        text-align: left;
        display: inline-block;
        font-size: 18px;
        font-weight: 600;
        color: #f00;
        line-height: 2;
        /* width: 49%; */
        margin: 0;
    }
    
    hr {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }
    
    #priceChange {
        font-size: 16px;
        font-weight: 600;
        color: #f00;
    }
    
    .product-detail-infor #priceChange {
        font-size: 20px;
        font-weight: 600;
        color: #f00;
    }
    
    #old_priceChange {
        text-decoration: line-through;
        font-size: 15px;
        font-weight: 400;
        color: #777;
        margin-left: 15px;
    }
    
    .attr-item1 .form-group {
        margin-bottom: 10px;
        margin-top: 6px;
    }
    
    .list-attr .price span:first-child {
        width: auto;
        display: inline-block;
        font-size: 13px;
        font-weight: 400;
        color: rgb(102, 102, 102);
        line-height: 2;
    }
    
    .list-attr .price span.donvi {
        font-weight: normal;
    }
    
    .list-attr .price .title_giacu {
        font-weight: normal;
        color: #666;
        font-size: 16px;
        margin-left: 10px;
    }
    
    .list-attr .price .old-price {
        font-weight: normal;
        color: #666;
        font-size: 16px;
        text-decoration: line-through;
    }
    
    .list-attr {
        display: block;
        background: #fff;
        border-radius: 3px;
        margin-bottom: 10px;
        /* padding: 10px; */
    }
    
    .box-buy {
        margin-bottom: 0;
        width: 50%;
        float: left;
    }
    
    .list-attr .attr-item {
        width: 33%;
    }
    
    .list-attr .attr-item1 {
        width: 100%;
        display: inline-block;
    }
    
    .list-attr .attr-item .form-group {
        margin-bottom: 0;
        overflow: hidden;
        width: 100%;
    }
    
    .list-attr .attr-item:nth-child(1) {
        width: 100%;
        /* margin-bottom: 10px; */
    }
    
    .list-attr .attr-item:nth-child(2) {
        width: 100%;
    }
    
    .list-attr .attr-item:nth-child(3) {
        width: 100%;
    }
    
    .list-attr .attr-item>h3 {
        font-size: 16px;
        color: #333;
        text-align: left;
        margin-top: 0;
    }
    
    .tiet_kiem {
        width: 100%;
    }
    
    .tiet_kiem .g2 {
        font-size: 14px;
        color: #333;
        float: left;
        line-height: 26px;
        font-weight: normal;
    }
    
    .tiet_kiem .g2 b {}
    
    .tiet_kiem .tk {
        float: left;
    }
    
    .tiet_kiem .tk b {
        float: left;
        line-height: 26px;
        width: 60px;
        padding-left: 20px;
        background: #f99f31 url(../images/gc.png) no-repeat left top;
        font-size: 13px;
        color: #fff;
        margin-left: 15px;
        border-radius: 3px;
        font-weight: 700;
    }
    
    .wrap-add-cart {
        display: inline-flex;
        justify-content: space-between;
        margin-left: 0;
        align-items: center;
    }
    
    /* .add-to-cart {
        display: inline-block;
        padding: 8px 60px;
        color: #fff;
        border-radius: 15px;
        border: solid 2px #dc0021;
    } */
    
    .box-add-cart {
        display: flex;
    }
    
    .pro_mun {
        display: flex;
    }
    
    .pro_mun input {
        width: 32px;
        text-align: center;
        border: 1px solid rgb(232, 232, 232);
        height: 32px;
        font-size: 14px;
    }
    
    .pro_mun a {
        width: 32px;
        height: 32px;
        text-align: center;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 10px;
        border: 1px solid rgb(232, 232, 232);
        border-radius: 2px;
    }
    
    .box-add-cart button {
        padding: 10px 20px;
    }
    
    .product-detail-infor .box-price {
        /* border-top: dashed 1px #116935; */
        /* padding: 7px 0; */
        /* border-bottom: dashed 1px #116935; */
        font-size: 25px;
    }
    
    .product-detail-infor .box-price .price {
        /* font-size: 16px; */
        line-height: 1;
        padding: 8px 0;
        color: #c31f26;
    }
    
    .product-detail-infor .box-price .price .name-price {
        margin-right: 10px;
        text-transform: unset;
    }
    
    .product-detail-infor .price-number {
        font-size: 22px;
        font-weight: bold;
        color: #333;
        margin-right: 10px;
    }
    
    .product-detail-infor .box-price .old-price {
        color: #767373cc;
    }
    
    .product-detail-infor .box-rate {
        line-height: 1;
        padding: 8px 0;
        border-bottom: 1px solid #707070;
    }
    
    .product-detail-infor .box-rate span.name-danh-gia {
        margin-right: 10px;
        font-size: 20px;
    }
    
    .product-detail-infor .box-rate span {}
    
    .product-detail-infor .box-rate span i {
        color: #ffde5a;
        font-size: 20px;
    }
    
    .product-detail-infor .desc-product {
        padding: 0px 0 0px;
        margin-top: 10px;
        font-size: 16px;
        background-color: #f5f5f5;
        line-height: 1.6;
    }
    .list-news-projects  img {
        height: 220px !important;
    }
    .product-detail-infor .desc-product ul {
        flex-wrap: wrap;
        padding: 10px 15px 0px;
        display: flex;
    }
    
    .product-detail-infor .desc-product ul li {
        width: 50%;
        margin-bottom: 10px;
        padding-right: 10px;
    }
    
    .dathang {
        padding: 10px 15px;
        border-top: 1px solid #e0e0e0;
        margin-bottom: 20px;
    }
    
    .dathang i {
        color: #c31f26;
        margin-right: 5px;
    }
    
    .dathang .phone {
        color: #c31f26;
        font-weight: bold;
    }
    
    .box-buy {}
    
    .box-buy a {
        display: inline-block;
        height: 38px;
        line-height: 38px;
        /* float: left; */
        margin-right: 5px;
        border-radius: 0px;
        color: #fff;
        text-decoration: none;
        padding: 0 15px;
        background-color: #a3a3a3;
        cursor: pointer;
        margin-bottom: 10px;
        font-weight: bold;
    }
    
    .box-buy .addnow {
        background-color: #c31f26;
    }
    
    .box-buy {
        margin-bottom: 0;
    }
    
    .box-buy .add-to-cart {
        background: linear-gradient(101deg, rgb(3 96 50) 27%, rgb(1 110 58) 59%, rgb(1 101 54) 81%);
        min-width: 100%;
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
        line-height: 42px;
        /* border-radius: 25px; */
        height: 42px;
        border: solid 0px #00a650ff;
        display: block;
        border-radius: 5px;
    }
    
    .hen_lich {
        float: left;
        width: 33.33333%;
    }
    
    .hen_lich a {
        background-color: #f99f31;
        min-width: 40%;
        text-align: center;
        text-transform: uppercase;
        line-height: 42px;
        border-radius: 20px;
        height: 42px;
        display: inline-block;
        border: solid 0px #f99f31;
        margin-right: 5px;
        color: #fff;
        text-decoration: none;
        padding: 0 15px;
        cursor: pointer;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 15px;
        display: block;
    }
    
    .sign_now {
        float: left;
        width: 33.333333%;
    }
    
    .sign_now a {
        background-color: #ff0000;
        min-width: 40%;
        text-align: center;
        text-transform: uppercase;
        line-height: 42px;
        border-radius: 20px;
        height: 42px;
        display: inline-block;
        border: solid 0px #ff0000;
        margin-right: 5px;
        color: #fff;
        text-decoration: none;
        padding: 0 15px;
        cursor: pointer;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 15px;
        display: block;
    }
    
    .box-buy .add-compare {}
    
    .giaohang {}
    
    .giaohang ul {
        background-color: #fff8f8;
        padding: 15px 15px 0 15px;
        border: 1px dashed #c31f26;
        margin-bottom: 20px;
    }
    
    .giaohang ul li {
        display: flex;
        margin-bottom: 10px;
    }
    
    .giaohang ul li .icon {
        width: 50px;
        flex: 0 0 auto;
    }
    
    .giaohang ul li .desc {
        padding-left: 10px;
        /* margin-bottom: 10px; */
        line-height: 24px;
    }
    
    .list-file {}
    
    .share {
        margin-top: 20px;
    }
    
    .tab-product {
        width: 100%;
        float: left;
    }
    
    .entry-author {
        padding: 10px 0;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    section.danhgia {
        padding-top: 20px;
    }
    
    .comment-items {
        margin-bottom: 20px;
        display: flex;
        justify-content: flex-start;
    }
    
    .f-cmusers {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        border-radius: var(--large-padding);
        width: 100px;
    }
    
    abbrs {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 55px;
        height: 55px;
        border-radius: 48px;
        background-color: #83b6dd;
        color: #fff;
        text-decoration: none;
        font-size: 21px;
    }
    
    .cmuser-contents {
        width: calc(100% - 100px);
        padding-left: var(--middle-padding);
    }
    
    .rating-stars {
        width: 1em;
        min-width: 1em;
        height: 1em;
        display: block;
        margin-right: 3px;
        background-color: #ffbc59;
        -webkit-mask-image: url(https://asset.vuahanghieu.com/assets/images/rating-star.svg);
        mask-image: url(https://asset.vuahanghieu.com/assets/images/rating-star.svg);
        -webkit-mask-size: contain;
        mask-size: contain;
    }
    
    .cmuser-contents span {
        display: flex;
        font-size: 14px;
        color: #938e8e;
        /* margin-left: 10px; */
        font-style: italic;
    }
    
    .box-cm {
        display: flex;
        align-items: baseline;
    }
    
    .f-cmmains {
        font-size: 14px;
        padding-bottom: 15px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    .box-like-types {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .circle {
        /* border-radius: 100%; */
        -o-object-fit: cover;
        object-fit: cover;
        width: 90px;
        height: 90px;
        border-radius: 100%;
        overflow: hidden;
    }
    
    .blog-author-image img {
        width: 90px;
        height: 90px;
        display: inline-block;
        vertical-align: middle;
    }
    
    .box-coment {
        width: 90%;
        padding-left: 20px;
    }
    
    h5.author-names {
        color: #dd3333;
        line-height: 1.2;
        text-transform: uppercase;
        font-size: 15px;
    }
    
    p.author-desc {}
    
    .box-coment p {
        font-size: 14px;
    }
    
    .block-content-right .title-sider-bar {
        background: #203b92;
        /* border-top: 2px solid #016b23; */
        /* border-bottom: solid 2px #016b23; */
        border-radius: 10px 10px 0px 0px;
        color: #fff;
        text-align: center;
    }
    
    .tab-product .tab-content {
        padding: 15px 0px;
        text-align: justify;
        font-size: 15px;
        line-height: 24px;
        /* border: 1px solid #ebebeb; */
        overflow: hidden;
    }
    
    .tab-product .tab-content img {
    
        max-width: 100%;
    }
    
    .tab-product .tab-content ul li {
        list-style: disc !important;
        margin-left: 20px;
    }
    
    .tab-link {
        position: sticky;
        top: 49px;
    }
    
    .tab-link ul {
        display: flex;
        background-color: #f0f0f0;
        flex-wrap: wrap;
    }
    
    .tab-link ul li {}
    
    .tab-link ul li a {
        display: inline-block;
        width: 100%;
        height: 43px;
        line-height: 43px;
        padding: 0 14px;
        border-top: 2px solid transparent;
        text-decoration: none;
        color: #333;
        text-transform: uppercase;
        cursor: pointer;
        font-weight: bold;
    }
    
    .tab-link ul li a.active,
    .tab-link ul li a:hover {
        color: #c31f26;
        border-top: 2px solid #c31f26;
        background-color: #fff;
    }
    
    .tab-pro-content {
        border: 1px solid #ebebeb;
        padding: 20px;
        padding-top: 25px;
    }
    
    .tab-item {}
    
    .tab-item iframe {
        max-width: 100%;
    }
    
    .content-category {
        text-align: justify;
        /* padding: 15px; */
        /* background-color: #fff8f8; */
        /* border: 1px dashed #eee; */
        margin-top: 0px;
        margin-bottom: 20px;
    }
    
    .content-category ol {
        padding-left: 24px;
    }
    
    .content-category ol li {
        list-style: auto;
    }
    
    .content-category img {
        width: auto;
        max-width: 100%;
    }
    
    .content-category ul li {
        list-style: disc !important;
        margin-left: 20px;
    }
    
    .contact-form {
        /* margin-bottom: 20px; */
    }
    
    .contact-form .form {}
    
    .contact-form .form p {
        margin: 0 0 10px;
        font-size: 15px;
    }
    
    .contact-form .form input {
        font-size: 14px;
        color: #333333;
        width: 100%;
        border: 1px solid #d8d8d8;
        border-radius: 3px;
        height: 40px;
        padding: 0 15px;
        margin-bottom: 0px;
        outline: 0;
    }
    
    .contact-form .form textarea {
        font-size: 14px;
        color: #333333;
        width: 100%;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        padding: 10px 15px;
        margin-bottom: 0px;
        outline: 0;
    }
    
    .banner-page__content h1 {
        margin: 0px !important;
    }
    
    .contact-form .form button {
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
        height: 40px;
        width: 160px;
        font-weight: 600;
        cursor: pointer;
        outline: 0;
        background: linear-gradient(182deg, rgb(38, 62, 152) 0%, rgb(32, 58, 146) 52%, rgb(0, 118, 191) 82%);
        border: 0;
        border-radius: 5px;
        margin-top: 5px;
    }
    
    .contact-infor {
        margin-bottom: 20px;
    }
    
    .contact-infor .infor {
        margin-bottom: 20px !important;
        line-height: 20px;
    }
    
    .contact-infor .infor .address .luxury {
        color: #333;
        padding-top: 0;
        font-size: 20px;
        margin-bottom: 10px;
        background-image: linear-gradient(182deg, rgb(38, 62, 152) 0%, rgb(32, 58, 146) 52%, rgb(0, 118, 191) 82%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        text-transform: uppercase;
        font-weight: 600;
        filter: drop-shadow(2px 3px 0px #eee);
    }
    
    .contact-infor .infor .address .title {
        padding-bottom: 0;
        font-weight: 500;
        margin-bottom: 10px;
    }
    
    .contact-infor .infor .address .title a:hover {
        color: #dc0021
    }
    
    .contact-infor .infor .address .title ul li {
        list-style: disc !important;
        margin-left: 20px;
        line-height: 26px;
    }
    
    .contact-infor .infor .address .pt_list_addres {
        margin-bottom: 15px;
    }
    
    .contact-infor .infor .address .pt_list_addres>li {
        line-height: 24px;
        margin-bottom: 5px;
        font-size: 15px;
    }
    
    
    .contact-infor .infor .map {}
    
    .contact-infor .infor .map iframe {
        height: 215px;
        width: 100%;
    }
    
    
    /*end css template contact*/
    
    .category-slide-1 .slick-prev,
    .category-slide-1 .slick-next {
        opacity: 1;
        font-size: 25px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
        margin: 0;
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        color: #000;
    }
    
    .category-slide-1 .slick-prev:before,
    .category-slide-1 .slick-next:before {
        content: unset;
    }
    
    .category-slide-1 .slick-prev {
        left: -16px;
    }
    
    .category-slide-1 .slick-next {
        right: -20px;
    }
    
    .category-slide-1 .slick-prev i,
    .category-slide-1 .slick-next i {
        font-size: 18px;
        color: #000;
    }
    
    .wrap-partner {
        padding: 0px 0;
        background: #f5f5f5;
        border-bottom: 1px solid #f3f3f3
    }
    
    .wrap-partner .list-item {
        border-radius: 3px;
        padding: 7px 10px;
    }
    
    .wrap-partner .list-item .item {
        padding: 5px;
    }
    
    .wrap-partner .list-item .box {
        border: 1px solid #f3f3f3;
        padding: 5px 10px;
    }
    
    .wrap-partner .list-item img {
        object-fit: contain;
        height: 70px;
    }
    
    .card-news-horizontal {
        margin-bottom: 25px;
    }
    
    .card-news-horizontal .box {
        display: flex;
        flex-wrap: wrap;
    }
    
    .card-news-horizontal .image {
        width: 100%;
    }
    
    .card-news-horizontal .image a {
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 73%;
    }
    
    .card-news-horizontal .image a img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .card-news-horizontal .content {
        width: calc(100% - 0%);
        padding-left: 0px;
        padding-top: 10px;
        /* padding: 15px; */
    }
    
    .card-news-horizontal .image img {
        height: 94px;
        object-fit: cover;
    }
    
    .card-news-horizontal .content h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
        padding-right: 10px;
    }
    
    .card-news-horizontal .content h3 a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 22px;
        height: 45px;
    }
    
    .card-news-horizontal .content .date {
        margin-bottom: 5px;
        font-size: 13px;
        color: #898989;
    }
    .imgaes-project-newss img {
        width: 100%;
        height: 100%;
        display: block;
    }
    .card-news-horizontal .content .desc {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 67px;
        line-height: 22px;
        font-size: 15px;
        padding-right: 10px;
        margin-bottom: 10px;
        text-align: justify;
    }
    
    .wrap-category-product {
        padding: 20px 0 0;
        background-color: #fff;
    }
    
    .col-category-item {
        margin-bottom: 25px;
    }
    
    .category-item {}
    
    .category-item .box {
        background-color: #f1e5d5;
        display: flex;
        padding: 30px;
        border-radius: 3px;
    }
    
    .category-item .box:hover {
        color: #404040;
        border: 1px solid #404040;
    }
    
    .category-item .box:hover img {
        color: red;
        transform: scale(1.1);
    }
    
    .category-item .box .content {
        width: 135px;
        flex: 0 0 135px;
        /* display: flex; */
        /* flex-direction: column; */
        /* height: 100%; */
        padding-bottom: 40px;
        position: relative;
        padding-right: 5px;
    }
    
    .category-item .box .content h3 {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 0;
    }
    
    .category-item .box .content h4 {
        font-size: 14px;
        text-decoration: underline;
        font-weight: bold;
        margin-bottom: 0;
        /* margin-top: 90px; */
        position: absolute;
        bottom: 10px;
    }
    
    .category-item .box .image {
        width: 100%;
    }
    
    .category-item .box .image .padding-image {
        padding-bottom: 57%;
        position: relative;
        overflow: hidden;
    }
    
    .col-category-item-2 .box .image .padding-image {
        padding-bottom: 56%;
    }
    
    .category-item .box .image img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
    }
    
    .wrap-pro-tab-home {
        /* padding: 20px 0 0; */
        position: relative;
        /* background: #fff !important; */
    }
    .wrap-pro-tab-home  .row{
        align-items: center;
    }
    .bg_white {
        background: #f5f5f5;
        /* padding-top: 10px; */
        /* padding: 30px 0px; */
    }
    
    .wrap-pro-tab-home .nav-tabs {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 0;
        margin-top: 0;
        border: unset;
    }
    
    .wrap-pro-tab-home .nav-tabs .nav-item {
        margin: 0 10px;
    }
    
    .wrap-pro-tab-home .nav-tabs .nav-item a {
        border: unset;
        padding: 0;
        text-transform: none;
        font-size: 20px;
        font-weight: bold;
        background-color: unset;
    }
    
    .wrap-pro-tab-home .nav-tabs .nav-item a.active {
        border-bottom: 0px solid #404040;
        color: #000
            /* font-weight: bold; */
    }
    
    .wrap-pro-tab-home .tab-content {}
    
    .home-product-left {
        width: 40%;
        float: left;
        padding-right: 5px;
    }
    
    .home-product-left .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .home-product-left .col-product-item {
        width: 100%;
        flex: 0 0 100%;
    }
    
    .home-product-left .product-item .box .content {
        min-height: 153px;
    }
    
    .home-product-left .product-item .box .content h3 {
        height: auto;
        font-size: 20px;
    }
    
    .home-product-left .box-price .new-price {
        font-size: 16px;
    }
    
    .home-product-right {
        width: 100%;
        float: left;
        padding-left: 5px;
    }
    
    .home-product-right .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .home-product-right .list-product {
        padding: 0;
    }
    
    .home-product-right .col-product-item {
        width: 20%;
        flex: 0 0 20%;
    }
    
    .list-product {
        padding: 0 5px;
    }
    
    .col-product-item {
        margin-bottom: 10px;
        height: auto;
        padding: 0 10px;
        /* max-width: unset; */
    }
    
    
    /*css slide home*/
    
    .pro-item-star {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 13px;
        display: flex;
        width: 50%;
        float: left;
    }
    
    .pro-item-start-rating i.star-bold {
        font-weight: 700;
        color: #ffd700;
    }
    
    .pro-item-star:nth-child(n+2) {
        margin-left: 0px;
    }
    
    .pro-item:hover {
        transition: all ease-in-out .4s;
        transform: scale(1.02);
        z-index: 1;
        box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);
    }
    
    .item-thuong-hieu {
        width: calc((100% - 45px) / 4);
        margin-right: 15px;
    }
    
    .item-thuong-hieu:nth-child(4n+4) {
        float: right;
        margin-right: 0px;
    }
    
    .item-thuong-hieu-thumb {
        display: block;
        height: 125px;
        width: 100%;
        box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
        border-radius: 8px;
    }
    
    /*  */
    .hastag {
        float: left;
        margin-top: 3px;
        min-width: 100%;
    }
    
    .hastag .tags {
        float: left;
        padding: 3px 10px;
        background: #f7f7f7;
        font-size: 12px;
        margin-right: 5px;
        margin-bottom: 5px;
        color: #847c7c;
    }
    
    .tag_title {
        float: left;
        padding: 3px 10px;
        background: #f7f7f7;
        font-size: 12px !important;
        margin-right: 5px;
        margin-bottom: 5px;
        color: #847c7c;
        /* font-size: 12px; */
    }
    
    .tag_title:hover {
        color: #f36;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        transform: translate3d(0, -2px, 0);
        -webkit-transform: translate3d(0, -2px, 0);
    }
    
    .tags i {
        margin-right: 5px;
    }
    
    /*end tag blog*/
    .form-check {
        display: flex !important;
        align-items: center;
    }
    
    .form-check .img {
        width: 35%;
    }
    
    .form-check .content h4 {
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 10px 0;
        text-align: justify;
    }
    
    .col-product-item .desc {
        font-size: 14px;
        padding-top: 10px;
        line-height: 24px;
    }
    
    .block-product {
        background: #fff;
        /* padding: 30px 0; */
    }
    
    .block-product .wrap-breadcrumbs {
        background: #e8e8e8;
    }
    
    .block-product .wrap-breadcrumbs .container {
        padding: 0;
    }
    
    .col-product-item2 {
        margin-bottom: 10px;
        height: auto;
        padding: 0 15px;
        width: 20%;
        flex: 0 0 20%;
        max-width: unset;
    }
    
    .col-product-item2 .desc {
        font-size: 13px;
        line-height: 19.5px;
    }
    
    .product-item {
        position: relative;
    }
    
    .product-item .box {
        /* background: #fff; */
        /* border: solid 1px #eee; */
    }
    
    .product-item .box .image {
        position: relative;
        /* padding: 5px; */
    }
    
    .product-item .box .image a {
        display: block;
        position: relative;
        padding-bottom: 100%;
        overflow: hidden;
    }
    
    .product-item .box .image a:hover img {
        /* transform:scale(1.1); */
    }
    
    .product-item .box .image .km {
        position: absolute;
        padding-left: 30px;
        padding-bottom: 5px;
        padding-top: 5px;
        font-size: 10px;
        padding-right: 10px;
        line-height: 20px;
        bottom: 0;
        left: 0;
        color: #fff;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }
    
    .product-item .box .image .km:before {
        content: "\f06b";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        width: 20px;
        line-height: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #ff0b10;
        color: #fff;
        text-align: center;
        font-size: 12px;
        padding-left: 1px;
        position: absolute;
        left: 5px;
    }
    
    .product-item1 .box .image:before,
    .product-item1 .box .image:after {
        content: '';
        width: 30%;
        height: 30%;
        background-size: 100% 100%;
        position: absolute;
        background-color: #f99f31;
        z-index: -1;
    }
    
    .product-item .box .image:before {
        top: 0;
        left: 0;
    }
    
    .product-item .box .image:after {
        bottom: 0;
        right: 0;
    }
    
    .product-item .box .image a img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        padding: 0;
    }
    
    .product-item .box .content {
        text-align: center;
        padding: 10px 0 0 0;
        background: linear-gradient(101deg, rgb(3 96 50) 27%, rgb(1 110 58) 59%, rgb(1 101 54) 81%);
    }
    
    .product-item .box .content h3 {
        margin: 0;
        font-size: 15px;
        line-height: 19px;
        text-align: center;
        font-weight: 500;
        height: auto;
        min-height: 40px;
        padding: 0 10px;
    }
    
    .product-item .box .content h3 a {
        color: #fff;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .product-item .box .content h3 a:hover {
        color: #fff;
    }
    
    .product-item .box .content .box-price {
        text-align: center;
        width: 100%;
        justify-content: center;
        margin-top: 0px;
        padding: 0 0px 5px 0;
    }
    
    .product-item .box .content .box-price span {
        display: inline-block;
        background-size: contain;
        padding: 0;
        min-width: unset;
        /* height: 31px; */
        line-height: 20px;
        color: #016b23;
    }
    
    .wrap-ykkh {
        padding: 30px 0;
        background-color: #fff;
    }
    
    .wrap-ykkh .cate-dot-1 .slick-dots {
        position: unset;
    }
    
    .list-ykkh {}
    
    .col-ykkh-item {
        padding: 0 15px;
        margin-top: 29px;
    }
    
    
    .item-ykkh {}
    
    .item-ykkh .box {
        width: 76px;
        float: left;
        margin: -7px 13px 0 20px;
        border: 4px solid #fff;
        height: 76px;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
    }
    
    .col-ykkh-item .item-ykkh .nd_ykien {
        background: #fff;
        box-shadow: 0 0px 5px 0 rgb(0 0 0 / 21%);
        border-radius: 10px;
        padding: 15px;
        text-align: justify;
        font-size: 15px;
        line-height: 22px;
        min-height: 220px;
        font-weight: 300;
        position: relative;
    }
    
    .col-ykkh-item .item-ykkh .nd_ykien1:before {
        content: "\f10d";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        position: absolute;
        top: 0;
        left: 32px;
        transform: translateY(-50%);
        background-color: #353a3d;
        text-align: center;
        line-height: 56px;
        width: 56px;
        height: 56px;
        color: #fff;
        font-size: 24px;
        border-radius: 50%;
    }
    
    .col-ykkh-item1 {
        padding: 0 0px;
        margin-top: 60px;
        width: 100%;
    }
    
    .item-ykkh {}
    
    .item-ykkh .box {
        width: 76px;
        float: left;
        margin: -7px 13px 0 20px;
        border: 4px solid #fff;
        height: 76px;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
    }
    
    .col-ykkh-item1 .item-ykkh .nd_ykien {
        background: #fff;
        box-shadow: 0 0px 5px 0 rgb(0 0 0 / 21%);
        border-radius: 10px;
        padding: 0px;
        text-align: justify;
        font-size: 15px;
        line-height: 22px;
        min-height: 255px;
        font-weight: 300;
        position: relative;
    }
    
    .col-ykkh-item1 .item-ykkh2 .nd_ykien:before {
        content: "\f10d";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        position: absolute;
        top: 0;
        left: 32px;
        transform: translateY(-50%);
        background-color: #353a3d;
        text-align: center;
        line-height: 56px;
        width: 56px;
        height: 56px;
        color: #fff;
        font-size: 24px;
        border-radius: 50%;
    }
    
    
    .item-ykkh .box_right {
        text-align: left;
    }
    
    .item-ykkh .box_right h2 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 4px;
    }
    
    .item-ykkh .box_right p {
        font-size: 16px;
        margin: 0;
        color: #959595;
        font-style: italic;
    }
    
    .item-ykkh .box img {}
    
    .main_in {
        /* background: #f5f5f5; */
        /* padding-bottom: 30px; */
    }
    
    .post-info__title a {
        color: #333;
    }
    
    .ss-about-secat {
        text-align: left;
    }
    
    .cate_home {
        padding: 5px 0 0 0;
        position: relative;
        width: 100%;
        /*    background-image: linear-gradient(to top, #9dc240 0%, rgba(234, 180, 0, 0) 50%);*/
    }
    
    .cate_home .cate-dot-1 .slick-dots {
        position: unset;
    }
    
    .cate_home .list_cate {
        width: 100%;
        padding: 0;
        margin-bottom: 0px;
    }
    
    .cate_home .list_cate2 {
        margin-bottom: 0;
    }
    
    .cate_home .list_cate .item {
        padding: 0 10px;
        margin-bottom: 5px;
        float: left;
        width: 20%;
    }
    
    .cate_home .list_cate2 .item {
        padding: 0 10px;
        float: left;
        width: 50%;
    }
    
    .cate_home .list_cate .image {
        /* height: 50px; */
        /* position: relative; */
        border: solid 1px #eee;
    }
    .gallery_image .list_item .item .box:hover img {
    transform: scale(1.1);
    transition: 0.5s ease;
}
    .cate_home .list_cate .box .image img {
        /* width: auto !important; */
        /* max-width: 90%; */
        /* max-height: 90%; */
        /* margin: auto; */
        /* position: absolute; */
        /* top: 0; */
        /* right: 0; */
        /* bottom: 0; */
        /* left: 0; */
    }
    
    .cate_home .list_cate .box:hover .image img {
        /*transform: scale(1.2);*/
    }
    
    .cate_home .list_cate .box {
        /* overflow: hidden; */
        color: #222;
        align-items: center;
        border: 0;
        border-radius: 3px;
        font-size: 16px;
        width: 100%;
    }
    
    .list_cate .box .content {}
    
    .list_cate .box .content h4 {
        font-size: 15px;
        text-align: center;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.6px;
        margin-bottom: 5px;
        margin-top: 10px;
        line-height: 20px;
        left: 24px;
        color: #0d6b41;
        text-transform: uppercase;
    }
    
    .list_cate .box .content .category-list {
        font-size: 13px;
        line-height: 1.2;
    }
    
    .list_cate .box .content .category-list li {
        white-space: nowrap;
        color: #fff;
        margin-bottom: 9px;
    }
    
    .list_cate .box .content .category-list li:last-child {
        margin-bottom: 0;
    }
    
    .list_cate .box .content .category-list a {
        position: relative;
        display: inline-block;
        transition: text-decoration .3s;
        color: #fff;
    }
    
    .list_cate .box .content .category-list li::before {
        content: "\f054";
        color: inherit;
        padding-right: 8px;
        font-family: 'Font Awesome 5 Free';
        font-size: 13px;
        font-weight: 600;
    }
    
    .cate_home .list_banner {
        padding: 0 5px;
        width: 100%;
    }
    
    .cate_home .list_banner .item {
        float: left;
        width: 50%;
        padding: 0 10px;
    }
    
    .cate_home .list_banner .box {
        display: block;
        position: relative;
        color: #fff;
    }
    
    .cate_home .list_banner .box .image {
        width: 100%;
    }
    
    .cate_home .list_banner .box .image img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 3px;
        min-height: 213px;
        object-fit: cover;
    }
    
    .cate_home .list_banner .banner_content {
        position: absolute;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 40px;
    }
    
    .cate_home .list_banner .banner_content h4 {
        font-size: 22px;
        line-height: 24px;
        letter-spacing: -0.8px;
        margin-bottom: 0;
        font-weight: 700;
        margin: 0;
    }
    
    .cate_home .list_banner .banner_content h4 span {
        color: #fcb819;
    }
    
    .cate_home .list_banner .banner_content h3 {
        font-size: 30px;
        letter-spacing: 0.5px;
        margin-bottom: 6px;
        line-height: 33px;
        font-weight: 700;
        margin-top: 0;
    }
    
    .cate_home .list_banner .banner_content .dec {
        font-size: 14px;
        letter-spacing: -0.1px;
        margin-bottom: 22px;
        opacity: .8;
    }
    
    .cate_home .list_banner .banner_content a {
        padding: 9px 34px 9px 34px;
        color: #fff;
        background-color: transparent;
        border: 2px solid #fff;
        border-radius: 3px;
    }
    
    .cate_home .list_banner .banner_content a:hover {
        color: #fcb819;
        background-color: #fff;
    }
    
    .cate_home .list_banner .banner_content a i {
        display: inline-block;
        vertical-align: middle;
        margin-left: 7px;
        line-height: 0;
        font-size: 14px;
        margin-bottom: 2px;
    }
    
    .col-item-service {
        margin-bottom: 5px;
    }
    
    .item-service {}
    
    .item-service .box {
        margin: 0 auto;
        padding: 10px 0px 5px 0;
        border-radius: 4px;
    }
    
    .item-service .box .icon {
        width: 80px;
        margin: 10px auto 10px;
    }
    
    .item-service .box .icon img {
        width: auto;
        height: auto;
        object-fit: contain;
    }
    
    .item-service .box .name {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 1.2;
        padding-bottom: 5px;
        text-transform: uppercase;
        color: #403426;
    }
    
    .item-service .box .text_grey {
        font-size: 15px;
        text-align: center;
        line-height: 1.2;
        padding: 0;
        color: #403426;
    }
    
    .col-1-5 {
        min-width: 20%;
    }
    
    .wrap-service {
        padding: 0px 0 20px;
        bottom: 0;
        left: 0;
        width: 100%;
        background-image: url(../images/bg_conso.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .justify-content-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
        position: relative;
    }
    
    .list_service {
        width: 100%;
    }
    
    .wrap-service .cate-dot-1 .slick-dots {
        position: unset;
        transform: unset;
    }
    
    .wrap-post-home {
        padding: 30px 0 0px;
        background: #f5f5f5;
        position: relative;
        z-index: 2;
    }
    
    .wrap-post-home:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 64%;
        background-color: #FFF;
    }
    
    .wrap-post-home .group-title .title {
        color: #000;
    }
    
    .wrap-post-home .group-title .title-b {
        color: #fff;
    }
    
    .item-post {
        padding: 0px;
        background: #fff;
        margin: 0;
    }
    
    .item-post .box {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .item-post .box .image {
        width: 100%;
        position: relative;
    }
    
    .item-post .box .image .info {
        position: absolute;
        bottom: 10px;
        left: 10px;
        background: #3c4743;
        color: #fff;
        padding: 5px 10px;
        font-size: 13px;
    }
    
    .item-post .box .image img {
        object-fit: cover;
        height: 200px;
    }
    
    .item-post .box .content {
        width: 100%;
        padding: 10px 0;
        background: #f5f5f5;
    }
    
    .item-post .box .content .name {
        text-align: left;
        font-weight: bold;
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 10px;
        margin-top: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 40px;
    }
    
    .item-post .box .content .name a {
        color: #333;
    }
    
    .item-post .box .content .name a:hover {
        color: #dc0021;
    }
    
    .text-left a:hover {
        color: #dc0021;
    }
    
    .item-post .box .content .info {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }
    
    .item-post .box .content .info span {
        margin: 0 10px;
    }
    
    .item-post .box .content .info span i {
        margin-right: 8px;
    }
    
    .item-post .box .content .desc {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 1.3;
        letter-spacing: -.025em;
        color: #666;
        text-align: justify;
    }
    
    .item-post .box .content .link-detail {
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        color: #353a3d
    }
    
    .item-post .box .content .link-detail i {
        padding-left: 10px;
    }
    
    .info-count-pro {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 25px;
    }
    
    .info-count-pro .count-pro {
        font-size: 15px;
    }
    
    .info-count-pro .orderby {
        width: 100%;
        max-width: 250px;
    }
    
    .img_about {
        margin: 0 -15px;
    }
    
    .desc_nd {
        text-align: center;
        font-size: 14px;
        line-height: 1.3;
        max-width: 750px;
        padding-top: 10px;
        margin: auto;
    }
    
    .parallax-section2 {
        position: relative;
        overflow: hidden;
        background-color: #fff;
        /* height: 400px; */
    }
    
    .parallax {
        position: relative;
        overflow: hidden;
        background-color: #fdcb4f;
    }
    
    .shape-divider2,
    .shape-divider3,
    .shape-divider4 {
        overflow: hidden;
    }
    
    .shape-divider2 svg,
    .shape-divider3 svg,
    .shape-divider4 svg {
        position: absolute;
        left: 0;
        width: 100vw;
        z-index: 1;
    }
    
    .shape-divider2 svg {
        top: 0;
    }
    
    .parallax-section2 .parallax {
        min-height: 500px;
    }
    
    .shape-divider4 svg {
        top: -24%;
    }
    
    .form-tv .modal-dialog {
        max-width: 600px;
    }
    
    .form-tv {
        text-align: center;
    }
    
    .form-tv form {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 50px 100px;
        display: flex;
        align-items: center;
        color: #3333;
        /* justify-content: center; */
    }
    
    .form-tv .box-content-form {
        width: 100%;
    }
    
    .form-tv .modal-body {
        padding: 0;
        padding-bottom: 100%;
        border-radius: 100%;
        overflow: hidden;
        background-color: #fff;
        border: solid 5px #353a3d;
    }
    
    .form-tv .modal-content {
        background-color: unset;
        border: 0px solid rgba(0, 0, 0, .2);
    }
    
    .close-form-modal {
        font-size: 18px;
        margin: 15px 0;
        display: inline-block;
        color: #000;
    }
    
    .form-tv .modal-title {
        text-align: center;
        margin-bottom: 10px;
        font-size: 35px;
    }
    
    .form-tv .modal-title img {
        width: 220px;
    }
    
    .title-form-m {
        text-align: center;
        background-image: linear-gradient(84deg, #353a3d 0%, #353a3d 47%, #353a3d 72%, #353a3d 100%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        /* color: #954220; */
        font-size: 40px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .newsletterblock {
        padding: 30px;
        border-radius: 5px;
    }
    .title-form-sm {
        text-align: center;
        color: #333;
        margin: 0px 0 20px;
    }
    
    .form-tv input {
        /* border: 1px solid #008c46 !important; */
        height: 40px;
    }
    .service:hover .service-icon{
        transform:translateY(-10px);
        transition:1s ease;
    }
    .form-tv button {
        width: 50%;
        background-color: #353a3d;
        border-color: #353a3d;
        box-shadow: unset;
        /* margin-bottom: 20px; */
        height: 40px;
        text-transform: uppercase;
        font-size: 18px;
        border-radius: 0;
        margin: 0;
        margin-bottom: 10px;
        font-weight: 700;
        text-align: center;
        color: #fff;
    }
    
    .form-tv button:hover {
        background: #353a3d;
        color: #fff;
    }
    
    .form-tv textarea {
        border: 1px solid #008c46;
        border-radius: 0;
    
    }
    
    .form-tv .text {
        font-size: 14px;
        text-align: center;
        padding: 0 30px;
        color: #5c5c5c;
    }
    
    .wrap-banner-home {
        background: #fff;
        padding: 20px 0 10px 0;
    }
    
    .item-banner {}
    
    .item-banner a {
        display: block;
        overflow: hidden;
    }
    
    .item-banner a:hover img {
        transform: scale(1.1);
    }
    
    .item-banner a img {
        transition: all 0.5s;
        width: 100%;
        height: auto;
    }
    
    .quatang {
        border: solid 1px #eee;
        position: relative;
        z-index: 1;
        border-radius: 6px;
        padding: 20px 10px 10px;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    
    .quatang .title {
        position: absolute;
        top: -10px;
        display: inline-block;
        background-color: #fff;
        padding: 0 10px;
        left: 50%;
        font-weight: 500;
        transform: translateX(-50%);
        text-transform: uppercase;
        font-size: 17px;
        white-space: nowrap;
    }
    
    .quatang .box_quatang {}
    
    .box_quatang ul {}
    
    .box_quatang li {
        padding-left: 24px;
        padding-bottom: 3px;
        font-size: 13px;
        line-height: 20px;
    }
    
    .box_quatang li strong {
        color: #ff0b10;
    }
    
    .box_quatang li:before {
        content: "\f06b";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        width: 20px;
        line-height: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #ff0b10;
        color: #fff;
        text-align: center;
        font-size: 12px;
        padding-left: 1px;
        position: absolute;
        left: 0;
    }
    
    .box_quatang1 ul {}
    
    .box_quatang1 li {
        padding-left: 24px;
        padding-bottom: 3px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400 !important;
    }
    
    .box_quatang1 li strong {
        color: #0d6b41;
    }
    
    .box_quatang1 li:before {
        content: "\f3c5";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        width: 20px;
        line-height: 20px;
        height: 20px;
        border-radius: 50%;
        color: #ff0b10;
        text-align: center;
        font-size: 14px;
        padding-left: 1px;
        position: absolute;
        left: 0;
    }
    
    
    .modal-First .modal-dialog {
        max-width: 900px;
        /* overflow: hidden; */
    }
    
    .modal-First .modal-dialog .modal-body {
        padding: 0;
    }
    
    .modal-First .modal-content {
        border: none;
        background-position: 60% center;
        background-color: #f3f3f5;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px;
        border: solid 1px #eee;
    }
    
    .modal-First .close {
        position: absolute;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: -25px;
        top: -25px;
        left: unset;
        /* transform: translate(0%,-100%); */
        opacity: 1;
        color: #fff;
        font-size: 30px;
        background: #000 url(../images/ik.png) no-repeat center center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }
    
    .modal-First .close:hover {
        opacity: 1;
    }
    
    .image-modal {}
    
    .image-modal .image {
        width: 380px;
        float: left;
    }
    
    .image-modal .info_product_modal {
        width: 380px;
        height: 100%;
        float: left;
        padding: 15px 15px 15px 15px;
        background-color: #fff;
        border-radius: 10px 0 0 10px;
    }
    
    .image-modal .info_product_modal .title {
        font-weight: 500;
    
        color: #000;
        text-transform: uppercase;
        margin-bottom: 8px;
    }
    
    .info_product_modal .list-attr .price span:first-child {
        font-size: 22px;
    }
    
    .image-modal .info_product_modal .image {
        width: 100%;
        float: unset;
    }
    
    .image-modal .info_product_modal .image img {
        height: auto;
    }
    
    .image-modal .image img {
        height: 450px;
        object-fit: cover;
        border-radius: 10px;
    }
    
    .image-modal a {
        display: block;
    }
    
    .image-modal a img {
        border-radius: 10px;
    }
    
    .newsletter-content {
        margin-left: auto;
        text-align: center;
        padding: 40px 28px 40px;
        float: right;
        width: calc(100% - 380px);
    }
    
    .newsletter-content h4 {
        margin-bottom: 6px;
        font-size: 20px;
        font-weight: 800;
        line-height: 1.2;
        margin-top: 0;
    }
    
    .newsletter-content h4 span {
        color: #fcb819;
    }
    
    .newsletter-content h2 {
        margin-bottom: 7px;
        font-size: 28px;
        line-height: 1.2;
        letter-spacing: -1.4px;
        font-weight: 500;
        text-transform: uppercase;
        margin-top: 0;
    }
    
    .newsletter-content h2 span {
        font-weight: 800;
    }
    
    .newsletter-content .dec {
        max-width: 100%;
        margin: 0 2px 20px;
        font-size: 16px;
        color: #333;
        line-height: 1.7;
    }
    
    .newsletter-content .dec b {
        color: #eb1c24;
    }
    
    .newsletter-content .input-wrapper-inline {
        position: relative;
        max-width: 613px;
        width: 100%;
    }
    
    .newsletter-content .input-wrapper-inline label {
        display: inline-block;
        width: 70px;
        text-align: left;
    }
    
    .newsletter-content .input-wrapper-inline .ngay_den {
        width: calc(100% - 74px);
        display: inline-block;
    }
    
    .newsletter-content .form-control {
        border: 1px solid #222;
        background: #fff;
        flex: 1;
        min-width: 40px;
        border-radius: 3px;
        min-height: 38px;
        margin-bottom: 8px;
        font-size: 16px;
        color: #333;
        background-color: Transparent;
        padding: 7px 10px;
        height: auto;
        overflow: hidden;
        height: 48px;
        border: solid 1px #ddd;
        background-color: #fff;
        margin-bottom: 12px;
    }
    
    .newsletter-content .input-wrapper-inline button {
        border-radius: 3px;
        padding: 0;
        border-color: #f99f31;
        display: block;
        background-color: #f99f31;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        font-size: 20px;
        position: relative;
        line-height: 50px;
        text-align: center;
        width: 100%;
    }
    
    .item-tin-tuc {
        box-shadow: 0px 1px 7px 0px rgb(0 0 0 / 16%);
        border-radius: 5px;
    }
    
    .home-phongcach.ss8-pages .item-tin-tuc .img-tin-tuc img {
        height: 270px;
        width: 100%;
        object-fit: cover;
        border-radius: 5px 5px 0px 0px;
    }
    
    .item-tin-tuc .img-tin-tuc img {
        height: 170px;
        width: 100%;
        object-fit: cover;
        border-radius: 5px 5px 0px 0px;
    }
    
    .item-tin-tuc a {
        text-align: center;
        text-transform: uppercase;
        margin: 5px 0;
    }
    
    .wrap-pro-tab-home.bg_white.wrap-carousel-datb.ss10-pages .col-lg-3.col-md-4.col-sm-6 {
        padding: 15px;
    }
    .title-hedding-projects h3 {
        padding: 0;
        margin-top: 0;
        font-size: 31px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 10px;
        text-transform: capitalize;
        background-image: linear-gradient(90deg, rgba(147, 4, 4, 1) 0%, #be0202 33%, rgba(233, 0, 0, 1) 55%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        text-transform: uppercase;
        /* font-family: "Montserrat", sans-serif; */
        display: inline-block;
        position: relative;
    }
    .img-projects-tion img {
        width: 100%;
        border-radius: 5px;
    }
    
    .item-projects {
        overflow: hidden;
        position: relative;
        border-radius: 5px;
        padding: 20px 6px 18px;
        box-shadow: rgb(117 117 117 / 24%) 0px 3px 9px;
    }
    
    .model-content-projects h3 {
        font-weight: 500;
        font-size: 24px;
        color: #0f234a;
    }
    section.products-project {
        padding-bottom: 0px;
        padding-top: 60px;
        padding-left: 50px;
        padding-right: 50px;
    }
    
    
    
    
    .testimonial-video {
        position: relative;
        overflow: hidden;
        background: linear-gradient(0deg, rgba(26, 84, 148, 1) 7%, rgba(26, 84, 148, 0.33375356978728987) 29%, rgb(26 84 148 / 30%) 79%);
        padding-bottom: 25px;
    }
    
    .page-title h3 {
        padding: 0;
        margin-top: 30px;
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
        margin-bottom: 30px;
        text-transform: uppercase;
        color: #fff;
        /* font-family: "Montserrat", sans-serif; */
        background-image: linear-gradient(90deg, rgba(147, 4, 4, 1) 0%, #be0202 33%, rgba(233, 0, 0, 1) 55%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
    }
    .testimonial-text {
        position: relative;
        font-size: 16px;
        line-height: 27px;
        padding: 0 0 14px;
        margin: 0 0 10px;
        color: #282828;
    }
    
    .slideTestimonial.testimonial-carousel {
        margin-top: 20px;
    }
    .testimonial-item {
        width: 85%;
        margin: auto;
        text-align: center;
        padding: 0px 40px 35px 40px;
        background: #eee;
        margin: 4px;
        border-radius: 10px;
    }
    .testimonial-text:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        width: 55px;
        height: 3px;
        background: #e5e5e5;
    }
    .testimonial-author {
      font-size: 18px;
      margin: 5px 0 0px;
      color: #000;
      text-transform: capitalize;
      font-weight: 600;
    }
    .testimonial-customer {
        font-size: 14px;
        color: #777777;
    }
    .video-inner {
        position: relative;
    }
    
    .inner2 {
        position: absolute;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
        -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        -o-transform: translate(-50%, 50%);
        -webkit-transform: translate(-50%, 50%);
    }
    .video-btn {
        position: relative;
        display: block;
        margin: 0 auto;
    }
    .video-btn i {
        position: relative;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        height: 70px;
        width: 70px;
        text-align: center;
        font-size: 24px;
        line-height: 70px;
        background: #fff;
        z-index: 4;
    }
    .video-btn:after {
        content: "";
        background-color: #fff;
        height: 70px;
        width: 70px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        z-index: 1;
        opacity: 0.4;
        animation: pulse-border 1500ms linear infinite;
    }
    @keyframes pulse-border {
      80% {
        opacity: 0.4;
      }
      100% {
        height: 90px;
        width: 90px;
        opacity: 0;
      }
    }
    section.testimonial-video .row {
        align-items: center;
        flex-wrap: wrap;
    }
    
    .testimonial-center svg {
        width: 55px;
        height: 55px;
        fill: #3e8ad6;
    }
    
    .testimonial-center {
        margin: 5px 0 5px;
    }
    
    .testimonial-video .slick-dots li {
        height: 10px;
        width: 10px;
        border-radius: 100%;
    }
    
    
    
    .link-service {
        display: block;
        max-width: 790px;
        background: #fdcb4f;
        color: #fff;
        padding: 10px 15px;
        line-height: 35px;
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .link-service:hover {
        color: #fff;
    }
    
    .link-service i {
        margin-left: 10px;
    }
    
    .pd-10 {
        padding: 0 10px;
    }
    
    .text-service {
        padding: 0 5px;
    }
    
    
    .title-service {
        font-size: 63px;
        color: #fdcb4f;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .service-view {
        border: 1px solid #fdcb4f;
        border-radius: 20px;
        padding: 0 19px;
        line-height: 34px;
        text-transform: uppercase;
        font-size: 14px;
        margin-top: 5px;
        display: inline-block;
        color: #fdcb4f;
    }
    
    .service-view:hover {
        color: #fff;
        background-color: #fdcb4f;
    }
    
    .col-service-item {
        padding: 0 5px;
        margin-bottom: 20px;
    }
    
    .service-item {
    }
    
    .service-item .box {
        text-align: center;
        padding: 0 0 15px;
        background-color: #fff;
    }
    
    .service-item .box .image {
        margin-bottom: 15px;
    }
    
    .service-item .box .image img {
        object-fit: cover;
        width: auto;
    }
    
    .service-item .box .name {
        font-size: 17px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fdcb4f;
        line-height: normal;
    }
    
    .service-item .box .name span {
        max-width: 112px;
        display: inline-block;
    }
    
    .wrap-service .col-service-item:nth-child(2) .box .name a:hover {
        color: #282e88;
    }
    
    .wrap-service .col-service-item:nth-child(3) .box .name a:hover {
        color: #fdcb4f;
    }
    
    .wrap-service .col-service-item:nth-child(4) .box .name a:hover {
        color: #fad187;
    }
    
    .icon-dv-right {
        margin-top: 5px;
    }
    
    .line-div {
        width: 50px;
        height: 1px;
        background: #707070;
        margin: 0 auto;
    }
    
    .title-xemthem {
        font-size: 24px;
        color: #707070;
        font-weight: normal;
        text-transform: none;
        text-decoration: underline;
    }
    
    .title-#c31f26 {
        color: #fdcb4f;
    }
    
    .title-while {
        color: #fff;
    }
    
    .group-title .desc {
        color: #222;
        margin-bottom: 0;
        line-height: 24px;
        max-width: 750px;
        font-size: 15px;
        text-align: center;
        margin: auto;
    }
    
    .wrap-system {
        padding: 25px 0 60px;
        background-color: #fdcb4f;
        color: #fff;
    }
    
    .box-system {
        position: relative;
    }
    
    .list-icon {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        /* background-color: rgba(0, 0, 0, 0.2); */
    }
    
    .list-icon span {
        /* display: inline-block; */
        position: absolute;
        width: 25px;
        height: 25px;
        cursor: pointer;
        font: normal normal normal 14px/1 FontAwesome;
        text-align: center;
        color: #3895f2;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 23px;
        transition: all 0.5s;
        transform: translate(-50%, -50%);
    }
    
    .list-icon span:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        border-radius: 100%;
        animation-duration: 2s;
        animation-delay: 1s;
        animation-name: animation-glowing-white-2;
        animation: animation-glowing-white-2 1.5s infinite;
    }
    
    .list-icon span.active:after {
        animation-name: animation-glowing-white-2-active;
    }
    
    @keyframes animation-glowing-white-2-active {
        0% {
            box-shadow: inset 0 0 0 0 #fff;
        }
    
        50% {
            box-shadow: 0 0 0 0 rgba(226, 59, 65, 0.5);
        }
    
        100% {
            box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1);
        }
    }
    
    @keyframes animation-glowing-white-2 {
        0% {
            box-shadow: 0 0 0 0 #fff;
        }
    
        50% {
            box-shadow: 0 0 0 0 rgba(226, 59, 65, 0.1);
        }
    
        100% {
            box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.1);
        }
    }
    
    .list-icon span.active {
        transform: translate(-50%, -50%) scale(1.5);
    }
    
    .list-icon span:before {
        content: "\f041";
    }
    
    .close-map {
        display: inline-block;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        z-index: 1;
        top: 0;
        line-height: 23px;
        text-align: center;
        font-size: 20px;
        cursor: pointer;
    }
    
    .close-map:before {
        content: "x";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 100%;
    }
    
    .bg-image-load {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
    }
    
    .bg-image-load.active {
        z-index: 1;
        opacity: 1;
    }
    
    .bg-image-load.active .image-load {
        transform: translate(-50%, -50%) scale(1);
    }
    
    .box-system .image-load {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        /* opacity: 0; */
        text-align: center;
        max-width: 500px;
        /* overflow: hidden; */
        transition: all 0.5s;
    }
    
    .box-image-load {
        padding-bottom: 100%;
        position: relative;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        border-radius: 100%;
        text-align: center;
        border: 3px solid #e23b41;
    }
    
    .box-system .image-load img {
        width: auto;
        max-width: 70%;
        /* max-width: 100%; */
        height: 80%;
        object-fit: contain;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .wrap-system .image-sytem {}
    
    .wrap-system .image-sytem img {}
    
    .btn-view {
        display: inline-block;
        border-radius: 40px;
        line-height: 45px;
        background-color: #fff;
        color: #e23b41;
        font-size: 18px;
        padding: 0 20px;
        text-transform: uppercase;
        font-weight: bold;
        border: 1px solid #e23b41;
        box-shadow: 0px 1px 5px 1px #a38a8a;
        visibility: visible;
        animation-duration: 2s;
        animation-delay: 1s;
        animation-name: animation-glowing-white;
        animation: animation-glowing-white 1.5s infinite;
    }
    
    .btn-light {
        padding: 3px 12px;
        font-size: 14px;
        color: #fff;
        background-color: #dc0021;
        border-color: #dc0021;
    }
    
    @keyframes animation-glowing-white {
        0% {
            box-shadow: 0 0 0 0 #fff;
        }
    
        100% {
            box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
        }
    }
    
    .btn-view:hover {
        color: #fff;
        background-color: #e23b41;
    }
    
    .btn-view i {
        font-size: 28px;
        margin-right: 10px;
    }
    
    .wrap-count {
        padding: 25px 0;
    }
    
    .wrap-count .group-title .title {
        padding-bottom: 0;
        color: #e23b41;
    }
    
    .image-about {}
    
    .image-about .image {
        overflow: hidden;
        display: block;
    }
    
    .image-about img {
        transition: 0.5s;
    }
    
    .image-about .image:hover img {
        transform: scale(1.2);
    }
    
    .link_about {
        text-align: center;
        width: 100%;
        margin-top: 20px;
    }
    
    .link_about a {
        display: inline-block;
        color: #e23b41;
        border-radius: 50px;
        border: 1px solid #e23b41;
        text-transform: uppercase;
        line-height: 40px;
        padding: 0 16px;
        font-weight: 500;
        font-size: 18px;
    }
    
    .box-banner-qc-bays {
        /* height: 500px; */
        /*! padding: 20px 0px; */
        /* overflow: hidden; */
        /* border-radius: 10px; */
        /* padding-bottom: 20px;*/
    }
    
    .box-banner-qc-bays img {
        height: 500px;
        object-fit: cover;
        width: 100%;
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    
    .link_about a:hover {
        background-color: #e23b41;
        color: #fff;
    }
    
    .list_count {}
    
    .item_count {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .item_count .box_count {}
    
    .item_count .box_count .counter-value {
        color: #e23b41;
        font-size: 65px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    
    .item_count .box_count p {}
    
    .list-news-2 .fo-03-news .content {
        padding-top: 30px;
    }
    
    .list-news-2 .fo-03-news h3 a {
        color: #e23b41;
    }
    
    .list-news-2 .fo-03-news h3 a:hover {
        color: #282e88;
    }
    
    .list-news-2 .fo-03-news .desc {
        -webkit-line-clamp: 2;
        height: 46px;
        margin-bottom: 5px;
    }
    
    .fo-03-news h3 {
        font-weight: 500;
        font-size: 17px;
        color: #333;
        line-height: 20px;
        margin: 0px 0 0px;
        position: relative;
        margin-top: 10px;
    }
    
    .fo-03-news h3 a {
        height: auto;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
    }
    
    .fo-03-news h3 a:hover {
        color: #e23b41;
    }
    
    .fo-03-news .desc {
        font-size: 14px;
        line-height: 20px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        max-height: 92px;
        margin-bottom: 25px;
    }
    
    .fo-03-news-main .content {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    
    .block-action-news {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .fo-03-news-main .block-action-news {
        color: #e23b41;
    }
    
    .fo-03-news-main .date {
        color: #e23b41;
    }
    
    .xemthem {
        text-decoration: underline;
    }
    
    .wrap-bg {
        padding: 15px 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background: #f5f5f5
    }
    
    .box-bg {
        position: relative;
        margin: 0 auto;
    }
    
    .box-bg>img {
        /* min-height: 300px; */
        /* object-fit: cover; */
        width: 100%;
    }
    
    .d-flex {
        display: flex;
        flex-wrap: wrap;
    }
    
    .justify-center {
        justify-content: center;
    }
    
    .align-items-center {
        align-items: center;
    }
    
    .before-after-unset:before,
    .before-after-unset:after {
        content: unset;
    }
    
    .box-bg .d-flex {}
    
    .box-bg-content {
        justify-content: center;
        align-items: center;
        bottom: 0px;
        position: absolute;
        width: 100%;
    }
    
    .box-bg-content .logo-bg {
        width: 50%;
        text-align: right;
        padding-right: 10px;
    }
    
    .box-bg-content .button_tuvan {
        width: 50%;
        padding-left: 10px;
    }
    
    .box-bg-content .logo-bg img {
        width: auto;
        max-width: 328px;
    }
    
    .wrap-contact-footer {
        padding: 15px 0 0;
    }
    
    .col-1-5 {
        min-width: 20%;
    }
    
    .col-item-contact {
        color: #e23b41;
        margin-bottom: 15px;
    }
    
    .col-item-contact .box {
        text-align: center;
    }
    
    .col-item-contact .box .icon {
        text-align: center;
    }
    
    .col-item-contact .box .icon img {
        height: 75px;
        width: auto;
        margin: 0 auto;
    }
    
    .col-item-contact .box .name {
        margin: 0;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 400;
    }
    
    .col-item-contact .box .desc {
        font-size: 17px;
    }
    
    .col-item-img {
        margin-bottom: 15px;
    }
    
    .col-item-img .box {}
    
    .col-item-img .box .image {
        text-align: center;
    }
    
    .col-item-img .box .image img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    
    .breadcrumbs {
        position: relative;
        width: 100%;
        /* padding-top: 20px; */
        background-color: #fff;
    }
    
    .breadcrumbs:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background-color: #2b2b2b; */
        z-index: 1;
    }
    
    .breadcrumbs ul {
        float: left;
        width: 100%;
        padding: 12px 15px;
        /* border-bottom: 1px solid #ddd; */
        /* margin-bottom: 20px; */
        display: inline-block;
        max-width: 795px;
        background-color: #e23b41;
    }
    
    .breadcrumbs ul>li {
        display: inline-block;
        float: left;
        position: relative;
        z-index: 2;
        font-size: 14px;
        color: #a8a8a8;
        font-weight: 400;
    }
    
    .breadcrumbs ul>li>a {
        color: #fff;
        font-weight: 400;
        font-size: 24px;
        float: left;
    }
    
    .breadcrumbs ul>li>a:after {
        content: "/";
        /*    content: "\f101";
        margin: 0px 10px;
        font: normal normal normal 14px/1 FontAwesome;
        */
    }
    
    .breadcrumbs ul>li:last-child a:last-child:after {
        content: "\f107";
        margin: 0px 0px 0 20px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 32px;
        position: relative;
        top: 2px;
    }
    
    .breadcrumbs ul>li span {
        display: inline-block;
        color: #fff;
    }
    
    .blog-news {
        padding: 50px 0;
    }
    
    .line-div-long {
        width: 100%;
        height: 1px;
        background-color: #000;
        max-width: 670px;
        margin: 30px auto;
    }
    
    .list-news-2 {}
    
    .list-news-2 .row {
        padding: 0 7.5px;
    }
    
    .list-news-2 .row .col-xs-12 {
        padding: 0 7.5px;
    }
    
    .list-news-2>.row:nth-child(2n) .left {
        float: right;
    }
    
    .list-news-2 .left {}
    
    .list-news-2 .right {}
    
    .list-news-2 .fo-03-news {
        margin-bottom: 15px;
    }
    
    .list-news-blog {}
    
    .list-news-blog .fo-03-col-news:nth-child(1),
    .list-news-blog .fo-03-col-news:nth-child(6) {
        width: 50%;
    }
    
    .list-news-blog .fo-03-col-news:nth-child(1) .fo-03-news .content,
    .list-news-blog .fo-03-col-news:nth-child(6) .fo-03-news .content {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    
    .list-news-blog .fo-03-col-news:nth-child(1) .fo-03-news .image a,
    .list-news-blog .fo-03-col-news:nth-child(6) .fo-03-news .image a {
        padding-bottom: 66.7%;
    }
    
    .list-news-blog .fo-03-col-news:nth-child(1) .fo-03-news .content,
    .list-news-blog .fo-03-col-news:nth-child(6) .fo-03-news .content {
        background-image: linear-gradient(0deg, rgba(204, 204, 204, 0.9), rgba(237, 233, 233, 0.9), transparent);
    }
    
    .list-news-blog .fo-03-col-news:nth-child(1) .fo-03-news .content {
        color: #e23b41;
    }
    
    .list-news-blog .fo-03-col-news:nth-child(1) .fo-03-news .date,
    .list-news-blog .fo-03-col-news:nth-child(6) .fo-03-news .date {
        color: inherit;
    }
    
    .list-news-blog .fo-03-col-news:nth-child(6) .fo-03-news .content {
        color: #3e4494
    }
    
    .list-news-blog.list-news-blog-nb .fo-03-col-news:nth-child(1) .fo-03-news .content,
    .list-news-blog.list-news-blog-nb .fo-03-col-news:nth-child(6) .fo-03-news .content {
        color: #707070;
    }
    
    .list-news-blog.list-news-blog-nb .fo-03-col-news:nth-child(1) .fo-03-news .content .block-action-news,
    .list-news-blog.list-news-blog-nb .fo-03-col-news:nth-child(6) .fo-03-news .content .block-action-news {
        color: #e23b41;
    }
    
    .wrap-content-main.wrap-template-contact.template-detail {
        padding-top: 55px;
    }
    
    .blog-news-detail {
        padding: 0px 0;
    }
    
    .p-75 {
        padding: 0 7.5px;
    }
    
    .p-5 {
        padding: 0 5px;
    }
    
    .p-10 {
        padding: 0 10px;
    }
    
    .padding-content {
        padding: 25px 38px 35px;
    }
    
    .news-detail {
        text-align: justify;
        /* border-radius: 15px; */
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    .title-detail {
        color: #333;
        font-size: 23px;
        font-weight: bold;
        /* line-height: 1.7; */
    }
    
    .title-detail h1 {
        color: #333;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.3;
    }
    
    .title-lg {
        font-size: 45px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    
    .news-detail .box_content {
        font-size: 15px;
        line-height: 1.6;
    }
    
    #wrapSizeChange h1 {
        font-size: 1.6em;
        font-weight: bold;
    }
    
    #wrapSizeChange h2 {
        font-size: 1.5em;
        font-weight: bold;
    }
    
    #wrapSizeChange h3 {
        font-size: 1.3em;
        font-weight: bold;
    }
    
    #wrapSizeChange h4 {
        font-size: 1.2em;
        font-weight: bold;
    }
    
    #wrapSizeChange h5 {
        font-size: 1.1em;
        font-weight: bold;
    }
    
    .news-detail .author {
        height: 35px;
        /* margin-bottom: 10px; */
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
        flex-wrap: wrap;
        /* padding: 5px; */
        margin-top: 3px;
    }
    
    .news-detail .author .date {
        text-transform: none;
        font-size: 13px;
        display: inline-block;
        line-height: 1.5;
        padding: 0;
        width: auto;
        color: #575757;
        padding-right: 10px;
    }
    
    .changeFontSize {}
    
    .changeFontSize * {
        cursor: pointer;
        display: inline-block;
        padding: 5px;
        font-size: 13px;
    }
    
    .news-detail .box_content .content-news {
        font-size: 16px;
        line-height: 22px;
        padding-top: 5px;
    }
    
    .news-detail .box_content .content-news img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 10px 0;
    }
    
    .content-news p {
        margin-bottom: 10px;
    }
    
    .content-news p span strong {
        margin-bottom: 10px;
    }
    
    #fix-sidebar {
    
        position: sticky;
        top: 60px;
    }
    .box-slide {
        position: relative;
        overflow:hidden;
    }
    
    .box-slide:before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        display: none;
    }
    
    .box-slide:hover:before {
        animation: shine 1s;
        display: block;
    }
    .shadow {
        box-shadow: 7px 10px 14px 4px #ccc;
    }
    .partner-box img {
    border-radius: 10px;
    padding: 0px 45px;
}

.partner-box img:hover {
}

.partner-box:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    display: none;
}

.partner-box {
    position: relative;
    overflow: hidden;
}

.partner-box:hover:before {
    animation: shine .9s;
    display: block;
}
    .wrap-relate {
        /* margin-top:30px; */
        margin-bottom: 20px !important;
    }
    
    .blog-tuyendung {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    
    /* .blog-tuyendung .card-news-horizontal .image a:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(226, 59, 65, 1);
        z-index: 1;
        /* background-image: url(../images/logo-bg.png); */
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    }
    
    */ .blog-tuyendung .card-news-horizontal .image a:hover img {
        opacity: 0.8;
    }
    
    .blog-tuyendung .card-news-horizontal .image a:hover:before {
        opacity: 1;
    }
    
    .blog-tuyendung .padding-content {}
    
    .blog-tuyendung .card-news-horizontal:nth-child(3n+1) .content h3 {
        color: #282e88;
    }
    
    .blog-tuyendung .card-news-horizontal:nth-child(3n+2) .content h3 {
        color: #e23b41;
    }
    
    .blog-tuyendung .card-news-horizontal:nth-child(3n+3) .content h3 {
        color: #fecf78;
    }
    
    .list-trending ul>li:nth-child(3n+1) .content .name a {
        /* color: #282e88; */
    }
    
    .list-trending ul>li:nth-child(3n+2) .content .name a {
        /* color: #e23b41; */
    }
    
    .list-trending ul>li:nth-child(3n+3) .content .name a {
        /* color: #fecf78; */
    }
    
    .blog-product {
        padding: 30px 0;
        width: 100%;
    }
    
    .blog-product .group-title .title {
        padding-bottom: 0;
        color: #e23b41;
    }
    
    .blog-product .group-title {
        margin-bottom: 18px;
    }
    
    .blog-product .btn-view {
        box-shadow: 6px 11px 30px -4px #ccc;
        animation-name: unset;
    }
    
    .list-service-2 {
        margin-bottom: 10px;
    }
    
    .col-service-item-2 {
        margin-bottom: 15px;
    }
    
    .col-service-item-2:nth-child(2) .service-item-2 .box:hover {
        color: #282e88;
    }
    
    .col-service-item-2:nth-child(2) .service-item-2 .box:hover .line-div-2 {
        background-color: #282e88;
    }
    
    .col-service-item-2:nth-child(2) .service-item-2 .box:hover .line-div-2:after {
        border-left-color: #282e88;
    }
    
    .col-service-item-2:nth-child(3) .service-item-2 .box:hover {
        color: #ff0;
    }
    
    .col-service-item-2:nth-child(3) .service-item-2 .box:hover .line-div-2 {
        background-color: #ff0;
    }
    
    .col-service-item-2:nth-child(3) .service-item-2 .box:hover .line-div-2:after {
        border-left-color: #ff0;
    }
    
    .service-item-2 {}
    
    .service-item-2 .box {
        box-shadow: 6px 11px 30px -4px #ccc;
        display: block;
        padding: 25px 48px 35px;
        background-color: #fff;
    }
    
    .service-item-2 .box:hover {
        color: #e23b41;
    }
    
    .service-item-2 .box:hover .line-div-2:after {
        content: "";
        border-top: 6px solid transparent;
        border-left: 6px solid #c31f26;
        /* border-right:4px solid #c31f26; */
        border-bottom: 6px solid transparent;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
    }
    
    .service-item-2 .box:hover .line-div-2 {
        background-color: #e23b41;
    }
    
    .service-item-2 .icon {
        margin-bottom: 15px;
    }
    
    .service-item-2 .icon img {
        height: 135px;
        width: auto;
        object-fit: contain;
    }
    
    .service-item-2 .name {
        font-size: 25px;
        text-transform: uppercase;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 0;
    }
    
    .service-item-2 .desc {
        font-size: 17px;
        line-height: 24px;
        height: 72px;
        font-style: italic;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-bottom: 30px;
    }
    
    .line-div-2 {
        width: 50px;
        background-color: #000;
        height: 2px;
        position: relative;
    }
    
    .wrap-tab-service {
        padding: 30px 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .wrap-tab-service .nav-tabs {
        border: unset;
        border-top: 2px solid #707070;
        max-width: 830px;
        margin: 0 auto;
    }
    
    .wrap-tab-service .nav-tabs li {}
    
    .wrap-tab-service .nav-tabs li a {
        background-color: #fff;
        border-radius: 0;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        margin: 0;
        /* box-shadow: inset 0px 1px 1px 0.8px #ccc; */
        outline: unset;
        border: unset;
    }
    
    .wrap-tab-service .nav-tabs li.active a {
        background-color: #2c8ff2;
    }
    
    .icon-tab {}
    
    .icon-tab img {
        height: 60px;
        width: auto;
        object-fit: contain;
    }
    
    .wrap-tab-service .tab-content {
        padding-top: 30px;
    }
    
    .title-service-tab {
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 40px;
        color: #e23b41;
    }
    
    .title-service-tab-sm {
        text-transform: uppercase;
        font-size: 20px;
        color: #707070;
        font-weight: bold;
    }
    
    .desc-tab {
        font-size: 15px;
        line-height: 1.6;
    }
    
    .product-relate {
        padding-top: 20px;
        width: 100%;
        float: left;
    }
    
    .blog-product-detail {
        padding: 50px 0 18px;
        background: #fff;
    }
    
    .blog-product-detail .group-title {
        margin-bottom: 18px;
    }
    
    .blog-product-detail .group-title .title {
        padding-bottom: 0;
        color: #353a3d;
        font-size: 25px;
    }
    
    .blog-contact {
        padding: 40px 0;
    }
    
    .tuvan_ct {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }
    
    .image-contact {
        text-align: center;
    }
    
    .image-contact {
        max-width: 1000px;
        margin: 0 auto;
    }
    
    .image-contact .wrap-system {
        padding: 0;
    }
    
    .form-search-icon {
        padding-left: 15px;
        width: 100%;
        max-width: 400px;
    }
    
    .form-search-icon .form-group {
        margin-bottom: 0;
    }
    
    .form-search-icon input {
        height: 50px;
        border-radius: 30px;
        padding-left: 40px;
        font-size: 18px;
        width: 100%;
    }
    
    .form-search-icon .search-label {
        position: relative;
        margin: 0;
        width: 100%;
    }
    
    .form-search-icon .search-label:before {
        content: "\f002";
        font-family: FontAwesome;
        position: absolute;
        left: 15px;
        font-size: 18px;
        top: 50%;
        transform: translate(0, -50%);
        color: #707070;
        display: none;
    }
    
    .form-search-icon .search-label button {
        font-size: 18px;
        background-color: transparent;
        border: 0;
        box-shadow: unset;
        position: absolute;
        top: 12px;
        left: 12px;
    }
    
    .form-search-icon .search-label button i {
        color: #707070;
    }
    
    .wrap-list-contact-address {
        padding-top: 40px;
    }
    
    .blog-lienhe-hoptac {
        padding: 40px 0;
    }
    
    .blog-lienhe-hoptac .group-title {
        margin-bottom: 5px;
    }
    
    .blog-lienhe-hoptac .group-title .title {
        color: #e23b41;
        padding-bottom: 0;
    }
    
    .content-lienhe-hoptac {
        max-width: 1000px;
        margin: 0 auto 10px;
        text-align: justify;
        font-size: 16px;
    }
    
    .form-contact-hoptac {
        max-width: 800px;
        margin: 0 auto;
    }
    
    .form-contact-hoptac input:not([type=radio]):not([type=checkbox]),
    .form-contact-hoptac select {
        height: 50px;
        border-radius: 0;
    }
    
    .form-contact-hoptac textarea {
        border-right: 1px solid;
        border-left: 1px solid;
        border-top: 2px solid;
        border-bottom: 2px solid;
        border-color: #000;
        font-size: 15px;
        border-radius: 0;
    }
    
    .form-contact-hoptac .border-input {
        border-right: 1px solid;
        border-left: 1px solid;
        border-top: 2px solid;
        border-bottom: 2px solid;
        border-color: #000;
        font-size: 15px;
        display: flex;
        justify-content: space-between;
        padding: 10px 30px;
    }
    
    .form-contact-hoptac .border-input label {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        margin: 12px 0;
        cursor: pointer;
        position: relative;
        padding-left: 0;
    }
    
    .form-contact-hoptac .border-input input {
        opacity: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }
    
    .form-contact-hoptac .border-input .design {
        width: 22px;
        height: 22px;
        border: 2px solid #242424;
        border-radius: 100%;
        margin-right: 8px;
        position: relative;
    }
    
    .form-contact-hoptac .border-input .design::before,
    .form-contact-hoptac .border-input .design::after {
        content: "";
        display: block;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        position: absolute;
        transform: scale(0);
        transform-origin: center center;
    }
    
    .form-contact-hoptac .border-input .design:before {
        background-color: #242424;
        opacity: 0;
        transition: .3s;
    }
    
    .form-contact-hoptac .border-input .design:after {
        background-color: #2500e0;
        opacity: .4;
        transition: .6s;
    }
    
    .form-contact-hoptac .btn-view {
        line-height: 58px;
        padding: 0px 26px;
        font-size: 24px;
        margin-top: 20px;
    }
    
    .form-contact-hoptac .border-input input:checked+.design::before {
        opacity: 1;
        transform: scale(.6);
        top: -2px;
        left: -2px;
    }
    
    .form-contact-hoptac .border-input .text {
        color: #5d5656;
        font-size: 16px;
    }
    
    .form-contact-hoptac label:not(.radio-inline):not(.checkbox label) {
        font-size: 24px;
        font-weight: normal;
    }
    
    .form-contact-hoptac .checkbox label {
        font-size: 17px;
    }
    
    .form-contact-hoptac .checkbox label input {
        float: left;
        position: relative;
        top: 3px;
    }
    
    .form-contact-hoptac label a {
        text-decoration: underline;
        font-weight: 700;
    }
    
    .form-contact-hoptac input {
        border-right: 1px solid;
        border-left: 1px solid;
        border-top: 2px solid;
        border-bottom: 2px solid;
        border-color: #000;
        font-size: 15px;
    }
    
    .row-slick-shortcode .list-products {
        padding: 6px;
    }
    
    .form-contact-hoptac select {
        border-right: 1px solid;
        border-left: 1px solid;
        border-top: 2px solid;
        border-bottom: 2px solid;
        border-color: #000;
    }
    
    .border-input {
        border: 1px solid #ccc;
        height: 50px;
        display: flex;
        align-items: center;
        padding: 10px 15px;
    }
    
    .title-form {
        text-align: center;
        text-transform: uppercase;
        color: #e23b41;
        font-weight: bold;
        font-size: 31px;
        margin-bottom: 10px;
    }
    
    .blog-about-us {
        padding: 5px 0 0;
    }
    
    .wrap-about-us .group-title .title {
        color: #4c4743;
        padding-bottom: 0;
    }
    
    .wrap-about-us .desc-about {
        max-width: 560px;
    }
    
    .wrap-about-us .desc-about p {
        line-height: 1.5;
    }
    
    .wrap-about-us .desc-about ul li {
        list-style: disc !important;
    }
    
    .wrap-about-us {}
    
    .wrap-about-us .container>.row {
        /* align-items: flex-end; */
    }
    
    .about-text {}
    
    .about-text .group-title {
        margin-bottom: 0;
    }
    
    .desc-about {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 25px;
    }
    
    .image-about-us {
        margin-bottom: 20px;
    }
    
    .image-about-us img {}
    
    .wrap-tam-nhin {
        padding: 30px 0;
        box-shadow: 0 0 25px 0px #ccc;
        position: relative;
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    
    .wrap-tam-nhin:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
    }
    
    .box-tam-nhin {
        max-width: 800px;
        margin: 0 auto;
    }
    
    .item-tam-nhin {}
    
    .item-tam-nhin:last-child .line-tam-nhin {
        display: none;
    }
    
    .title-tam-nhin {
        font-size: 44px;
        font-weight: bold;
        margin: 0 auto;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 10px;
        color: #282e88;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 400px;
        position: relative;
        line-height: 80px;
    }
    
    .title-tam-nhin img {
        width: auto;
        position: absolute;
        left: 0;
    }
    
    .item-tam-nhin:nth-child(3n+2) .title-tam-nhin {
        color: #eb1c23;
    }
    
    .item-tam-nhin:nth-child(3n+3) .title-tam-nhin {
        color: #f9bb5a;
    }
    
    .item-tam-nhin .desc {
        line-height: 32px;
        font-size: 24px;
        font-style: italic;
        width: 100%;
    }
    
    .wrap-ls {
        padding: 40px 0 50px;
    }
    
    .item-ls {}
    
    .item-ls .image-ls {
        margin-bottom: 25px;
    }
    
    .item-ls .image-ls img {}
    
    .ls-text {
        margin-bottom: 25px;
    }
    
    .title-ls {
        color: #e23b41;
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    
    .desc-ls {
        font-size: 20px;
        line-height: 32px;
        font-style: italic;
    }
    
    .line-tam-nhin {
        width: 100%;
        max-width: 600px;
        height: 1px;
        background-color: #707070;
        margin: 20px auto;
    }
    
    .bg-line {
        background-image: url(../images/bg-line.png);
        height: 17px;
        margin-bottom: 25px;
    }
    .item-slide video {
    width: 100%;
}
    .item-ls-sm {
        padding: 5px 1px;
    }
    
    .item-ls-sm:first-child .box {
        border-left: 1px solid #707070;
    }
    
    .item-ls-sm .box {
        text-align: center;
        /* border-left:1px solid #707070; */
        border-right: 1px solid #707070;
        line-height: 20px;
        padding: 0px 5px;
        font-size: 15px;
        cursor: pointer;
    }
    
    .slide-ls-sm {
        padding: 0 20px;
    }
    
    .item-ls-sm.slick-current {
        padding: 0;
    }
    
    .item-ls-sm.slick-current .box {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
    }
    
    .wrap-banner-home-2 {
        background: #f8f8f8
    }
    
    .title_danhmuc {
        background: #c31f26;
        padding: 10px 10px;
    }
    
    .title_danhmuc h2 {
        padding: 0;
        margin: 0;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
    }
    
    .video {
        width: 100%;
        height: 700px;
        /* padding: 20px 0px; */
        overflow: hidden;
        border-radius: 10px;
        /* margin-top: 20px; */
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    .video iframe {
        width: 100%;
        height: 262px;
    }
    
    .list-attr .attr-item .form-group>label {
        font-size: 13px;
        font-weight: 400;
        color: rgb(102, 102, 102);
        line-height: 2;
        width: 174px;
        padding-left: 10px;
        margin-bottom: 0;
        display: inline-block;
        float: left;
    }
    
    .sale {
        width: 40px;
        height: 40px;
        background: url(../images/bg-sale.png) no-repeat;
        background-size: 100%;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
        position: absolute;
        top: 5px;
        left: 5px;
    }
    
    .home-product-left .sale {
        width: 50px;
        height: 50px;
        font-size: 16px;
        line-height: 50px;
    }
    
    .product-wrap__readmore.ss-1.xtc-mobile a {
        background: #ea6640;
    }
    
    
    .wrap-pro-tab-home.bd-top-ss1.mart.mart-before .product-wrap__readmore.ss-1.xtc-mobile a {
        background: #8f653c;
    }
    
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        padding: 11px 25px;
        color: #fff;
        margin-right: 5px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        border-radius: 10px 10px 0 0;
        background: #a1d656;
        border-bottom: 0;
        margin-bottom: 0;
        border: 0;
    }
    
    .nav-tabs .nav-link {
        text-transform: uppercase;
        font-size: 14px;
        background: #f7f7f7;
        margin-right: 5px;
        color: #404040;
        font-weight: 500;
        border-radius: 10px 10px 0 0;
        margin-bottom: 0;
        padding: 9px 25px 10px 25px;
    }
    
    
    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border-bottom: 2px solid #016b23 !important;
        border-color: #fff;
    }
    
    .nav-tabs {
        margin-top: 0px;
        border-bottom: 0;
        border-bottom: solid 1px #ccc;
    }
    
    .nav-tabs .nav-item {
        float: left;
    }
    
    .title-1 {
        text-align: left;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 20px;
        border-bottom: solid 1px #eee;
        margin-bottom: 20px;
    }
    
    .wrap-fill2 {
        float: right;
        width: 20%;
    }
    
    .wrap-fill {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    
    .wrap-fill>.form-group {
        width: 18%;
        margin: 0 5px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    
    .wrap-fill>.form-group select {
        font-size: 12px;
    }
    
    .tab-content>.active {
        display: block;
        color: #000;
        line-height: 26px;
        font-size: 16px;
        text-align: justify;
    }
    
    .tab-content>.active iframe {}
    
    .tab-content>.active h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 18px;
    }
    
    .bot_content.box_hidden h1 {
        font-size: 32px;
    }
    
    .bot_content.box_hidden h2 {
        font-size: 20px;
    }
    
    .bot_content.box_hidden h3 {
        font-size: 18px;
    }
    
    .bot_content.box_hidden h4 {
        font-size: 16px;
    }
    
    .bot_content.box_hidden h5 {
        font-size: 14px;
    }
    
    .bot_content.box_hidden h6 {
        font-size: 12px;
    }
    
    .group-title1 {
        width: 100%;
        text-align: center;
        position: relative;
    }
    
    .group-title1 .title1:before {
        content: "";
        position: absolute;
        left: 50%;
        top: calc(100% + 0px);
        width: 120px;
        height: 2px;
        background-color: #353a3d;
        transform: translate(-50%, 0);
    }
    
    .title-b {
        max-width: 750px;
        text-align: center;
        padding-top: 15px;
        font-size: 15px;
        line-height: 1.3;
        margin: 0 auto;
    }
    
    .title-b span {
        width: 100%;
    }
    
    .item-camnhan .content .desc i.fa-quote-left {
        margin: 0 10px 18px 0;
        vertical-align: bottom;
    }
    
    .item-camnhan .content .desc i {
        font-size: 34px;
        line-height: 30px;
        display: inline-block;
        color: #dddddd
    }
    
    .wrap-suutap {
    
        /*background: url(../images/bg_bosuutap.jpg);*/
        padding: 120px 0;
        overflow: hidden;
        background: #eee;
        position: relative;
    }
    
    .wrap-suutap .box-about {
        width: 100%;
        display: flex;
    }
    
    .wrap-suutap .box-about .bosuutap {
        padding: 110px 0;
    }
    
    .wrap-suutap .box-about .bosuutap h4 {
        font-size: 30px;
    }
    
    .wrap-suutap .box-about .bosuutap h2 {
        font-size: 50px;
        font-weight: 600;
    }
    
    .wrap-suutap .box-about .bosuutap p {
        font-size: 20px;
    }
    
    .wrap-suutap .btn-about {
        border-color: #fff;
        padding: 10px 30px;
        background: #613d00;
        margin-top: 30px;
        border-radius: 30px;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
    }
    
    .bg_slide {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    
    .bg_slide .image {
        width: 100%;
        display: none
    }
    
    .bg_slide .image img {
        height: auto;
        width: 100%;
        max-width: 100%;
    }
    
    .bg_slide1 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        display: none
    }
    .box-images-Qc img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
    .bg_slide1 .image1 {
        width: 100%;
    }
    
    .bg_slide1 .image1 img {
        height: auto;
        width: 100%;
        max-width: 100%;
    }
    
    .free {
        font-size: 13px;
        text-align: left;
        color: #333;
    }
    
    .free img {
        width: 40px;
        padding-right: 5px;
    }
    
    .title_sp_detail {
        text-align: left;
        padding-bottom: 0px;
    }
    
    .title_sp_detail h1 {
        padding: 0;
        margin: 0 0 00px 0;
        text-align: left;
        font-size: 23px;
        font-weight: 600;
        color: #333;
        line-height: 1.3;
        text-transform: uppercase;
    }
    
    .reviewstyle {
        width: 100%;
    }
    
    .reviewstyle a {
        color: rgb(0, 122, 255);
        font-weight: 400;
        font-size: 13px;
        line-height: 1.5;
    }
    
    .select_size {
        width: calc(100% - 174px);
        float: left;
        display: inline-flex;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        justify-content: start;
    }
    
    .select_size .group-control {
        position: relative;
        margin-right: 5px;
        margin-bottom: 3px;
    }
    
    .select_size input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    
    .select_size label {
        display: inline-flex;
        width: auto;
        height: auto;
        background: rgba(128, 128, 128, 0.05);
        border: 1px solid rgba(0, 0, 0, 0.23);
        margin-bottom: 0;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 2px;
        font-weight: normal;
        padding: 5px 15px;
        letter-spacing: 0.02857em;
        text-transform: uppercase;
        line-height: 1.75;
        font-size: 0.875rem;
        min-width: 64px;
        box-sizing: border-box;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    }
    
    .select_size label:hover {
        background: rgba(0, 0, 0, 0.04);
    }
    
    .select_size input:checked+label {
        background: rgb(254, 244, 243);
        color: rgb(209, 10, 0);
        border: 1px solid rgb(209, 10, 0);
    }
    
    .sku {
        font-size: 14px;
        font-weight: 400;
        margin-top: 10px;
        color: #333;
        margin-bottom: 10px;
    }
    
    .price_detail {
        -webkit-box-align: center;
        align-items: center;
        flex-shrink: 0;
        padding: 10px;
        /* background-image: url(../images/bg_price.jpg); */
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .price_detail2 {
        -webkit-box-align: center;
        align-items: center;
        /* flex-shrink: 0; */
        /* padding: 10px; */
        /* background-image: url(../images/bg_price.jpg); */
        background-repeat: no-repeat;
        background-size: cover;
        width: 62%;
        margin-left: 4%;
    }
    
    .shipping_product {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .12);
        padding: 20px 0;
        display: flex;
    }
    
    .shipping_product .label_shipping {
        font-size: 13px;
        font-weight: 400;
        color: rgb(102, 102, 102);
        line-height: 2;
        width: 114px;
        padding-left: 0px;
    }
    
    
    
    .shipping_product .content_shipping {
    
        font-size: 12px;
    
        font-weight: 500;
    
        color: rgb(102, 102, 102);
    
        line-height: 1.5;
    
        width: calc(100% - 113px);
    }
    
    .tinh_trang {
        border-top: 1px solid rgba(0, 0, 0, .12);
        padding: 5px 0;
    }
    
    .tinh_trang span:first-child {
        font-size: 13px;
        font-weight: 400;
        color: rgb(102, 102, 102);
        line-height: 2;
        width: 95px;
        display: inline-block;
    }
    
    .tinh_trang span:last-child {
        font-weight: 600;
        color: rgb(102, 102, 102);
        line-height: 2;
        font-size: 14px;
    }
    
    .title_sp_lienquan {
        border-radius: 10px 10px 0px 0px;
        background: linear-gradient(101deg, rgb(3 96 50) 27%, rgb(1 110 58) 59%, rgb(1 101 54) 81%);
    }
    
    .title_sp_lienquan h2 {
        color: #fff;
        padding: 9px 20px;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0;
    }
    .box-hinhanh img {
    height: 250px;
    width: 100%;
}
    .product-relate .col-product-item {
        padding: 0 9px;
        margin-top: 15px;
    }
    
    .product-relate .product-item {
        padding: 0;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 3px;
        border-radius: 10px;
        overflow: hidden;
    }
    
    .item-deal-left:before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        display: none;
    }
    
    .item-deal-left:hover:before {
        animation: shine 1s;
        display: block;
    }
    
    .item-img-product-QC:hover:before {
        animation: shine 1s;
        display: block;
    }
    
    .item-img-product-QC:before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        display: none;
    }
    
    .product-item2 {
        margin-bottom: 0px;
        padding: 0 10px;
        width: 20%;
        flex: 0 0 20%;
        max-width: 100%;
    }
    
    .product-list {
        padding: 15px 15px;
    }
    
    .product-relate .product-item .box .image a {
        display: block;
        position: relative;
        padding-bottom: 90%;
        border: 1px solid transparent;
        overflow: hidden;
    }
    
    .pt {
        line-height: 36px;
        margin-bottom: 5px;
        background: url(../images/ip.png) no-repeat left top;
        padding-left: 44px;
        background-size: auto 36px;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        color: #dc0021f21;
        font-size: 15px;
    }
    
    .pt b {
        font-weight: 600;
        color: #333;
    }
    
    .service_header {
        padding: 0px 0;
        background-color: #fff;
    }
    
    .service_header .service-item {
        display: flex;
        padding: 10px 10px;
        align-items: center;
        background: #0d6b41;
        border-radius: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .brand-products-details ul li {
    list-style: disc !important;
    margin-left: 20px;
}
    .service_header .service-item .service-icon {
        width: 75px;
        text-align: center;
    }
    
    .service_header .service-item .service-icon i {
        font-size: 33px;
        color: #fff;
        margin: auto 0;
        padding-left: 20px;
        padding-right: 20px;
        line-height: 55px;
    }
    
    .service_header .service-item .content-service {
        width: calc(100% - 75px);
    }
    
    .service_header .service-item .content-service .title-service {
        display: block;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 17px;
        font-weight: 700;
        padding-bottom: 5px;
        line-height: 20px;
    }
    
    .service_header .service-item .content-service .summary-service {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #fff;
        display: block;
    }
    
    
    .group-title-2 {
        width: 100%;
        position: relative;
        border: solid 1px #efefef;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        background: #ececec
    }
    
    .group-title-2 .title {
        display: inline-block;
        position: relative;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin: 0;
        font-size: 17px;
        text-transform: uppercase;
        border-bottom: 0px solid #ebebeb;
        margin-bottom: 0px;
        background-image: linear-gradient(to right, #0d6b41, #9dc240);
        padding: 0 25px;
        line-height: 35px;
        padding-bottom: 0;
        color: #fff;
    }
    
    .group-title-2 .title a {
        color: #2e3553;
        text-decoration: none;
    }
    
    .group-title-2 .title a span {
        color: #fff;
    }
    
    .group-title-2 .title:before {
        content: "";
        width: 100%;
        height: 8px;
        background-image: linear-gradient(to right, #0d6b41, #9dc240);
        position: absolute;
        left: 0px;
        top: -8px;
    }
    
    .group-title-2 .title:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 0 0 8px;
        border-color: transparent transparent transparent #0d6b41;
        position: absolute;
        top: -8px;
        right: -7px;
    }
    
    .group-title-2 .list-link {
        display: flex;
        flex-wrap: wrap;
    }
    
    .group-title-2 .list-link li a {
        font-size: 16px;
        display: block;
        padding: 10px;
        transition: all 0.5s;
        white-space: nowrap;
        font-weight: 400;
        color: #0d6b41
    }
    
    .danhgia_sao {
        background: #eee;
        padding: 20px;
        margin: 0px 0;
        margin-bottom: 20px;
    }
    
    .list-star {
        position: relative;
        background: #eee;
        margin-bottom: 12px;
        padding: 15px;
        margin-top: 15px;
    }
    
    .item-star {
        margin-top: 15px;
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
    }
    
    .item-star .box {
        display: flex;
        /* flex-wrap: wrap; */
    }
    
    .item-star .box .auth-star {
        width: 218px;
        display: flex;
        align-items: center;
    }
    
    .item-star .box .auth-star .icon {
        color: #0d6b41;
        width: 64px;
        height: 64px;
        display: flex;
        font-size: 24px;
        background: #fff;
        font-weight: 600;
        line-height: 28px;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }
span.name-products a:hover {
    color: #fff;
}
p.update_date.clearfix {
    display: none;
}
    .ft-copyrights-content p span a {
    color: #fff !important;
}
    .item-star .box .auth-star .text-star {
        padding-left: 10px;
    }
    
    .item-star .box .auth-star .text-star .name {
        font-size: 16px;
        font-weight: bold;
    }
    
    .item-star .box .auth-star .text-star .date-create {}
    
    .item-star .box .content-star {
        width: calc(100% - 350px);
    }
    
    .item-star .box .content-star h3 {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
    }
    
    .item-star .box .content-star .desc {
        font-size: 14px;
        margin-top: 8px;
        word-break: break-word;
        font-weight: 400;
        line-height: 22px;
    }
    
    .item-star .box .point-star {
        width: 120px;
        background: #fff;
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        margin-left: 30px;
        border-radius: 3px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .item-star .box .point-star .point {
        color: #ffb400;
        display: block;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
    }
    
    .item-star .box .point-star .point i {
        font-size: 19px;
        margin-left: 5px;
    }
    
    .item-star .box .point-star .name-point {}
    
    .form_danhgia {
        display: block;
        overflow: hidden;
        /* margin-bottom: 10px; */
    }
    
    .item-info {
        width: 50%;
        display: flex;
    }
    
    .item-info {
        align-items: center;
        display: inline-flex;
        font-size: 13px;
        width: -moz-fit-content;
        width: fit-content;
    }
    
    .item-info .index {
        border-bottom: 1px solid #333;
        flex-shrink: 0;
        font-size: 15px;
        margin-right: 5px;
    }
    
    .form_danhgia input::-webkit-outer-spin-button,
    .form_danhgia input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    /* Firefox */
    .form_danhgia input[type=number] {
        -moz-appearance: textfield;
    }
    
    .form_danhgia label {
        margin: 0;
        line-height: 35px;
        float: left;
    }
    
    .sao_danhgia {
        width: calc(100% - 0px);
        line-height: 35px;
        color: #ffb400
    }
    
    .sao_danhgia button {
        background: #0d6b41;
        padding: 0px 20px;
        font-size: 15px !important;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: 3px;
        height: 40px !important;
    }
    
    .list-product-slide {
        padding-bottom: 0;
    }
    
    div.tab {
        overflow: hidden;
        background-color: #dc0021;
        width: 100%;
        margin: auto;
        text-align: center;
        justify-content: center;
    }
    
    .box-right {
        display: flex;
        justify-content: right;
        width: 100%;
    }
    
    .box-right a:hover {
        color: #333;
    }
    
    .menu-title {
        display: flex;
        padding-top: 0px;
        padding-right: 35px;
        align-items: center;
    }
    
    .menu-title::-webkit-scrollbar {
        height: 4px
    }
    
    .menu-title::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        -webkit-border-radius: 5px;
        border-radius: 5px
    }
    
    .menu-title::-webkit-scrollbar-thumb {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #e1d4cc;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
    }
    
    .menu-title::-webkit-scrollbar-thumb:window-inactive {
        background: #000;
    }
    
    .menu-title li {
        position: relative;
        text-align: center;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-width: unset;
        padding: 0 0px 0 20px;
        line-height: 45px;
        margin: 0;
        color: #000;
        font-size: 12px;
    }
    
    .menu-title li a {
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .menu-title li a:hover {
        color: #dc0021
    }
    
    .menu-title li:not(:last-child) {
        margin-right: 0px;
    }
    
    div.tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 10px 14px;
        transition: 0.3s;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
    }
    
    div.tab button:hover {
        background-color: #ddd;
    }
    
    div.tab button.active {
        background-color: #fff;
        color: #333;
        margin: 5px;
        padding: 5px 10px;
    }
    
    .tabcontent {
        display: inline-block;
        padding: 0px 0px;
        border: 0px solid #ccc;
        border-top: none;
    }
    
    .bg_slide2 {
        padding-bottom: 10px;
        margin-top: 0;
        /* padding: 15px 0; */
    }
    
    .home-box {
        margin-bottom: 0px;
        display: inline-block;
        width: 100%;
        background: #fff;
    }
    
    .product-excerpt {
        height: 76px;
        margin: 10px 0 0 0;
        color: #444;
        overflow: hidden;
    }
    
    .home-product-header {
        background: #fff;
        display: flex;
        width: 100%;
        border-bottom: solid 2px #4c4743;
    }
    
    .home-box-title {
        min-width: 250px;
        float: left;
        padding: 12px 10px 11px 20px;
        background: #4c4743;
        color: #fff;
        font-size: 17px;
        text-align: left;
        font-weight: 600;
        margin: 0;
        text-transform: uppercase;
        position: relative;
    }
    
    .home-box-title a:hover {
        color: #fff;
    }
    
    .home-box-title:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 45px solid transparent;
        border-left: 30px solid #3c4743;
        border-bottom: 0px solid transparent;
        border-right: 0 solid transparent;
        position: absolute;
        top: 0px;
        right: -30px;
    }
    
    .btn-xem-tat-ca {
        width: 85px;
        height: 22px;
        float: right;
        margin: 9px 0px 0 0;
        background: #fff;
        color: #333 !important;
        border-radius: 3px;
        font-size: 13px;
        line-height: 22px;
        text-align: center;
        font-weight: 500;
    }
    
    .home-product-tax-left {
        width: 20%;
        float: left;
        padding-right: 10px;
    }
    
    .home-product-tax-right {
        width: 100%;
        float: left;
    }
    
    .home-product-tax-left-inner {
        height: 557px;
        padding: 0;
        background: #fff;
    }
    
    .home-product-tax-left-inner img {
        width: 100%;
    }
    
    .home-product-tax-menu ul {
        max-height: 539px;
        margin: 0;
        overflow: hidden;
        list-style: none;
    }
    
    .home-product-tax-menu li {
        margin-bottom: 8px;
    }
    
    .home-product-tax-menu li:last-child {
        margin-bottom: 0;
    }
    
    .home-product-tax-menu li a {
        padding-left: 15px;
        color: #595959;
        font-size: 12px;
        font-weight: 600;
        position: relative;
    }
    
    .home-product-tax-menu li a::before {
        content: "";
        width: 4px;
        height: 4px;
        background: #9f9f9f;
        position: absolute;
        top: 6px;
        left: 0;
    }
    
    .home-product-tax-menu li a:hover {
        color: #1b11e0;
    }
    
    .home-product-tax-menu li a:hover::before {
        background: #1b11e0;
    }
    
    .home-box-product-tab .tab-content {
        position: relative;
    }
    
    .home-box-product-tab .btn-xem-tat-ca {
        margin: 0;
        background: #1b11e0;
        color: #fff !important;
        position: absolute;
        top: -32px;
        right: 10px;
    }
    
    .product-similar {
        margin-top: 30px;
    }
    
    .btn-bottom {
        position: fixed;
        bottom: 20px;
        left: 20px;
        z-index: 200;
    }
    
    .btn-bottom a:not(:first-child) {
        margin-top: 15px;
    }
    
    .btn-call {
        width: 50px;
        height: 50px;
        display: block;
        background: url(../images/icon-call.png) no-repeat center center #3baeda;
        background-size: 70%;
        border-radius: 50%;
        -webkit-box-shadow: 0 3px 10px #000;
        box-shadow: 0 3px 10px #000;
    }
    
    .btn-messenger {
        width: 50px;
        height: 50px;
        display: block;
        background: url(../images/icon-messenger.png) no-repeat center center #0084ff;
        background-size: 70%;
        border-radius: 50%;
        -webkit-box-shadow: 0 3px 10px #000;
        box-shadow: 0 3px 10px #000;
    }
    
    .btn-zalo {
        width: 50px;
        height: 50px;
        display: block;
        background: url(../images/icon-zalo.png) no-repeat center center #012169;
        border-radius: 50%;
        -webkit-box-shadow: 0 3px 10px #000;
        box-shadow: 0 3px 10px #000;
    }
    
    .scrollable.default-skin {
        padding-right: 3px;
    }
    
    .scrollable.default-skin .scroll-bar.vertical {
        width: 6px;
    }
    
    .scrollable.default-skin .scroll-bar.horizontal {
        height: 6px;
    }
    
    .scrollable.default-skin .scroll-bar .thumb {
        background-color: #d7d7d7;
        opacity: 0.9;
        border-radius: 3px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    .scrollable.default-skin .scroll-bar:hover .thumb {
        opacity: 1;
    }
    
    .product-list .row {
        margin: 0 -5px;
    }
    
    .product-item {
        margin-bottom: 0;
        padding: 0 0px;
    }
    
    .product-item:nth-child(4n+1) {
        clear: both;
    }
    
    .product-box {
        background: #fff;
        border: solid 1px #eee;
    }
    
    .product-img {
        width: 100%;
        height: 225px;
        position: relative;
        /* border: solid 1px #eee; */
    }
    
    .product-img a img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        object-fit: cover;
        left: 0;
    }
    
    .icon-label {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .product-item .box .image a .icon-label img {
        position: unset;
        height: auto;
        object-fit: unset;
        transition: all 0.5s;
        padding: 0;
    }
    
    .icon-sale {
        width: 40px;
        height: 40px;
        background: url(../images/bg-sale.png) no-repeat;
        background-size: 100%;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 10px;
    }
    
    .product-info {
        padding: 0 0px 0px 0px;
    }
    
    .product-title {
        height: auto;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 1.4;
        overflow: hidden;
        text-align: center;
        min-height: 40px;
        padding: 0 10px;
    }
    
    .product-title a {
        color: #000;
        font-weight: 500;
    }
    
    .product-title a:hover {
        color: #dc0021;
    }
    
    .product-price {
        justify-content: center;
        padding: 0 10px 10px 10px;
        text-align: center;
    }
    
    .product-price p {
        margin: 0;
        display: inline-block;
    }
    
    .product-price .gia {
        margin-right: 5px;
        color: #3c4743;
        font-size: 16px;
        text-align: center;
        font-weight: 600;
    }
    .pre-footer .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.item-qc-pages {
    width: 50%;
}

.item-qc-pages img {
    width: 100%;
    height: 400px;
}

.pre-footer {
    margin: 30px 0px;
}
    .product-price .gia-cu {
        color: #888;
        font-size: 14px;
        text-decoration: line-through;
    }
    
    .scrollable .viewport {
        position: relative;
        overflow: hidden;
        /*border-right: solid 1px #d7d7d7;*/
        width: 100% !important;
    }
    
    .home-product-tax-menu ul {
        max-height: 539px;
        margin: 0;
        overflow: hidden;
        list-style: none;
    }
    
    .home-product-tax-menu li {
        margin-bottom: 8px;
    }
    
    .home-product-tax-menu li:last-child {
        margin-bottom: 0;
    }
    
    .home-product-tax-menu li a {
        padding-left: 15px;
        color: #333;
        font-size: 13px;
        font-weight: 400;
        position: relative;
    }
    
    .home-product-tax-menu li a::before {
        content: "";
        width: 4px;
        height: 4px;
        background: #9f9f9f;
        position: absolute;
        top: 6px;
        left: 0;
    }
    
    .home-product-tax-menu li a:hover {
        color: #1b11e0;
    }
    
    .home-product-tax-menu li a:hover::before {
        background: #1b11e0;
    }
    
    .list-attr .attr-item1 label {
        font-size: 13px;
        padding-left: 0px;
        padding-right: 35px;
        color: rgb(102, 102, 102);
    }
    
    .main {
        background: #fff
    }
    
    .bl-title-link {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        height: 36px;
        border-bottom: 1px solid #d7d7d7;
        width: 100%;
    }
    
    .bl-title a span {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 16px;
        padding: 12px 30px 12px 20px;
        line-height: 30px;
        position: relative;
        background: #3c4743;
        color: #fff;
    }
    
    .bl-title a span:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 43px solid transparent;
        border-left: 30px solid #3c4743;
        border-bottom: 0px solid transparent;
        border-right: 0 solid transparent;
        position: absolute;
        top: 0px;
        right: -30px;
    }
    
    .read-more a {
        font-size: 15px;
        text-decoration: underline;
        font-weight: 500;
        color: #333;
    }
    
    .see-more {
        display: flex;
        align-items: center;
        color: #000;
        padding: 0 10px;
        line-height: 40px;
        margin: 0;
        font-size: 15px;
        font-weight: 500;
    }
    
    .title_doitac {
        text-align: center;
        font-size: 20px;
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        position: relative;
        width: 100%;
    }
    
    .title_doitac b {
        background-color: currentColor;
        display: block;
        flex: 1;
        height: 2px;
        opacity: .1;
    }
    
    .title_doitac b {
        background-color: currentColor;
        display: block;
        flex: 1;
        height: 2px;
        opacity: .1;
    }
    
    .title_doitac h4 {
        background: #fff;
        padding: 0 20px;
        font-size: 20px;
        color: #000;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .list-small-image .slick-slide {
        height: auto;
    }
    
    .cate_home {
        padding: 10px 0 25px 0;
        position: relative;
        width: 100%;
        background: #f3f3f3;
    }
    
    .cate_home .cate-dot-1 .slick-dots {
        position: unset;
        display: none !important;
    }
    
    .cate_home .list_cate {
        width: 100%;
        margin-bottom: 0px;
    }
    
    .cate_home .list_cate2 {
        margin-bottom: 0;
    }
    
    
    
    .cate_home .list_cate2 .item {
        padding: 0 10px;
        float: left;
        width: 50%;
    }
    
    .cate_home .list_cate .image {
        width: 100%;
    }
    
    .cate_home .list_cate .box .image img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 3px;
        min-height: 213px;
        object-fit: cover;
    }
    
    .cate_home .list_cate .box {
        overflow: hidden;
        color: #222;
        display: flex;
        align-items: center;
        border: 0;
        position: relative;
        border-radius: 3px;
        font-size: 16px;
        background-color: #f99f31;
        position: relative;
    }
    
    .list_cate .box .content {
        border-radius: 3px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        position: absolute;
        background: transparent;
        text-align: left;
        bottom: auto;
        width: auto;
        height: auto;
        align-items: flex-start;
        z-index: 1;
        background-color: transparent;
        transition: top .3s, padding .3s;
        left: 30px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
    }
    
    .list_cate .box .content h4 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.6px;
        margin-bottom: 14px;
        margin-top: 0;
        text-transform: uppercase;
        color: #fff;
    }
    
    .list_cate .box .content .category-list {
        font-size: 13px;
        line-height: 0.9;
    }
    
    .list_cate .box .content .category-list li {
        white-space: nowrap;
        color: #fff;
        margin-bottom: 9px;
    }
    
    .list_cate .box .content .category-list li:last-child {
        margin-bottom: 0;
    }
    
    .list_cate .box .content .category-list a {
        position: relative;
        display: inline-block;
        transition: text-decoration .3s;
        color: #fff;
    }
    
    .list_cate .box .content .category-list li::before {
        content: "\f054";
        color: inherit;
        padding-right: 8px;
        font-family: 'Font Awesome 5 Free';
        font-size: 13px;
        font-weight: 600;
    }
    
    .cate_home .list_banner {
        padding: 0 5px;
        width: 100%;
    }
    
    .cate_home .list_banner .item {
        float: left;
        width: 50%;
        padding: 0 10px;
    }
    
    .cate_home .list_banner .box {
        display: block;
        position: relative;
        color: #fff;
    }
    
    .cate_home .list_banner .box .image {
        width: 100%;
    }
    
    .cate_home .list_banner .box .image img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 3px;
        min-height: 213px;
        object-fit: cover;
    }
    
    .cate_home .list_banner .banner_content {
        position: absolute;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 40px;
    }
    
    .cate_home .list_banner .banner_content h4 {
        font-size: 22px;
        line-height: 24px;
        letter-spacing: -0.8px;
        margin-bottom: 0;
        font-weight: 700;
        margin: 0;
    }
    
    .cate_home .list_banner .banner_content h4 span {
        color: #fcb819;
    }
    
    .cate_home .list_banner .banner_content h3 {
        font-size: 30px;
        letter-spacing: 0.5px;
        margin-bottom: 6px;
        line-height: 33px;
        font-weight: 700;
        margin-top: 0;
    }
    
    .cate_home .list_banner .banner_content .dec {
        font-size: 14px;
        letter-spacing: -0.1px;
        margin-bottom: 22px;
        opacity: .8;
    }
    
    .cate_home .list_banner .banner_content a {
        padding: 9px 34px 9px 34px;
        color: #fff;
        background-color: transparent;
        border: 2px solid #fff;
        border-radius: 3px;
    }
    
    .cate_home .list_banner .banner_content a:hover {
        color: #fcb819;
        background-color: #fff;
    }
    
    .cate_home .list_banner .banner_content a i {
        display: inline-block;
        vertical-align: middle;
        margin-left: 7px;
        line-height: 0;
        font-size: 14px;
        margin-bottom: 2px;
    }
    
    .star span {
        color: rgb(246, 166, 0);
        font-size: 14px;
    }
    
    .icon-vc img {
        padding: 0 10px;
        max-height: 95px;
    }
    
    .icon-vc {
        margin-bottom: 3px;
        /* width: 30%; */
        /* display: inline-block; */
    }
    
    .text-vc {
        width: 70%;
        text-align: left;
        display: inline-block;
    }
    
    .text-vc span {
        text-align: left;
        text-transform: uppercase;
        font-weight: 500;
        color: #333;
        font-size: 17px;
    }
    
    .text-vc p {
        text-align: left;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        padding-top: 3px;
        color: #333;
    }
    
    .van-chuyen {
        text-align: center;
        align-items: center;
        display: flex;
        padding: 10px;
        width: 100%;
        background: #fff;
        margin-bottom: 20px;
        border-radius: 5px;
    }
    
    .box_km {
        display: inline-block;
        width: 100%;
        /* background: #fff; */
    }
    
    .title_product_sale {
        background: #4c4743;
        padding: 5px 0px 15px 0;
        color: #fff;
        display: flex;
        justify-content: right;
    }
    
    .title_product_sale span {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        width: 78%;
        font-size: 20px;
    }
    
    .title_product_sale span img {
        width: 35px;
        margin-right: 5px;
    }
    
    .title_product_sale span a:hover {
        color: #ff0;
    }
    
    .title_product_banchay {
        background: #3c4743;
        padding: 5px 0px 12px 0;
        color: #fff;
        display: flex;
        justify-content: right;
    }
    .box-content-hinhanh h3 a {
    font-weight: 500;
}

.box-content-hinhanh h3 {
    text-align: center;
}
    .title_product_banchay span {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        width: 100%;
        font-size: 20px;
        padding-left: 10px;
    }
    
    .title_product_banchay span img {
        width: 35px;
        margin-right: 5px;
    }
    
    .title_product_banchay span a:hover {
        color: #ff0;
    }
    
    .box_km_in {
        /* border: solid 7px #4c4743; */
        display: inline-block;
        width: 100%;
        background: #fff;
    }
    
    #countdown {
        display: flex;
        align-items: center;
        justify-items: right;
        margin-top: 0px;
    }
    
    #countdown p {
        /*! padding-right: 10px; */
    }
    
    #hours,
    #minutes,
    #seconds {
        /*! display: inline-block; */
        /*! font-weight: 400; */
        /*! background: #000; */
        /*! color: #fff; */
        /*! border-radius: 3px; */
        /*! padding: 2px 5px 2px 5px; */
        /*! font-size: 20px; */
        /*! margin: 0 4px; */
    }
    
    .product_sale {
        /* padding-top: 20px; */
        padding-right: 10px;
        display: flex;
        border-radius: 5px;
        margin: 0px -15px;
    }
    
    .buy_now_button {
        width: 41%;
        color: #fff;
        background-color: #203b92;
        font-size: 14px;
        letter-spacing: .03em;
        font-weight: normal;
        text-align: center;
        text-decoration: none;
        border: 1px solid transparent;
        vertical-align: middle;
        /* border-radius: 30px; */
        margin-top: 0;
        margin-left: 1em;
        text-transform: uppercase;
        text-shadow: none;
        line-height: 2.4em;
        min-height: 1.5em;
        font-weight: 600;
        padding: 1px 20px;
        max-width: 100%;
        transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
        border-radius: 5px;
    }
    
    .cart__product {
        border-top: solid 1px #eee;
        padding: 0px 0px;
        background: #fff;
        color: #333;
        display: flex;
        justify-content: left;
        text-align: center;
    }
    
    .cart__product a {
        border: none;
        padding: 0;
    }
    
    .cart__product .eye_in {
        width: 35px;
        text-align: center;
        color: #333;
    }
    
    .cart__product .add-to-cart {
        width: 35px;
        text-align: center;
        color: #333;
        justify-content: center;
        align-items: center;
    }
    
    .cart__product .box_cart {
        width: calc(100% - 50px);
        text-align: center;
        font-weight: 600;
        color: #dc0021;
        font-size: 15px;
        border-left: solid 1px #eee;
        border-radius: 0;
        padding: 7px 0;
        justify-content: center;
    }
    
    /* #featured-right #featured-news {
        width: 100%;
        float: left;
        background: #fff;
        margin-top: 0px;
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    } */
    
    #featured-right #featured-news .title {
        width: 100%;
        font-size: 17px;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;
        margin-bottom: 5px;
    }
    
    #featured-right #featured-news .title a {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 14px;
        color: #ff6801;
        text-transform: initial;
        font-weight: normal;
    }
    
    #featured-right #featured-news .featured-news-list {
        list-style: none;
    }
    
    #featured-right #featured-news .featured-news-list li {
        width: 100%;
        float: left;
        padding-top: 8px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 7px;
    }
    
    #featured-right #featured-news .featured-news-list li .img {
        width: 100px;
        height: 65px;
        overflow: hidden;
        float: left;
    }
    
    #featured-right #featured-news .featured-news-list li .img img {
        width: 100%;
        float: left;
        object-fit: cover;
        height: 76px;
    }
    
    #featured-right #featured-news .featured-news-list li .name {
        width: calc(100% - 110px);
        float: right;
        line-height: 20px;
        color: #3f3f3f;
        font-size: 15px;
        line-height: 20px;
        font-weight: 600;
        height: 62px;
        overflow: hidden;
    }
    
    #featured-right #featured-news .featured-news-list li .name p {
        font-size: 14px;
        font-weight: 400;
    }
    
    .padding_left_in {
        padding-left: 0;
    }
    
    /* #featured-right {
        margin-top: 10px;
    } */
    
    .featured-image img {
        margin-bottom: 10px;
    }
    
    .danh-muc-menu>ul>li:last-child a {
        border-bottom: unset;
    }
    
    .price-deal-right {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    .price-deal-right.gold p {
        font-size: 17px;
        color: #b50000;
        font-weight: 500;
    }
    
    .price-deal-right.gold s {
        background-image: linear-gradient(90deg, #dec81c 0.59%, #e8a900 28.36%, #e8d437 42.89%, #B69538 61.07%, #e5d646 71.84%);
        -webkit-background-clip: text;
        /* -webkit-text-fill-color: rgba(0, 0, 0, 0); */
        /* font-weight: bold; */
        font-size: 12px;
    }
    
    .price-deal-right p {
        font-size: 14px;
        padding-right: 10px;
    }
    
    .price-deal-right s {
        font-size: 12px;
        color: #cdcdcd;
    }
    
    .bg_slide2 .item-slide img {
        overflow: clip;
        width: 100%;
        /* border-radius: 5px; */
    }
    
    .flash-sale-box {
        background-color: white;
        padding: 15px 10px 15px 10px;
    }
    
    .flash-sale-content a h5 {
        font-size: 14px;
        text-align: left;
        font-weight: 500;
        color: #1c1c1c;
        margin-bottom: 5px;
        margin-top: 10px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 40px;
        overflow: hidden;
    }
    
    .flash-sale-content .desc p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-line-clamp: 3;
        padding: 0;
        overflow: hidden;
    }
    
    .price {
        font-size: 15px;
        font-weight: 500;
        text-align: left;
        width: 100%;
        padding-bottom: 10px;
        /* display: inline-block; */
    }
    
    .product-detail-infor .price-deal-right {
        justify-content: left;
    }
    
    .product-detail-infor .price-deal-right.gold p {
        color: #203a92 !important;
        background-image: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        font-size: 20px;
    }
    
    .price span {
        font-size: 15px;
        font-weight: 600;
        color: #016b23;
    }
    
    .flash-sale-img a img {
        width: 100%;
        aspect-ratio: 1/1;
        object-fit: cover;
    }
    
    .flash-sale-box .sale {
        position: absolute;
        top: 0;
        right: 0;
        height: 35px;
        width: 35px;
        background-color: #c10013;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        border-radius: 100%;
        font-size: 12px;
    }
    
    .flash-sale-content-btn .btn-web {
        margin-right: 10px;
    }
    
    .btn-web {
        padding: 3px 5px;
        font-weight: 400;
        font-size: 14px;
    }
    
    .btn-web--primary {
        background-color: #c10013;
        border: 1px solid #c10013;
        color: white;
    }
    
    .btn-web--primary svg {
        fill: #fff;
    }
    
    .btn-web svg {
        height: 17px;
        fill: #fff;
        margin-right: 10px;
    }
    
    
    
    
    
    
    
    .listds-item__inner {
        border-radius: 5px;
        text-align: center;
        padding: 0px;
        overflow: hidden;
        transition: all 0.35s ease-in-out;
        box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16);
    }
    
    .listds-item {
        text-align: center;
        /* -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.16); */
        /* box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.16); */
        -webkit-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }
    
    p.listds-item__content {
        font-size: 14px;
        padding: 10px;
        margin: 0;
        text-align: center;
    }
    
    
    
    .listds-item__thumb {
        /* border-radius: 5px; */
        overflow: hidden;
    }
    
    .listds-item__content {
        border-radius: 5px;
    }
    
    .listds-item {
        padding: 10px 15px;
    }
    
    
    .listds-item__inner:hover {
        box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.45);
    }
    
    .btn-all-web-action h2 {
        margin: 10px 0 20px 0;
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        text-transform: uppercase;
        text-align: left;
        /* background: #016b23; */
        display: inline-block;
        color: #fff;
        padding: 0px 20px;
        border-radius: 5px;
        min-width: 300px;
        text-align: center;
        height: 40px;
        letter-spacing: 2px;
    }
    
    .btn-all-web-action h2 a {
        position: relative;
        color: #fff !important;
        line-height: 30px;
        padding: 0;
        background-image: linear-gradient(182deg, rgb(38, 62, 152) 0%, rgb(32, 58, 146) 52%, rgb(0, 118, 191) 82%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        font-size: 33px;
        font-weight: 600;
        filter: drop-shadow(2px 3px 0px #cdcdcd);
    }
    
    .btn-all-web-action1 {
        text-align: center;
    }
    
    .btn-all-web-action1 h2 {
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        padding: 10px 20px;
        border: 1px solid;
        display: inline-block;
        border-radius: 10px;
    }
    
    
    .product-wrap__readmore {
        text-align: center;
    }
    
    .product-wrap__readmore a {
        height: 35px;
        /*! line-height: 40px; */
        padding: 0px 25px;
        border-radius: 5px;
        transition: all 0.4s ease-in-out;
        display: inline-block;
        font-size: 13px;
        color: #fff;
        background: #a1d656;
        font-weight: 500;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
    }
    
    a:hover {
        color: #ae0303;
    }
    
    h3.woocommerce-loop-product__title a:hover {
        /* color: #016b23; */
    }
    
    
    .product-wrap__readmore.ss-1 {
        padding-top: 20px;
        padding-bottom: 5px;
    }
    
    .product-wrap__readmore.ss-1 a:hover {
        /*! background: #fff; */
    }
    
    
    
    
    
    
    
    
    
    .category_menu-by-cate .danh-muc-menu ul li a {
        padding: 7px 0px !important;
    }
    
    
    
    
    
    
    
    
    
    
    .blog-carousels .listds-item__thumb img {
        height: 160px;
    }
    
    .type-product-ss2 .wrap-product {
        border-radius: 10px;
        position: relative;
        transition: all .3s ease;
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
        overflow: hidden;
    }
    
    .wrap-pro-tab-home.bg_white.wrap-carousel-datb {
        padding-bottom: 30px;
    }
    
    .type-product-ss2 .wrap-product__thumbnail {
        display: block;
        text-align: center;
        width: 100%;
        overflow: hidden;
        position: relative;
        /* padding: 8px; */
        border-radius: 10px 10px 0px 0px;
    }
    
    .type-product-ss2 .wrap-product__thumbnail .add-to-cart {
        display: unset;
        padding: unset;
        border: none;
    }
    
    .type-product-ss2 .wrap-product__thumbnail a img {
        object-fit: cover;
        /* height: 254px; */
        width: 100%;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    
    .type-product-ss2 .wrap-product__content {
        padding: 8px;
        text-align: center;
        background: #fff;
    }
    
    .type-product-ss2 .woocommerce-loop-product__title {}
    
    .type-product-ss2 .woocommerce-loop-product__title {
        font-size: 16px;
        font-weight: 500;
        text-transform: initial;
        padding: 0 0px !important;
        margin: 0px 0 0px 0 !important;
        line-height: 21.4px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: center;
    }
    
    
    .type-product-ss2 .price-ss2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        font-size: 16px;
        margin-bottom: 10px;
        color: #e50101;
        font-weight: bold;
        text-align: left;
        background-image: linear-gradient(90deg, #dec81c 0.59%, #e8a900 28.36%, #e8d437 42.89%, #B69538 61.07%, #e5d646 71.84%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
    }
    
    span.price-ss2 s {
        font-size: 14px;
        color: #777;
        font-weight: 600;
    }
    
    
    section.home-customer.hide_on_mobile {
        background: #016b23;
        padding-top: 30px;
    }
    .item-projects-members a:hover {
    color: #bc0202;
}
    section.home-customer.hide_on_mobile .btn-all-web-action {
        padding-top: 0px !important;
        margin-top: 0px;
    }
    
    .ss10-pages .listds-item__content a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    section.home-customer.hide_on_mobile .btn-all-web-action a {
        border: 2px solid #ffffff8a !important;
        margin-top: 25px;
        border-radius: 30px;
        height: 55px;
        line-height: 55px;
    }
    
    .type-product-ss2 .sale-ss2 {
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        margin-left: 10px;
        background: url(../images/bg-icon-home.png);
        background-position: center center;
        background-size: contain;
        width: 45px;
        border: 1px solid;
        border-radius: 100%;
        position: absolute;
        top: 10px;
        left: 0;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .post-item-news {
        margin-bottom: 20px !important;
    }
    
    .product-shortcode {}
    
    
    .home-khonggian {
        /* margin-top: 45px; */
        background: #016b23;
        padding-bottom: 30px;
    }
    
    .home-product-ss3.bg-green {
        margin-bottom: 0px;
        /* background: linear-gradient(180deg, rgba(1, 91, 47, 1) 10%, rgba(0, 116, 61, 1) 47%, rgba(0, 116, 61, 1) 81%); */
        /* padding: 2rem 0px; */
    }
    
    
    .home-khonggian .product_sale.sale-no-title {
        background: #016b23;
        border-radius: 0px;
    }
    
    .home-khonggian .listds-item__content {
        background: #fff;
        border-radius: 0px;
    }
    
    .home-khonggian .btn-all-web-action a {
        border: 1px solid #f9d529;
    }
    
    
    .home-section-desc {
        padding-bottom: 30px;
        background: #016b23;
        margin-top: 40px;
    }
    
    .desc-wrap__block {
        line-height: 1.72;
        padding-top: 30px;
    }
    
    .desc-wrap__block iframe {
        width: 100%;
        height: 330px;
    }
    
    .box-content-desc-warp {
        height: 310px;
        overflow: auto;
        padding: 0px 15px 0 0;
        color: #fff;
    }
    
    
    .home-customer.hide_on_mobile .listds-item__inner {
        box-shadow: unset;
    }
    
    .home-section-news {
        padding-top: 2px;
        background: #016b23;
    }
    
    .post-item-news .post-info__title {
        min-height: 45px;
    }
    
    .post-info {
        border-radius: 5px;
        overflow: hidden;
        background: #FFF;
        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
        -webkit-transition: all 0.45s ease-in-out;
        transition: all 0.45s ease-in-out;
    }
    
    .post-info_thumb a {
        overflow: hidden;
        display: block;
        position: relative;
        background: #FFF;
    }
    
    .post-info_thumb a img {
        object-fit: cover;
        height: 245px;
    }
    
    .listds-item__thumb img {
        height: 245px;
        object-fit: cover;
    }
    
    .post-info__content {
        padding: 10px;
        text-transform: uppercase;
        margin-top: 0;
        text-align: center;
        margin: 5px 0 5px 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 22.4px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    h2.heading {
        padding: 15px 0 15px 0;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
    }
    
    .home-section-news .btn-all-web-action a {
        border: 1px solid;
    }
    
    .box-news-cofirm {
        padding-bottom: 10px;
    }
    
    .home-section-news .product-wrap__readmore a {
        color: #000;
        background: #f9d529 !important;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 40px;
        line-height: 40px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* new  */
    /* .home-customer.hide_on_mobile {
        padding-top: 30px;
    } */
    
    .showroom-position__address p {
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        text-transform: math-auto !important;
        margin-bottom: 0px !important;
    }
    
    .showroom-position__content .text-actine {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .home-customer .heading1 {
        margin: 0 0 35px 0;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.4;
        text-transform: uppercase;
        text-align: center;
    }
    
    .home-customer .blog-carousels {
        background: #016b23;
        padding: 10px;
        margin-bottom: 25px;
        border-radius: 10px;
    }
    
    .home-customer .listds-item {
        /* box-shadow: rgb(65 62 62 / 35%) 0px 5px 15px; */
        /* background: #016b23; */
        width: 100%;
        display: inline-block;
    }
    
    .home-customer .listds-item__inner {
        border-radius: 5px;
        text-align: center;
        padding: 0px;
        transition: all 0.35s ease-in-out;
    }
    
    .home-customer .listds-item__thumb {
        width: 180px;
        float: left;
        padding: 20px 0px 20px 20px;
    }
    
    .home-customer .listds-item__content {
        width: 60%;
        float: right;
        padding: 7px;
    }
    
    .home-customer .listds-item__content {
        color: #fff;
        font-size: 14px;
    }
    
    .customer-wrap__itemDesc {
        padding: 10px 7px;
        text-align: justify;
        color: #fff;
        font-size: 13px;
        line-height: 1.5;
        display: inline-block;
    }
    
    
    
    .listds-item__inner p.listds-item__content {
        width: 100%;
        /* text-transform: uppercase; */
        font-weight: 700;
        min-height: 30px;
        text-align: left;
        padding-bottom: 0;
    }
    
    
    .blog-carousels .listds-item .listds-item__inner img {
        border-radius: 50%;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* Tab Links */
    .tabs {
        display: flex;
        /*! padding-bottom: 10px; */
        justify-content: center;
        /*! padding-top: 7px; */
    }
    
    .tablinks {
        border: none;
        outline: none;
        cursor: pointer;
        padding: 5px 11px;
        font-size: 14px;
        /* width: 100%; */
        text-transform: uppercase;
        font-weight: bold;
        transition: 0.2s ease;
        color: #2d2d2d;
        background-color: transparent;
        text-transform: capitalize;
        font-weight: 400;
        border: 1px solid #dee2e6;
        -webkit-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
        padding: 5px 15px 3px 15px;
        border-radius: 20px;
        background-color: #fbfbfb;
        margin: 0px 5px;
    }
    
    /* Tab active */
    .tablinks.active {
        font-weight: 700;
        background: #016b23;
        /*! color: #fff; */
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    }
    
    /* tab content */
    .tabcontent {
        display: none;
    }
    
    /* Text*/
    .tabcontent p {
        color: #333;
        font-size: 16px;
    }
    
    /* tab content active */
    .tabcontent.active {
        display: block !important;
    }
    
    
    
    
    
    .post-info_thumb a {
        position: relative;
    }
    
    
    .box-content-desc-warp p {
        font-size: 14px;
        padding-bottom: 5px;
    }
    
    .box-content-desc-warp p span {
        font-size: 18px !important;
    }
    
    .box-content-desc-warp img {
        padding: 5px 0;
    }
    
    .icon-ytb {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .home-section-desc .desc-wrap__block img {
        height: 318px;
        object-fit: cover;
        border-radius: 10px;
    }
    
    .home-phongcach.ss8-pages .btn-all-web-action {
        margin: 0px !important;
        padding: 0px;
    }
    
    .home-phongcach.ss8-pages .box-sort-all-homepage {
        padding-top: 30px;
    }
    
    .showroom-position {
        background: #016b23;
        border-radius: 5px;
        box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
        min-height: 380px;
        margin-bottom: 20px;
    }
    
    .wrap-carousel-datb .btn-all-web-action {
        margin-bottom: 20px;
    }
    
    .wrap-carousel-datb .product-wrap__readmore {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    
    .showroom-position__thumb {
        margin-bottom: 10px;
    }
    
    .showroom-position__content p {
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 25px;
    }
    
    .showroom-position__address {
        margin-bottom: 5px;
        line-height: 1.5;
        color: #fff;
        min-height: 85px;
    }
    
    .showroom-position__url a {
        color: #F9D529;
    }
    
    .showroom-position__content {
        padding: 10px;
        background: #016b23;
    }
    
    
    .post-info_thumb a p iframe {
        width: 100%;
        height: 160px;
    }
    
    
    
    
    
    
    
    
    
    h1.page-title-all {
        margin: 5px 0 15px 0;
        font-size: 21px;
        padding: 0px;
        text-transform: uppercase;
        text-align: left;
        position: relative;
        font-weight: bold;
    }
    
    h1.page-title-all span {
        /* position: relative; */
        /* display: inline-block; */
        /* background: #F9D529; */
        /* color: #222; */
        /* min-width: 300px; */
        /* height: 40px; */
        /* line-height: 40px; */
        /* border-radius: 5px 5px 0 0; */
        /* padding: 0 10px; */
    }
    
    header.entry-header-all {
        /* border-bottom: 1px solid #222; */
        /* margin: 0 0 20px 0; */
    }
    
    
    
    
    
    
    
    
    .slider-banner-about img {
        height: auto;
        object-fit: cover;
    }
    
    
    
    .content-bottom-banner p {
        color: #fff !important;
    }
    
    .ez-toc-title-container {
        display: inline-block;
        background: #fff;
        margin-left: 10px;
        margin-bottom: 30px;
        border-radius: 10px;
        padding: 10px;
    }
    
    span.ez-toc-title-toggle {
        border: 1px solid #7a7a7a;
        position: relative;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        margin-left: 20px;
    }
    
    .box-mucluc {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
    }
    
    span.ez-toc-title-toggle svg {
        width: 21px;
        height: 21px;
    }
    
    nav.nav-mucluc {
        display: none;
    }
    
    .box-mucluc.active~.nav-mucluc {
        display: block;
    }
    
    .ez-toc-title {
        font-weight: 500;
        font-size: 16px;
        color: #7a7a7a;
    }
    
    li.ez-toc-heading-level-2 a {
        font-size: 14px;
    }
    
    .counter-hierarchy {
        padding-top: 20px;
    }
    
    .content-bottom-banner {
        text-align: center;
    }
    
    .content-bottom-banner p {
        color: #fff;
    }
    
    .content-bottom-banner h2 {
        font-size: 24px;
    }
    
    .content-bottom-banner span {
        font-size: 14px;
        display: inline-block;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    
    .content-bottom-banner p {
        font-size: 14px;
        padding: 0px 10px;
        line-height: 2.0;
        color: #000 !important;
        text-align: justify;
    }
    
    .title-about-col span {
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase !important;
        color: #016b23;
    }
    
    .box-container-banner-about {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .row.box-container-banner-about:nth-child(2) .about-content-right {
        order: 1;
    }
    
    .row.box-container-banner-about:nth-child(2) .about-content-left {
        order: 2;
    }
    
    
    .row.box-container-banner-about:nth-child(4) .about-content-right {
        order: 1;
    }
    
    .row.box-container-banner-about:nth-child(4) .about-content-left {
        order: 2;
    }
    
    .slider-banner-about .slick-prev {
        left: 25px;
        z-index: 9999;
    }
    
    .slider-banner-about i {
        font-size: 20px;
        color: #fff;
        width: 20px;
        height: 20px;
    }
    
    .slider-banner-about .slick-next {
        right: 25px;
    }
    
    
    .post-info__thumb {
        overflow: hidden;
        position: relative;
        text-align: center;
    }
    
    .post-info__thumb a {
        padding-top: 70%;
        position: relative;
        overflow: hidden;
        background: #FFF;
    }
    
    .post-info__thumb a img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }
    
    h3.post-info__title {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 17px;
        line-height: 1.35;
        font-weight: 500;
        line-height: 22.4px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .post-info__description {
        padding: 0px 7px;
        /* border-left: 2px solid #F9D529; */
        /* background: #fafafa; */
        margin-bottom: 10px;
        line-height: 1.5;
        text-align: justify;
        font-size: 14px;
    }
    
    .box-product-bycategory {
        text-align: center;
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 40%);
        border: 5px solid #fff;
        margin-bottom: 25px;
        border-radius: 10px;
        padding: 10px;
    }
    
    .post-info__meta {
        padding: 0px 7px;
        color: #888;
        margin-bottom: 5px;
        display: flex;
        justify-content: space-between;
    }
    
    .post-info__description p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .post-info__link a {
        margin-bottom: 5px;
        font-size: 15px;
        color: #1c4298;
        font-weight: 500;
        font-style: italic;
    }
    
    span.date-time {
        color: #888;
        font-size: 14px;
    }
    
    .box-product-bycategory:hover img {
        transform: scale(1.2, 1.2);
        opacity: 0.5;
        transition: 1s ease;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    .bannercat {
        padding-bottom: 40px;
    }
    
    
    
    
    
    
    
    
    p.widget-title-ed {
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        background: #a1d656;
        height: 40px;
        line-height: 40px;
        margin: 0;
        border-radius: 5px 5px 0 0;
    }
    
    .menu-product-menu-container-ed {
        border: 1px solid #e7e1e1c9;
        border-top: 0;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }
    
    ul.menu-ed {
        /* border: 1px solid #a1a1a1; */
        padding: 10px;
        margin: 0;
        list-style: none;
        background: #ded17a;
    }
    
    li.menu-item-type-custom {
        position: relative;
    }
    
    li.menu-item-type-custom a {
        font-size: 14px;
        font-weight: normal;
        display: block;
        color: #212529;
        position: relative;
        padding: 10px 10px;
    }
    
    li.menu-item-type-custom .arrow {
        position: absolute;
        top: 0;
        right: 0;
        width: 39px;
        height: 39px;
        cursor: pointer;
        text-align: center;
        line-height: 25px;
        color: #333333;
        background: rgba(255, 255, 255, 0.085);
        -webkit-transition: all 0.25s ease 0s;
        transition: all 0.25s ease 0s;
    }
    
    span.arrow:before {
        content: "+";
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        top: 8px;
        left: 15px;
        -webkit-transition: all 0.25s ease 0s;
        transition: all 0.25s ease 0s;
    }
    
    span.arrow.active~.sub-menu {
        display: block;
    }
    
    .menu-item-type-custom .sub-menu {
        margin-left: 20px;
        display: none;
    }
    
    .widget-title-ed a:hover {
        color: #fff;
    }
    
    
    
    section.widget_nav_menu-ed {
        padding-bottom: 30px;
    }
    
    .post-news .menu-ed li {
        padding-bottom: 10px;
        padding-top: 10px;
        display: flex;
        border-bottom: 1px solid #222;
    }
    
    .post-news .menu-ed li a img {
        object-fit: cover;
        max-height: 70px;
        width: 100%;
    }
    
    .post-news .menu-ed li p {
        width: 60%;
        font-size: 14px;
    }
    
    .post-news .menu-ed li a {
        width: 40%;
        padding-right: 14px;
    }
    
    .menu-product-menu-container-ed .menu-ed li:last-child {
        border-bottom: unset;
    }
    
    
    .products-news .menu-ed li {
        padding-bottom: 10px;
        display: flex;
        justify-content: space-between;
    }
    
    .products-news .menu-ed li .product-img-news {
        width: 45%;
    }
    
    .products-news .menu-ed li .price-right-news {
        width: 50%;
    }
    
    .price-right-news h3 {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
    }
    
    .price-right-news .price {
        font-weight: bold;
        color: red;
        margin: 0;
    }
    
    span.woocommerce-Price-amount.amount.sales-product-news {
        text-decoration: line-through;
        font-weight: normal;
        color: #666;
    }
    
    .price-right-news .price span {
        font-size: 14px;
    }
    
    section.widget_nav_menu-ed.products-news .menu-ed {
        overflow-y: auto;
        max-height: 700px;
    }
    
    .sidebar-shop .filter-ordering {
        margin-top: 10px;
    }
    
    .filter-ordering .filter-ordering__attr {
        display: none !important;
        flex-wrap: initial;
        background: initial;
        border: initial;
        box-shadow: initial !important;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .filter-ordering .filter-ordering__attr>li {
        padding: 0;
        margin-bottom: 30px;
        position: relative;
    }
    
    .filter-ordering .filter-ordering__attr>li>span {
        text-transform: uppercase;
        margin-bottom: 15px;
        display: block;
        padding: 0;
        font-size: 14px;
        line-height: 1.5;
    }
    
    .filter-ordering .filter-ordering__attr>li .filter-ordering__sub {
    
        display: block;
        position: inherit;
        top: initial;
        width: 100%;
        max-height: 200px;
        overflow: auto;
        padding: 0;
        margin: 0;
        list-style: none;
        z-index: 2;
        background: #fdf6f6;
        border: 1px solid #ddd;
    }
    
    .filter-ordering .filter-ordering__attr>li .filter-ordering__sub li a {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 12px;
        line-height: 1.5;
        padding: 5px 5px 5px 20px;
        color: #222;
        position: relative;
    }
    
    .filter-ordering .filter-ordering__attr>li .filter-ordering__sub li a:before {
        content: "\f0c8";
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 5px;
    }
    
    li.li-active-content-scoll.active a:before {
        content: "\f14a" !important;
        font-family: 'Font Awesome 5 Free' !important;
    }
    
    .sort-product-cate {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 25px;
    }
    
    
    .slech-sort select {
        margin-bottom: 0;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        border-radius: 5px;
        background-size: 10px;
        padding: 7px !important;
        padding-right: 1.5em !important;
        width: 250px;
        border: solid 1px #ccc;
        font-size: 14px;
    }
    
    #style-4::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }
    
    #style-4::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }
    
    #style-4::-webkit-scrollbar-thumb {
        background-color: #4f4b4b;
        border: 1px solid #555555;
    }
    
    .listds-item__inner p.listds-item__content a:hover {
        color: #016b23;
    }
    
    .home-khonggian .btn-all-web-action {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    
    .home-phongcach .btn-all-web-action {
        margin-bottom: 5px;
        margin-top: 30px;
    }
    
    .home-phongcach.ss8-pages .col-lg-3.col-md-4.col-sm-6 {
        padding: 15px;
    }
    
    p.listds-item__content a {
        color: #333;
        font-weight: 700;
        text-transform: uppercase;
    }
    
    
    .box-sort-all-homepage {
        display: flex;
        align-items: center;
        justify-content: center;
        /* padding-bottom: 25px; */
        position: relative;
        z-index: 0;
    }
    
    
    .home-product-ss3.bg-green .wrap-pro-tab-home {
        /* background: #fff; */
        /* background: linear-gradient(180deg, rgba(1, 91, 47, 1) 10%, rgba(0, 116, 61, 1) 47%, rgba(0, 116, 61, 1) 81%); */
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
    
    .bg-green {
        /* background: #f5f5f5 !important; */
        /* margin-bottom: 30px; */
    }
    
    .list-category>ul>li>a:hover {
        color: #016b23;
    }
    
    
    
    .product_sale.sale-no-title .banner-next {
        position: absolute;
        top: 50%;
        border: unset;
        background: none;
        z-index: 99;
        left: -20px;
    }
    
    .product_sale.sale-no-title .banner-next i {
        font-size: 20px;
        font-weight: 600;
        color: #333;
    }
    
    
    .product_sale.sale-no-title .banner-right {
        position: absolute;
        top: 50%;
        border: unset;
        background: none;
        z-index: 99;
        right: -20px;
    }
    
    .product_sale.sale-no-title .banner-right i {
        font-size: 20px;
        font-weight: 600;
        color: #333;
    }
    
    
    .home-khonggian .box_km .banner-right i {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
    }
    
    .home-khonggian .box_km .banner-next i {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
    }
    
    
    
    
    
    .wrap-pro-tab-home.bg_white.ss2-pages .listds-item__inner p.listds-item__content {
        text-align: center;
    }
    
    .wrap-pro-tab-home.bg_white.ss2-pages .listds-item__thumb img {
        height: 270px;
    }
    
    .wrap-pro-tab-home.bg_white.ss2-pages .listds-item__inner p.listds-item__content {
        padding-bottom: 7px;
    }
    
    .home-khonggian.ss4-pages .listds-item__inner p.listds-item__content {
        text-align: center;
        padding-bottom: 7px;
    }
    
    .home-khonggian.ss4-pages .listds-item__thumb img {
        height: 270px;
    }
    
    .home-phongcach.ss5-pages .listds-item__inner p.listds-item__content {
        text-align: center;
        padding-bottom: 7px;
    }
    
    .home-phongcach.ss5-pages .listds-item__thumb img {
        height: 270px;
    }
    
    .home-phongcach.ss8-pages .listds-item__thumb img {
        height: 270px;
    }
    
    .home-phongcach.ss8-pages .listds-item__inner p.listds-item__content {
        text-align: center;
        padding-bottom: 7px;
    }
    
    .home-phongcach.ss8-pages {
        padding-bottom: 25px;
    }
    
    .home-section-desc.ss7-pages {
        margin-top: 0px !important;
        display: none;
    }
    
    .home-section-news.ss9-pages .post-info_thumb a img {
        height: 170px;
        width: 100%;
    }
    
    .ss10-pages .listds-item__inner p.listds-item__content {
        text-align: center;
        padding-bottom: 7px;
        min-height: 60px;
    }
    
    .ss10-pages .listds-item__thumb img {
        object-fit: fill;
        height: 270px;
    }
    
    .ss10-pages {
        padding-bottom: 0px !important;
    }
    
    .ss10-pages .btn-all-web-action {
        padding: 0px !important;
        margin: 0px !important;
    }
    
    .ss10-pages .product-wrap__readmore.ss-1 {
        padding-top: 20px !important;
        padding-bottom: 0px;
        margin: 0px !important;
    }
    
    
    .ss10-pages .box-sort-all-homepage {
        padding-top: 25px;
        padding-bottom: 20px;
    }
    
    
    .blog-news-detail.ss-blog-1 .block-content-right {
        order: unset;
    }
    
    .ss10-pages {
        padding-bottom: 30px !important;
    }
    
    section.home-customer.hide_on_mobile.ss11-pages .btn-all-web-action {
        margin-bottom: 0px;
    }
    
    .tabshow.ss12-pages .product-wrap__readmore.ss-1 {
        padding-top: 15px;
        padding-bottom: 25px;
    }
    
    .box-chitiet p {
        padding-bottom: 10px;
    }
    
    .box-chitiet p img {
        padding-bottom: 10px;
    }
    
    .wrap-about-us {
        padding-bottom: 30px;
    }
    
    .blog-carousel-datb {
        margin: 0px -15px;
    }
    
    .padding_none {
        width: 100%;
        padding-inline: 0;
    }
    
    .product-wrap__readmore.ss-1.ss-1-mobile {
        display: none;
    }
    
    .content-category button {
        margin: auto;
        display: flow-root;
        background: #fff;
        text-align: center;
        border-radius: 3px;
        border: 1px solid #a1a1a1;
        font-weight: 400;
        color: #1877f2;
        padding: 5px 15px;
    }
    
    
    .content-full {
        height: 100%;
        max-height: 300px;
        overflow: hidden;
        display: inline-block;
    }
    
    .content-category.show-more .content-full {
        height: 100%;
        max-height: 100%;
    
    }
    
    .showw-slaptive {
        max-height: 700px;
        height: auto;
        overflow: hidden;
    }
    
    .tab-content.show-more .showw-slaptive {
        height: 100%;
        max-height: 100%;
    }
    
    .bg-caruser {
        text-align: center;
    }
    
    
    .box-bg-grops {
        position: relative;
    }
    
    .box-bg-grops:before {
        height: 55px;
        position: absolute;
        margin-top: -40px;
        content: "";
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff00", endColorstr="#ffffff", GradientType=0);
        display: block;
        z-index: 9;
        left: 0;
        right: 0;
        top: -15px;
    }
    
    .category_menu {
        padding-bottom: 15px;
    }
    
    .desc-xt {
        padding-top: 20px;
    }
    
    .box-bg-grops button:focus {
        background: none;
        box-shadow: none;
        border: 1px solid #016b23 !important;
        color: #016b23;
    }
    
    .box-bg-grops button {
        border: 1px solid #016b23 !important;
        color: #016b23;
    }
    
    .box-bg-grops button:hover {
        background: #016b23;
        color: #fff;
    }
    
    .box-title-name-keyle span {
        display: block;
    }
    
    .group-title .content-full p {
        padding-bottom: 10px;
    }
    
    .box-title-name-keyle {
        color: #016b23;
        font-size: 14pt;
        font-weight: 700;
        padding-bottom: 10px;
    }
    
    .box-title-name-keyle span {
        font-size: 20px;
        color: #016b23;
        font-weight: 600;
    }
    
    .xem-all-banner:before {
        /* background-image: linear-gradient(180deg,transparent,#F8F3F0); */
        /* height: 80px; */
        /* content: ""; */
        /* position: absolute; */
        top: 0;
        width: 100%;
    }
    
    .content-post {
        position: relative;
        overflow: hidden;
    }
    
    
    .content-post:before {
        background-image: linear-gradient(180deg, transparent, #F8F3F0);
        height: 80px;
        content: "";
        position: absolute;
        width: 100%;
        bottom: 0;
        z-index: 99;
    }
    
    .xem-all-banner-next button {
        background: none;
        border: none;
        text-align: center;
    }
    
    .xem-all-banner-next {
        text-align: center;
        padding: 30px 0px 10px 0px;
        position: relative;
    }
    
    span.arrow.arrow_down:after {
        content: "";
        background: url(https://quattran.vn/wp-content/themes/themenamewoo/images/icon_down.png);
        display: block;
        width: 20px;
        right: 0;
        left: 0;
        top: 10px;
        margin: auto;
        position: absolute;
        opacity: 1;
        height: 15px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .xem-all-banner {
        text-align: center;
        position: relative;
    }
    
    .danh-muc-btn a:hover {
        color: #fff;
    }
    
    .xem-all-banner button {
        background: none;
        border: none;
        position: relative;
        font-size: 15px;
        font-weight: 400;
        padding-top: 25px;
    }
    
    span.arrow.arrow_down:before {
        content: "";
        background: url(https://quattran.vn/wp-content/themes/themenamewoo/images/icon_down.png);
        display: block;
        width: 20px;
        right: 0;
        left: 0;
        top: 16px;
        margin: auto;
        position: absolute;
        opacity: 1;
        height: 15px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .arrow.arrow_down:after {
        content: "";
        background: url(https://quattran.vn/wp-content/themes/themenamewoo/images/icon_down.png);
        display: block;
        width: 20px;
        top: 9px;
        right: 0;
        left: 0;
        margin: auto;
        position: absolute;
        opacity: .5;
        height: 15px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .arrow.arrow_down:before {
        animation: animate-arrow-3 1s ease-in-out infinite .2s;
    }
    
    @keyframes animate-arrow-3 {
        0% {
            transform: translateY(-10px);
            opacity: 0
        }
    
        70%,
        to {
            transform: translateY(0);
            opacity: 1
        }
    }
    
    @keyframes animate-arrow-2 {
        0% {
            transform: translateY(-20px);
            opacity: 0
        }
    
        70%,
        to {
            transform: translateY(0);
            opacity: .5
        }
    }
    
    .arrow.arrow_down:after {
        animation: animate-arrow-2 1s ease-in-out infinite .1s;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .content-post.additional-class.xem-all-banner {
        display: none !important;
    }
    
    .content-post .additional-class .xem-all-banner {
        display: none !important;
    
    }
    
    .content-post.additional-class~.xem-all-banner {
        display: none;
    }
    
    .content-post.additional-class {
        height: 360px;
        overflow-y: auto;
    }
    
    .content-post.additional-class .content-post:before {
        background-image: none;
        content: "";
    }
    
    .content-post.additional-class:before {
        content: "";
        background-image: none;
    }
    
    .readmore_content .content-greander {
        display: block;
    }
    
    
    
    
    
    .content-post .content-greander {
        display: block;
    }
    
    .readmore_content.haha .xem-all-banner-next {
        display: block;
    }
    
    .content-post .xem-all-banner-next {
        display: none;
    }
    
    .readmore_content.haha~.xem-all-banner {
        display: none;
    }
    
    .haha .content-post:before {
        background: none;
        content: "";
        height: 0px;
    }
    
    .tinhtrang {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        padding-top: 10px;
        border-top: 1px solid #eee;
    }
    
    .tinhtrang span {
        color: #016b23;
    }
    
    /* .img-ships-uy img {
        height: 70px;
    } */
    
    
    
    
    .col-bottom-detail {
        padding: 40px 0 0 0;
    }
    
    .box-chitiet button {
        background: none;
        color: #016b23;
        font-weight: 400;
        border: 1px solid #016b23;
    }
    
    .box-chitiet button:focus {
        background: none;
        color: #016b23;
        font-weight: 400;
        border: 1px solid #016b23 !important;
        box-shadow: none;
    }
    
    .box-chitiet button:hover {
        background-color: #016b23;
        color: #fff;
    }
    
    h3.post-info__title.ss-about-secat {
        min-height: 45px;
        text-align: center;
    }
    
    .news-detail h1 {
        display: inline-block;
        background: #213b93;
        padding: 5px 20px;
        border-radius: 5px 5px 0 0;
        margin-bottom: 0px;
        color: #fff;
        font-weight: 500;
        margin-top: 30px;
    }
    
    .news-detail .title-detail {
        border-bottom: 1px solid #213b93;
    }
    
    
    .sale-no-titles {
        display: block !important;
    }
    
    .entry-view {
        font-size: 13px;
        color:
            #555;
        margin-right: 10px;
    }
    
    .news-detail .media-sitebar {
        padding-top: 20px;
        border-top: 0px solid #cdcdcd;
    }
    
    .news-detail .media-sitebar ul {
        justify-content: center;
    }
    
    .box-form-spier {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 10px;
    }
    
    .box-form-spier .form_danhgia {
        width: 49%;
    }
    
    .star-bridpre ul {
        display: flex;
        align-items: center;
    }
    
    .star-bridpre ul li i {
        color: #dada12;
        font-size: 14px;
    }
    
    .star-bridpre ul li {
        padding-right: 4px;
    }
    
    .star-bridpre {
        display: flex;
        align-items: center;
        /* padding-bottom: 10px; */
        /* border-bottom: 1px solid #cdcdcd; */
    }
    
    .description {
        padding-bottom: 10px;
    }
    
    .star-bridpre p {
        /* padding-left: 16px; */
        font-size: 13px;
        color: #a9a9a9;
    }
    
    .attr-item.price_detail .badge {
        font-size: 13px;
        padding: 4px 8px;
        background: #ec4855;
        border-radius: 6px;
        margin-left: 20px;
        color: #fff;
    }
    
    .box-item-input-idform .form_danhgia {
        width: 49%;
    }
    
    .box-item-input-idform {
        padding-bottom: 10px;
        display: flex;
        justify-content: space-between;
    }
    
    .home-section.product-ss4.bg-green.ss6-pages {
        margin-top: 0px;
    }
    
    .xem-all-banner:before {
        content: "";
        position: absolute;
        width: 100%;
        background-image: linear-gradient(180deg, transparent, #F8F3F0);
        height: 106px;
        left: 0;
        top: -85px;
    }
    
    .bot_content.box_hidden {
        overflow: hidden;
    }
    
    .menu-item-type-custom a:hover {
        color: #016b23;
    }
    
    .img-load-input-multiple input {
        border: none !important;
        margin-top: 10px;
        padding: 0px !important;
    }
    
    .content-greander p {
        text-align: justify;
        padding-bottom: 10px;
    }
    
    ul.nav_left li:last-child:before {
        content: "";
        background: none;
    }
    
    .content-greander img {
        padding: 5px 0;
    }
    
    .content-top {
        text-align: justify;
    }
    
    .content__in {
        padding: 15px 0;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 30px;
        font-size: 16px;
        color: #333;
    }
    
    .content__in h2 {
        font-size: 20px;
        font-weight: 600;
    }
    
    .content__in h3 {
        font-size: 18px;
        font-weight: 600;
    }
    
    .content__in h4 {
        font-size: 16px;
        font-weight: 600;
    }
    
    .content__in tr td {}
    
    .content__in tr td p {
        font-size: 15px;
        line-height: 23px;
        padding-bottom: 10px;
    }
    
    .content__in img {
        padding: 10px 0
    }
    
    .sales-product-curren p {}
    
    .wrap-pro-tab-home.bg_white.ss2-pages .slick-next {
        right: 20px;
    }
    
    .wrap-pro-tab-home.bg_white.ss2-pages .slick-prev {
        left: 20px;
    }
    
    .slide_cate.cate-dot-1 {
        display: flex;
        flex-wrap: wrap;
    }
    
    .wrap-pro-tab-home.bg_white.ss2-pages {
        display: block;
    }
    
    .wrap-pro-tab-home.bg_white.ss2-pages.ss2-page-mobile {
        display: none;
    }
    
    
    
    
    
    
    
    
    
    
    .sale-no-titles_mobile .blog-carousel {
        width: 50%;
    }
    
    .sale-no-titles_mobile {
        display: flex;
        flex-wrap: wrap;
    }
    
    .ss10-pages {
        display: block
    }
    
    .ss10-pages-mobile {
        display: none;
    }
    
    .blog-carousel-datb-mobile .listds-item {
        width: 50%;
    }
    
    
    .blog-carousel-datb-mobile {
        display: flex;
        flex-wrap: wrap;
    }
    
    .star-bridpre.box-star-infor-products p {
        padding-left: 5px;
        color: #333;
    }
    
    .tabs-mobile {
        display: none;
    }
    
    .chi__nhanh {
        display: block;
    }
    
    .box-tag-smien {
        padding-bottom: 20px;
    }
    
    .box-tag-smien {
        display: none;
    
    }
    
    .title-chinhanh-mobile h2 {
        font-size: 20px;
        color: #016b23;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
    }
    
    .wrap-pro-tab-home.bg_white.wrap-carousel-datb.ss10-pages.ss10-pages-mobile {
        border-bottom: 1px solid #016b23;
    }
    
    .filter-ordering__item i {
        font-size: 11px;
    }
    
    .filter-ordering__item span {
        text-transform: unset !important;
    }
    
    
    .home-phongcach.ss8-pages.ss8-pages-mobile {
        display: none;
    }
    
    .product_sale.sale-no-title-mobile .blog-carousel {
        width: 50%;
    }
    
    .product_sale.sale-no-title-mobile {
        display: flex;
        flex-wrap: wrap;
        padding: 0px 10px;
    }
    
    
    .filter-ordering.sort-mobile {
        display: none;
    }
    
    .filter-ordering.sort-mobile .filter-ordering__action {
        padding-bottom: 10px;
    }
    
    .category_menu-by-cate {
        display: block !important;
    }
    
    .wrap-pro-tab-home.bd-top-ss1 {
        /* padding-top: 20px; */
        padding-bottom: 20px;
    }
    
    .side-bar.active .list-fill {
        display: block;
    }
    
    
    
    
    .active-mobile-detail-dm .title-sider-bar {
        position: relative;
    }
    
    .active-mobile-detail-dm .title-sider-bar span {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .title-sider-bar span {
        display: none;
    }
    
    /* .product-wrap__readmore.ss-1.xtc-mobile {
        display: none;
    } */
    
    
    
    
    .head-local .footer-title {
        text-align: center;
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 10px;
        color: #016b23;
        text-transform: uppercase;
    }
    
    ul.tab-locial.clearfix {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        list-style: none;
        justify-content: center;
        margin-bottom: 10px;
    }
    
    ul.tab-locial.clearfix li a {
        display: block;
        padding: 0 15px;
        border-radius: 40px;
        line-height: 30px;
        color: #333;
    }
    
    ul.tab-locial.clearfix li.active {
        background: #016b23;
        display: block;
        border-radius: 40px;
        line-height: 40px;
    }
    
    ul.tab-locial.clearfix li.active a {
        color: #fff;
    }
    
    ul.tab-address li a {
        display: block;
        color: #000;
        font-weight: 600;
        font-size: 16px;
        padding: 10px 15px 10px 20px;
        border-radius: 60px;
    }
    
    ul.tab-address li.active a {
        color: #fff;
        background: #016b23;
    }
    
    ul.tab-address li a span {
        display: block;
        font-weight: normal;
        font-size: 14px;
        margin-top: 8px;
    }
    
    .chinhanh-footer-left {
        position: relative;
    }
    
    .chinhanh-footer-left .icon-ytb-chinhanh {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .chinhanh-footer-left .icon-ytb-chinhanh img {
        width: 51px;
        height: 51px;
    }
    
    .cart-body-7 {
        padding: 0 15px;
    }
    
    .cart-body-7 .card-title {
        font-weight: bold;
        color: #670001;
        font-size: 18px;
        text-transform: uppercase;
    }
    
    p.place {
        margin: 0 0 10px;
        text-align: center;
    }
    
    p.place span {
        display: block;
        font-size: 14px;
        color: #000;
    }
    
    .cart-body-7 .map {
        display: inline-block;
        line-height: 40px;
        padding: 0 24px;
        background: #016b23;
        color: #fff;
        border-radius: 40px;
    }
    
    .cart-body-7 .d-flex {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: left;
        margin-bottom: 10px;
    }
    
    .time {
        margin-right: 30px;
        font-size: 14px;
        color: #000;
    }
    
    .consultants {
        display: flex;
        flex-wrap: wrap;
    }
    
    .consultants .avatar {
        width: 30%;
        margin-right: 15px;
        overflow: hidden;
    }
    
    .consultants .avatar img {
        border-radius: 8px;
        width: 100px;
        height: 100px;
        object-fit: cover;
    }
    
    .info {
        width: 65%;
    }
    
    .consultants .info .sub-name {
        text-transform: uppercase;
        margin-bottom: 10px;
        font-size: 14px;
        color: #000;
    }
    
    .consultants .info .name {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .chinhanh-footer-left {
        height: 250px;
        overflow: hidden;
        position: relative;
        border-radius: 10px;
    }
    
    .chinhanh-footer-left img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
    
    .footer-local {
        padding: 20px 0;
        border-top: 0.5px solid #CBA789b0;
    }
    
    .row.head-local {
        padding-bottom: 15px;
    }
    
    .tab-pane.tabcontent .active {
        display: block !important;
    }
    
    .tabcontent-footer {
        display: none;
    }
    
    .tab-pane.tabcontent-footer.active {
        display: block;
    }
    
    
    .tab-content.maps.footer-place {
        display: none;
    }
    
    .tab-content.maps.footer-place.active {
        display: block;
    }
    
    
    .chinhanh-footer-left iframe {
        display: none;
        width: 100%;
    }
    
    .chinhanh-footer-left.active img {
        display: none;
    }
    
    .chinhanh-footer-left.active iframe {
        display: block;
    }
    
    
    .wrap-content-main.wrap-template-contact.template-detail .contact-form .form input {
        margin-bottom: 17px;
    }
    
    .box-img-sitebar {
        display: none;
    }
    
    .consultants {
        display: none;
    }
    
    .anmobile {
        display: block
    }
    
    .hienmobile {
        display: none
    }
    
    .listds-item1 {
        margin-bottom: 25px;
    }
    
    .display_video iframe {
        width: 330px;
    }
    
    .flash-sale {
        margin: 46px 0 0px;
        border-radius: 15px;
        padding: 40px 0px 20px;
        position: relative;
    }
    
    .flash-sale .group-title {
        background-image: url(../images/home-deal-bg.png);
        text-align: center;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 0;
        width: 710px;
        margin: 0 auto;
        margin: -69px auto auto;
        position: relative;
    }
    
    .flash-sale .group-title img {
        height: 42px;
        width: auto;
        transition: transform 0.8s ease;
        animation: shake 0.8s ease-in-out 0.7s infinite;
        margin-right: 10px;
    }
    
    .flash-sale .group-title p {
        color: #FFF;
        text-shadow: 0 4px 4px rgba(156, 0, 0, 0.96);
        font-size: 32px;
        font-style: italic;
        font-weight: 800;
        line-height: 42px;
        margin: 0 18px 0 0;
    }
    
    .deal-time-holder {
        display: flex;
        align-items: center;
        border-radius: 18px;
        box-shadow: 0 0 0 1px #FFF;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.59) 57.29%, rgba(255, 255, 255, 0.8) 96.87%);
        padding: 5px 14px;
    }
    
    .deal-time-holder span {
        font-size: 15px;
    }
    
    .deal-time-holder b {
        background: linear-gradient(0deg, rgba(0, 87, 0, 1) 0%, rgba(55, 142, 0, 1) 100%);
        height: 35px;
        width: 33px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: white;
        border-radius: 5px;
        position: relative;
        margin-left: 6px;
        font-size: 13px;
    }
    
    .deal-time-holder b:not(:last-child):after {
        content: ':';
        position: absolute;
        right: -8px;
        color: black;
        font-weight: bold;
        font-size: 18px;
    }
    
    .deal-hot-body {
        background: linear-gradient(270deg, #00A551 0%, #8EB958 102.33%);
        margin: 46px 0 16px;
        border-radius: 15px;
        padding: 40px 16px 20px;
        position: relative;
    }
    
    @keyframes shake {
    
        0%,
        100% {
            transform: scale(1) translateX(0);
        }
    
        25%,
        75% {
            transform: scale(1.2) rotate(5deg);
        }
    
        50% {
            transform: scale(1.2) rotate(-5deg);
        }
    }
    
    .slideshow .slick-dots {
        display: block !important;
        bottom: 10px;
    }
    
    .slideshow .slick-dots li {
        width: 10px;
        height: 10px;
    }
    
    
    .slideshow .slick-dots li button:before {
        content: "";
    }
    
    .slideshow .slick-dots li.slick-active button {
        background: #f99d1b;
        border-radius: 100%;
        width: 13px;
        height: 13px;
    }
    
    .slideshow .slick-dots li {
        margin-left: 10px;
    }
    
    .slideshow .slick-dots li button {
        background-color: #f1f1f1;
        border-radius: 50%;
        /* border: 2px solid #cdcdcd; */
        width: 13px;
        height: 13px;
    }
    
    
    .slideshow .slide-1 {
        margin-bottom: 17px;
    }
    
    
    
    .flash-sale .slick-dots {
        display: block !important;
        bottom: -32px;
    }
    
    .flash-sale .slick-dots li button:before {
        content: "";
    }
    
    .flash-sale .slick-dots li {
        width: 13px;
        height: 13px;
        background: #f1f1f1;
        border-radius: 100%;
    }
    
    .flash-sale .slick-dots li.slick-active {
        background: #f99d1b;
    }
    
    
    .flash-sale-body {
        background-color: var(--bg-body);
        padding: 45px 25px;
        background: rgb(0, 87, 0);
        background: linear-gradient(0deg, rgba(0, 87, 0, 1) 0%, rgba(55, 142, 0, 1) 100%);
        background: #28682c;
        margin-top: -34px;
        border-radius: 10px;
        padding-bottom: 20px;
    }
    
    
    
    
    
    
    section.about-us-wraper {
        overflow: hidden;
        background: #fff;
        position: relative;
        position: relative;
        padding-top: 20px;
    }
    section.about-us-wraper .row{
        flex-direction: row-reverse;
    }
    .content-about-top .title-about span p {
        font-size: 18px;
        background-image: linear-gradient(182deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 52%, rgb(0, 0, 0) 82%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        font-weight: 400;
        filter: drop-shadow(2px 3px 0px #fff0);
    }
    
    .content-about-top .title-about span {
        font-size: 32px;
        background-image: linear-gradient(182deg, rgb(38, 62, 152) 0%, rgb(32, 58, 146) 52%, rgb(0, 118, 191) 82%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        text-transform: uppercase;
        font-weight: 600;
        filter: drop-shadow(2px 3px 0px #eaeaea00);
    }
    
    .qoute p {
        font-size: 16px;
        color: #fff;
        text-align: justify;
    }
    
    .qoute p i {
        font-size: 14px;
        padding-right: 5px;
    }
    
    .about-sign {
        display: flex;
        align-items: center;
        margin-top: 1.5rem !important;
    }
    
    .about-sign .img-box img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
    
    .about-sign .img-box {
        height: 100%;
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
        border: 2px solid #efe47b;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        overflow: hidden;
    }
    
    span.utmcentur-if {
        font-size: 19px;
        background-image: linear-gradient(66deg, rgb(251, 134, 11) 34%, rgb(253, 126, 1) 50%, rgb(246, 133, 19) 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        font-weight: 600;
    }
    
    .inf {
        padding-left: 10px;
    }
    
    p.s-name {
        font-size: 14px;
        line-height: 1.3;
        position: relative;
        z-index: 10;
        color: #000;
    }
    
    .item-img-abouts img {
        object-fit: cover;
        /* filter: drop-shadow(1px 2px 6px black); */
        /* background: #fff; */
    }
    
    .item-img-abouts:hover img {}
    
    .item-img-abouts {}
    
    .hr-gradient {
        background: linear-gradient(49deg, rgb(112 57 2 / 0%) 10%, rgb(251, 74, 26) 50%, rgb(149 74 0 / 0%) 90%);
        width: 100%;
        height: 1px;
        margin-bottom: 1rem !important;
    }
    
    .content-center-abous-us p {
        text-align: justify;
        font-size: 16px;
        line-height: 1.9;
        overflow-x: hidden;
        color: #2b2b2b;
    }
    
    .item-img-abouts {
        position: relative;
        padding-top: 0px;
    }
    
    .deatl-icon-last {
        position: absolute;
        top: 0;
        right: 18px;
    }
    
    .deatl-icon-last img {
        width: 35px !important;
        box-shadow: unset !important;
        filter: drop-shadow(1px 1px 3px red);
    }
    
    .item-img-abouts:before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        display: none;
    }
    
    @keyframes shine {
        100% {
            left: 125%;
        }
    }
    
    
    
    
    .item-deal-hot a:hover img {
        transform: scale(1.1);
        transition: 1s ease;
    }
    
    .item-deal-hot {
        position: relative;
    }
    
    .item-deal-hot:before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        display: none;
    }
    
    .item-deal-hot:hover:before {
        animation: shine 1s;
        display: block;
    }
    
    
    
    .content-center-abous-us p strong {
        background-image: linear-gradient(66deg, rgb(103 52 0) 34%, rgba(139, 69, 0, 1) 50%, rgba(149, 74, 0, 1) 90%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        letter-spacing: 0.5px;
        padding-right: 5px;
    }
    
    .fancybox-slide {
        /*! z-index: 9999999999999999999999999 !important; */
    }
    
    section.about-us-wraper:before {
        /* content: ""; */
        top: 0;
        position: absolute;
        /* background-image: url(../images/tea.png); */
        /* width: 100%; */
        /* height: 400px; */
        /* left: 145px; */
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .fancybox-iframe {
        width: 100%;
        /*! height: 500px !important; */
    }
    
    .fancybox-button {
        z-index: 9999999999999999999999 !important;
    }
    
    .fancybox-slide--iframe .fancybox-content {
        height: 500px !important;
    }
    
    .contai-icon {
        height: 247px;
        width: 252px;
        border-radius: 100%;
        padding: 15px;
        background: linear-gradient(128deg, rgb(235 231 231 / 51%) 33%, rgb(198 198 198) 60%, rgba(230, 230, 232, 1) 82%);
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    .item-member img {
        width: 170px;
        /* filter: drop-shadow(1px 1px 5px #555); */
        object-fit: contain;
    }
    
    .content-meber-cerer {
        flex: 1;
    }
    
    .content-meber-cerer h2 {
        line-height: 1.6;
        font-size: 28px;
        font-weight: 700;
        text-transform: capitalize;
        letter-spacing: -.3px;
        margin-bottom: 0px;
        color: #333;
    }
    
    .content-meber-cerer p {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -.3px;
        color: #fff;
    }
    
    
    
    
    
    
    
    .wrap-pro-tab-home.bd-top-ss1.mart {
        background: url(../images/baycofe2.png);
        background-position: top !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
    
    section.deal-hot {
        padding: 3rem 0px;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .item-deal-left {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    .item-deal-left img {
        height: 100%;
        width: 100%;
    }
    
    .deal-left .item-deal-left {
        position: relative;
    }
    
    .content-deal-left {
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #ffffffa8;
        width: 100%;
        padding: 8px;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    .content-deal-left .name-s h2 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom: 0px;
        color: #28682c;
    }
    
    .price-deal-left {
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #cd1b1b;
        font-weight: 700;
        transition: transform 0.8s ease;
        animation: shake2 1.5s ease-in-out 1.5s infinite;
    }
    
    @keyframes shake2 {
    
        0%,
        100% {
            transform: scale(1) translateX(0);
        }
    
        25%,
        75% {
            transform: scale(1.1) rotate(1.1deg);
        }
    
        50% {
            transform: scale(1.1) rotate(-1.1deg);
        }
    }
    
    .deal-right {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .list-product-deal-right {
        overflow: hidden;
        border-radius: 10px;
        width: 49%;
        position: relative;
    }
    
    .wrap-product:hover img {
        transform: scale(1.1);
        transition: 1s ease;
    }
    
    .content-deal-right {
        position: absolute;
        bottom: 0;
        padding: 10px 0px;
        z-index: 9999;
        width: 100%;
        text-align: center;
        background-image: linear-gradient(101deg, rgb(3 96 50) 27%, rgb(1 110 58) 59%, rgb(1 101 54) 81%);
    }
    
    .item-deal-hot img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
    
    .item-deal-hot {
        height: 100%;
        width: 100%;
    }
    
    .name-deal-right p {
        color: #fff;
    }
    
    .price-deal-right p {}
    
    .btn-all-web-action h2 .hr-gradient {
        width: 100%;
        height: 2px;
        background: linear-gradient(49deg, rgb(112 57 2 / 0%) 10%, rgb(251, 74, 26) 50%, rgb(149 74 0 / 0%) 90%);
    }
    
    .wrap-product:hover {
        border-color: #e2d137;
    }
    
    span.sales-product-curren {
        position: absolute;
        top: 20px;
        right: 20px;
        position: absolute;
        padding: 0 5px;
        color: #000;
        right: 10px;
        top: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-size: 14px;
        line-height: 28px;
        height: 25px;
        background-image: linear-gradient(to right, #ebe5a1 0%, #d1b567 100%);
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    
    .privew {
        position: absolute;
        z-index: 100;
        text-align: center;
        font-size: 17px;
        color: #000;
        border-radius: 100%;
        display: flex;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        justify-content: center;
        display: none;
    }
    
    .type-product-ss2 .wrap-product:hover .privew {
        transition: 1s ease;
    }
    
    
    
    
    .item-img-product-QC {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        height: 100%;
    }
    
    .content-product-QC {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 5px;
        text-align: center;
        background: #00000099;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    .name-QC-product h2 {
        background-image: linear-gradient(90deg, #dec81c 0.59%, #e8a900 28.36%, #e8d437 42.89%, #B69538 61.07%, #e5d646 71.84%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 700;
    }
    
    .price-QC-products p {
        background-image: linear-gradient(90deg, #dec81c 0.59%, #e8a900 28.36%, #e8d437 42.89%, #B69538 61.07%, #e5d646 71.84%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
    }
    
    .deal-hot .item-deal-hot span.sales-product-curren {
        right: unset;
        left: 20px;
    }
    
    .col-product-item:hover .privew {
        transform: translateX(10px);
        transition: 1s ease;
    }
    
    .col-product-item .privew {
        transform: translateX(-100px);
    }
    
    .col-product-item {
        overflow: hidden;
    }
    
    .col-product-item .product-item .box {
        overflow: hidden;
    }
    
    .item-img-product-QC img {
        height: 100%;
        width: 100%;
    }
    
    .QC-products {
        height: 703px;
        padding-top: 20px;
        width: 100%;
    }
    
    .product-wrap__readmore a:hover {
        background: none;
        /* border:  1px solid #dabd82 !important; */
        color: #dabd82;
    }
    
    .hr-gradient.products {
        margin-bottom: 0px !important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .home-video {
        position: relative;
        padding-bottom: 2rem !important;
        padding-top: 1rem;
    }
    
    .home-video .big-box {
        position: relative;
        padding-bottom: 3rem !important;
    }
    
    .home-video .big-box .img-box {
        height: 70vh;
        margin-right: 15px;
        min-height: 500px;
        max-height: 550px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        border-radius: 5px;
        overflow: hidden;
        border-radius: 15px;
        overflow: hidden;
    }
    .home-video .big-box .img-box iframe{
        border-radius: 15px;
    }
    .img-box img {
        opacity: 1;
        transition: opacity 300ms;
        width: auto;
        object-fit: cover;
        min-width: 100%;
        height: 100%;
    }
    
    .home-video .big-box .text-box {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: linear-gradient(to bottom, #068a4cb0, rgba(0, 0, 0, 0));
        display: flex;
    }
    
    section.home-video .container {
        padding-left: 30px;
    }
    
    .text-box .my-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }
    
    .home-video .container {
        position: relative;
    }
    
    .home-video .big-box .text-box .brief {
        font-size: 25px;
        color: #dabd82;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .home-video .big-box .text-box .title-utmcentur {
        font-weight: 600;
        font-size: 20px;
        max-width: 400px;
        color: #fff;
        font-size: 30px;
    }
    
    .home-video .big-box .text-box .wrap-play {
        position: relative;
        height: 100px;
        max-width: 400px;
    }
    
    .video-play-text {
        display: flex;
        margin-top: .5rem !important;
    }
    
    a.video-popup.mfp-iframe {
        color: #d6d6d6;
    }
    
    .home-video .big-box .text-box .wrap-play .video-play-text .video {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 100%;
        background: rgba(0, 0, 0, 0);
        color: #000;
        display: inline-block;
        background: linear-gradient(87deg, rgba(222, 211, 119, 1) 10%, rgba(196, 175, 91, 1) 47%, #ded377 81%);
        border: 1px solid #ded377;
        z-index: 999;
        font-size: 12px;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        position: relative;
        z-index: 100;
        top: 5px;
    }
    
    .home-video .big-box .text-box .wrap-play .video-play-text .name {
        line-height: 30px;
        position: relative;
        margin-left: 20px;
        text-decoration: underline;
        z-index: 100;
        text-transform: uppercase;
    }
    
    .home-video .big-box .text-box .wrap-play .video-main {
        display: inline-block;
        position: relative;
        z-index: 10;
        position: absolute;
        left: -5px;
        top: 42px;
    }
    
    .home-video .big-box .text-box .wrap-play .video-main {
        width: 40px;
    }
    
    .home-video .big-box .text-box .wrap-play .video-main .waves {
        top: unset;
        left: unset;
        position: absolute;
        width: 80px;
        height: 80px;
        background: linear-gradient(87deg, rgba(222, 211, 119, 1) 10%, rgba(196, 175, 91, 1) 47%, rgba(222, 211, 119, 1) 81%);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        border-radius: 100%;
        right: -20px;
        bottom: -20px;
        z-index: -1;
        -webkit-animation: waves 3s ease-in-out infinite;
        animation: waves 3s ease-in-out infinite;
    }
    
    .home-video .big-box .text-box .wrap-play .video-main .wave-1 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }
    
    .home-video .big-box .text-box .wrap-play .video-main .wave-2 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }
    
    .home-video .big-box .text-box .wrap-play .video-main .wave-3 {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }
    
    @keyframes waves {
        0% {
            -webkit-transform: scale(0.2, 0.2);
            transform: scale(0.2, 0.2);
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
    
        50% {
            opacity: 0.9;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        }
    
        100% {
            -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
    }
    
    .home-video .slide-video-box {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 9px;
        width: 800px;
        position: absolute;
        overflow: hidden;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        bottom: 0;
        padding: 10px 10px;
        padding-left: 13px;
        background: linear-gradient(182deg, rgb(35, 60, 149) 0%, rgb(33, 59, 147) 52%, rgb(14, 92, 171) 82%);
    
    }
    
    .slick-owl-item {
        padding-right: 5px;
    }
    
    .item-img-popip {
        padding: 2px;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        cursor: pointer;
        position: relative;
    }
    
    img.img-cover {
        border-radius: 5px;
        opacity: 1;
        transition: opacity 300ms;
    }
    
    .img-box img {
        opacity: 1;
        transition: opacity 300ms;
        width: auto;
        object-fit: cover;
        min-width: 100%;
        height: 100%;
    }
    
    .item-img-popip i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #efe47b;
    }
    
    .item-img-popip:hover {
        border: 1px solid #dabd82;
    }
    
    section.camnhan-slider {
        position: relative;
        padding-bottom: 50px;
        background: url(../images/abstract.avif);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 10px;
        background-size: cover;
        background-position: top;
    }
    
    
    section.camnhan-slider .title-hedding-top-pages {
        padding-top: 30px;
        /* border-top: 1px solid; */
    }
    
    .title-hedding-top-pages {
        text-align: center;
    }
    
    .title-hedding-top-pages p {
        background-image: linear-gradient(87deg, rgba(222, 211, 119, 1) 10%, rgba(196, 175, 91, 1) 47%, rgba(222, 211, 119, 1) 81%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
    }
    
    .title-hedding-top-pages h2 {
        /*! font-size: 30px; */
        /*! background-image: linear-gradient(66deg, rgb(103 52 0) 34%, rgba(139, 69, 0, 1) 50%, rgba(149, 74, 0, 1) 90%); */
        /*! text-transform: uppercase; */
        /*! letter-spacing: -.7px; */
        /*! -webkit-background-clip: text; */
        /*! -webkit-text-fill-color: rgba(0, 0, 0, 0); */
        /*! font-weight: 600; */
    }
    
    .customer_review {
        margin-left: -7px;
        margin-right: -7px;
    }
    
    .customer_review {
    }
    
    .customer_review .customer_item {
        background: #fff;
        border-radius: 5px;
        flex: 1;
        padding: 25px;
        /* background-color: #1D212D; */
        /*! min-height: 277px; */
        height: 100%;
        margin: 0px 7px;
    }
    
    li.customer_item:hover {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        /*! background: #81ac44; */
    }
    
    .testi-card_icon img {
        height: 40px;
        object-fit: contain;
        width: 55px;
    }
    
    li.customer_item.slick-slide p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    li.customer_item.slick-slide p {
        color: #292929;
        font-style: italic;
        font-size: 14px;
        font-weight: 400;
        padding-top: 10px;
    }
    
    .customer_info {
        margin-top: 1rem;
        display: flex;
        align-items: center;
        column-gap: 1.5rem;
    }
    
    .customer_img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
    }
    
    .customer_img img {
        /*! width: 100%; */
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }
    
    .customer_name {
        display: block;
        font-size: 17px;
        color: #fb7b04;
        font-weight: 500;
    }
    
    .customer_work {
        display: block;
        font-size: 14px;
        color: #292929;
    }
    
    .rate .star {
        color: #f5da00;
    }
    
    .camnhan-slider .customer_review .slick-dots {
        bottom: -35px;
    }
    
    .camnhan-slider .slick-dots li {
        width: 49px;
        height: 3px;
        background-color: #ccc;
        border-radius: 0px;
    }
    
    .camnhan-slider .slick-dots li button {
        display: none !important;
    }
    
    .camnhan-slider .slick-dots li.slick-active {
        background: #266e39 !important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .box-slider-poker {
        /* display: flex; */
        /* justify-content: space-between; */
    }
    
    .slick-port-new-left {
        width: 50%;
    }
    
    .box-img-ports-left {
        height: 530px;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    .box-img-ports-left a img {
        height: 100%;
    }
    
    .conten-post-left {
        position: absolute;
        bottom: 0;
        text-align: center;
        padding: 15px;
        background: #201d1db3;
    }
    
    .conten-post-left h2 a {
        color: #fff;
        font-size: 18px;
        text-align: left;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .conten-post-left p {
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        text-align: left;
    }
    
    .box-posts-news-right {
        width: calc(50% - 15px);
    }
    
    .item-post-news-rights {
        border-radius: 10px;
        display: flex !important;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px dashed #1d191933 !important;
        overflow:
            hidden;
    }
    
    .img-post-right-kerder img {
        width: 130px;
        height: 100px;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    }
    
    .content-posted-right-loper {
        flex: 1;
        padding-left: 15px;
    }
    
    .content-posted-right-loper h2 {
        font-size: 15px;
        font-weight: 600;
        margin-top: 0px;
    }
    
    .content-posted-right-loper p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 5px;
        font-size: 14px;
    }
    
    section.bg-color.news-tintuc {
        padding: 2rem 0px;
        background: #f2f2f2;
    }
    
    .list-product-deal-right:hover .privew {
        transform: translateX(0px);
        transition: 1s ease;
    }
    
    .item-img-product-QC:hover .privew {
        transform: translateX(0px);
        transition: 1s ease;
    }
    
    .item-img-abouts:hover img {}
    
    .slick-owl-item .img-box img {
        height: 95px;
    }
    
    .fancybox-container {
        /*! z-index: 99999999999 !important; */
    }
    
    .item-post-news-rights:hover img {
        transform: scale(1.1);
        transition: 1s ease;
    }
    
    .img-post-right-kerder {
        overflow: hidden;
        border-radius: 10px;
    }
    
    .box-img-ports-left:hover img {
        transform: scale(1.1);
        transition: 1s ease;
    }
    
    section.camnhan-slider .hr-gradient {
        width: 50%;
        margin: 0 auto;
    }
    
    .productHot {
        padding-top: 30px;
        position: sticky;
        top: 50px;
    }
    
    .content-about-top {
        position: relative;
        padding-left: 30px;
    }
    
    .content-about-top:before {
        left: 0;
        content: "";
        top: 0;
        position: absolute;
        background-image: url(https://demo18.largevendor.com/frontend/images/tea.png);
        width: 100%;
        height: 304px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 9;
    }
    
    .product-img-news a img {
        border-radius: 10px;
    }
    
    .products-news .menu-ed li {
        align-items: center;
    }
    
    .wrap-pro-tab-home.bd-top-ss1.coffe {
        background: linear-gradient(90deg, rgba(130, 181, 62, 1) 0%, rgba(155, 217, 74, 1) 52%, rgba(168, 222, 97, 1) 82%);
    }
    
    .loggo-footer img {
        height: 140px;
    }
    
    .icon-svg-sevices svg {
        width: 350px;
        filter: drop-shadow(0px 7px 0px #c2c5f2);
        height: 265px;
    }
    
    .icon-svg-sevices {
        background: #fff;
        padding: 17px;
        border-radius: 100%;
        box-shadow: rgb(186 180 180 / 58%) 0px 30px 60px 55px inset, rgb(188 188 188 / 3%) 0px 18px 36px -18px inset;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 215px;
    }
    
    .item-member {
        text-align: center;
        =: 322px;
        border-radius: 100%;
        /* background: #fff; */
    }
    
    .content-meber-cerer {
        left: 50%;
        text-align: center;
    }
    
    .icon-svg-sevices svg path {
        fill: #6e3700;
    }
    
    .box-icon-banner-paths:nth-child(2) .icon-svg-sevices svg path {
        fill: #f7cc3e;
    }
    
    .box-icon-banner-paths:nth-child(3) .icon-svg-sevices svg path {
        fill: #ff7e4f;
    }
    
    .box-icon-banner-paths:nth-child(2) .icon-svg-sevices .content-meber-cerer h2 {
        color: #fff;
        -webkit-text-fill-color: #fff;
    }
    
    .box-icon-banner-paths:nth-child(3) .icon-svg-sevices .content-meber-cerer h2 {
        color: #fff;
        -webkit-text-fill-color: #fff;
    }
    
    
    .video.home-pages video {
        height: auto;
        width: 100%;
    }
    
    
    .img-slick-bays {
        position: relative;
    }
    
    .date-news {
        position: absolute;
        top: 93%;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .date-news p {
        padding: 9px 23px;
        background: linear-gradient(49deg, rgb(255, 128, 0) 10%, rgb(255, 128, 0) 50%, rgb(253, 176, 100) 90%);
        color: #fff;
        font-weight: 500;
        border-radius: 3px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    
    .content-hoper {
        padding-top: 35px;
        text-align: center;
        background: #fff;
        padding: 35px;
    }
    
    h2.c-post-list__header {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0px;
        text-transform: uppercase;
        color: #000;
        font-weight: 500;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    
    .c-post-list__except p {
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.015em;
        color: rgb(49, 49, 49);
        margin-top: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    
    .c-post-list__continue {
        margin-top: 35px;
    }
    
    
    
    a.c-post-list-hoper {
        margin-top: 23px;
        display: inline-block;
        border: 1px solid #000;
        font-weight: 400;
        font-size: 13px;
        line-height: 1.2;
        text-align: center;
        letter-spacing: 1.5px;
        text-indent: 0.265em;
        text-transform: uppercase;
        padding: 14px 25px 14px 25px;
        border-radius: 4px;
    }
    
    .item-slick-news {
        padding: 15px 16px;
    }
    
    .box-slider-poker .slick-dots li {
        width: 50px;
        height: 1px;
        background: #cdcdcd;
        margin: 0px;
    }
    
    .box-slider-poker.slick-dots li.slick-active {
        background: linear-gradient(49deg, rgba(112, 57, 2, 1) 10%, rgba(139, 69, 0, 1) 50%, rgba(149, 74, 0, 1) 90%);
    }
    
    .our-later {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0px;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 14px;
    }
    
    p.our-later {
        color: #fff;
        -webkit-text-fill-color: #fff;
    }
    
    
    .box-secoiper {
        /* background: #eee; */
        padding-bottom: 46px;
    }
    
    .row.box-list-services {
        justify-content: center;
    }
    
    
    
    
    
    
    
    .wrap-pro-tab-home.bd-top-ss1.coffe .model-content-cofee h2 {
        /*! font-weight: 400; */
        font-size: 36px;
        /*! line-height: 1.28; */
        /*! letter-spacing: .14em; */
        /*! text-transform: uppercase; */
        background-image: linear-gradient(182deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 52%, rgb(255, 255, 255) 82%);
        filter: drop-shadow(2px 3px 0px #202020);
        margin: unset;
        line-height: 1.4;
    }
    
    .contetn-firts-cofee p {
        font-weight: 300;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: .015em;
        color: #fff;
        margin-bottom: 20px;
        text-align: justify;
        margin-top: 10px;
    }
    
    .model-content-cofee a {
        display: inline-block;
        outline: none;
        font-weight: 500;
        font-size: 13px;
        line-height: 1.2;
        text-align: center;
        letter-spacing: 2px;
        text-indent: 0.265em;
        text-transform: uppercase;
        padding: 13px 30px 13px 30px;
        color: white;
        border: solid 1px #fff;
        text-decoration: none !important;
        background-color: unset;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        border-radius: 5px;
    }
    
    .blog-product-detail {
        padding: 50px 0 18px;
        background: #fff;
    }
    
    .box-icon-banner-paths:nth-child(2) .contai-icon {
        height: 265px;
        width: 265px;
    }
    
    .box-icon-banner-paths:nth-child(2) .contai-icon .icon-svg-sevices {
        height: 233px;
    }
    
    .slide:before {
        left: 0px;
        bottom: -3px;
        content: '';
        position: absolute;
        width: 100%;
        height: 220px;
        /*! background: url(../images/beffore-cofer.png); */
        z-index: 1;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    a.c-post-list-hoper:hover {
        border: 1px solid #203b93;
        background: #203b93;
        transition: 0.2s ease;
        color: white;
    }
    
    .danhgia_sao {
        display: none;
    }
    
    
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 5px;
        padding-left: 5px;
    }
    
    h3.woocommerce-loop-product__title a {
        /* min-height: 40px; */
        display: inline-block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    section.about-us-wraper:before {
        content: "";
        position: absolute;
        right: 0;
        /* background: url(../images/anhnen.png); */
        width: 500px;
        height: 500px;
        background-repeat: no-repeat;
        background-size: contain;
        top: 7px;
    }
    
    .box-secontern-abouts:before {
        content: "";
        position: absolute;
        right: 0;
        background: url(../images/anhnen.png);
        width: 90%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        top: 7px;
        background-position-x: center;
    }
    
    .star-bridpre {
        display: none;
    }
    
    .wrap-pro-tab-home.bd-top-ss1.mart:before {
        left: 0px;
        bottom: 0px;
        content: '';
        position: absolute;
        width: 100%;
        height: 190px;
        background: url(../images/ke2.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .wrap-pro-tab-home.bd-top-ss1.mart.mart-before:before {
        content: "";
        background: none;
    }
    
    .privew a {
        top: 10px;
        left: 20px;
        width: 40px;
        height: 40px;
        line-height: 45px;
        z-index: 100;
        text-align: center;
        font-size: 17px;
        color: #fff;
        background: #fe8002;
        border-radius: 100%;
        margin: 0px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .type-product-ss2 .wrap-product:hover .privew {
        display: flex;
    }
    
    
    
    
    section.box-newsletter {
        background: #f2f2f2;
        padding: 15px 10px;
    }
    
    .box-newslter {
        padding: 20px 23px;
        background: #fff;
        align-items: center;
    }
    
    .inner-newsleter p {
        text-align: left;
        font-weight: 400;
        font-size: 17px;
        line-height: 1.28;
        letter-spacing: .14em;
        text-transform: uppercase;
        width: 80%;
    }
    
    .flex-newsleter {
        display: flex;
        align-items: center;
    }
    
    .mark-form p {
        font-size: 14px;
        display: inline-block;
        padding: 10px 0px;
        font-weight: 400;
    }
    
    .mark-form form input {
        font-weight: 300;
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 0.025em;
        color: var(--text-color);
        border: solid 1px #f3f3f3;
        padding: 11px 25px 13px 25px;
        background-color: #f3f3f3;
        border-radius: 0;
        width: 60%;
    }
    
    .mark-form form button {
        display: inline-block;
        outline: none;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.2;
        text-align: center;
        letter-spacing: 2px;
        text-indent: 0.265em;
        text-transform: uppercase;
        padding: 17px 30px 17px 30px;
        border: solid 1px #000;
        appearance: none;
        cursor: pointer;
        background: #fff;
        width: 38%;
    }
    
    
    .inner-newsleter {
        padding-left: 20px;
    }
    
    .model-img-right-newlter img {
        height: 345px;
        object-fit: cover;
        width: 100%;
    }
    
    .fancybox-slide {
        /*! padding: 50px 300px !important; */
    }
    
    .content-news ul li {
        padding-bottom: 10px;
    }
    
    .box-tabs-all-bays .tabs {
        justify-content: space-between;
        border-bottom: 1px solid #a1d656;
        padding-bottom: 0px;
    }
    
    .btn-right-tabs-bays {
        display: flex;
        width: 50%;
        justify-content: right;
    }
    
    .btn-left-bays-tabs {}
    
    .tabs .tablinks.active {
        background: none;
        box-shadow: unset;
        border-bottom: 2px solid #be0202de;
        font-weight: 500;
        color: #be0202;
        text-transform: full-size-kana;
    }
    
    .box-tabs-all-bays .tabs .tablinks {
        background: none;
        position: relative;
        /* color: #a1d656; */
    }
    
    .item-img-abouts:after {
        position: absolute;
        width: 200%;
        height: 0%;
        left: 50%;
        top: 50%;
        background-color: hsla(0, 0%, 100%, .3);
        transform: translate(-50%, -50%) rotate(-45deg);
        content: "";
        z-index: 1;
    }
    
    .item-img-abouts:hover:after {
        height: 250%;
        transition: all .6s linear;
        background-color: transparent;
    }
    
    .item-img-abouts:after {
        position: absolute;
        width: 200%;
        height: 0%;
        left: 50%;
        top: 50%;
        background-color: hsla(0, 0%, 100%, .3);
        transform: translate(-50%, -50%) rotate(-45deg);
        content: "";
        z-index: 1;
        animation: expand 4s infinite;
    }
    
    @keyframes expand {
        0% {
            height: 0%;
            background-color: hsla(0, 0%, 100%, .3);
        }
    
        50% {
            height: 250%;
            background-color: transparent;
        }
    
        100% {
            height: 0%;
            background-color: hsla(0, 0%, 100%, .3);
        }
    }
    
    .box-tabs-all-bays .tablinks.active:after {
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        border-bottom: 6px solid #a1d656;
        content: "";
        opacity: 1;
        transition: 0.3s;
        border-left: 5px solid transparent;
        border-top: 5px solid transparent;
        border-right: 5px solid transparent;
    }
    .slideshow__img a img {
        width: 100%;
        display: block;
        height: 128px;
    }
    
    .slideshow__img {
        margin-bottom: 13px;
        overflow: hidden;
        border-radius: 5px;
    }
    
    section.aboutus .aboutus-title{
        font-size: 26px;
        line-height: 42px;
        font-weight: 700;
        margin: 0 0 21px;
        padding: 0 0 0 30px;
        text-transform: capitalize;
        color: black;
        border-left: 5px solid #be0202;
        background-image: linear-gradient(90deg, rgba(147, 4, 4, 1) 0%, #be0202 33%, rgba(233, 0, 0, 1) 55%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        text-transform: uppercase;
        /* font-family: "Montserrat", sans-serif; */
        }
        section.aboutus .desc p{
            font-size: 16px;
        }
        
        .service-item{
            margin-top: 20px;
        }
        .service .service-icon i {
            display: block;
            height: 80px;
            width: 80px;
            font-size: 44px;
            line-height: 80px;
            border-radius: 50%;
            text-align: center;
            background-color: #f08126;
            color: #fff;
            font-size: 30px;
            padding-left: 8px;
        }
        .service-icon::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            border-radius: 100%;
            background: rgba(74, 120, 54, 0.1);
        }
        .service-icon{
            width: fit-content;
            border-radius: 100%;
            padding: 5px;
            margin: 0 20px 0 0;
        }
        .service-content h4{
            font-size: 16px;
            line-height: 20px;
            font-weight: 700;
            margin: 0 0 10px;
            color: #0f234a;
        }
        .service .promo-desc {
            display: block;
            font-size: 14px;
            font-weight: 500;
            /* text-transform: capitalize; */
            color: #777;
          }
    
          section.aboutus {
            padding-bottom: 20px;
            padding-top: 20px;
            overflow: hidden;
        }
    
    .no-product {
        padding-top: 40px;
        text-align: center;
        width: 100%;
    }
    
    .about-us-wraper .hr-gradient {
        width: 55%;
    }
    
    .js-between {
        justify-content: space-between;
    }
    
    .title-section {
        position: relative;
        color: #fff !important;
        padding: 0;
        background-image: linear-gradient(90deg, rgba(147,4,4,1) 0%, rgba(190,2,2,1) 33%, rgba(233,0,0,1) 55%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        font-size: 28px;
        font-weight: 600;
        filter: drop-shadow(2px 3px 0px #fff);
        text-transform: uppercase;
        display: block;
        width: fit-content;
        margin: 0;
    }
    
    .box-title-hedding-products span {
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #000;
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .project-header {
        border-bottom: 1px solid #cdcdcd;
    }
    
    .project-header h2 {}
    
    .tabs {
        width: 100%;
        flex: 1;
        display: flex;
        justify-content: center;
    }
    
    .project .wrapper_tabcontent {
        /*! padding: 20px; */
        /*! border: 1px solid #ea6640; */
        background: #fff0;
    }
    
    .btn-view-all a {
        font-size: 14px;
        font-weight: 400;
        text-transform: full-size-kana;
        color: #fff;
    }
    
    .btn-view-all a {
        display: inline-flex;
        align-items: center;
        padding: 5px 20px;
        border-radius: 20px;
        background: linear-gradient(90deg, rgba(22, 39, 91, 1) 0%, rgba(23, 45, 102, 1) 35%, rgba(25, 68, 136, 1) 100%);
    }
    
    .icon_cart img {
        height: 19px;
        margin-right: 5px;
        position: relative;
        top: -2px;
    }
    
    .project .banner-prd,
    .project .banner-prd img {
        display: block;
        height: 100%;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 8px;
        border-radius: 6px;
    }
    
    .pd-section-top {
        padding-top: 50px;
    }
    
    .pd-section-bottom {
        padding-bottom: 50px;
    }
    
    .project:nth-child(4) .box_pro_banner {
        flex-direction: row-reverse;
    }
    
    .model-content-cofee .title-section {
        background-image: linear-gradient(182deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 52%, rgb(255, 255, 255) 82%);
        filter: drop-shadow(2px 3px 0px #131313);
        margin: unset;
        font-size: 26px;
        line-height: 1.4;
    }
    
    .box-imgsmoth img {
        height: 200px;
        object-fit: cover;
    }
    
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px;
    }
    
    .col-xl-2dot4 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .clm.item-pen-ball {
        padding-bottom: 10px;
        padding: 10px;
    }
    
    
    
    section.news-projects {
        padding: 5rem 0px;
        padding-bottom: 20px;
    }
    
    .news-project-title h3 {
        background-image: linear-gradient(90deg, rgba(147, 4, 4, 1) 0%, #be0202 33%, rgba(233, 0, 0, 1) 55%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 21px;
    }
    
    .news-project-title {
        padding-bottom: 0px;
    }
    
    .news-project-content p {
        font-size: 15px;
        text-align: justify;
    }
    
    @keyframes zoom {
      0% {
          transform: scale(.9)
      }
    
      70% {
          transform: scale(1);
          box-shadow: 0 0 0 15px transparent
      }
    
      100% {
          transform: scale(.9);
          box-shadow: 0 0 0 0 transparent
      }
    }
    a.news-project-read-more {
        position: relative;
        font-size: 16px;
        line-height: 20px;
        padding: 10px 30px;
        margin: 24px 0 0;
        border: none;
        border-radius: 5px;
        text-transform: capitalize;
        color: #fff;
        background: linear-gradient(90deg, rgba(147, 4, 4, 1) 0%, #be0202 33%, rgba(233, 0, 0, 1) 55%);
        display: inline-block;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
        animation: zoom 1.3s infinite;
    }
    
    section.news-projects .row {
        padding-top: 20px;
    }
    
    .medel-news-projects {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .imgaes-project-newss {
        border-radius: 10px;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        position: relative;
    }
    .row.stock-projects {
        padding-bottom: 7px;
    }
    .item-projects-members {
        padding: 10px;
    }
    
    .item-projects-title h3 {
        font-weight: 600;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .item-projects-content p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: justify;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .section_product_noibat .box_pro_banner .banner_pro:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        /* background-color: rgba(0, 0, 0, 0.2) */
    }
    
    .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro {
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 25px;
        z-index: 2;
        height: 100%;
        width: 100%
    }
    
    .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro h2 {
        margin-bottom: 10px;
        font-size: 28px;
        font-weight: 700;
        line-height: 30px
    }
    
    .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro h2 a {
        color: #fff;
        font-weight: 500;
        font-size: 23px;
    }
    
    .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro h2 a:hover {
        color: #f8c144
    }
    
    .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro p {
        margin-bottom: 10px
    }
    
    .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro .title_banpro_2 {
        font-size: 16px;
        font-style: italic;
        color: #fff;
        text-decoration: underline
    }
    
    .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro .title_banpro_3 {
        font-size: 20px;
        color: #fff;
        font-weight: 700;
        line-height: 24px
    }
    
    .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro .title_banpro_4 {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        line-height: 24px
    }
    
    .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro .a-buy-now {
        display: inline-block;
        margin-top: 10px;
        background-color: #fff;
        color: #000;
        padding: 7px 20px;
        border-radius: 20px;
        font-weight: 400;
        font-size: 16px;
    }
    
    .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro .a-buy-now:hover {
        background-color: #056db8;
        color: white;
    }
    
    .section_product_noibat .box_pro_banner .tab_content_pro {
        width: calc(100% - 300px);
        display: inline-block;
        padding: 20px
    }
    
    .section_product_noibat .title_index {
        margin-bottom: 0px;
    }
    
    .section_product_noibat .tab-next-prev {
        position: absolute;
        top: 0px;
        left: 0px
    }
    
    .section_product_noibat .tab-next-prev svg path {
        fill: #7e7e7e
    }
    
    .section_product_noibat .tab-next-prev .section-1-prev {
        display: inline-flex;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        background-color: #cfcfcf;
        justify-content: center;
        align-items: center
    }
    
    .section_product_noibat .tab-next-prev .section-1-next {
        display: inline-flex;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        background-color: #cfcfcf;
        justify-content: center;
        align-items: center
    }
    
    .section_product_noibat .tab-next-prev .swiper-button-disabled {
        opacity: 0.4;
        cursor: inherit;
        display: inline-flex !important
    }
    
    .section_product_noibat .tab-next-prev>div {
        cursor: pointer
    }
    
    .section_product_noibat .tabs-title {
        text-align: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        z-index: 2;
        position: relative
    }
    
    .section_product_noibat .tabs-title .tab-link:not(:last-child)::after {
        content: url(//bizweb.dktcdn.net/100/514/629/themes/951567/assets/nav_slice.png?1718181794979);
        margin: 0 10px;
        position: relative
    }
    
    .section_product_noibat .tabs-title .tab-link {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        margin: 0px;
        font-size: 16px;
        padding: 7px 0px;
        transition: 0s all
    }
    
    .section_product_noibat .tabs-title .tab-link span {
        position: relative;
        display: block;
        margin-top: 0;
        font-weight: 600;
        font-size: 16px;
        color: #333
    }
    
    .section_product_noibat .tabs-title .tab-link.current span,
    .section_product_noibat .tabs-title .tab-link:hover span {
        color: #f8c144
    }
    
    .section_product_noibat .tab-content {
        display: none;
        /*! margin-top:-50px */
    }
    
    .section_product_noibat .see-more {
        text-align: center;
        position: relative;
        margin-top: 15px;
        font-size: 16px;
        display: flex;
        justify-content: center;
    }
    
    .section_product_noibat .tab-content.current {
        display: block
    }
    
    .section_product_noibat .item_null .item_product_main {
        aspect-ratio: 300/446;
        background: #fff;
        height: auto;
        padding: 0px;
        border-radius: 10px
    }
    
    .section_product_noibat .see-more a {
        background-color: #fff;
        color: #fb831a;
        height: 35px;
        line-height: 33px;
        padding: 0px 25px;
        border: 1px solid #fb831a;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        border-radius: 20px;
        overflow: hidden;
        position: relative
    }
    .footer-layer .title p{
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 7px; 
    }
    .product_getcontent p{
        padding-bottom: 8px;
    }
    .section_product_noibat .see-more a:hover {
        color: #fff;
        background-color: #fd8006;
        border: 1px solid #fd8006;
    }
    .section_flash_sale {
        position: relative;
        margin-bottom: 40px
    }
    .section_flash_sale .item_product_main .product-info .product-name {
        font-size: 16px;
        text-align: left;
    }
    .section_flash_sale .item_null {
        margin-right: 0px !important
    }
    
    .section_flash_sale .item_null .item_product_main {
        aspect-ratio: 399/162;
        background: #fff;
        height: auto;
        padding: 0px;
        border-radius: 10px
    }
    .section_flash_sale .item_product_main .product-info {
        padding: 10px;
        display: inline-block;
        width: calc(100% - 165px)
    }
    .section_flash_sale .item_product_main .product-name .line-clamp {
        text-align: left !important;
        font-weight: 500;
        font-size: 15px;
    }
    
    .section_flash_sale .item_product_main .product-thumbnail {
        display: inline-block;
        width: 140px;
        max-width: 140px;
    }
    .section_flash_sale .item_product_main .product-info .price-box {
        text-align: left
    }
    
    .section_flash_sale .item_product_main .product-action .btn-views {
        margin-left: 0px
    }
    
    @keyframes zoom-in-out {
        0% {
            transform: scale(0.8, 0.8)
        }
    
        10%,
        20% {
            transform: scale3d(0.9, 0.9, 0.9) rotate(-8deg)
        }
    
        30%,
        50%,
        70%,
        90% {
            transform: scale3d(1, 1, 1) rotate(8deg)
        }
    
        40%,
        60%,
        80% {
            transform: scale3d(1, 1, 1) rotate(-8deg)
        }
    
        100% {
            transform: scale(0.9)
        }
    }
    
    .section_flash_sale .title-module-flash {
        font-size: 26px;
        font-weight: 700;
        display: inline-block;
        position: relative;
        margin-bottom: 0px;
        margin-top: 5px;
    }
    .section_flash_sale .item_product_main {
        display: flex;
        margin-bottom: 20px
    }
    
    .section_flash_sale .title-module-flash a {
        color: #fff;
        filter: drop-shadow(2px 2px 0px #0d0d0d);
        font-weight: 600;
        margin-bottom: 7px;
        display: block;
        text-transform: uppercase;
    }
    
    .section_flash_sale .title-module-flash a:hover {
        /*! color: #fff */
    }
    
    .section_flash_sale .title-module-flash img {
        vertical-align: -5px;
        max-width: 26px;
        -webkit-animation: zoom-in-out 1500ms infinite;
        -moz-animation: zoom-in-out 1500ms infinite;
        -o-animation: zoom-in-out 1500ms infinite;
        animation: zoom-in-out 1500ms infinite
    }
    
    .section_flash_sale .content-module {
        margin-bottom: 0px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        display: block;
        line-height: 1
    }
    
    .section_3_banner .box_banner_index .box_3_banner {
        position: relative;
        /*! border-radius: 10px; */
        /*! overflow: hidden */
    }
    
    .section_3_banner .box_banner_index .box_3_banner .banner-text {
        position: absolute;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%);
        padding: 0 30px;
    }
    
    .section_3_banner .box_banner_index .box_3_banner .banner-text h2 {
        font-weight: 400;
        margin-bottom: 15px;
        min-height: 100px;
        font-size: 21px;
        line-height: 1.4;
        width: 60%;
    }
    
    .section_3_banner .box_banner_index .box_3_banner .banner-text a {
        padding: 5px 25px;
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        background-color: #fb831a;
        color: white;
    }
    
    .section_3_banner .box_banner_index .box_3_banner .banner-text a:hover {
        color: #fff;
        background-color: #f98e24;
    }
    
    .section_3_banner .box_banner_index .three_banner {
        border-radius: 10px;
        /*! overflow: hidden; */
        width: 100%;
        display: flex;
        -o-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -os-justify-content: center;
        -o-display: flex;
        -moz-display: flex;
        -webkit-display: flex;
        -os-display: flex;
        align-items: center;
        position: relative;
        /*! height: auto !important; */
        /*! padding-bottom: 58.5%; */
    }
    
    .section_3_banner .box_banner_index .three_banner img {
        /*! width: auto !important; */
        /*! max-height: 100%; */
        /*! position: absolute; */
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        /*! margin: auto; */
        /*! will-change: opacify; */
        /*! transform: scale(1); */
        /*! transition: all 0.5s ease */
    }
    
    .section_3_banner .box_banner_index .three_banner:before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background-color: #000;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0.05;
        border-radius: 10px;
        width: 100%;
        height: 100%
    }
    
    .section_banner {
        position: relative;
        margin-bottom: 40px
    }
    
    .section_banner .img_baner {
        border-radius: 10px;
        overflow: hidden;
        width: 100%;
        display: flex;
        -o-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -os-justify-content: center;
        -o-display: flex;
        -moz-display: flex;
        -webkit-display: flex;
        -os-display: flex;
        align-items: center;
        position: relative;
        height: auto !important;
        padding-bottom: 22.65%;
        background-color: rgba(240, 241, 242, 0.5)
    }
    
    .section_banner .img_baner img {
        width: auto !important;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        will-change: opacify;
        transform: scale(1.05);
        transition: all 0.5s ease
    }
    
    .section_banner .img_baner:hover img {
        transform: scale(1.1)
    }
    
    .section_product_noibat {
        margin-bottom: 40px
    }
    
    .section_product_noibat .box_pro_banner {
        background-color: #f7f7f7;
        border-radius: 15px;
        display: flex;
        overflow: hidden
    }
    
    .section_product_noibat .box_pro_banner .banner_pro {
        width: 300px;
        display: inline-block;
        position: relative
    }
    .section_product_noibat .box_pro_banner .banner_pro img {
        width: 100%;
        object-fit: cover;
    }
    .section_flash_sale .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        background: linear-gradient(182deg, #fb831a 0%, #fb831a 52%, #f6b031 82%);
        padding: 10px 15px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
    
    .section_flash_sale .count-down {
        flex-grow: 0;
        display: flex;
        align-items: center;
        min-height: 45px
    }
    
    .section_flash_sale .count-down .timer-view {
        display: inline-block;
        text-align: left
    }
    
    .section_flash_sale .count-down .timer-view .block-timer {
        width: 45px;
        height: 54px;
        background: #fff;
        border-radius: 5px;
        display: inline-block;
        padding: 5px 0px;
        margin-right: 5px;
        text-align: center
    }
    
    .section_flash_sale .count-down .timer-view .block-timer:last-child {
        margin-right: 0px
    }
    
    .section_flash_sale .count-down .timer-view .block-timer p {
        display: block;
        font-weight: 600;
        color: #fb831a;
        font-size: 25px;
        margin: 0;
        line-height: 1;
        margin-bottom: 0px;
        margin-bottom: 3px;
    }
    
    .section_flash_sale .count-down .timer-view .block-timer span {
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: initial
    }
    
    .section_flash_sale .count-down .lof-labelexpired {
        color: #fff
    }
    
    .section_flash_sale .box_flash_sale {
        background-color: #f7f7f7;
        padding: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        overflow: hidden;
        border: 2px dashed #f6b031;
        border-top: none
    }
    
    .item_product_main {
        border-radius: 10px;
        position: relative;
        background-color: #fff;
        border: 1px solid #f0f1f2;
        overflow: hidden;
        margin-bottom: 20px;
    }
    
    .item_product_main .product-thumbnail {
        position: relative;
        background: #fff;
        padding: 15px;
    }
    
    .item_product_main .product-thumbnail .image_thumb {
        overflow: hidden;
        width: 100%;
        display: flex;
        -webkit-justify-content: center;
        align-items: center;
        position: relative;
    }
    
    .item_product_main .product-thumbnail .image_thumb:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        right: 0px;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 1;
        opacity: 0;
        visibility: hidden
    }
    
    .item_product_main .product-thumbnail .image_thumb img {
        width: auto !important;
        margin: auto;
        will-change: opacify;
        transform: scale(1);
        transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18)
    }
    
    .item_product_main .badge {
        position: absolute;
        top: 10px;
        left: 5px;
        width: 80px
    }
    
    .item_product_main .badge span {
        border-radius: 30px;
        display: inline-block;
        text-align: center;
        height: 20px;
        line-height: 20px;
        font-weight: 400;
        font-size: 14px;
        padding: 0px 10px;
        margin-bottom: 3px
    }
    
    .item_product_main .badge .smart {
        background-color: red;
        color: #fff
    }
    
    .item_product_main .badge .new {
        background-color: #fdc040;
        color: #333
    }
    
    .item_product_main .video_tem {
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        text-align: center;
        transition: all 0.3s ease-in-out;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease-in-out
    }
    
    .item_product_main .video_tem img {
        max-width: 46px;
        max-height: 46px
    }
    
    .item_product_main .product-info {
        padding: 10px 5px;
        text-align: center;
    }
    
    .item_product_main .product-info .price-box {
        margin-bottom: 5px;
        position: relative;
        color: #d00;
        font-weight: 600;
        font-size: 14px;
        text-align: center
    }
    
    .item_product_main .product-info .price-box .compare-price {
        color: #838383;
        text-decoration: line-through;
        display: inline-block;
        margin-right: 5px;
        font-weight: 400;
        font-size: 12px
    }
    
    .item_product_main .product-info .product-name {
        font-size: 14px;
        text-align: center;
        font-weight: 500;
    }
    .item_product_main .product-info .product-name a{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 36px;
        font-weight: 600;
        font-size: 19px;
    }
    
    .item_product_main .product-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        opacity: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        border: 1px solid #fb831a;
        border-radius: 5px;
        overflow: hidden
    }
    
    .item_product_main .product-button .btn-views {
        border: 0;
        width: 36px;
        height: 36px;
        line-height: 1.2;
        background: #fff;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center
    }
    
    .item_product_main .product-button .btn-views svg {
        width: 22px;
        height: 22px
    }
    
    .item_product_main .product-button .btn-views path {
        fill: #1b1d1e;
    }
    
    .item_product_main .product-button .btn-views.setWishlist {
        padding: 9px
    }
    
    .item_product_main .product-button .btn-views.setWishlist.active path {
        fill: #f8c144
    }
    
    .item_product_main .product-button .btn-views.setCompare {
        border-left: 1px solid #fb831a;
        border-right: 1px solid #fb831a;
    }
    
    .item_product_main .product-button .btn-views.setCompare.active path {
        fill: #f8c144
    }
    
    .item_product_main .product-button .btn-views:hover path {
        fill: #f8c144;
    }
    
    .item_product_main .product-action .btn-views {
        border: 0;
        width: 140px;
        margin: 0 auto;
        height: 31px;
        line-height: 30px;
        background: #fb831a;
        color: #fff;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30px;
        font-weight: 400;
        font-size: 14px;
    }
    
    .item_product_main .product-action .btn-views:hover {
        background-color: #fd8006;
        color: #fff;
    }
    
    .item_product_main .product-action .btn-views.btn-views[disabled] {
        opacity: 0.6;
        background-color: #333
    }
    
    .item_product_main .product-action .btn-views.btn-views[disabled]:hover {
        background-color: #333;
        color: #fff
    }
    .section_3_banner {
        position: relative;
        margin-bottom: 40px
    }
    .section_3_banner .box_banner_index {
        position: relative
    }
    
    
    @keyframes progress_bar_fill {
        from {
            background-position: 0 0
        }
    
        to {
            background-position: 40px 0
        }
    }
    
    .section_flash_sale .productcount {
        min-height: 12px;
        width: 100%;
        position: relative;
        margin-bottom: 14px;
    }
    
    .section_flash_sale .productcount .countitem {
        width: 100%;
        height: 5px;
        border-radius: 3px;
        position: relative;
        background: #fb831a;
        z-index: 1;
        margin-top: 5px;
        margin-bottom: 2px;
    }
    
    .section_flash_sale .productcount .countitem.visible {
        background: #e9ecef
    }
    
    .section_flash_sale .productcount .countitem .countdown {
        position: absolute;
        height: 5px;
        border-radius: 5px;
        background-color: #056cb7;
        z-index: 2;
        left: 0;
        top: 0;
        background-size: 40px 40px;
        animation: progress_bar_fill 2s linear infinite;
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent)
    }
    
    .section_flash_sale .productcount .countitem .countdown span {
        position: relative;
        display: inline-block;
        width: 25px;
        height: 25px;
        z-index: 3;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        left: 100%;
        top: -10px
    }
    
    .section_flash_sale .productcount .countitem.sold-in {
        background: #fb831a
    }
    
    .section_flash_sale .productcount .countitem.sold-out {
        background: #ddd
    }
    
    .section_flash_sale .productcount .countitem.sold-out .countdown {
        background: #ddd
    }
    
    .section_flash_sale .productcount span {
        font-size: 12px;
        color: #333;
        font-weight: 400;
        text-align: center;
        display: inline-block
    }
    
    .section_flash_sale .productcount span.wid_phan_tram {
        float: right;
        color: #056db8;
    }
    
    .section_flash_sale .productcount span.a-center {
        float: left
    }
    .item-projects-content {
        padding: 5px;
        text-align: left;
    }
    
    
    
    
    .service-item:nth-child(2) i {
        background: linear-gradient(34deg, rgba(10, 29, 66, 1) 14%, rgba(36, 64, 112, 1) 56%, rgba(0, 76, 148, 1) 95%);
    }
    .service-item:nth-child(3) i {
        background: linear-gradient(43deg, rgba(196, 48, 43, 1) 0%, rgba(196, 48, 43, 1) 22%, rgba(240, 145, 66, 1) 72%);
    }
    .service-item:nth-child(4) i {
        background: linear-gradient(58deg, rgb(1 110 152) 0%, rgba(5, 158, 217, 1) 37%, rgba(0, 184, 255, 1) 85%);
    }
    .title-hedding-projects p {
        text-align: center;
        width: 70%;
        margin: 0 auto;
        display: block;
        text-transform: uppercase;
        padding-bottom: 20px;
    }
    
    .title-hedding-projects {
        text-align: center;
    }
    
    .imgaes-project-newss:hover img {
        transform: scale(1.1);
        transition: 1s ease;
    }
    .rounded-circle {
        border-radius: 50% !important;
        box-shadow: rgb(255 255 255 / 24%) 0px 1px 3px;
        animation: zoom 2.3s infinite;
    }
    .img-projects-tion {
        overflow: hidden;
        border-radius: 5px;
    }
    
    .img-projects-tion:hover img {
        transform: scale(1.1);
        transition: 1s ease;
    }   
    
    
    
    
    
    
    
    
    
    
    
    .model-content-projects-news .news-detail h2 {
        color: #f08126;
        font-size: 34px;
        line-height: 1.25;
        font-weight: 600;
        letter-spacing: .75px;
        margin-bottom: 10px;
        margin-top: 30px;
        text-transform: uppercase;
        text-align: center;
    }
    
    
    .package-details-area .package-img-group {
        border-radius: 10px;
        background: #fff;
        padding: 10px;
        box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .08);
    }
    .package-details-area .package-img-group .gallery-img-wrap {
        position: relative;
        transition: all .45s;
        height: 100%;
    }
    .package-details-area .package-img-group .gallery-img-wrap img {
        object-fit: cover;
        height: 100%;
        border-radius: 10px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .package-details-area .package-img-group .gallery-img-wrap a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(16, 12, 8, .6);
        color: var(--white-color);
        text-align: center;
        font-family: var(--font-rubik);
        font-size: 15px;
        font-weight: 400;
        letter-spacing: .6px;
        flex-direction: column;
        transition: all .45s;
        transform: scale(.4);
        border-radius: 10px;
        opacity: 0;
    }
    .gallery-img-wrap a svg {
        height: 24px;
        fill: #E3D8D8;
        margin-bottom: 5px;
    }
    .package-details-area .package-img-group .gallery-img-wrap.active a, .package-details-area .package-img-group .gallery-img-wrap.active button, .package-details-area .package-img-group .gallery-img-wrap:hover a, .package-details-area .package-img-group .gallery-img-wrap:hover button {
        transform: scale(1);
        opacity: 1;
    }
    .package-details-area .package-img-group .gallery-img-wrap {
        position: relative;
        transition: all .45s;
        height: 100%;
    }
    
    .box-abuml-news {
        gap: 10px 0px;
    }
    .service-icon img {
        width: 45px;
        height: 45px;
        object-fit: contain;
    }
    .testimonial-images img {
        width: 80px;
        height: 80px;
    }
    
    .aboutus-img {
        animation: upDown 5s infinite;
        position: relative;
        overflow: hidden;
    }
    @keyframes upDown {
        0% {
            transform: translateY(0);
        }
    
        50% {
            transform: translateY(-10px);
        }
    
        100% {
            transform: translateY(0);
        }
    }
    .right-content {
        overflow: hidden;
    }
    .box-cery-video {
        width: 50%;
        height: 660px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* home  */
    .about-image-diamonld img {
        clip-path: polygon(39% 0, 100% 0, 100% 80%, 0 80%);
        height: 500px;
        width: 83%;
        position: relative;
        top: 53px;
        right: 45px;
        z-index: 9;
    }
    
    .about-image-diamonld {
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: end;
        align-items: center;
    }
    
    .about-image-diamonld:before {
        content: "";
        width: 40%;
        height: 297%;
        background: linear-gradient(100deg, rgba(147, 4, 4, 1) 0%, rgba(190, 2, 2, 1) 33%, rgba(233, 0, 0, 1) 55%);
        position: absolute;
        transform: rotate3d(1, 1, 1, 69deg);
        left: 49px;
        top: -314px;
    }
    
    .about-image-diamonld:after {
        content: "";
        width: 40%;
        height: 237%;
        position: absolute;
        transform: rotate3d(1, 1, 1, 70deg);
        right: -73px;
        top: -120px;
        background: linear-gradient(212deg, rgba(0, 82, 167, 1) 0%, rgb(0 98 198 / 67%) 33%, rgb(4 128 255 / 34%) 55%);
    }
    
    .box-order-about1 {
        position: relative;
        overflow: hidden;
    }
    
    .clm.box-order-about1:before {
        content: "";
        position: absolute;
        width: 17px;
        height: 54%;
        background: linear-gradient(129deg, rgba(0, 82, 167, 1) 0%, rgba(0, 98, 198, 1) 33%, rgba(4, 128, 255, 1) 55%);
        transform: skewX(330deg);
        bottom: 0;
        left: 61px;
    }
    
    .clm.box-order-about1:after {
        content: "";
        position: absolute;
        width: 17px;
        height: 54%;
        background: #00bf63;
        transform: skewX(330deg);
        top: 0;
        right: 61px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    .btn-vel-all-products {
        text-align: center;
        padding-top: 20px;
    }
    
    .btn-vel-all-products a {
        display: inline-block;
        padding: 8px 25px;
        background: linear-gradient(90deg, rgba(147,4,4,1) 0%, rgba(190,2,2,1) 33%, rgba(233,0,0,1) 55%);
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: 3px;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        animation: zoom 1.3s infinite;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .gallery_image {
        width: 100%;
        background-color: #dee7f0;
    }
    .group-title {
        margin-bottom: 20px;
        position: relative;
    }
    .group-title .title-img-bottom {
        position: relative;
        margin-bottom: 45px;
    }
    
    .group-title .title {
        text-transform: uppercase;
        font-weight: 700;
        margin-top: 0;
        font-size: 26px;
        color: #ba0202;
    }
    
    .group-title .title-img-bottom {
      position: relative;
      margin-bottom: 10px;
      display: inline-block;
      padding-bottom: 5px;
    }
    
    .group-title .title-img-bottom:before {
      content: "";
      
      /*! background-size: 100% 100%; */
      background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, #ba0202 47.87%, rgba(217, 217, 217, 0) 101%);
      width: 100%;
      height: 1px;
      content: "";
      position: absolute;
      bottom: 0;
    }
    
    .group-title .title-img-bottom-2:before {
    }
    .gallery_image .item {
        padding: 0px 5px;
        margin-bottom: 10px;
    }
    .video_gal {
        position: relative;
        height: 525px;
    }
    .box.video_gal a::before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        border-radius: 5px;
        border-radius: 8px;
        background-color: #00000073;
    }
    .video_gal .image img {
        object-fit: cover;
        width: 100%;
        border-radius: 8px;
        height: 525px;
    }
    .video-btn {
        position: absolute;
        z-index: 1;
        /* width: 50px; */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .btnPlay {
        width: 75px;
        height: 60px;
        margin: auto;
    }
    .pIcon {
        font-size: 20px;
        position: relative;
        z-index: 9;
        display: flex;
        position: absolute;
        left: 3px;
        right: 0;
        top: 1px;
        bottom: 0;
        margin: auto;
        justify-content: center;
        align-items: center;
    }
    .pIcon svg {
        height: 50px;
        fill: #f60001;
        width: 50px;
    }
    .video-btn path {
        fill: #00000078;
        fill: #fff;
    }
    .gallery_image .item {
        padding: 0px 5px;
        margin-bottom: 10px;
    }
    .slide_gallery-video .image img {
        height: 115px;
        border-radius: 5px;
    }
    .slide_gallery-video .btnPlay {
        width: 45px;
        height: 45px;
        display: none;
    }
    
    .slide_gallery-video .video-btn:after {
        content: "";
        background: none;
        animation: none;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .gallery_image .list_item .item {
        /* float: left; */
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .gallery_image .list_item .item .box {
        /* float: left; */
        width: 100%;
        position: relative;
    }
    .gallery_image .list_item .item .box .image {
        width: 100%;
        overflow: hidden;
        border-radius: 10px;
    }
    .gallery_image .list_item .item .box .image a {
        display: block;
        position: relative;
    }
    .gallery_image .list_item .item .box .image a img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }
    .gallery_image .list_item .item .box .image h3 {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        padding: 10px 15px 10px;
        font-weight: 600;
        font-size: 15px;
        color: #fff;
        margin: 0;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        background: linear-gradient(0deg, rgba(26, 84, 148, 1) -16%, rgba(26, 84, 148, 0.33375356978728987) 64%);
        top: 0;
        display: flex;
        align-items: end;
        background: linear-gradient(0deg, rgba(26, 84, 148, 1) 14%, rgba(26, 84, 148, 0.33375356978728987) 39%);
        border-radius: 8px;
        background: linear-gradient(0deg, rgba(26, 84, 148, 1) 14%, rgba(26, 84, 148, 0.33375356978728987) 46%, rgba(26, 84, 148, 0) 79%);
        background: linear-gradient(0deg, rgba(26, 84, 148, 1) 7%, rgba(26, 84, 148, 0.33375356978728987) 29%, rgba(26, 84, 148, 0) 79%);
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .item-projects-members {
        display: flex !important;
    }
    
    .item-projects-members a {
        width: 25%;
    }
    
    .item-projects-members .item-projects-content {
        flex: 1;
    }
    
    .item-projects-members .imgaes-project-newss img {
        height: 135px !important;
    }
    
    
    
    
    
    
    h2.title-section__big {
        padding: 0;
        margin-top: 0;
        font-size: 31px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 10px;
        text-transform: capitalize;
        background-image: linear-gradient(90deg, rgba(147, 4, 4, 1) 0%, #be0202 33%, rgba(233, 0, 0, 1) 55%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        text-transform: uppercase;
        /* font-family: "Montserrat", sans-serif; */
        display: inline-block;
        position: relative;
    }
    
    
    .img-datlih img {
        width: auto;
        height: 40px;
        object-fit: cover;
        /*! margin: 0 auto; */
    }
    
    ul.form-lich {
        display: flex;
        align-items: center;
        /*! justify-content: space-between; */
        margin: 0px -5px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .box-left-datlich {
        /*! width: 60%; */
    }
    
    .box-right-datlich {
        /*! width: 40%; */
        border-left: 0;
    }
    
    .box-list-datlich {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        /*! box-shadow: 0px 5px 30px rgba(0,0,0,.12); */
        padding: 0;
        border-radius: 10px;
        align-items: center;
        /*! background: #fff; */
        flex-direction: row-reverse;
    }
    
    ul.form-lich li {
        width: calc(100% / 3);
    
        /*! border-right: 1px solid #eee; */
       
        padding: 0px 5px;
       
    }
    .form-lich-box{
        background-color: white;
        padding: 10px;
        border-radius: 8px;
        box-shadow: rgba(0, 0, 0, 0.31) 0px 5px 15px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    
    .iconAdvise {
        width: 70px;
        height: 70px;
        overflow: hidden;
        border-radius: 100%;
    }
    
    .iconAdvise img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }
    
    ul.form-lich li a {
        flex: 1;
        padding-left: 0px;
    }
    
    .img-datlih {
        padding-bottom: 6px;
        /*! text-align: center; */
    }
    
    .content-form-lich p {
        color: #595958;
        font-size: 13px;
        text-align: center;
        font-weight: 600;
    }
    
    .content-form-lich span {
        color: #ed1c24;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        display: block;
    }
    
    .box-cots-datlich {
        /*! background: #25aae1; */
        /* box-shadow: 0px 7px 30px rgba(0,0,0,.12); */
        text-align: center;
        border-radius: 0 10px 10px 0;
    }
    
    .title-datlich-form p {
        color: #fff;
        text-align: left;
        font-size: 12px;
    }
    
    .box-cots-datlich form {
        position: relative;
        border-radius: 5px;
        width: 100%;
        background: #fff;
        /* border: 1px solid #ced4da; */
        padding: 7px 15px;
        overflow: hidden;
    }
    
    .box-cots-datlich form input {
        width: 100%;
        border: none;
    }
    
    input:focus-visible {
        border: none;
        outline: none;
    }
    
    .box-cots-datlich form button {
        position: absolute;
        right: 0;
        background: linear-gradient(90deg, rgba(28,124,135,1) 14%, rgba(95,186,194,1) 56%, rgba(161,161,161,1) 95%);
        color: #fff;
        top: 0;
        font-size: 16px;
        padding-top: 7px;
    }
    section.box-datlich {
        padding: 30px;
        padding-bottom: 20px;
    }
    .title-datlich-form {
        padding-bottom: 15px;
    }
    
    ul.form-lich li:last-child {
        border-right: none;
    }
    
    .box-datlich::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.42);
    }
    p.code_color {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        filter: drop-shadow(2px 2px 2px #cdcdcd);
    }
    
    .item-projects-content {
        margin-left: 15px;
    }
    
    .item-projects-content.projecy-content-keyper {
        margin-left: 0px;
        padding: 0px;
    }
    
    
    .testimonial-images {
        display: flex;
        align-items: center;
    }
    
    
    .testimonial-content {
        text-align: left;
        padding-left: 15px;
    }
    .partner-box {
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0);
        border-radius: 3px;
        padding: 10px;
        height: unset;
    }
    .partner-box a {
      display: flex;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      justify-content: center;
      border-radius: 5px;
    }
    .service .box-card__img {
      margin: auto;
      margin-bottom: 25px;
      position: relative;
    }
    .wrap-ss-home-2 {
        padding-bottom: 50px;
        /* padding-top: 20px; */
    }
    .box-images-Qc {
        padding-bottom: 40px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    .box-tabs-mains-products {
        padding-bottom: 40px;
    }
    
    .box-avatar-brand-short {
        height: 100%;
        position: relative;
    }
    
    .box-avatar-brand-short img {
        height: 100%;
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    
    .content-brand-shops-desc {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        padding: 11px 20px;
    }
    
    .content-brand-shops-desc p {
        color: #fff;
        font-size: 26px;
        font-weight: 600;
        text-transform: uppercase;
        background: linear-gradient(212deg, rgba(0, 82, 167, 1) 0%, rgb(0 98 198 / 67%) 33%, rgb(4 128 255 / 78%) 55%);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 5px;
    }
    
    .box-avatar-brand-short:before {
        content: "";
        position: absolute;
        width: 95%;
        height: 97%;
        background: #ffffff73;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 5px;
    }
    .list-product-item-home .image {
        text-align: center;
        position: relative;
        overflow: hidden;
        background: linear-gradient(90deg, rgba(209,209,209,1) 0%, rgba(240,240,240,1) 28%, rgba(232,232,232,1) 100%);
    }
    .news-project-content {
        text-align: center;
    }
    .item-product {
        margin-bottom: 15px;
        border-radius: 7px;
    }
    .list-product-item-home .image img {
        object-fit: contain;
        /* border: 1px solid #eceaea; */
        padding: 45px;
        filter: drop-shadow(2px 4px 6px #cdcdcd);
        height: 416px;
    }
    button.tablinks:focus {
        outline: none;
    }
    
    
    
    
    
    
    
    section.partner {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    .box-doitas {
        text-align: center;
    }
    
    .partner .title-section__big:before {
        -webkit-transition: transform .25s ease-out;
        background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, #ba0202 47.87%, rgba(217, 217, 217, 0) 101%);
        width: 100%;
        height: 1px;
        content: "";
        position: absolute;
        bottom: 0;
    }
      @keyframes underlines {
      0% { width: 0%;}
      100% {width: 63%;}
    }
    
    .hedding-news-home-art .section-title {
        text-align: center;
    }
    
    .hedding-news-home-art .section-title h2 {
        color: #070707;
        text-transform: uppercase;
        margin: 0px;
        font-size: 32px;
        line-height: 54px;
        font-weight: 700;
        display: inline-block;
        position: relative;
        margin-bottom: 10px;
        background-image: linear-gradient(90deg, rgba(147, 4, 4, 1) 0%, #be0202 33%, rgba(233, 0, 0, 1) 55%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
    }
    
    .hedding-news-home-art .section-title p {
        font-size: 15px;
        text-transform: uppercase;
    }
    .list-news-homes-arts {
        padding-top: 25px;
    }
    
    .item-slick-news-arts img {
        height: 300px;
        /* padding: 10px; */
        width: 100%;
    }
    section.home-articles {
        background: #f4f4f5;
        padding-top: 20px;
        /* padding-bottom: 20px; */
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .box-xemthem-hover a {
        width: 80%;
        display: inline-block;
        background: transparent;
        color: #fff;
        font-size: 16px;
        border: 1px solid #fff;
        padding: 7px 20px;
        margin-bottom: 10px;
    }
    
    .list-product-item-home .image .box-xemthem-hover {
        position: absolute;
        top: 50%;
        left: -100%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    
    .col-item-product .image:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        left: -100%;
    }
    
    
    .col-item-product .image:hover:before {
        left: 0;
        transition: 0.5s ease;
    }
    
    .col-item-product:hover .box-xemthem-hover {
        left: 50%;
        transition: 0.5s ease;
    }
    .title-hedding-projects h3:before {
        background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, #ba0202 47.87%, rgba(217, 217, 217, 0) 101%);
        width: 100%;
        height: 1px;
        content: "";
        position: absolute;
        bottom: 0;
    }
    
    .hedding-news-home-art .section-title h2:before {
        background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, #ba0202 47.87%, rgba(217, 217, 217, 0) 101%);
        width: 100%;
        height: 1px;
        content: "";
        position: absolute;
        bottom: 0;
    }
    
    .pre-footer .section-title h2:before {
            -webkit-transition: transform .25s ease-out;
        background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, #ba0202 47.87%, rgba(217, 217, 217, 0) 101%);
        width: 100%;
        height: 1px;
        content: "";
        position: absolute;
        bottom: 0;
    }
    @media(max-width:1300px) {
        .category-slide-1 .slick-prev {
            left: 0;
        }
    
        .category-slide-1 .slick-next {
            right: 0;
        }
    }
    
    @media(max-width: 1230px) {
        .container {
            width: 100%;
            max-width: 1200px;
        }
    }
    
    @media(max-width: 1199px) {
        .slide {
            width: 100%;
            margin-left: 0;
            margin-top: 0;
        }
    
        .bg_slide2 .container {
            overflow: hidden;
            padding: 0;
        }
    
    }
    
    @media (max-width:767px) {
     
    
        #featured-right #featured-news {
            padding: 10px 10px 10px 25px;
        }
    
        #featured-right {
            margin-top: 5px;
        }
    }
    
    @media (min-width:992px) {
        .block-content-right {
    
            order: 1;
        }
    
        #featured-right {
            margin-top: 10px;
        }
    
        #featured-right #featured-news {
            width: 100%;
            float: left;
            background: #fff;
            margin-top: 0px;
            padding: 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
    }
    
    @media(max-width: 991px) {
.partner-box img {
    border-radius: 10px;
    padding: 17px 17px;
}
.box-images-Qc img {
    height: auto;
}

.video_gal .image img {
    height: unset;
}

.video_gal {
    height: unset;
}
.box-images-Qc img {
    height: auto;
}
.about-image-diamonld img {
    clip-path: unset;
    width: 100%;
    height: unset;
    right: 0;
    top: 0;
}

.about-image-diamonld:before {
    display: none;
}

.about-image-diamonld:after {
    display: none;
}

.clm.box-order-about1:after {
    content: "";
    background: none;
}
    .package-details-area .package-img-group .gallery-img-wrap {
        
        margin-bottom: 10px;
    }
        .mobile-saiber {
            display: none;
        }
    
        section.widget_nav_menu-ed {
            padding-top: 20px;
        }
    
        .block-content-right {
            order: 1;
        }
    
        .home-product-left {
            display: none;
        }
    
        .home-product-right {
            width: 100%;
            padding-left: 0;
        }
    }
    
    
    @media (max-width:550px) {
.box-product-tabs .col-item-product:last-child {
    display: unset !important;
}
        .category-item .box .content {
            width: 110px;
            flex: 0 0 110px;
        }
    
        .category-item .box .content h3 {
            font-size: 14px;
        }
    
        .card-news-horizontal .content {
            width: 100%;
        }
    
        .card-news-horizontal .image {
            width: 100%;
        }
    }
    
    @media (min-width: 1300px) {
        .slide:before {
            left: 0px;
            bottom: -3px;
            content: '';
            position: absolute;
            width: 100%;
            height: 290px;
            /*! background: url(../images/beffore-cofer.png); */
            z-index: 1;
            background-repeat: no-repeat;
            background-size: cover;
        }
    }
    
    @media (max-width: 1199px) {
        .video iframe {
            height: 223px;
        }
    }
    
    @media (max-width: 991px) {
        .box-tabs-all-bays .tabs {
            overflow-x: scroll;
        }
    
        .btn-left-bays-tabs {
            width: 100%;
            max-width: fit-content;
            min-width: max-content;
        }
    
        .btn-right-tabs-bays {
            width: 100%;
            max-width: fit-content;
            min-width: max-content;
        }
    
        h2.c-post-list__header {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    
        .inner-newsleter p {
            width: 100%;
        }
    
        .video.home-pages video {
            height: unset;
        }
    
        .video {
            height: unset;
        }
    
        .model-payer {
            display: none;
        }
    
        .item-img-abouts img {
            height: 400px;
        }
    
        .item-img-abouts {
            text-align: center;
        }
    
        .box-secontern-abouts:before {
            content: "";
            height: 400px;
            width: 400px;
            left: 50%;
            transform: translateX(-50%);
        }
    
        .slide:before {
            content: '';
            height: 180px;
        }
    
        .item-member img {
            width: 53px;
        }
    
        .home-video .big-box {
            padding-bottom: 0px !important;
        }
    
        .home-video .big-box .img-box {
            height: unset;
            min-height: unset;
            max-height: unset;
            margin-right: 0px;
        }
    
        .home-video .slide-video-box {
            background: none;
            position: unset;
            width: 100% !important;
            transform: unset;
        }
    
        section.home-video .container {
            padding-left: 10px;
        }
    
        .deal-left {
            padding-bottom: 15px;
        }
    
        .price-deal-right.gold p {
            font-size: 13px;
        }
    
        .price-deal-right.gold s {
            font-size: 11px;
        }
    
        .qoute p {
            font-size: 15px;
            text-align: center;
        }
    
        .content-about-top {
            text-align: center;
            padding-left: 0px;
        }
    
    
        .display_video iframe {
            width: 100% !important;
        }
    
        .slide_cate.cate-dot-1 .item:nth-child(2) {
            display: none;
        }
    
        .form-check .img img {
            border-radius: 5px;
        }
    
        .list-fill .form-check {
            padding-bottom: 10px;
        }
    
        .price_detail2 {
            margin-left: 5%;
        }
    
        .type-product-ss2 .price-ss2 {
            line-height: 15px;
        }
    
        .address {
            padding-top: 20px;
            padding-bottom: 10px;
        }
    
        .contact-infor .infor .address .title p {
            padding-bottom: 10px;
        }
    
        .row.showroom {
            padding-top: 20px;
        }
    
        .box-img-2-ed img {
            border-radius: 15px;
        }
    
        .small-image img {
            height: 90px;
        }
    
        .type-product-ss2 .wrap-product__thumbnail a img {
            height: 200px;
        }
    
        .cart-body-7 {
            padding: 20px 20px;
        }
    
    
        ul.tab-locial.clearfix {
            overflow: auto;
            min-width: max-content;
            max-width: fit-content;
        }
    
        .box-scoll-x-auto-footer {
            overflow: auto;
        }
    
        .cart-body-7 .card-title {
            text-align: center;
        }
    
        .blog-product-detail .list-fill {
            display: none;
        }
    
        .title-sider-bar {
            position: relative;
        }
    
        .title-sider-bar span {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }
    
        .side-bar.active-mobile-detail-dm .list-fill {
            display: block;
        }
    
        .product-wrap__readmore.ss-1.xtc-mobile {
            display: block;
        }
    
        .title-sider-bar span {
            display: block;
        }
    
        .active-mobile-detail-dm .list-fill {
            display: none;
        }
    
        .block-content-right .title-sider-bar {
            cursor: pointer;
        }
    
        .blog-news-detail.ss-blog-1 .title-detail h1 {
            font-size: 18px;
        }
    
        .block-product {
            background: #fff;
            padding: 15px 0;
        }
    
        .phan_trang {
            width: 100%;
        }
    
        .phan_trang nav ul {
            justify-content: center;
        }
    
        .filter-ordering {
            display: none;
        }
    
        .filter-ordering.sort-mobile {
            display: block;
        }
    
        .col-lg-9.col-md-9.col-sm-12.block-content-left {
            order: -1;
        }
    
        .home-phongcach.ss8-pages.ss8-pages-mobile {
            display: block;
        }
    
        .home-phongcach.ss8-pages {
            display: none;
        }
    
        .box-tag-smien {
            display: block;
        }
    
        .chi__nhanh {
            display: none;
        }
    
        .tabs-mobile {
            display: flex;
        }
    
        .home-section-news.ss9-pages .post-info_thumb a img {
            height: 100px;
        }
    
        .blog-carousel-datb-mobile .listds-item img {
            height: 160px;
            object-fit: cover;
            width: 100%;
        }
    
        .ss10-pages-mobile {
            display: block !important;
        }
    
        .ss10-pages {
            display: none;
        }
    
        .home-phongcach.ss8-pages .listds-item__content {
            min-height: 60px;
        }
    
        .img-ships-uy img {
            height: unset;
        }
    
        .filter-ordering .filter-ordering__attr>li .filter-ordering__sub {
            display: none;
        }
    
        .filter-ordering .filter-ordering__attr {
            background: #e2e2e2;
            padding: 10px;
            position: relative;
            display: flex;
            justify-content: space-between;
        }
    
        .filter-ordering .filter-ordering__attr>li {
            margin-bottom: 0px;
        }
    
        .filter-ordering .filter-ordering__attr>li>span {
            margin-bottom: 0px;
        }
    
        li.filter-ordering__item.active .filter-ordering__sub {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
            top: 100%;
            width: max-content;
        }
    
        .wrap-pro-tab-home.bg_white.ss2-pages.slick-one-top {
            display: block;
        }
    
        .wrap-pro-tab-home.bg_white.ss2-pages.ss2-page-mobile {
            display: block;
        }
    
        .wrap-pro-tab-home.bg_white.ss2-pages {
            display: none;
        }
    
        .bg_slide2 {
            background: none;
        }
    
        .cate_home .list_cate .item {
            width: 50%;
        }
    
        .slide_cate.cate-dot-1 .item:nth-child(1) {
            display: none;
        }
    
        .btn-all-web-action {
            text-align: center;
        }
    
        .desc-xt {
            display: none;
        }
    
        .cate_home .text-vc p {
            text-align: left;
        }
    
        .cate_home .text-vc {
            text-align: left;
            margin-left: 5px;
        }
    
        .row.box-container-banner-about:nth-child(2) .about-content-right {
            order: 2;
        }
    
        .ss10-pages .blog-carousel-datb .slick-prev {
            /* display: none !important; */
            left: 20px;
            z-index: 9999;
        }
    
        .ss10-pages .blog-carousel-datb .slick-prev i {
            color: #000 !important;
            font-size: 20px;
        }
    
        .ss10-pages .blog-carousel-datb .slick-next {
            /* display: none !important; */
            right: 20px;
            z-index: 9999;
        }
    
        .ss10-pages .blog-carousel-datb .slick-next i {
            color: #000 !important;
            font-size: 20px;
        }
    
    
        .ss11-pages .listds-item__content {
            width: 60% !important;
        }
    
        .home-customer .listds-item__content {
            float: left;
        }
    
        .product_sale {
            margin: 0px;
        }
    
        .banner-right {
            position: absolute;
            top: 50%;
            right: 20px;
            background: none;
            border: unset;
            z-index: 999;
        }
    
        .banner-right i {
            color: #fff;
        }
    
        .banner-next i {
            color: #fff;
        }
    
        .banner-next {
            position: absolute;
            top: 50%;
            left: 20px;
            background: none;
            border: unset;
            z-index: 999;
        }
    
        .product_sale.sale-no-title .banner-right {
            position: absolute;
            top: 50%;
            border: unset;
            background: none;
            z-index: 99;
            right: 20px;
        }
    
        .product_sale.sale-no-title .banner-next {
            position: absolute;
            top: 50%;
            border: unset;
            background: none;
            z-index: 99;
            left: 20px;
        }
    
    
    
        .video iframe {
            height: 518px;
        }
    
        .wrap-pro-tab-home {
            padding: 0px 10px 0px 10px;
            position: relative;
        }
    
        .home-product-right .col-product-item {
            width: 50%;
            flex: 0 0 50%;
        }
    
        .home-product-tax-left {
            display: none;
        }
    
        .home-product-tax-right {
            width: 100%;
        }
    
        .col-product-item {
            width: 25%;
            flex: 0 0 25%;
        }
    
        .modal-First .modal-dialog {
            max-width: 820px;
        }
    
        .list_image_video .item .image img {
            height: 180px;
        }
    
        .cate_home .list_banner .item {
            margin-bottom: 20px;
            width: 100%;
        }
    
        .cate_home .list_cate2 .item {
            margin-bottom: 20px;
            width: 100%;
        }
    
        .cate_home .list_banner .item:last-child {
            margin-bottom: 0;
        }
    }
    
    
    @media (max-width:767px) {
      
    
        .content-news tbody td {
            width: 100% !important;
            display: block !important;
        }
    
        .select-right {
            font-size: 14px;
            padding: 10px 0px;
        }
    
        .sort-product-cate {
            display: block;
        }
    
        .col-bottom-detail {
            padding: 0px;
    
        }
    
        .products-news .menu-ed li .price-right-news {
            width: 65%;
            padding-left: 20px;
        }
    
        .products-news .menu-ed li .product-img-news {
            width: 35%;
        }
    
        .cate-arrows-1 .slick-next {
            right: 15px;
        }
    
        .cate-arrows-1 .slick-prev {
            left: 15px;
        }
    
        .home-phongcach.ss8-pages .product_sale.sale-no-title {
            padding: 0px 10px;
        }
    
        .bg_slide2.ss1-pages .text-vc p {
            text-align: left;
        }
    
        .bg-green {
            margin-top: 0px;
        }
    
        .product-wrap__readmore.ss-1.ss-1-mobile {
            display: block;
            padding-bottom: 0px;
        }
    
        .home-phongcach.ss8-pages .listds-item__thumb img {
            height: 170px;
            width: 100%;
        }
    
        .tablinks {
            font-size: 12px;
        }
    
        .home-khonggian {
            padding-bottom: 0px;
        }
    
        .home-section-desc .desc-wrap__block img {
            height: 200px;
        }
    
        .home-phongcach.ss5-pages .listds-item__thumb img {
            height: 180px;
        }
    
        span.price-ss2 s {
            display: none;
        }
    
        .box-content-desc-warp p span {
            font-size: 20px !important;
        }
    
        .box-content-desc-warp p {
            padding-bottom: 10px;
        }
    
        .box-content-desc-warp {
            padding: 15px 0px;
        }
    
        .home-phongcach.ss8-pages .box-sort-all-homepage {
            padding-top: 20px;
        }
    
        .wrap-pro-tab-home.bg_white.ss2-pages .listds-item__thumb img {
            height: 150px;
        }
    
        .home-khonggian.ss4-pages .listds-item__thumb img {
            height: 170px;
        }
    
        .listds-item {
            padding: 10px 8px;
        }
    
        .product_sale {
            padding: 0px 0px;
    
        }
    
        .product-shortcode {
            padding-left: 5px;
            padding-bottom: 5px;
            padding-right: 5px;
            padding-top: 10px;
        }
    
        .post-info__content {
            padding: 0px;
        }
    
        .padding_none {
            padding: unset;
        }
    
        .tabshow.ss12-pages .product-wrap__readmore.ss-1 {
            display: block;
        }
    
        .product-wrap__readmore.ss-1 {
            display: none;
        }
    
        .box-sort-all-homepage {
            justify-content: center;
        }
    
        .title_product_banchay span {
            text-align: center;
        }
    
        .cate_home .list_cate {
            padding: 0px 10px;
        }
    
        .tab-content>.active iframe {
            width: 100% !important;
            height: 250px !important;
        }
    
        .product-detail-infor {
            padding: 0 15px;
        }
    
        .tab-content>.active p iframe {
            width: 100% !important;
            height: 250px !important;
        }
    
        .modal-First .modal-dialog {
            max-width: 350px;
            margin-left: auto;
    
            margin-right: auto;
        }
    
        .col-product-item {
            width: 33.33333%;
            flex: 0 0 33.33333%;
        }
    
        .newsletter-content {
            width: 100%;
        }
    
        .image-modal .image img {
            border-radius: 50px 50px 0 0;
        }
    
        .tab-product {
            width: 100%;
            float: unset;
            margin-right: 0;
        }
    
        .product-relate {
            width: 100%;
            float: unset;
        }
    
        .newsletter-content .form-control {}
    
        .image-modal .image {
            display: none;
        }
    
        .image-modal .info_product_modal .image {
            display: block;
        }
    
        .image-modal .info_product_modal .image img {
            border-radius: 0;
        }
    
        .image-modal .info_product_modal {
            width: 100%;
        }
    
        .newsletter-content .dec {
            line-height: 1.4;
        }
    
        .newsletter-content h2 {
            font-size: 20px;
        }
    
        .newsletter-content .input-wrapper-inline button {
            padding-top: 0;
            padding-bottom: 0;
        }
    
        .modal-First .modal-content {
            background-size: 300px auto, contain;
            background-position: top center;
        }
    
        .newsletter-content {}
    
        .form-tv .modal-body {
            background-color: #fff;
            padding: 20px;
            border-radius: unset;
        }
    
        .form-tv form {
            padding: 0;
            position: unset;
            border-radius: unset;
        }
    
        .title-form-m {
            font-size: 25px;
        }
    
        .form-tv .modal-title {
            font-size: 20px;
        }
    
        .item-post .box .content .link-detail {
            font-size: 15px;
        }
    
        .item-post .box .content .desc {
            font-size: 14px;
        }
    
        .item-post .box .content .name {
            font-size: 16px;
        }
    
        .item-post .box .content .info {
            font-size: 13px;
        }
    
        .item-post .box .image {
            width: 100%;
        }
    
        .item-post .box .content {
            width: 100%;
            padding-left: 0;
            padding-top: 15px;
            background: none;
        }
    
        .list-news-blog .fo-03-col-news:nth-child(1),
        .list-news-blog .fo-03-col-news:nth-child(6) {
            width: 100%;
        }
    
        .product-list {
            padding: 15px 0px 0 0;
        }
    
        .video iframe {
            height: 430px;
        }
    
        .list_image_video .item .image img {
            height: 160px;
        }
    
        .form-search-icon {
            width: 100%;
            padding-left: 0;
            margin-top: 15px;
            max-width: unset;
        }
    
        .box-support .col-support-item {
            width: 100%;
        }
    
        .wrap-pro-tab-home .padding_none {
            padding: 0;
        }
    
        .wrap-pro-tab-home .padding_in {
            padding: 0 7px;
        }
    
        .title_sp_detail h1 {
            margin-top: 10px;
        }
    
        .wrap-price .list-attr .attr-item:nth-child(3) {
            padding: 10px 0;
            margin: 0 0 10px 0;
        }
    
        .nav-tabs {
            margin-top: 0px;
        }
    
        .padding_in {
            padding: 0 15px 0 0;
        }
    
        .title_product_sale span {
            background: #f99c70;
            width: 100%;
            display: inline-block;
            padding: 5px 0;
        }
    
        .title_product_sale {
            display: block;
            text-align: center;
            background: #fff;
            padding: 0 0 20px 0;
        }
    
    
        #countdown p {
            color: #333;
        }
    
        .cate_home {
            padding: 0;
            background: #fff;
        }
    }
    
    @media(max-width:550px) {
        section.aboutus {
            padding-bottom: 25px;
        }
        .model-content-projects h3 {
            font-size: 22px;
            text-align: center;
        }    
        .model-content-projects p {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
        }
        .title-hedding-projects p {
            width: 95%;
        }
        .service-item {
            margin-top: 10px;
        }
        .content-hoper {
            padding: 35px 10px;
        }
    
        .item-slick-news {
            padding: 0px;
        }
    
        .mark-form form button {
            width: 100%;
        }
    
        .mark-form form input {
            width: 100%;
            margin-bottom: 10px;
        }
    
        .box-newslter {
            padding: 20px 10px;
            margin: 0px;
        }
    
    
        .slide:before {
            content: '';
            height: 65px;
        }
    
        .item-img-abouts img {
            height: 350px;
        }
    
        .box-secontern-abouts:before {
            content: "";
            height: 350px;
            width: 350px;
            left: 55%;
            transform: translateX(-50%);
        }
    
        .loggo-footer img {
            height: 80px;
        }
    
        .productHot {
            padding-bottom: 20px;
        }
    
        .title-hedding-top-pages h2 {
            font-size: 28px;
        }
    
        .deatl-icon-last img {
            width: 25px !important;
        }
    
        .attr-item.price_detail .price-deal-right.gold {
            display: flex !important;
        }
    
        .attr-item.price_detail .price-deal-right.gold s {
            padding-left: 10px;
        }
    
        .price-deal-right.gold {
            display: block;
            min-height: 34px;
            line-height: 1;
        }
    
        .price-deal-right.gold p {
            padding-right: 0px;
        }
    
        .box-QCS {
            padding: 5px;
        }
    
        .home-video .big-box .text-box .title-utmcentur {
            font-size: 24px;
        }
    
        .home-video {
            padding-top: 15px;
        }
    
        .box-footer-right-1 {
            display: flex;
            flex-wrap: wrap;
        }
    
        .box-footer-right-1 .box-footer {
            width: 100%;
        }
    
        .box-slider-poker {
            display: block;
        }
    
        .slick-port-new-left {
            display: none;
        }
    
        .box-posts-news-right {
            width: 100%;
        }
    
        .home-product-ss3.bg-green .wrap-pro-tab-home {
            padding-top: 1rem;
            padding-bottom: 1rem;
            background-position: left !important;
        }
    
        .content-about-top .title-about span {
            font-size: 26px;
        }
    
        .content-about-top .title-about span p {
            font-size: 20px;
        }
    
        .btn-all-web-action h2 a {
            font-size: 27px;
        }
    
        .home-product-ss3.bg-green {
            padding: 0px;
        }
    
        .type-product-ss2 .wrap-product__content {
            padding: 8px 2px;
        }
    
        .type-product-ss2 .woocommerce-loop-product__title {
            min-height: 42px;
        }
    
        .name-deal-right p {
            color: #fff;
            font-size: 13px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    
        section.deal-hot {
            padding: 1rem 0px;
        }
    
        section.about-us-wraper {
            padding-bottom: 2rem !important;
            padding-top: 2rem !important;
        }
    
        .deal-right {
            gap: unset;
        }
    
        .list-product-deal-right {
            margin-bottom: 10px;
        }
    
        .anmobile {
            display: none
        }
    
        .hienmobile {
            display: block
        }
    
        .type-product-ss2 .wrap-product__thumbnail a img {
            height: unset;
        }
    
        .item-star .box {
            display: block;
        }
    
        .item-star .box .content-star {
            padding-bottom: 15px;
            width: 100%;
        }
    
        .ss-about-table tr td {
            width: 100% !important;
        }
    
        .list_cate .slide_cate .item span {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    
        .f-cmusers {
            width: 80px;
        }
    
    
    
    
        .blog-carousels .listds-item__thumb img {
            height: 115px;
        }
    
        .home-customer .listds-item__thumb {
            width: 100%;
            display: flex;
            justify-content: center;
            padding: 0px;
        }
    
        .listds-item__inner p.listds-item__content {
            text-align: center !important;
        }
    
        .ss11-pages .listds-item__content {
            padding: 0px !important;
        }
    
        .ss11-pages .listds-item__content {
            width: 100% !important;
        }
    
        .blog-carousels .listds-item__thumb img {
            width: 110px;
        }
    
    
        .cate_home .padding_none {
            padding: 0;
        }
    
        .title_product_sale {
            display: block;
            text-align: center;
            background: #fff;
        }
    
        .blog-product-detail {
            padding: 10px 0 0 0;
        }
    
        .list-attr .attr-item1 label {
            padding-right: 10px;
        }
    
        .payment-accept-item {
            width: 25% !important;
        }
    
        div.tab button {
            padding: 10px 5px;
            font-size: 12px;
        }
    
        .wrap-fill>.form-group {
            width: 45%;
        }
    
        .list_camket .item {
            width: 50%;
        }
    
        .wrap-price .list-attr .attr-item:nth-child(1) {
            width: 100%;
            padding: 0 5px;
            order: 3;
        }
    
        .list-attr .attr-item:nth-child(2) {
            order: 1;
        }
    
        .list-attr .attr-item:nth-child(3) {
            order: 2;
        }
    
        .list-attr .price span:first-child {
            /* width: 50px; */
            font-size: 13px;
        }
    
        .tinh_trang span:first-child {
            width: 98px;
        }
    
        .shipping_product .label_shipping {
            width: 85px;
        }
    
        .shipping_product .content_shipping {
            width: calc(100% - 85px);
        }
    
        .list-attr .attr-item .form-group>label {
            width: 100%;
            padding-left: 0;
        }
    
        .select_size {
            width: 100%;
        }
    
        .list-attr .attr-item>h3 {
            margin-bottom: 2px;
        }
    
        .col-product-item {
            width: 50%;
            flex: 0 0 50%;
        }
    
        .group-title-2 .list-link li a {
            font-size: 14px;
        }
    
        .group-title-2 .title {
            font-size: 13px;
            padding: 0 14px;
        }
    
        .box-image-product {
            flex-wrap: wrap;
        }
    
        .box-image-product .image-main {
            width: 100%;
        }
    
        .list-small-image .pt-box {
            padding: 10px 0;
        }
    
        .product-detail-infor .box-infor h2 {
            font-size: 22px;
        }
    
        .list-small-image {
            width: 100%;
            order: 2;
            flex: 0 0 100%;
        }
    
        .small-image {
            height: auto;
        }
    
        .product-detail-infor .box-infor {
            padding-top: 0;
        }
    
        .list-small-image .slick-prev {
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }
    
        .list-small-image .slick-next {
            right: 0;
            left: unset;
            top: 50%;
            transform: translateY(-50%);
        }
    
        .list_camket .item .box .info .name {
            font-size: 15px;
        }
    
        .page-link {
            padding: 8px;
        }
    
        .modal-First .modal-content {
            /* background-image: url(../images/bg_modal.jpg) !important; */
        }
    
        .newsletter-content {
            margin-right: auto;
        }
    
        .item-service .box .icon {
            width: 100px;
        }
    
        .col-item-service {
            padding: 0 10px;
        }
    
        .item-service .box .name {
            height: 36px;
        }
    
        .content-category {
            text-align: justify;
            padding: 0px;
            background-color: #fff;
            border: 1px dashed #fff;
            margin-top: 0px;
            margin-bottom: 20px;
            font-size: 15px;
        }
    
        .item-service .box .name {
            font-size: 15px;
        }
    
        .col-item-service {
            margin-bottom: 20px;
        }
    
        .wrap-service {
            /* padding: 0px 0 20px; */
            padding: 0;
        }
    
        .item-service .box {
            margin: 0 auto;
            border: 1px dashed #000;
            padding: 10px 10px;
            border-radius: 10px;
        }
    
        .title-nav-tab h3 {
            font-size: 16px;
        }
    
        .title-h .text {
            width: 100%;
            font-size: 16px;
        }
    
        .col-ykkh-item .item-ykkh .nd_ykien {
            min-height: 190px;
        }
    
        .video iframe {
            height: 300px;
        }
    
        .title-b {
            padding: 10px 20px 0 20px;
        }
    
        .wrap-ykkh .cate-dot-1 .slick-dots {
            transform: unset;
        }
    
        .cate_home .cate-dot-1 .slick-dots {
            transform: unset;
        }
    
        .list_image_video .item .image img {
            height: 100px;
        }
    
        #countdown {
            width: 100%;
            margin-top: 15px;
            justify-content: center;
        }
    
        .tab-link ul li {
            width: 100%;
        }
    
        .tab-link {
            position: unset;
        }
    
        .breadcrumbs ul>li>a {
            font-size: 16px;
        }
    
        .breadcrumbs ul>li:last-child a:last-child:after {
            font-size: 22px;
        }
    
        .title-service-tab {
            font-size: 20px;
        }
    
        .service-item-2 .box {
            padding: 25px 30px 35px;
        }
    
        .wrap-partner .list-item .box {
            padding: 12px 0;
        }
    
        .service-item-2 .name {
            font-size: 22px;
        }
    
        .title-service-tab-sm {
            font-size: 17px;
        }
    
        .title-tam-nhin img {
            margin-right: 16px;
            height: 48px;
        }
    
        .blog-lienhe-hoptac {
            padding: 30px 0;
    
        }
    
        .item-tam-nhin .desc {
            line-height: 26px;
            font-size: 18px;
        }
    
        .form-contact-hoptac label:not(.radio-inline):not(.checkbox label) {
            font-size: 18px;
        }
    
        .form-contact-hoptac textarea {
            height: 100px;
        }
    
        .form-contact-hoptac .btn-view {
            margin-top: 5px;
            line-height: 48px;
            font-size: 20px;
        }
    
        .padding-content {
            padding: 25px 25px 35px;
        }
    
        .desc-ls {
            line-height: 26px;
            font-size: 18px;
        }
    
        .wrap-partner .group-title .title {
            font-size: 35px;
            text-align: center;
            line-height: normal;
        }
    
        .wrap-partner {
            margin-top: 0;
            padding: 35px 0 30px;
        }
    
        .title-ls {
            font-size: 24px;
        }
    
        .title-form {
            font-size: 20px;
        }
    
        .title-tam-nhin {
            font-size: 28px;
            width: 225px;
            line-height: 48px;
        }
    
        .cate-dot-1 .slick-dots {
            right: 50%;
            transform: translate(50%, 0);
            top: calc(100% + 5px);
        }
    
        .wrap-partner .list-item {
            padding: 0 30px;
        }
    
        .wrap-partner .list-item img {
            height: 100px;
            width: auto;
            object-fit: contain;
        }
    
        .wrap-partner .list-item .item {
            padding: 10px;
        }
    
        .cate-arrows-1:not(.cate-arrows-1-sm) .slick-prev,
        .cate-arrows-1:not(.cate-arrows-1-sm) .slick-next {
            height: 50px;
        }
    
        .title-xemthem {
            font-size: 20px;
        }
    
        .group-title .title {
            font-size: 22px;
        }
    
        .list-news-home {
            padding: 0 30px;
        }
    
        .title-service {
            font-size: 40px;
            margin-bottom: 10px;
        }
    
        .item-ls-sm.slick-current .box {
            font-size: 18px;
        }
    
        .item_count {
            margin-bottom: 0;
            padding-top: 10px;
        }
    
        .item_count .box_count .counter-value {
            font-size: 40px;
        }
    
        .wrap-system {
            padding: 25px 0 30px;
        }
    
        .box-bg-content {
    
            width: 100%;
            position: unset;
        }
    
        .box-bg-content .logo-bg {
            padding-right: 0;
            width: 100%;
            text-align: center;
        }
    
        .box-bg-content .button_tuvan {
            width: 100%;
            padding-left: 0;
            text-align: center;
            margin-top: 20px;
        }
    
        .box-bg-content .logo-bg img {
            max-width: 260px;
        }
    
        .nav-main>li:not(:last-child) img {
            width: auto;
        }
    
        .wrap-breadcrumbs .breadcrumb li {
            font-size: 14px;
        }
    
        .hen_lich {
            float: left;
            width: 50%;
        }
    
        .sign_now {
            float: left;
            width: 100%;
        }
    
        .box-buy {
            text-align: center;
        }
    
        .box-buy .add-to-cart {
            /* font-size: 15px; */
            /* border-radius: 20px; */
        }
    
        .nav-tabs .nav-item {
            margin-bottom: 0;
            width: 50%;
            border-bottom: 0;
            text-align: center;
        }
    
        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            /* background: #4c4743; */
            padding: 10px 15px;
            color: #fff;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 500;
            text-align: center;
        }
    
        .blog-product-detail .group-title .title {
            font-size: 20px;
        }
    
        .product-item .box .image a {
            display: block;
            position: relative;
            padding-bottom: 100%;
            border: 1px solid transparent;
            overflow: hidden;
            /* background-color: #fff; */
            /* background-image: url(../images/bg-product.png); */
            /* border: 1px solid transparent; */
        }
    
        .free {
            font-size: 12px;
            text-align: left;
            color: #333;
            line-height: 20px;
        }
    
        .pt {
            font-size: 14px;
        }
    
        .product-item .box .image .km {
            font-size: 14px;
        }
    
        .box_quatang li {
            font-size: 12px;
            line-height: 20px;
        }
    
        .product-detail-infor .box-infor .info-desc .desc ul li {
            font-size: 15px;
        }
    
        .box_quatang1 li {
            font-size: 12px;
            line-height: 20px;
        }
    
        .small-image img {
            border: 1px solid #eee;
            /* padding: 3px; */
            background: #fff;
            width: 100%;
            aspect-ratio: 1/1;
        }
    
        .list-attr1 .attr-item {
            width: auto;
            display: inline-block;
        }
    
        .list-attr1 .attr-item .form-group {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            width: 150px;
        }
    
        .list-attr1 .attr-item .form-group select {
            font-size: 14px;
            padding: 6px 12px 6px 4px;
            margin-left: 0px !important;
        }
    
        .list-attr1 .attr-item .form-group label {
            white-space: nowrap;
            margin-bottom: 0;
            font-size: 15px;
            width: 100%;
        }
    
        .wrap-add-cart {
            margin-left: 0;
        }
    
        .box-right .menu-title {
            display: none;
        }
    
        .group-button {
            display: none !important
        }
    
        .cate_home .list_cate .item {
            padding: 0 5px;
            width: 33.333%;
            margin-bottom: 10px;
        }
    
        div.tab {
            width: 100%;
            margin: auto;
        }
    
        .product-item2 {
            width: 50%;
            flex: 0 0 50%;
        }
    
        .home-box-title {
            min-width: 220px;
            float: left;
            margin-bottom: 0;
            padding: 13px 10px;
            background: #f99c70;
            color: #fff;
            font-size: 15px;
            text-align: center;
            font-weight: 500;
            margin: 0;
            text-transform: uppercase;
        }
    
        .nav-tabs .nav-link {
            font-size: 13px;
            padding: 9px 15px;
        }
    
        .col-product-item2 {
            width: 50%;
            flex: 0 0 50%;
        }
    
        .van-chuyen {
            padding: 10px 5px;
            text-align: center;
            justify-content: space-between;
            margin: auto;
        }
    
        .icon-vc {
            width: 25%;
            margin: auto;
            text-align: center;
        }
    
        .icon-vc img {
            padding: 0px;
            /* width: 45px;
            height: auto; */
            text-align: center;
            display: block;
            margin: auto;
        }
    
        .text-vc {
            line-height: 0px;
            width: 75%;
            text-align: center;
            margin: 0;
        }
    
        .text-vc span {
            font-size: 10px;
            line-height: 18px;
            margin: 0;
            padding: 0;
        }
    
        .text-vc p {
            text-align: center;
            font-size: 14px;
            line-height: 14px;
            padding: 0;
        }
    }
    
    @media (max-width: 400px) {
        .title-service {
            font-size: 30px;
        }
    
        .list-attr .attr-item>h3 {
            text-align: center;
        }
    
        .box-buy {
            text-align: center;
        }
    
        .box-buy a {
            margin-right: 0;
        }
    }
    
    @media (max-width: 375px) {
        .title-service {
            font-size: 30px;
        }
    }
    
    @media (min-width: 1400px) {
        .col-xl-2dot4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }
    
    
    
    @media (max-width: 767px) {
        .section_flash_sale {
            margin-bottom: 25px
        }
    }
    
    
    
    @media (max-width: 767px) {
        .section_flash_sale .item_null .item_product_main {
            margin-bottom: 14px
        }
    }
    
    
    
    @media (max-width: 992px) {
        .section_flash_sale .item_product_main {
            margin-bottom: 0px
        }
    }
    
    
    @media (max-width: 1025px) {
        .section_flash_sale .item_product_main .product-info {
            width: calc(100% - 145px)
        }
    }
    
    @media (max-width: 322px) {
        .section_flash_sale .item_product_main .product-info {
            width: calc(100% - 125px);
            padding: 5px
        }
    }
    
    
    @media (max-width: 1025px) {
        .section_flash_sale .item_product_main .product-thumbnail {
            width: 140px;
            max-width: 140px
        }
    }
    
    @media (max-width: 322px) {
        .section_flash_sale .item_product_main .product-thumbnail {
            width: 120px;
            max-width: 120px
        }
    }
    
    
    
    @media (max-width: 767px) {
        .section_flash_sale .item_product_main .product-action .btn-views {
            max-width: 110px
        }
    }
    
    
    @media (max-width: 992px) {
        .section_flash_sale .title-module-flash {
            margin-bottom: 10px;
            text-align: center;
            font-size: 22px
        }
    }
    
    @media (max-width: 991px) {
        section.aboutus .aboutus-title {
            font-size: 29px;
            line-height: 48px;
        }
        .section_flash_sale .content-module {
            font-size: 16px
        }
    }
    
    
    @media (max-width: 767px) {
        .section_flash_sale .title {
            flex-direction: column
        }
    }
    
    @media (max-width: 767px) {
        .section_flash_sale .title .title-module {
            text-align: center;
            margin-bottom: 0px
        }
    }
    
    @media (max-width: 767px) {
        .section_flash_sale .box_flash_sale {
            padding: 10px 5px 5px
        }
    }
    
    @media (max-width: 767px) {
        .section_flash_sale .productcount span {
            line-height: 15px
        }
    }
    
    @media (max-width: 992px) {
        .section_flash_sale .row.load-after {
            /*! display: grid; */
            /*! grid-template-rows: 1fr; */
            /*! overflow: auto; */
            /*! justify-content: start; */
            /*! grid-template-columns: repeat(3, 46%) */
        }
    
        .section_flash_sale .row.load-after .col-md-4 {
            -ms-flex: 0 0 100%;
            /*! flex: 0 0 100%; */
            /*! max-width: 100%; */
            /*! min-width: 100%; */
            margin-bottom: 15px;
        }
    }
    
    @media (max-width: 767px) {
        .section_flash_sale .row.load-after {
            grid-template-columns: repeat(3, 90%)
        }
    }
    
    
    @media (max-width: 480px) {
        .item_product_main .badge span {
            font-size: 12px
        }
    }
    
    @media (max-width: 500px) {
        .item_product_main .product-info .price-box .compare-price {
            font-size: 12px
        }
    }
    
    @media (max-width: 767px) {
        .item_product_main .product-info .product-name {
            font-size: 14px
        }
    }
    
    @media (max-width: 1025px) {
        .item_product_main .product-button {
            opacity: 1
        }
    }
    
    @media (max-width: 1025px) {
        .item_product_main .product-button .btn-views {
            display: none
        }
    }
    
    @media (max-width: 767px) {
        .item_product_main .product-action .btn-views {
            width: 120px
        }
    }
    
    @media (max-width: 322px) {
        .item_product_main .product-action .btn-views {
            width: 110px
        }
    }
    
    @media (min-width: 1025px) {
        .item_product_main:hover .product-thumbnail .image_thumb:before {
            opacity: 1;
            visibility: visible
        }
    
        .item_product_main:hover .product-button {
            opacity: 1;
            visibility: visible
        }
    
        .item_product_main:hover .product-button .btn-views {
            opacity: 1
        }
    }
    
    
    @media (max-width: 991px) {
        .section_3_banner {
            margin-bottom: 15px
        }
    }
    
    
    
    @media (max-width: 992px) {
.box-tabs-mains-products {
    padding-bottom: 20px;
}
.list-product-item-home .image img {
    height: unset;
    padding: 20px;
}

span.name-products {
    font-size: 13px;
}
        .section_3_banner .box_banner_index {
            /*! overflow: auto; */
            /*! overflow-y: hidden; */
            /*! flex-wrap: nowrap; */
            /*! justify-content: initial !important; */
            -ms-flex-wrap: nowrap !important;
            /*! flex-wrap: nowrap !important; */
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap
        }
    
        .section_3_banner .box_banner_index .col-sm-12 {
            /*! flex: 0 0 45%; */
            /*! max-width: 45%; */
            padding-bottom: 10px
        }
    }
    
    @media (max-width: 767px) {
        .section_3_banner .box_banner_index .col-sm-12 {
            /*! flex: 0 0 70%; */
            /*! max-width: 70% */
        }
    }
    
    @media (max-width: 322px) {
        .section_3_banner .box_banner_index .col-sm-12 {
            /*! flex: 0 0 80%; */
            /*! max-width: 80% */
        }
    }
    
    @media (max-width: 992px) {
        .section_3_banner .box_banner_index .box_3_banner .banner-text {
            padding: 0 20px
        }
    }
    
    @media (max-width: 767px) {
        .section_3_banner .box_banner_index .box_3_banner .banner-text {
            padding: 0 10px
        }
    }
    
    @media (max-width: 767px) {
        .section_3_banner .box_banner_index .box_3_banner .banner-text h2 {
            min-height: 80px;
            font-size: 19px;
            margin-bottom: 10px;
            /*! font-size: 13px; */
        }
    }
    
    @media (max-width: 322px) {
        .section_3_banner .box_banner_index .box_3_banner .banner-text h2 {
            font-size: 15px;
            margin-bottom: 5px
        }
    }
    
    @media (max-width: 767px) {
        .section_3_banner .box_banner_index .box_3_banner .banner-text a {
            /*! height: 30px; */
            /*! line-height: 30px; */
            padding: 5px 15px;
            font-size: 14px
        }
    }
    
    @media (max-width: 991px) {
section.blogpage.pd-section-top {
    padding-top: 20px;
}
        .section_banner {
            margin-bottom: 15px
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat {
            margin-bottom: 15px
        }
    }
    
    @media (max-width: 992px) {
        .section_product_noibat .box_pro_banner {
            display: block
        }
    }
    
    @media (max-width: 992px) {
        .gallery_image button {
            display: none;
        }
        
        .gallery_image {
            padding-bottom: 20px;
            padding-top: 20px;
        }
        .section_product_noibat .box_pro_banner .banner_pro {
            width: 100%;
            height: 235px;
            overflow: hidden
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .box_pro_banner .banner_pro {
            height: 220px
        }
    }
    
    
    
    @media (min-width: 992px) {
        .section_product_noibat .box_pro_banner .banner_pro img {
            height: 100%
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro {
            padding: 15px
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro h2 {
            font-size: 24px;
            line-height: 26px;
            margin-bottom: 5px
        }
    }
    
    @media (max-width: 322px) {
        .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro h2 {
            font-size: 22px;
            line-height: 24px
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro p {
            margin-bottom: 5px
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro .title_banpro_2 {
            font-size: 14px
        }
    }
    
    @media (max-width: 769px) {
        .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro .title_banpro_3 {
            font-size: 18px;
            line-height: 22px
        }
    }
    
    @media (max-width: 322px) {
        .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro .title_banpro_3 {
            font-size: 14px;
            line-height: 20px
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro .title_banpro_4 {
            font-size: 14px
        }
    }
    
    @media (max-width: 767px) {
      
        .section_product_noibat .box_pro_banner .banner_pro .content_banner_pro .a-buy-now {
            margin-top: 5px
        }
    }
    
    @media (max-width: 992px) {
.box-product-tabs .col-item-product:last-child {
    display: none;
}
.tabs {
    width: 100%;
    min-width: max-content;
    max-width: fit-content;
    overflow: scroll;
}

.box-tabs-mains-products {
    overflow: scroll;
}
.btn-all-web-action h2 {
    height: unset;
    font-size: 22px !important;
}
.list-auto5-keys-splq {
    padding: 4px !important;
}
.form-brand-tuvan {
    margin-top: 15px;
}
.image_payment .item img {
    height: 50px;
}
.hedding-news-home-art .section-title p {
    font-size: 13px;
}
        .wrap-ss-home-2 {
            padding-bottom: 20px;
        }
        .testimonial-video .slick-dots {
            bottom: 0;
        }
        .clm.box-cery-video {
        display: none;
    }
        .slideshow__img {
            width: calc(98% / 3);
        }
        
        .slideshow__img img {
            height: unset;
        }
        
        .slideshow-list {
            display: flex;
            justify-content: space-between;
            padding-top: 10px;
        }
        .section_product_noibat .box_pro_banner .tab_content_pro {
            width: 100%;
            display: block
        }
    }
    @media (min-width: 990px) and (max-width: 1260px) {
        .slideshow__img {
            width: calc(98% / 3);
        }
        
        .slideshow__img img {
            height: unset;
        }
        
        .slideshow-list {
            display: flex;
            justify-content: space-between;
            padding-top: 10px;
        }
    }
    @media (max-width: 767px) {
        .section_product_noibat .box_pro_banner .tab_content_pro {
            width: 100%;
            padding: 10px
        }
    
        .section_product_noibat .box_pro_banner .tab_content_pro .swiper-container {
            overflow: initial
        }
    
        .section_product_noibat .box_pro_banner .tab_content_pro .swiper-container .swiper-wrapper {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            margin-right: -14px;
            margin-left: -14px;
            padding-left: 7px;
            padding-right: 7px;
            width: auto
        }
    
        .section_product_noibat .box_pro_banner .tab_content_pro .swiper-container .swiper-wrapper .swiper-slide {
            padding-left: 7px;
            padding-right: 7px;
            -ms-flex: 0 0 40%;
            flex: 0 0 40%;
            max-width: 40%;
            min-width: 40%;
            margin-bottom: 10px
        }
    }
    
    @media (max-width: 767px) and (max-width: 767px) {
        .section_product_noibat .box_pro_banner .tab_content_pro .swiper-container .swiper-wrapper .swiper-slide {
            -ms-flex: 0 0 60%;
            flex: 0 0 60%;
            max-width: 60%;
            min-width: 60%
        }
    }
    
    @media (max-width: 767px) {
    
        .section_product_noibat .box_pro_banner .tab_content_pro .swiper-container .swiper-button-prev,
        .section_product_noibat .box_pro_banner .tab_content_pro .swiper-container .swiper-button-next {
            display: none
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .tab-next-prev {
            display: none
        }
    }
    
    @media (min-width: 767px) {
        .section_product_noibat .title_index {
            display: flex;
            /*! justify-content: flex-end; */
            align-items: center;
            -ms-flex-wrap: wrap;
            /*! flex-wrap:wrap */
        }
    }
    
    @media (min-width: 767px) {
        .section_product_noibat .tab-next-prev .section-1-prev:hover {
            background-color: #fb831a
        }
    
        .section_product_noibat .tab-next-prev .section-1-prev:hover svg path {
            fill: #fff
        }
    }
    
    @media (min-width: 767px) {
          
        .section_product_noibat .tab-next-prev .section-1-next:hover {
            background-color: #fb831a
        }
    
        .section_product_noibat .tab-next-prev .section-1-next:hover svg path {
            fill: #fff
        }
    }
    
    @media (max-width: 767px) {
        section.aboutus .aboutus-title {
            font-size: 22px;
            line-height: 35px;
            padding: 0 0 0 12px;
        }
        
        .title-hedding-projects h3 {
            font-size: 22px;
        }
        
        .model-content-projects a h3 {
            font-size: 16px;
            min-height: 40px;
        }
        
        .medel-news-projects {
            padding-left: 0px;
            margin-bottom: 30px;
        }
        
        .news-project-title h3 {
            font-size: 21px;
        }
        
        
        .section_product_noibat .tabs-title {
            width: 100%;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            justify-content: inherit
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .tabs-title .tab-link {
            padding: 0px
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .tab-content {
            margin-top: 0px
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .item_null .item_product_main {
            margin-bottom: 14px
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .see-more {
            margin-top: 10px
        }
    }
    
    @media (max-width: 767px) {
        .section_product_noibat .see-more a {
            height: 30px;
            line-height: 30px;
            padding: 0px 15px;
            font-size: 14px
        }
    }
    
    @media (max-width: 767px) {

        

        .item-projects-members a {
            width: 35%;
        }
        section.products-project {padding-left: 10px;padding-right: 10px;padding-top: 10px;}
        section.news-projects{
            padding-top: 2rem;
        }
        .box-cery-video {
            display: none;
            width: 100%;
        }
        
        .box-camnhan {
            width: 100%;
        }
         .wrap-breadcrumbs {
            margin-top: 0px;
          }
        .section_product_noibat .e-tabs {
            margin-bottom: 5px
        }
        .tabs{
            justify-content: center;
            margin-top: 10px;
        }
        .about-us-wraper .hr-gradient{
            margin: 0 auto;
        }
        .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
            padding-right: 5px;
            padding-left: 5px;
          }
          .item_product_main {
            margin-bottom: 10px;
          }
          .tabs{
            flex-wrap: wrap;
          }
          .tablinks{
            margin-bottom: 8px;
          }
    }
    @media (max-width:850px ) {
        .clm.box-orderLeft-about1 {
            order: 1;
        }
        
        .clm.box-order-about1 {
            order: 2;
            padding-top: 20px;
        }
        .item-projects-content {
            padding: unset;
        }
        .item-projects {
            padding: 5px 5px 10px;
        }
        .testimonial-center {
            margin: 10px 0 10px;
        }
        
        .page-title h3 {
            line-height: 35px;
            margin-bottom: 15px;
            font-size: 24px;
            text-transform: uppercase;
        }
      
        .news-project-title h3 {
            font-size: 20px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .news-project-content p {
            font-size: 17px;
            text-align: justify;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .news-project-title {
            padding-bottom: 5px;
        }
    }
    @media (min-width: 767px) {
        .section_product_noibat .swiper-container {
            padding-top: 50px
        }
        
    }