<style type="text/css">
	.nav-tabs-scroll {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	.nav-tabs-scroll .nav-tabs {
		flex-wrap: nowrap;
		border-bottom: 2px solid #eee;
	}
	.nav-tabs-scroll .nav-item {
		display: inline-block;
		float: none;
	}
	.nav-tabs-scroll .nav-link {
		border: none;
		border-radius: 0;
		padding: 10px 15px;
		color: #333;
		font-weight: 500;
		transition: all .3s;
		display: flex;
		align-items: center;
	}
	.nav-tabs-scroll .nav-link img {
		margin-right: 6px;
	}
	.nav-tabs-scroll .nav-link.active {
		color: #007bff;
		font-weight: 600;
		background: #f8f9fa;
		border-bottom: 3px solid #007bff;
	}
	.nav-tabs-scroll .nav-link:hover {
		color: #007bff;
		background-color: #f9f9f9;
	}
</style>
<style type="text/css">
	.image-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(0, 0, 0, 0.3);
		transition: background-color 0.3s ease;
		overflow: hidden;
	}
	.image-centered {
		max-height: 100%;
		max-width: 100%;
		object-fit: contain;
	}
	.owl-carousel-images .owl-prev{
		position: absolute;
		top:0;
	}
	.owl-carousel-images .owl-prev span{
		font-size: 3rem !important;
	}
	.owl-carousel-images .owl-next{
		position: absolute;
		top:0;
		right:0;
	}
	.owl-carousel-images .owl-next span{
		font-size: 3rem !important;
	}
	.tooltip-inner {
		max-width: 250px;
		padding: 8px 12px;
		border-radius: 6px;
		font-size:1rem;
		text-align: left;
	}
	table{margin-bottom:.5px !important}
</style>
<style>
	.modal-dialog.modal-fullscreen {
		width: 100vw;
		max-width: 100vw;
		height: 100vh;
		margin: 0;
		padding: 0;
	}
	#imageModal .modal-content {
		height: 100%;
		border: none;
		border-radius: 0;
	}
	#imageModal .modal-body {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0;
	}
	#modalImage {
		flex-grow: 1;
		object-fit: contain;
		width: 100%;
		max-height: 100%;
	}
	.thumbnail-bar {
		background: #000;
		padding: 8px 0;
	}
	#imageCounter {
		text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	}
	#imageCounterHome {
		backdrop-filter: blur(3px);
		text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	}
	.carousel-control-next, .carousel-control-prev{width:5% !important}
</style>
<style>.box-detail table{width:100% !important}</style>
<!DOCTYPE html>
<html lang="vi-VN">
    <head>

    <title>Quatangtangia.com – Tên miền đẹp cho quà tân gia, quà mừng nhà mới và đồ trang trí nhà</title>

    <!-- Meta -->

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="description" content="Quatangtangia.com là tên miền rõ nghĩa, phù hợp xây dựng shop quà tân gia, quà mừng nhà mới, đồ gia dụng, cây xanh, tranh và vật phẩm may mắn cho ngôi nhà mới.">

    <meta name="keywords" content="">
    


    <meta property="og:url" itemprop="url" content="https://tenmiendep.com/quatangtangiacom-253.html" />

    <meta property="og:title" content="Quatangtangia.com – Tên miền đẹp cho quà tân gia, quà mừng nhà mới và đồ trang trí nhà" />

    <meta property="og:description" content="Quatangtangia.com là tên miền rõ nghĩa, phù hợp xây dựng shop quà tân gia, quà mừng nhà mới, đồ gia dụng, cây xanh, tranh và vật phẩm may mắn cho ngôi nhà mới." />

    <meta property="og:image" content="https://tenmiendep.com/upload/news/quatangtangiacom-1793089647-6ae0606fbfaa2.jpg" />

    <link rel="canonical" href="https://tenmiendep.com/quatangtangiacom-253.html" />

    <meta name="RATING" content="GENERAL" />

    <meta name="csrf-token" content="gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF">

    <meta content="INDEX,FOLLOW" name="robots" />

    <meta name="copyright" content="Tenmiendep.com" />

    <meta name="author" content="Tenmiendep.com" />

    <meta http-equiv="audience" content="General" />

    <meta name="resource-type" content="Document" />

    <meta name="distribution" content="Global" />

    <meta name="GENERATOR" content="Tenmiendep.com" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <link rel="shortcut icon" type="image/x-icon" href="https://tenmiendep.com/data/logo/Tenmiendep_favicon.png?v=1793211770">

    <link href="https://tenmiendep.com/data/logo/Tenmiendep_favicon.png" rel="apple-touch-icon" />

    <link href="https://tenmiendep.com/data/logo/Tenmiendep_favicon.png" rel="apple-touch-icon-precomposed" />

    <meta property="og:site_name" content="tenmiendep.com" />

    <meta property="og:type" content="website" />

    <meta property="og:locale" content="vi_VN" />

    <meta property="fb:pages" content="" />

    <meta http-equiv="x-dns-prefetch-control" content="on">



    <!-- SITE TITLE -->

    <!-- Animation CSS -->

    <link rel="stylesheet" href="https://tenmiendep.com/frontend/css/animate.css">	

    <!-- Latest Bootstrap min CSS -->

    <link rel="stylesheet" href="https://tenmiendep.com/frontend/css/bootstrap.min.css?v=1793211770">

    <!-- Google Font -->

    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap" rel="stylesheet"> 

    <link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet"> 

    <!-- Icon Font CSS -->

    <link rel="stylesheet" href="https://tenmiendep.com/frontend/css/all.min.css">

    <link rel="stylesheet" href="https://tenmiendep.com/frontend/css/ionicons.min.css">


    <!--- owl carousel CSS-->

    <link rel="stylesheet" href="https://tenmiendep.com/frontend/css/owl.carousel.min.css?v=1">


    <!-- Style CSS -->
    <link rel="stylesheet" href="https://tenmiendep.com/frontend/select2/css/select2.min.css">

    <link rel="stylesheet" href="https://tenmiendep.com/frontend/css/style.css?v=1793211770">

    <link rel="stylesheet" href="https://tenmiendep.com/frontend/css/post-custom.css?v=1793211770">

        
</head>    <body>
        <div class="hover-background"></div>
        <style>
        .login-ipad { display: none; }
        .login-hide-ipad { display: block; }
        @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
            .login-ipad { display: block; }
            .login-hide-ipad { display: none; }
        }
        .serviceone option.custom-option { font-weight: 600; }
        .select2-container--default .select2-results__option .custom-option,
        .select2-container--default .select2-results__option.custom-option,
        .select2-container--default .select2-selection__rendered .custom-option,
        .select2-container--default .select2-selection__rendered.custom-option { font-weight: 600 !important; }
        .select2-container--default .select2-results__option .custom-option { display: inline-block; }
        .select2-container--default .select2-selection--single {
            border: 1px solid #ced4da; padding: .46875rem .75rem; height: calc(2.25rem + 2px);
        }
        /* ===== Menu mobile dividers ===== */
        .border-bottom-menumobi, .border-bottom-menumobi-child { border-bottom: 1px dotted #ccc; }
        .border-bottom-menumobi:last-child, .border-bottom-menumobi-child:last-child { border-bottom: 0; }
        /* ===== Fullscreen search (mobile) ===== */
        .fs-search {
            position: fixed; inset: 0; background: #fff; z-index: 100;
            display: flex; flex-direction: column;
            transform: translateY(100%); opacity: 0; pointer-events: none;
            transition: transform .25s ease, opacity .2s ease;
        }
        .fs-search.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
        .fs-search__header {
            display: flex; align-items: center; gap: 8px;
            padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 10px;
            border-bottom: 1px solid #eee; background: #fff; position: sticky; top: 0; z-index: 1;
        }
        .fs-search__back, .fs-search__clear { background: transparent; border: 0; font-size: 20px; padding: 4px 8px; line-height: 1; }
        .fs-search__input {
            flex: 1; height: 40px; border: 0; outline: none; width: 100%;
            background: #f5f5f5; border-radius: 9999px; padding: 0 12px; font-size: 16px;
        }
        .fs-search__body { padding: 12px; overflow-y: auto; -webkit-overflow-scrolling: touch; flex: 1; }
        body.no-scroll { position: fixed; overflow: hidden; width: 100%; }
        @media (prefers-reduced-motion: reduce) { .fs-search { transition: none; } }
        /* ===== Dropdown item ===== */
        .dropdown-item { padding: .5rem 2rem !important; border-bottom: 1px solid #ddd; }
        .dropdown-item:last-child { border-bottom: none; }

        /* ===== Mega menu lĩnh vực ===== */
        #cssmenu-custom { width: 100%; max-width: 1200px; margin-top: 5px; position: relative; font-family: Arial, sans-serif; }
        #cssmenu-custom.is-open { z-index: 1045; }

        /* --- Nút mở menu (chỉ icon) --- */
        .fields-header {
            width: 50px; height: 30px; padding: 0; margin-bottom: 0;
            display: inline-flex; align-items: center; justify-content: center;
            color: #1e3a8a; background: #fff;
            border: 1px solid #e2e8f0; border-radius: 12px;
            box-shadow: 0 1px 2px rgba(15,23,42,.06);
            cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent;
            transition: background-color .25s ease, color .25s ease, box-shadow .25s ease,
                        transform .2s ease, border-color .25s ease;
        }
        .fields-header:hover,
        .fields-header:focus-visible,
        #cssmenu-custom.is-open .fields-header {
            color: #fff;
            background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
            border-color: transparent;
            box-shadow: 0 8px 18px rgba(37,99,235,.32);
            transform: translateY(-1px);
        }
        .fields-header:focus-visible { outline: 2px solid #93c5fd; outline-offset: 2px; }
        .fields-header:active { transform: translateY(0); }

        /* icon 3 gạch tự vẽ, morph thành dấu X khi mở */
        .fh-burger { position: relative; width: 18px; height: 12px; flex-shrink: 0; }
        .fh-burger span {
            position: absolute; left: 0; width: 100%; height: 2px;
            border-radius: 2px; background: currentColor;
            transition: transform .3s ease, opacity .2s ease;
        }
        .fh-burger span:nth-child(1) { top: 0; }
        .fh-burger span:nth-child(2) { top: 5px; }
        .fh-burger span:nth-child(3) { top: 10px; }
        #cssmenu-custom.is-open .fh-burger span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
        #cssmenu-custom.is-open .fh-burger span:nth-child(2) { opacity: 0; }
        #cssmenu-custom.is-open .fh-burger span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }

        /* --- Lớp nền mờ toàn trang --- */
        .category-backdrop {
            position: fixed; inset: 0;
            background: rgba(15, 23, 42, .45);
            -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
            z-index: 1040;
            opacity: 0; visibility: hidden; pointer-events: none;
            transition: opacity .28s ease, visibility .28s ease;
        }
        .category-backdrop.is-visible { opacity: 1; visibility: visible; pointer-events: auto; }
        @media (max-width: 575.98px) { .category-backdrop { display: none; } }

        .menu-container {
            border-radius: 14px;
            background-color: white;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            border: 1px solid #f0f0f0;
            padding: 15px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;

            position: absolute;
            top: 100%;
            left: 0;
            max-width: 90vw;
            z-index: 999;
            margin-top: 8px;
        }
        #cssmenu-custom:hover .menu-container,
        .menu-container.show-on-click { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
        /* khung menu sáng rõ, nổi hẳn trên nền mờ */
        #cssmenu-custom.is-open .menu-container { box-shadow: 0 24px 60px rgba(0,0,0,.28); border-color: #e5e7eb; }

        .list-group-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; padding-left: 0; margin-bottom: 0; list-style: none; }
        .list-group-grid .list-group-item { border: 1px solid #f3f4f6; border-radius: 10px; padding: 12px 15px; background-color: #fff; transition: all .2s; }
        .list-group-grid .list-group-item:hover { background-color: #f9fafb; border-color: #e5e7eb; box-shadow: 0 4px 6px -1px rgba(0,0,0,.05); }
        .list-group-item a { display: flex; align-items: center; text-decoration: none; width: 100%; color: #1f2937; }
        .image-icon-wrapper {
            width: 35px; height: 35px; border-radius: 10px; display: flex; align-items: center; justify-content: center;
            margin-right: 14px; flex-shrink: 0; overflow: hidden; background-color: #f3f4f6;
        }
        .image-icon-wrapper img { width: 100%; height: 100%; object-fit: cover; }
        .category-name { font-size: 14.5px; font-weight: 500; color: #334155; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .badge-wrapper { margin-left: auto; display: flex; align-items: center; flex-shrink: 0; }
        .count-badge-custom { padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: bold; min-width: 32px; text-align: center; }
        .count-badge-blue { background-color: #2563eb; color: #fff; }
        .count-badge-gray { background-color: #f1f5f9; color: #475569; }
        .arrow-right-custom { margin-left: 10px; font-size: 11px; color: #94a3b8; }
        .icon-bg-all { background-color: #e6f2ff; color: #2563eb; font-size: 15px; }
        @media (max-width: 992px) { .list-group-grid { grid-template-columns: repeat(3, 1fr); } }
        @media (max-width: 768px) { .list-group-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 480px) { .list-group-grid { grid-template-columns: repeat(1, 1fr); } }
        @media (prefers-reduced-motion: reduce) {
            .fields-header, .fh-burger span, .category-backdrop, .menu-container { transition: none !important; }
        }

        /* ===== Search box (desktop) ===== */
        .search-top-row { display: flex; gap: 16px; margin-bottom: 8px; }
        .search-select-group { position: relative; flex: 1; display: flex; align-items: center; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; height: 42px; overflow: hidden; }
        .search-select-group .left-icon  { position: absolute; left: 16px;  color: #1e3a8a; font-size: 16px; z-index: 2; pointer-events: none; }
        .search-select-group .right-icon { position: absolute; right: 16px; color: #1e3a8a; font-size: 14px; z-index: 2; pointer-events: none; }
        .select-custom { width: 100%; height: 100%; padding: 0 40px 0 44px; border: none; background: transparent; color: #334155; font-size: 15px; cursor: pointer; outline: none; z-index: 1; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
        .select-custom:focus { box-shadow: none; border: none; }
        .search-select-group .select2-container { width: 100% !important; }
        .search-select-group .select2-container .select2-selection--single { border: none !important; background: transparent !important; height: 48px !important; display: flex; align-items: center; padding-left: 36px; }
        .search-select-group .select2-selection__arrow { display: none !important; }
        .search-bottom-row { display: flex; align-items: center; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 6px; height: 42px; }
        .search-input-wrapper { display: flex; align-items: center; flex: 1; padding-left: 14px; }
        .search-input-wrapper .search-icon { color: #94a3b8; font-size: 16px; margin-right: 12px; }
        .input-custom { width: 100%; border: none; background: transparent; font-size: 15px; color: #334155; outline: none; padding: 0; box-shadow: none; }
        .input-custom:focus { box-shadow: none; border: none; }
        .btn-search-custom { background-color: #1d4ed8; color: #fff; border: none; border-radius: 8px; padding: 0 10px; height: 36px; font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 8px; cursor: pointer; white-space: nowrap; transition: background-color .2s ease; }
        .btn-search-custom:hover { background-color: #1e40af; }
        @media (max-width: 768px) { .search-top-row { flex-direction: column; gap: 12px; } }
        /* ===== Ranking count ===== */
        .ranking-count-wrapper { display: flex; justify-content: center; align-items: center; }
        .ranking-count-text { display: flex; align-items: center; font-weight: 600; color: #0f172a; }
        .ranking-count-text .count-number { color: #dc2626; margin: 0 6px; }
        .ranking-count-text::before, .ranking-count-text::after { content: ""; display: block; width: 32px; height: 2px; background-color: #fcd34d; }
        .ranking-count-text::before { margin-right: 16px; }
        .ranking-count-text::after  { margin-left: 16px; }
    </style>
    <style>
        /* ===== Nút yêu cầu tư vấn ở header ===== */
        .btn-advice-header {
            height: 30px; margin-top: 6px;
            display: inline-flex; align-items: center; justify-content: center; gap: 8px;
            font-size: 14px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase;
            color: #fff; background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
            border: none; border-radius: 10px; cursor: pointer;
            box-shadow: 0 4px 12px rgba(220,38,38,.25);
            transition: box-shadow .25s ease, transform .2s ease, filter .25s ease;
        }
        .btn-advice-header:hover { filter: brightness(1.06); box-shadow: 0 8px 20px rgba(220,38,38,.35); transform: translateY(-1px); }
        .btn-advice-header:active { transform: translateY(0); }
        .btn-advice-header:focus-visible { outline: 2px solid #fca5a5; outline-offset: 2px; }
        @media (prefers-reduced-motion: reduce) { .btn-advice-header { transition: none; } }
    </style>
    <style>
        .menu-container {
            /*width: min(1140px, calc(100vw - 30px));*/
            max-width: none;
        }
        @media (min-width: 768px) and (max-width: 1024px) {
            .menu-container { width: calc(100vw - 24px); padding: 12px; }
            .list-group-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
            .category-name { font-size: 13.5px; }
        }
        @media (hover: none), (pointer: coarse) {
            #cssmenu-custom:hover .menu-container {
                opacity: 0; visibility: hidden; transform: translateY(-10px);
            }
            .menu-container.show-on-click {
                opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important;
            }
        }
    </style>
<header>
    <div class="container-fluid bg-white">
        <div class="container d-none d-sm-block">
            <div class="row pb-1 pt-2">
                <div class="col-lg-3 col-sm-3 p-lg-0">
                    <a title="Trang chủ" href="/">
                        <img alt="Logo" src="/data/logo/Tenmiendep_logo.png?v=1" height="45" class="float-left" style="object-fit:contain;max-width:100%">
                    </a>
                    <div class="clearfix"></div>
                    <div id="cssmenu-custom">
                        <div style="margin-left: 2.3rem" class="fields-header" id="fieldsHeaderBtn"
                             role="button" tabindex="0" aria-haspopup="true"
                             aria-expanded="false" aria-controls="myCategoryMenu"
                             aria-label="Mở danh sách lĩnh vực" title="Lĩnh vực">
                            <span class="fh-burger" aria-hidden="true"><span></span><span></span><span></span></span>
                        </div>
                        <div class="menu-container" id="myCategoryMenu">
                            <ul class="list-group-grid w-100">
                                <li class="list-group-item">
                                    <a href="https://tenmiendep.com/danh-muc" title="Tất cả">
                                        <div class="image-icon-wrapper icon-bg-all"><i class="fas fa-th-large"></i></div>
                                        <span class="category-name"><strong>Tất cả</strong></span>
                                        <div class="badge-wrapper">
                                            <span class="count-badge-custom count-badge-blue">22</span>
                                        </div>
                                    </a>
                                </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/bat-dong-san-1.html" title="Bất động sản">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Bất động sản.jpg" alt="Bất động sản">
                                            </div>
                                            <span class="category-name">Bất động sản</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">165</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/xay-dung-noi-that-2.html" title="Xây dựng &amp; Nội thất">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Xây dụng và nội thất.jpg" alt="Xây dựng &amp; Nội thất">
                                            </div>
                                            <span class="category-name">Xây dựng &amp; Nội thất</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">123</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/o-to-xe-may-xe-dien-3.html" title="Ô tô - Xe máy - Xe điện">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Ô tô - Xe máy - Xe điện.jpg" alt="Ô tô - Xe máy - Xe điện">
                                            </div>
                                            <span class="category-name">Ô tô - Xe máy - Xe điện</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">111</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/cong-nghiep-thiet-bi-4.html" title="Công nghiệp - Thiết bị">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Công nghiệp - Thiết bị.jpg" alt="Công nghiệp - Thiết bị">
                                            </div>
                                            <span class="category-name">Công nghiệp - Thiết bị</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">93</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/y-te-suc-khoe-5.html" title="Y tế &amp; Sức khỏe">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Y tế &amp; Sức khỏe.jpg" alt="Y tế &amp; Sức khỏe">
                                            </div>
                                            <span class="category-name">Y tế &amp; Sức khỏe</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">78</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/du-lich-khach-san-6.html" title="Du lịch &amp; Khách sạn">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Du lịch &amp; Khách sạn.jpg" alt="Du lịch &amp; Khách sạn">
                                            </div>
                                            <span class="category-name">Du lịch &amp; Khách sạn</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">64</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/qua-tang-su-kien-7.html" title="Quà tặng &amp; Sự kiện">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Quà tặng &amp; Sự kiện.jpg" alt="Quà tặng &amp; Sự kiện">
                                            </div>
                                            <span class="category-name">Quà tặng &amp; Sự kiện</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">54</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/tai-chinh-ngan-hang-8.html" title="Tài chính &amp; Ngân hàng">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Tài chính - Ngân hàng.jpg" alt="Tài chính &amp; Ngân hàng">
                                            </div>
                                            <span class="category-name">Tài chính &amp; Ngân hàng</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">49</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/lam-dep-tham-my-9.html" title="Làm đẹp &amp; Thẩm mỹ">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Làm đẹp &amp; Thẩm mỹ.jpg" alt="Làm đẹp &amp; Thẩm mỹ">
                                            </div>
                                            <span class="category-name">Làm đẹp &amp; Thẩm mỹ</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">51</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/am-thuc-nha-hang-10.html" title="Ẩm thực &amp; Nhà hàng">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Ẩm thực &amp; Nhà hàng.jpg" alt="Ẩm thực &amp; Nhà hàng">
                                            </div>
                                            <span class="category-name">Ẩm thực &amp; Nhà hàng</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">46</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/giao-duc-dao-tao-11.html" title="Giáo dục &amp; Đào tạo">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Giáo dục &amp; Đào tạo.jpg" alt="Giáo dục &amp; Đào tạo">
                                            </div>
                                            <span class="category-name">Giáo dục &amp; Đào tạo</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">42</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/dien-dien-lanh-dien-nuoc-12.html" title="Điện - Điện lạnh - Điện nước">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Điện - Điện lạnh - Điện nước.jpg" alt="Điện - Điện lạnh - Điện nước">
                                            </div>
                                            <span class="category-name">Điện - Điện lạnh - Điện nước</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">38</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/thuong-mai-ban-le-13.html" title="Thương mại &amp; Bán lẻ">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Thương mại &amp; Bán lẻ.jpg" alt="Thương mại &amp; Bán lẻ">
                                            </div>
                                            <span class="category-name">Thương mại &amp; Bán lẻ</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">46</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/cong-nghe-dien-tu-14.html" title="Công nghệ &amp; Điện tử">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Công nghệ &amp; Điện tử.jpg" alt="Công nghệ &amp; Điện tử">
                                            </div>
                                            <span class="category-name">Công nghệ &amp; Điện tử</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">43</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/dich-vu-doi-song-15.html" title="Dịch vụ Đời sống">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Dịch vụ đời sống.jpg" alt="Dịch vụ Đời sống">
                                            </div>
                                            <span class="category-name">Dịch vụ Đời sống</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">38</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/the-thao-giai-tri-16.html" title="Thể thao &amp; Giải trí">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Thể thao &amp; Giải trí.jpg" alt="Thể thao &amp; Giải trí">
                                            </div>
                                            <span class="category-name">Thể thao &amp; Giải trí</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">30</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/truyen-thong-quang-cao-17.html" title="Truyền thông &amp; Quảng cáo">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Truyền thông &amp; Quảng cáo.jpg" alt="Truyền thông &amp; Quảng cáo">
                                            </div>
                                            <span class="category-name">Truyền thông &amp; Quảng cáo</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">25</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/viec-lam-nhan-su-18.html" title="Việc làm &amp; Nhân sự">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Việc làm &amp; Nhân sự.jpg" alt="Việc làm &amp; Nhân sự">
                                            </div>
                                            <span class="category-name">Việc làm &amp; Nhân sự</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">23</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/thoi-trang-phu-kien-19.html" title="Thời trang &amp; Phụ kiện">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Thời trang &amp; Phụ kiện.jpg" alt="Thời trang &amp; Phụ kiện">
                                            </div>
                                            <span class="category-name">Thời trang &amp; Phụ kiện</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">25</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/thuong-hieu-20.html" title="Thương hiệu">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Khác,Thương hiệu.jpg" alt="Thương hiệu">
                                            </div>
                                            <span class="category-name">Thương hiệu</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">18</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/nong-nghiep-moi-truong-21.html" title="Nông nghiệp &amp; Môi trường">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Nông nghiệp &amp; Môi trường.jpg" alt="Nông nghiệp &amp; Môi trường">
                                            </div>
                                            <span class="category-name">Nông nghiệp &amp; Môi trường</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">18</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="list-group-item">
                                        <a href="https://tenmiendep.com/danh-muc/phap-ly-doanh-nghiep-22.html" title="Pháp lý &amp; Doanh nghiệp">
                                            <div class="image-icon-wrapper">
                                                <img src="https://tenmiendep.com/data/catenews/Pháp lý &amp; Doanh nghiệp.jpg" alt="Pháp lý &amp; Doanh nghiệp">
                                            </div>
                                            <span class="category-name">Pháp lý &amp; Doanh nghiệp</span>
                                            <div class="badge-wrapper">
                                                <span class="count-badge-custom count-badge-gray">8</span>
                                                <i class="fas fa-angle-right arrow-right-custom"></i>
                                            </div>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-9">
                    <form action="https://tenmiendep.com/tim-kiem" method="get" class="custom-search-form w-100 mb-0">
                        <input type="hidden" name="_token" value="gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF">                        <div class="search-top-row d-none">
                            <div class="search-select-group">
                                <i class="fas fa-th-large left-icon"></i>
                                <select class="form-control select2 select-custom" id="cateId" name="CateOneID">
                                    <option value="">Danh mục</option>
                                                                            <option value="1">Bất động sản</option>
                                                                                                                    <option value="2">Xây dựng &amp; Nội thất</option>
                                                                                                                    <option value="3">Ô tô - Xe máy - Xe điện</option>
                                                                                                                    <option value="4">Công nghiệp - Thiết bị</option>
                                                                                                                    <option value="5">Y tế &amp; Sức khỏe</option>
                                                                                                                    <option value="6">Du lịch &amp; Khách sạn</option>
                                                                                                                    <option value="7">Quà tặng &amp; Sự kiện</option>
                                                                                                                    <option value="8">Tài chính &amp; Ngân hàng</option>
                                                                                                                    <option value="9">Làm đẹp &amp; Thẩm mỹ</option>
                                                                                                                    <option value="10">Ẩm thực &amp; Nhà hàng</option>
                                                                                                                    <option value="11">Giáo dục &amp; Đào tạo</option>
                                                                                                                    <option value="12">Điện - Điện lạnh - Điện nước</option>
                                                                                                                    <option value="13">Thương mại &amp; Bán lẻ</option>
                                                                                                                    <option value="14">Công nghệ &amp; Điện tử</option>
                                                                                                                    <option value="15">Dịch vụ Đời sống</option>
                                                                                                                    <option value="16">Thể thao &amp; Giải trí</option>
                                                                                                                    <option value="17">Truyền thông &amp; Quảng cáo</option>
                                                                                                                    <option value="18">Việc làm &amp; Nhân sự</option>
                                                                                                                    <option value="19">Thời trang &amp; Phụ kiện</option>
                                                                                                                    <option value="20">Thương hiệu</option>
                                                                                                                    <option value="21">Nông nghiệp &amp; Môi trường</option>
                                                                                                                    <option value="22">Pháp lý &amp; Doanh nghiệp</option>
                                                                                                            </select>
                                <i class="fas fa-chevron-down right-icon"></i>
                            </div>
                            <div class="search-select-group">
                                <i class="fas fa-map-marker-alt left-icon"></i>
                                <select class="form-control select2 select-custom province" id="provinceId" name="CityCode">
                                    <option value="CN">Khu vực</option>
                                                                            <option value="1">Hồ Chí Minh</option>
                                                                            <option value="2">Hà Nội</option>
                                                                            <option value="3">Đà Nẵng</option>
                                                                            <option value="5">Đồng Nai</option>
                                                                            <option value="6">Khánh Hòa</option>
                                                                            <option value="7">Hải Phòng</option>
                                                                            <option value="11">Đắk Lắk</option>
                                                                            <option value="12">Cần Thơ</option>
                                                                            <option value="14">Lâm Đồng</option>
                                                                            <option value="15">Huế</option>
                                                                            <option value="17">Bắc Ninh</option>
                                                                            <option value="18">Quảng Ninh</option>
                                                                            <option value="19">Thanh Hóa</option>
                                                                            <option value="20">Nghệ An</option>
                                                                            <option value="22">Gia Lai</option>
                                                                            <option value="24">Hưng Yên</option>
                                                                            <option value="30">An Giang</option>
                                                                            <option value="32">Tây Ninh</option>
                                                                            <option value="33">Thái Nguyên</option>
                                                                            <option value="34">Lào Cai</option>
                                                                            <option value="36">Quảng Ngãi</option>
                                                                            <option value="39">Cà Mau</option>
                                                                            <option value="40">Vĩnh Long</option>
                                                                            <option value="41">Ninh Bình</option>
                                                                            <option value="42">Phú Thọ</option>
                                                                            <option value="46">Hà Tĩnh</option>
                                                                            <option value="47">Đồng Tháp</option>
                                                                            <option value="51">Quảng Trị</option>
                                                                            <option value="54">Sơn La</option>
                                                                            <option value="57">Tuyên Quang</option>
                                                                            <option value="58">Điện Biên</option>
                                                                            <option value="59">Lai Châu</option>
                                                                            <option value="60">Lạng Sơn</option>
                                                                            <option value="63">Cao Bằng</option>
                                                                    </select>
                                <i class="fas fa-chevron-down right-icon"></i>
                            </div>
                        </div>
                        <div class="search-bottom-row mt-3">
                            <div class="search-input-wrapper inputTypeaheadDesk">
                                <i class="fas fa-search search-icon"></i>
                                <input type="search" class="form-control input-custom search-input" name="key" placeholder="Nhập từ khóa và chờ gợi ý" autocomplete="off">
                            </div>
                            <button type="submit" class="btn-search-custom"><i class="fas fa-search"></i> Tìm kiếm</button>
                        </div>
                    </form>
                    <div class="w-100 text-center">
                        <button type="button" class="btn-advice-header"
        data-toggle="modal" data-target="#modalAdvice"
        data-id="0" data-subject=""
        >
    <i class="fas fa-headset mr-1"></i> Yêu cầu tư vấn
</button>                    </div>
                </div>
                <div class="col-lg-3 col-sm-12 mt-lg-4 text-right login-hide-ipad">
                                            
                                    </div>
                
            </div>
        </div>
        <div class="d-sm-none pt-1 pb-1">
            <div class="row">
                <div class="input-group">


                    <style>
                        .menu-backdrop-overlay {
                            position: fixed;
                            top: 0;
                            left: 0;
                            width: 100vw;
                            height: 100vh;
                            background-color: rgba(0, 0, 0, 0.4);
                            backdrop-filter: blur(5px);
                            -webkit-backdrop-filter: blur(5px);
                            z-index: 1040;
                            display: none;
                            cursor: pointer;
                        }
                        #bars {
                            position: absolute !important;
                            top: 100%;
                            left: 0;
                            width: 100%;
                            padding: 0 15px;
                            z-index: 1050;
                        }
                        .menu-mobile-wrapper {
                            background: #ffffff;
                            border-radius: 16px;
                            box-shadow: 0 8px 30px rgba(0,0,0,0.12);
                            padding: 0 0 4px 0;
                            margin-top: 10px;
                            overflow: hidden;
                        }
                        .menu-header {
                            background-color: #fdfdfd;
                            border-bottom: 1px solid #f0f0f0;
                        }
                        .close-btn {
                            color: #9aa0a6;
                            font-size: 20px;
                            cursor: pointer;
                            padding: 4px 8px;
                            transition: color 0.2s;
                        }
                        .close-btn:hover {
                            color: #ff4d4f;
                        }
                        .menu-item-row {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            padding: 12px 16px;
                            color: #333;
                            text-decoration: none !important;
                            border-bottom: 1px solid #f6f6f6;
                        }
                        .menu-item-row:last-child {
                            border-bottom: none;
                        }
                        .menu-item-row:hover {
                            background-color: #fbfbfb;
                            color: #333;
                        }
                        .icon-box {
                            width: 32px;
                            height: 32px;
                            border-radius: 8px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            margin-right: 14px;
                            background: #f8f9fa;
                        }
                        .icon-box img {
                            width: 22px;
                            height: 22px;
                            object-fit: contain;
                        }
                        .menu-title {
                            font-size: 15px;
                            font-weight: 500;
                        }
                        .badge-count {
                            background: #f1f3f4;
                            color: #3c4043;
                            border-radius: 12px;
                            padding: 2px 10px;
                            font-size: 13px;
                            font-weight: 600;
                            margin-right: 8px;
                        }
                        .badge-count.active-all {
                            background: #2b5ce6;
                            color: #ffffff;
                        }
                        .chevron-icon {
                            color: #bdc1c6;
                            font-size: 14px;
                        }
                    </style>
                    <div class="col-6">
                        <span class="box-click-background" data-toggle="collapse" data-target="#bars" style="cursor: pointer;">
                            <img src="https://tenmiendep.com/frontend/images/bars.png?v=1" alt="bars" width="30">
                        </span>
                    </div>
                    <div id="menu-overlay" class="menu-backdrop-overlay"></div>
                    <div id="bars" class="collapse">
                        <div class="menu-mobile-wrapper">
                            <div class="menu-header d-flex justify-content-between align-items-center px-3 py-2">
                                <a href="/" class="text-dark font-weight-bold" style="font-size: 15px; text-decoration: none;">
                                    <i class="fas fa-home mr-2" style="color: #2b5ce6;"></i> Trang chủ
                                </a>
                                <span class="close-btn" data-toggle="collapse" data-target="#bars">
                                    <i class="fas fa-times"></i>
                                </span>
                            </div>
                            <a href="https://tenmiendep.com/danh-muc" class="menu-item-row">
                                <div class="d-flex align-items-center">
                                    <div class="icon-box" style="background-color: #eff3fe;">
                                        <i class="fas fa-th-large" style="color: #2b5ce6; font-size: 16px;"></i>
                                    </div>
                                    <span class="menu-title">Tất cả</span>
                                </div>
                                <div class="d-flex align-items-center">
                                    <span class="badge-count active-all">22</span>
                                </div>
                            </a>
                                                                                                                                    <a href="https://tenmiendep.com/danh-muc/bat-dong-san-1.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Bất động sản.jpg" alt="Bất động sản">
                                            </div>
                                            <span class="menu-title">Bất động sản</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">165</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/xay-dung-noi-that-2.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Xây dụng và nội thất.jpg" alt="Xây dựng &amp; Nội thất">
                                            </div>
                                            <span class="menu-title">Xây dựng &amp; Nội thất</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">123</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/o-to-xe-may-xe-dien-3.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Ô tô - Xe máy - Xe điện.jpg" alt="Ô tô - Xe máy - Xe điện">
                                            </div>
                                            <span class="menu-title">Ô tô - Xe máy - Xe điện</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">111</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/cong-nghiep-thiet-bi-4.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Công nghiệp - Thiết bị.jpg" alt="Công nghiệp - Thiết bị">
                                            </div>
                                            <span class="menu-title">Công nghiệp - Thiết bị</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">93</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/y-te-suc-khoe-5.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Y tế &amp; Sức khỏe.jpg" alt="Y tế &amp; Sức khỏe">
                                            </div>
                                            <span class="menu-title">Y tế &amp; Sức khỏe</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">78</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/du-lich-khach-san-6.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Du lịch &amp; Khách sạn.jpg" alt="Du lịch &amp; Khách sạn">
                                            </div>
                                            <span class="menu-title">Du lịch &amp; Khách sạn</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">64</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/qua-tang-su-kien-7.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Quà tặng &amp; Sự kiện.jpg" alt="Quà tặng &amp; Sự kiện">
                                            </div>
                                            <span class="menu-title">Quà tặng &amp; Sự kiện</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">54</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/tai-chinh-ngan-hang-8.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Tài chính - Ngân hàng.jpg" alt="Tài chính &amp; Ngân hàng">
                                            </div>
                                            <span class="menu-title">Tài chính &amp; Ngân hàng</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">49</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/lam-dep-tham-my-9.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Làm đẹp &amp; Thẩm mỹ.jpg" alt="Làm đẹp &amp; Thẩm mỹ">
                                            </div>
                                            <span class="menu-title">Làm đẹp &amp; Thẩm mỹ</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">51</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/am-thuc-nha-hang-10.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Ẩm thực &amp; Nhà hàng.jpg" alt="Ẩm thực &amp; Nhà hàng">
                                            </div>
                                            <span class="menu-title">Ẩm thực &amp; Nhà hàng</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">46</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/giao-duc-dao-tao-11.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Giáo dục &amp; Đào tạo.jpg" alt="Giáo dục &amp; Đào tạo">
                                            </div>
                                            <span class="menu-title">Giáo dục &amp; Đào tạo</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">42</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/dien-dien-lanh-dien-nuoc-12.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Điện - Điện lạnh - Điện nước.jpg" alt="Điện - Điện lạnh - Điện nước">
                                            </div>
                                            <span class="menu-title">Điện - Điện lạnh - Điện nước</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">38</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/thuong-mai-ban-le-13.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Thương mại &amp; Bán lẻ.jpg" alt="Thương mại &amp; Bán lẻ">
                                            </div>
                                            <span class="menu-title">Thương mại &amp; Bán lẻ</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">46</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/cong-nghe-dien-tu-14.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Công nghệ &amp; Điện tử.jpg" alt="Công nghệ &amp; Điện tử">
                                            </div>
                                            <span class="menu-title">Công nghệ &amp; Điện tử</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">43</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/dich-vu-doi-song-15.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Dịch vụ đời sống.jpg" alt="Dịch vụ Đời sống">
                                            </div>
                                            <span class="menu-title">Dịch vụ Đời sống</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">38</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/the-thao-giai-tri-16.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Thể thao &amp; Giải trí.jpg" alt="Thể thao &amp; Giải trí">
                                            </div>
                                            <span class="menu-title">Thể thao &amp; Giải trí</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">30</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/truyen-thong-quang-cao-17.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Truyền thông &amp; Quảng cáo.jpg" alt="Truyền thông &amp; Quảng cáo">
                                            </div>
                                            <span class="menu-title">Truyền thông &amp; Quảng cáo</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">25</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/viec-lam-nhan-su-18.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Việc làm &amp; Nhân sự.jpg" alt="Việc làm &amp; Nhân sự">
                                            </div>
                                            <span class="menu-title">Việc làm &amp; Nhân sự</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">23</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/thoi-trang-phu-kien-19.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Thời trang &amp; Phụ kiện.jpg" alt="Thời trang &amp; Phụ kiện">
                                            </div>
                                            <span class="menu-title">Thời trang &amp; Phụ kiện</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">25</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/thuong-hieu-20.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Khác,Thương hiệu.jpg" alt="Thương hiệu">
                                            </div>
                                            <span class="menu-title">Thương hiệu</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">18</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/nong-nghiep-moi-truong-21.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Nông nghiệp &amp; Môi trường.jpg" alt="Nông nghiệp &amp; Môi trường">
                                            </div>
                                            <span class="menu-title">Nông nghiệp &amp; Môi trường</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">18</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                                        <a href="https://tenmiendep.com/danh-muc/phap-ly-doanh-nghiep-22.html" class="menu-item-row">
                                        <div class="d-flex align-items-center">
                                            <div class="icon-box">
                                                <img src="https://tenmiendep.com/data/catenews/Pháp lý &amp; Doanh nghiệp.jpg" alt="Pháp lý &amp; Doanh nghiệp">
                                            </div>
                                            <span class="menu-title">Pháp lý &amp; Doanh nghiệp</span>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <span class="badge-count">8</span>
                                            <i class="fas fa-angle-right chevron-icon"></i>
                                        </div>
                                    </a>
                                                                                    </div>
                    </div>
                    <script>
                        document.addEventListener("DOMContentLoaded", function() {
                            if (window.jQuery) {
                                $('#bars').on('show.bs.collapse', function () {
                                    $('#menu-overlay').fadeIn(250);
                                });

                                $('#bars').on('hide.bs.collapse', function () {
                                    $('#menu-overlay').fadeOut(250);
                                });

                                $('#menu-overlay').on('click', function () {
                                    $('#bars').collapse('hide');
                                });
                            }
                        });
                    </script>
                    <div class="col-6 text-right">
                                                    
                                            </div>
                </div>
                <div class="col-12 mt-2 text-center">
                    <a title="Trang chủ" href="/"><img alt="Logo" height="40" src="/data/logo/Tenmiendep_logo.png?v=1"></a>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <form action="https://tenmiendep.com/tim-kiem" method="get" class="w-100 mb-1">
                        <input type="hidden" name="_token" value="gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF">                        <div class="row pl-2 pr-2 mt-1 d-none">
                            <div class="col-6 p-0 w-100 form-search-mobile mt-1">
                                <select class="form-control select2 w-100 province" id="ProvinceIDM" name="CityCode">
                                    <option value="CN">Toàn quốc</option>
                                                                            <option value="1">Hồ Chí Minh</option>
                                                                            <option value="2">Hà Nội</option>
                                                                            <option value="3">Đà Nẵng</option>
                                                                            <option value="5">Đồng Nai</option>
                                                                            <option value="6">Khánh Hòa</option>
                                                                            <option value="7">Hải Phòng</option>
                                                                            <option value="11">Đắk Lắk</option>
                                                                            <option value="12">Cần Thơ</option>
                                                                            <option value="14">Lâm Đồng</option>
                                                                            <option value="15">Huế</option>
                                                                            <option value="17">Bắc Ninh</option>
                                                                            <option value="18">Quảng Ninh</option>
                                                                            <option value="19">Thanh Hóa</option>
                                                                            <option value="20">Nghệ An</option>
                                                                            <option value="22">Gia Lai</option>
                                                                            <option value="24">Hưng Yên</option>
                                                                            <option value="30">An Giang</option>
                                                                            <option value="32">Tây Ninh</option>
                                                                            <option value="33">Thái Nguyên</option>
                                                                            <option value="34">Lào Cai</option>
                                                                            <option value="36">Quảng Ngãi</option>
                                                                            <option value="39">Cà Mau</option>
                                                                            <option value="40">Vĩnh Long</option>
                                                                            <option value="41">Ninh Bình</option>
                                                                            <option value="42">Phú Thọ</option>
                                                                            <option value="46">Hà Tĩnh</option>
                                                                            <option value="47">Đồng Tháp</option>
                                                                            <option value="51">Quảng Trị</option>
                                                                            <option value="54">Sơn La</option>
                                                                            <option value="57">Tuyên Quang</option>
                                                                            <option value="58">Điện Biên</option>
                                                                            <option value="59">Lai Châu</option>
                                                                            <option value="60">Lạng Sơn</option>
                                                                            <option value="63">Cao Bằng</option>
                                                                    </select>
                            </div>
                            <div class="col-6 p-0 w-100 custom-select-project form-search-mobile mt-1">
                                <select class="form-control select2" id="CateIDM" name="CateOneID">
                                    <option value="">Danh mục</option>
                                                                            <option value="1">Bất động sản</option>
                                                                                                                    <option value="2">Xây dựng &amp; Nội thất</option>
                                                                                                                    <option value="3">Ô tô - Xe máy - Xe điện</option>
                                                                                                                    <option value="4">Công nghiệp - Thiết bị</option>
                                                                                                                    <option value="5">Y tế &amp; Sức khỏe</option>
                                                                                                                    <option value="6">Du lịch &amp; Khách sạn</option>
                                                                                                                    <option value="7">Quà tặng &amp; Sự kiện</option>
                                                                                                                    <option value="8">Tài chính &amp; Ngân hàng</option>
                                                                                                                    <option value="9">Làm đẹp &amp; Thẩm mỹ</option>
                                                                                                                    <option value="10">Ẩm thực &amp; Nhà hàng</option>
                                                                                                                    <option value="11">Giáo dục &amp; Đào tạo</option>
                                                                                                                    <option value="12">Điện - Điện lạnh - Điện nước</option>
                                                                                                                    <option value="13">Thương mại &amp; Bán lẻ</option>
                                                                                                                    <option value="14">Công nghệ &amp; Điện tử</option>
                                                                                                                    <option value="15">Dịch vụ Đời sống</option>
                                                                                                                    <option value="16">Thể thao &amp; Giải trí</option>
                                                                                                                    <option value="17">Truyền thông &amp; Quảng cáo</option>
                                                                                                                    <option value="18">Việc làm &amp; Nhân sự</option>
                                                                                                                    <option value="19">Thời trang &amp; Phụ kiện</option>
                                                                                                                    <option value="20">Thương hiệu</option>
                                                                                                                    <option value="21">Nông nghiệp &amp; Môi trường</option>
                                                                                                                    <option value="22">Pháp lý &amp; Doanh nghiệp</option>
                                                                                                            </select>
                            </div>
                        </div>
                        <div class="row pl-2 pr-2 mt-1">
                            <div class="col-12 p-0">
                                <div class="input-group inputTypeaheadMobi">
                                    <input type="text" class="form-control text-center search-input-mobile" name="key" placeholder="Nhập từ khóa và chờ gợi ý">
                                    <div class="input-group-prepend" style="position:absolute;right:0;">
                                        <button class="input-group-text" style="height:38px;"><i class="fas fa-search"></i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="fsSearch" class="fs-search" role="dialog" aria-modal="true" aria-hidden="true" hidden>
                            <div class="fs-search__header inputTypeaheadMobiModal">
                                <button type="button" class="fs-search__back" id="fsBackBtn" aria-label="Quay lại">
                                    <i class="fas fa-arrow-left" aria-hidden="true"></i><span class="sr-only">Back</span>
                                </button>
                                <input type="search" id="fsQuery" class="fs-search__input search-input-mobile" placeholder="Bạn muốn tìm gì?" autocomplete="off" enterkeyhint="search">
                                <button type="button" class="fs-search__clear" id="fsClearBtn" aria-label="Xóa">
                                    <i class="fas fa-times" aria-hidden="true"></i><span class="sr-only">Clear</span>
                                </button>
                            </div>
                            <div id="fsResults" class="fs-search__body"></div>
                        </div>
                    </form>
                </div>
                
            </div>
        </div>
    </div>
</header>

<script>
document.addEventListener('DOMContentLoaded', function () {
    var wrap = document.getElementById('cssmenu-custom');
    var menu = document.getElementById('myCategoryMenu');
    var btn  = document.getElementById('fieldsHeaderBtn');
    if (!wrap || !menu) return;

    // Backdrop gắn thẳng vào body để làm mờ toàn trang,
    // tránh bị kẹt trong stacking context của cột Bootstrap.
    var backdrop = document.createElement('div');
    backdrop.className = 'category-backdrop';
    document.body.appendChild(backdrop);

    var hideTimer = null;
    var pinned = false; // true khi mở bằng click

    function openMenu() {
        clearTimeout(hideTimer);
        wrap.classList.add('is-open');
        backdrop.classList.add('is-visible');
        if (btn) btn.setAttribute('aria-expanded', 'true');
    }

    function closeMenu() {
        pinned = false;
        wrap.classList.remove('is-open');
        menu.classList.remove('show-on-click');
        backdrop.classList.remove('is-visible');
        if (btn) btn.setAttribute('aria-expanded', 'false');
    }

    // Hover: mở ngay, đóng trễ nhẹ để kịp rê chuột xuống menu
    wrap.addEventListener('mouseenter', openMenu);
    wrap.addEventListener('mouseleave', function () {
        if (pinned) return;
        hideTimer = setTimeout(closeMenu, 180);
    });

    // Click: ghim menu lại
    window.toggleMenuCategory = function () {
        if (menu.classList.contains('show-on-click')) {
            closeMenu();
        } else {
            pinned = true;
            menu.classList.add('show-on-click');
            openMenu();
        }
    };

    if (btn) {
        btn.addEventListener('click', window.toggleMenuCategory);
        btn.addEventListener('keydown', function (e) {
            if (e.key === 'Enter' || e.key === ' ') {
                e.preventDefault();
                window.toggleMenuCategory();
            }
        });
    }

    backdrop.addEventListener('click', closeMenu);
    document.addEventListener('click', function (e) {
        if (!wrap.contains(e.target)) closeMenu();
    });
    document.addEventListener('keydown', function (e) {
        if (e.key === 'Escape') closeMenu();
    });
});
</script>


        <div class="container">
	<div class="row justify-content-center">
		<div class="col-lg-9 bg-white mt-2 p-2">



			<div class="article-media d-none d-sm-block">
			    <style>
			        #carouselProser .media-16x9 {
			            position: relative;
			            width: 100%;
			            aspect-ratio: 16 / 9;
			            overflow: hidden;
			            background: #000;
			        }
			        #carouselProser .media-16x9 iframe,
			        #carouselProser .media-16x9 img {
			            position: absolute;
			            inset: 0;
			            width: 100% !important;
			            height: 100% !important;
			            border: 0;
			        }
			        @supports not (aspect-ratio: 16 / 9) {
			            #carouselProser .media-16x9 {
			                height: 0;
			                padding-bottom: 56.25%;
			            }
			        }
			    </style>
			    <div id="carouselProser" class="carousel slide" data-ride="carousel">
			        <div class="carousel-inner text-center" data-toggle="modal" data-target="#modalViewImage">
					    					    					    <div class="carousel-item active">
					        <div class="image-wrapper media-16x9 bg-soft position-relative">
					            <img src="https://tenmiendep.com/upload/news/quatangtangiacom-1793089647-6ae0606fbfaa2.jpg" data-index="0" class="d-block gallery-img" alt="Hình ảnh" data-toggle="modal" data-target="#imageModal">
					            					        </div>
					    </div>
					    					    <div id="imageCounterHome" class="position-absolute text-white font-weight-bold px-3 py-1 bg-dark rounded" style="bottom: 10px; right: 10px; opacity: 0.7; font-size: 14px; z-index: 10">1 / 1</div>
					    					</div>
								    </div>
			</div>


			<div class="article-media d-block d-sm-none">
			    <style>
			        #carouselProser .media-16x9 {
			            position: relative;
			            width: 100%;
			            aspect-ratio: 16 / 9;
			            overflow: hidden;
			            background: #000;
			        }
			        #carouselProser .media-16x9 iframe,
			        #carouselProser .media-16x9 img {
			            position: absolute;
			            inset: 0;
			            width: 100% !important;
			            height: 100% !important;
			            border: 0;
			        }
			        @supports not (aspect-ratio: 16 / 9) {
			            #carouselProser .media-16x9 {
			                height: 0;
			                padding-bottom: 56.25%;
			            }
			        }
			    </style>
			    <div id="carouselProser" class="carousel slide" data-ride="carousel">
			        <div class="carousel-inner text-center" data-toggle="modal" data-target="#modalViewImage">
					    					    					    <div class="carousel-item active">
					        <div class="image-wrapper bg-soft position-relative">
					            <img src="https://tenmiendep.com/upload/news/quatangtangiacom-mobile-1793089647-6ae0606fbfb7a.jpg" data-index="0" class="w-100" alt="Hình ảnh" data-toggle="modal" data-target="#imageModal">
					            					        </div>
					    </div>
					    					    <div id="imageCounterHome" class="position-absolute text-white font-weight-bold px-3 py-1 bg-dark rounded" style="bottom: 10px; right: 10px; opacity: 0.7; font-size: 14px; z-index: 10">1 / 1</div>
					    					</div>
								    </div>
			</div>


			<div class="article-info mt-2">
				<div class="w-100">
					<p class="mb-2">
													<style>
								.news-badge {
									display: inline-block;
									background-color: #eff6ff;
									color: #0d2986;
									padding: 6px 14px;
									border-radius: 8px;
									font-size: 14px;
									font-weight: 500;
									text-decoration: none;
									transition: background-color 0.2s;
								}
								.news-badge:hover {
									background-color: #dbeafe;
									color: #1e40af;
									text-decoration: none;
								}
							</style>
			                <a class="news-badge" href="https://tenmiendep.com/danh-muc/qua-tang-su-kien-7.html" title="Quà tặng &amp; Sự kiện" >Quà tặng &amp; Sự kiện</a>
		            						</p>
				    <h1 class="text-dark font-weight-bold" style="font-size: 1.7rem;color: #1e293b !important;line-height:1.4">
				        Quatangtangia.com
				        				    </h1>
				    <p class="text-dark" style="font-size:.95rem">
			            Quatangtangia.com là tên miền rõ nghĩa, phù hợp xây dựng shop quà tân gia, quà mừng nhà mới, đồ gia dụng, cây xanh, tranh và vật phẩm may mắn cho ngôi nhà mới.
			        </p>
				    <div class="w-100 size-1">
				        				        


				        <style>
				        	.box-price {
				        		background: #fff7f2;
				        		border: 1px solid #ffd9c2;
				        		border-radius: 10px;
				        		padding: 14px 18px;
				        		gap: 14px;
				        	}
				        	.price-label {
				        		color: #f97316;
				        		font-weight: 700;
				        		font-size: 1rem;
				        		white-space: nowrap;
				        	}
				        	.price-main {
				        		color: #f97316;
				        		font-weight: 600;
				        		font-size: 1.9rem;
				        		line-height: 1;
				        	}
				        	.price-old {
				        		color: #94a3b8;
				        		text-decoration: line-through;
				        		font-size: 1.1rem;
				        	}
				        	.price-badge {
				        		background: #ef4444;
				        		color: #fff;
				        		font-weight: 700;
				        		font-size: .95rem;
				        		padding: 4px 10px;
				        		border-radius: 6px;
				        	}
				        	@media (max-width: 575px) {
				        		.box-price { padding: 12px 14px; gap: 10px; }
				        		.price-main { font-size: 1.5rem; }
				        		.price-old  { font-size: 1rem; }
				        	}
				        </style>
				        													<div class="box-price d-flex align-items-center flex-wrap mb-2">
						        <span class="price-label">
						            <i class="fas fa-tag mr-1"></i> Giá
						        </span>
						        <span class="text-dark font-weight-bold">Liên hệ</span>
						    </div>
						
													<style>
        .stf-card{background:#fdf9f5;border:1px solid #f2e4d8;border-radius:16px;padding:14px}
        .stf-head{display:flex;align-items:center}
        .stf-avatar-wrap{position:relative;flex-shrink:0;margin-right:14px}
        .stf-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 0 3px #f6dcc7,0 4px 12px rgba(16,40,64,.08)}
        .stf-dot{position:absolute;right:4px;bottom:6px;width:20px;height:20px;border-radius:50%;background:#22c55e;border:3px solid #fff}
        .stf-meta{min-width:0}
        .stf-name{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 6px;line-height:1.2}
        .stf-role{display:flex;align-items:center;color:#64748b;font-size:.95rem;margin-bottom:8px}
        .stf-role i{color:#f97316;margin-right:6px}
        .stf-online{display:inline-flex;align-items:center;background:#e9f9ef;color:#16a34a;font-weight:600;font-size:.85rem;padding:.35rem .85rem;border-radius:999px}
        .stf-online i{margin-right:6px}

        .stf-actions{display:flex;flex-wrap:nowrap;margin:14px -4px 0}
        .stf-act{flex:1 1 0;min-width:0;margin:0 4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
                 background:#fff;border:1px solid #f1e7de;border-radius:12px;padding:12px 4px;color:#1e293b;text-decoration:none;
                 transition:box-shadow .18s ease,transform .18s ease}
        .stf-act:hover{color:#1e293b;text-decoration:none;box-shadow:0 6px 16px rgba(16,40,64,.08);transform:translateY(-2px)}
        .stf-act[role="button"],.stf-act.stf-click{cursor:pointer}
        .stf-act.stf-static{cursor:default}
        .stf-act.stf-static:hover{box-shadow:none;transform:none}
        .stf-ico{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;margin-bottom:8px}
        .stf-body{display:flex;flex-direction:column;align-items:center;min-width:0}
        .stf-label{font-size:.85rem;font-weight:500;line-height:1.25;text-align:center;white-space:normal}
        .stf-count{font-size:.82rem;color:#94a3b8;margin-top:4px;white-space:nowrap}
        .stf-count i{margin-right:4px}

        .stf-ico-zalo{background:#e7f0ff;color:#0068ff}
        .stf-ico-view{background:#fff0e6;color:#f97316}
        .stf-ico-share{background:#e9f9ef;color:#16a34a}
        .stf-ico-save{background:#f1ecfd;color:#7c3aed}
        .stf-ico-phone{background:#e9f9ef;color:#16a34a}

        @media (min-width:768px){
            .stf-card{display:inline-flex;align-items:center;padding:10px 16px}
            .stf-head{flex-shrink:0;padding-right:18px}
            .stf-avatar{width:66px;height:66px;border-width:3px;box-shadow:0 0 0 2px #f6dcc7}
            .stf-dot{width:15px;height:15px;right:0;bottom:2px;border-width:2px}
            .stf-name{font-size:1.15rem;margin-bottom:2px}
            .stf-role{font-size:.9rem;margin-bottom:0}
            .stf-online{display:none}
            .stf-actions{padding-top:0;padding-left:16px;border-top:0}
            .stf-act{flex:0 0 auto;flex-direction:row;align-items:center;padding:10px 16px;margin:0 5px}
            .stf-ico{width:40px;height:40px;margin-bottom:0;margin-right:10px}
            .stf-body{align-items:flex-start}
            .stf-label{font-size:.95rem;text-align:left}
        }
    </style>
    <style>
        .stf-share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
        .stf-share-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid #eef1f4;
            border-radius:12px;background:#fff;color:#1e293b;font-size:.85rem;cursor:pointer;text-decoration:none;
            transition:box-shadow .18s ease,transform .18s ease}
            .stf-share-item:hover{text-decoration:none;color:#1e293b;box-shadow:0 6px 16px rgba(16,40,64,.08);transform:translateY(-2px)}
            .stf-share-item i{font-size:22px}
            .stf-share-fb i{color:#1877f2}
            .stf-share-zl i{color:#0068ff}
            .stf-share-tw i{color:#0f172a}
            .stf-share-tg i{color:#229ed9}
            .stf-share-cp i{color:#f97316}
            .stf-share-url{margin-top:12px;font-size:.8rem;color:#94a3b8;word-break:break-all;text-align:left}
    </style>


<div class="w-100 clearfix mt-2">
    <div class="stf-card">

                    <div class="stf-head">
                <div class="stf-avatar-wrap">
                    <img class="stf-avatar" src="/data/user/q2.jpg" alt="Daniel Le">
                    <span class="stf-dot"></span>
                </div>
                <div class="stf-meta">
                    <h5 class="stf-name">Daniel Le</h5>
                    <div class="stf-role">
                        <i class="fas fa-shield-alt"></i>Nhân viên tư vấn
                    </div>
                    <span class="stf-online">
                        <i class="fas fa-check-circle"></i> Đang online
                    </span>
                </div>
            </div>
        
        <div class="stf-actions">

                            <a href="https://zalo.me/0902165561" target="_blank" rel="noopener"
                   class="stf-act count_view"
                   data-table="news" data-id="253" data-name="view_zl">
                    <span class="stf-ico stf-ico-zalo"><i class="fas fa-comment-dots"></i></span>
                    <span class="stf-body">
                        <span class="stf-label">Chat Zalo</span>
                        <span class="stf-count"><i class="far fa-eye"></i>0</span>
                    </span>
                </a>
            
            
                <div class="stf-act stf-static">
                    <span class="stf-ico stf-ico-view"><i class="fas fa-eye"></i></span>
                    <span class="stf-body">
                        <span class="stf-label">Lượt xem</span>
                        <span class="stf-count"><i class="far fa-eye"></i>606</span>
                    </span>
                </div>
                <div class="stf-act stf-click js-share" role="button"
                     data-url="https://tenmiendep.com/quatangtangiacom-253.html" data-title="Quatangtangia.com">
                    <span class="stf-ico stf-ico-share"><i class="fas fa-share-alt"></i></span>
                    <span class="stf-body">
                        <span class="stf-label">Chia sẻ</span>
                        <span class="stf-count"><i class="far fa-eye"></i>0</span>
                    </span>
                </div>
                
            

        </div>
    </div>
</div>

    <script>
        // Hiện số điện thoại (dùng cho thẻ "Gọi điện" nếu bật)
        document.addEventListener('click', function (e) {
            var btn = e.target.closest('.btn-show-phone');
            if (!btn) return;
            var span = btn.querySelector('.stf-phone');
            if (span) span.textContent = span.dataset.phone;
        });

        // Chia sẻ
        function stfCopyText(text) {
            if (navigator.clipboard && window.isSecureContext) return navigator.clipboard.writeText(text);
            return new Promise(function (resolve, reject) {
                var ta = document.createElement('textarea');
                ta.value = text;
                ta.setAttribute('readonly', '');
                ta.style.position = 'fixed';
                ta.style.top = '-9999px';
                document.body.appendChild(ta);
                ta.select();
                ta.setSelectionRange(0, ta.value.length);
                try { document.execCommand('copy') ? resolve() : reject(); } catch (err) { reject(err); }
                document.body.removeChild(ta);
            });
        }

        function stfToast(text, icon) {
            Swal.fire({ text: text, icon: icon || 'success', timer: 2200, showConfirmButton: false, toast: true, position: 'top-end' });
        }

        function stfBumpShare(btn) {
            var el = btn.querySelector('.stf-count');
            if (el) el.innerHTML = '<i class="far fa-eye"></i>' + ((parseInt(el.innerText.trim(), 10) || 0) + 1);
        }

        document.addEventListener('click', function (e) {
            var btn = e.target.closest('.js-share');
            if (!btn) return;

            var url   = btn.dataset.url || window.location.href;
            var title = btn.dataset.title || document.title;
            var u = encodeURIComponent(url), t = encodeURIComponent(title);

            if (navigator.share) {
                navigator.share({ title: title, url: url })
                    .then(function () { stfBumpShare(btn); })
                    .catch(function () {});
                return;
            }

            Swal.fire({
                title: 'Chia sẻ bài viết',
                width: 420,
                showConfirmButton: false,
                showCloseButton: true,
                html:
                    '<div class="stf-share-grid">' +
                        '<a class="stf-share-item stf-share-fb" target="_blank" rel="noopener" href="https://www.facebook.com/sharer/sharer.php?u=' + u + '"><i class="fab fa-facebook"></i>Facebook</a>' +
                        '<a class="stf-share-item stf-share-zl" target="_blank" rel="noopener" href="https://sp.zalo.me/plugins/share?u=' + u + '"><i class="fas fa-comment-dots"></i>Zalo</a>' +
                        '<a class="stf-share-item stf-share-tw" target="_blank" rel="noopener" href="https://twitter.com/intent/tweet?url=' + u + '&text=' + t + '"><i class="fab fa-x-twitter"></i>X</a>' +
                        '<a class="stf-share-item stf-share-tg" target="_blank" rel="noopener" href="https://t.me/share/url?url=' + u + '&text=' + t + '"><i class="fab fa-telegram"></i>Telegram</a>' +
                        '<a class="stf-share-item" target="_blank" rel="noopener" href="mailto:?subject=' + t + '&body=' + u + '"><i class="fas fa-envelope text-muted"></i>Email</a>' +
                        '<div class="stf-share-item stf-share-cp js-copy-link" data-url="' + url + '"><i class="fas fa-link"></i>Copy link</div>' +
                    '</div>' +
                    '<div class="stf-share-url">' + url + '</div>'
            });
            stfBumpShare(btn);
        });

        document.addEventListener('click', function (e) {
            var cp = e.target.closest('.js-copy-link');
            if (!cp) return;
            stfCopyText(cp.dataset.url)
                .then(function () { Swal.close(); stfToast('Đã copy đường dẫn bài viết!'); })
                .catch(function () { stfToast('Không copy được, bạn hãy copy thủ công.', 'warning'); });
        });

        // Lưu bài viết
        document.addEventListener('click', function (e) {
            var btn = e.target.closest('.js-bookmark');
            if (!btn) return;

            if (!window.__cusLogged) {
                Swal.fire({
                    title: 'Chưa đăng nhập!',
                    text: 'Bạn cần đăng nhập để có thể lưu bài viết này.',
                    icon: 'info',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'Đăng nhập ngay',
                    cancelButtonText: 'Để sau'
                }).then(function (r) {
                    if (r.isConfirmed) window.location.href = '/dang-nhap';
                });
                return;
            }

            var icon  = btn.querySelector('.js-bookmark-icon');
            var text  = btn.querySelector('.js-bookmark-text');
            var token = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

            fetch('/news/' + btn.dataset.id + '/bookmark', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': token, 'Accept': 'application/json' }
            })
            .then(function (r) { return r.json(); })
            .then(function (data) {
                if (!data.success) return;
                icon.classList.toggle('fas', data.is_bookmarked);
                icon.classList.toggle('far', !data.is_bookmarked);
                text.innerText = data.is_bookmarked ? 'Đã lưu' : 'Lưu bài viết';
            })
            .catch(function () {
                Swal.fire({ text: 'Có lỗi xảy ra, vui lòng thử lại sau.', icon: 'error' });
            });
        });
    </script>


												<button type="button" class="btn btn-danger btn-block mt-2 text-uppercase count_view"
        data-toggle="modal" data-target="#modalAdvice"
        data-id="253" data-subject="Quatangtangia.com"
         data-table="news" data-name="view_request" >
    <i class="fas fa-headset mr-1"></i> Yêu cầu tư vấn
</button>

				    </div>
				</div>
			</div>
		</div>

		            		
				
					<div class="col-lg-9 bg-white mt-2 p-2">
				<div class="project-detail post-content">
				    <div class="box-detail tab-content">
				        <div class="tab-pane fade show active" id="intro" role="tabpanel">
				            <div id="main-toc" name="tableOfContents"><strong>Mục lục</strong>
<div id="menu1-toc" name="tableOfContents" style="margin-left:10px"><a href="#menu1">&Yacute; nghĩa t&ecirc;n miền</a></div>

<div id="menu2-toc" name="tableOfContents" style="margin-left:10px"><a href="#menu2">Lợi thế nổi bật</a></div>

<div id="menu3-toc" name="tableOfContents" style="margin-left:10px"><a href="#menu3">M&ocirc; h&igrave;nh đầu tư</a></div>

<div id="menu4-toc" name="tableOfContents" style="margin-left:10px"><a href="#menu4">Nguồn thu khi triển khai</a></div>

<div id="menu5-toc" name="tableOfContents" style="margin-left:10px"><a href="#menu5">Tiềm năng ph&aacute;t triển</a></div>
</div>

<h2 id="menu1" name="menu1">&Yacute; nghĩa t&ecirc;n miền</h2>

<p>Quatangtangia.com d&agrave;nh cho dịp vui của mỗi gia đ&igrave;nh: dọn về nh&agrave; mới. Bạn b&egrave;, đồng nghiệp, họ h&agrave;ng thường mang qu&agrave; đến ch&uacute;c mừng trong buổi t&acirc;n gia.</p>

<p><a href="https://tenmiendep.com/danh-muc/qua-tang-su-kien-7.html">qu&agrave; tặng</a> t&acirc;n gia thường l&agrave; đồ d&ugrave;ng thiết thực hoặc mang &yacute; nghĩa may mắn: bộ ấm ch&eacute;n, nồi chảo, đ&egrave;n trang tr&iacute;, tranh treo tường, c&acirc;y xanh, đồng hồ, đồ nội thất nhỏ.</p>

<p>T&ecirc;n miền khớp từ kh&oacute;a phổ biến, dễ nhớ.</p>

<h2 id="menu2" name="menu2">Lợi thế nổi bật</h2>

<ul>
	<li><strong>Dịp tặng r&otilde; r&agrave;ng:</strong> t&acirc;n gia l&agrave; dịp quan trọng của gia đ&igrave;nh.</li>
	<li><strong>Thị trường nh&agrave; ở lớn:</strong> nhiều căn hộ, nh&agrave; mới b&agrave;n giao mỗi năm.</li>
	<li><strong>Qu&agrave; thiết thực:</strong> đồ gia dụng, nội thất, trang tr&iacute;.</li>
	<li><strong>Hợp qu&agrave; may mắn:</strong> tranh, c&acirc;y, vật phẩm ch&uacute;c b&igrave;nh an.</li>
	<li><strong>SEO thuận lợi:</strong> khớp từ kh&oacute;a &ldquo;qu&agrave; t&acirc;n gia&rdquo;.</li>
</ul>

<h2 id="menu3" name="menu3">M&ocirc; h&igrave;nh đầu tư</h2>

<table border="1" cellpadding="5" cellspacing="0" style="width:100%">
	<thead>
		<tr>
			<th>STT</th>
			<th>M&ocirc; h&igrave;nh</th>
			<th>Hướng triển khai</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td><a href="https://tenmiendep.com/co-hoi-dau-tu/san-thuong-mai-dien-tu">Marketplace qu&agrave; t&acirc;n gia</a></td>
			<td>S&agrave;n qu&agrave; cho ng&ocirc;i nh&agrave; mới</td>
		</tr>
		<tr>
			<td>2</td>
			<td><a href="https://tenmiendep.com/co-hoi-dau-tu/nen-tang-ban-le">Shop qu&agrave; tặng t&acirc;n gia</a></td>
			<td>Website qu&agrave; chọn sẵn theo ng&acirc;n s&aacute;ch</td>
		</tr>
		<tr>
			<td>3</td>
			<td>Đồ gia dụng l&agrave;m qu&agrave;</td>
			<td>Bộ nồi, ấm ch&eacute;n, m&aacute;y pha c&agrave; ph&ecirc;</td>
		</tr>
		<tr>
			<td>4</td>
			<td>Tranh, đ&egrave;n trang tr&iacute;</td>
			<td>Tranh treo tường, đ&egrave;n ngủ, đồng hồ</td>
		</tr>
		<tr>
			<td>5</td>
			<td>C&acirc;y xanh mừng nh&agrave; mới</td>
			<td>Kim ng&acirc;n, trầu b&agrave;, lưỡi hổ</td>
		</tr>
		<tr>
			<td>6</td>
			<td>Qu&agrave; tập thể đồng nghiệp</td>
			<td>Ph&ograve;ng ban g&oacute;p qu&agrave; t&acirc;n gia</td>
		</tr>
	</tbody>
</table>

<h2 id="menu4" name="menu4">Nguồn thu khi triển khai</h2>

<table border="1" cellpadding="5" cellspacing="0" style="width:100%">
	<thead>
		<tr>
			<th>STT</th>
			<th>Nguồn thu</th>
			<th>C&aacute;ch khai th&aacute;c</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>B&aacute;n qu&agrave; t&acirc;n gia</td>
			<td>Doanh thu sản phẩm</td>
		</tr>
		<tr>
			<td>2</td>
			<td>Hoa hồng đồ gia dụng</td>
			<td>Phần trăm từ h&atilde;ng</td>
		</tr>
		<tr>
			<td>3</td>
			<td>Hợp t&aacute;c chủ đầu tư</td>
			<td>Qu&agrave; b&agrave;n giao căn hộ</td>
		</tr>
		<tr>
			<td>4</td>
			<td>Giao v&agrave; lắp đặt</td>
			<td>Ph&iacute; giao, treo tranh</td>
		</tr>
		<tr>
			<td>5</td>
			<td>Ph&iacute; g&oacute;i qu&agrave;, thiệp</td>
			<td>G&oacute;i qu&agrave; ch&uacute;c mừng</td>
		</tr>
		<tr>
			<td>6</td>
			<td>Quảng c&aacute;o nội thất</td>
			<td>Thương hiệu nội thất, trang tr&iacute;</td>
		</tr>
	</tbody>
</table>

<h2 id="menu5" name="menu5">Tiềm năng ph&aacute;t triển</h2>

<p>Mỗi năm c&oacute; rất nhiều gia đ&igrave;nh chuyển về nh&agrave; mới. Quatangtangia.com ph&ugrave; hợp với <a href="https://tenmiendep.com/co-hoi-dau-tu.html">nh&agrave; đầu tư</a> muốn kết hợp qu&agrave; tặng v&agrave; nội thất.</p>

<p>Thương hiệu c&oacute; thể hợp t&aacute;c chủ đầu tư dự &aacute;n nh&agrave; ở l&agrave;m qu&agrave; b&agrave;n giao.</p>

<p>Dự &aacute;n dễ li&ecirc;n kết với c&aacute;c dự &aacute;n kh&aacute;c của Tenmiendep.com như <a href="https://tenmiendep.com/quatangphongthuycom-245.html">Quatangphongthuy.com</a>, <a href="https://tenmiendep.com/quatangbomecom-166.html">Quatangbome.com</a> v&agrave; <a href="https://tenmiendep.com/tuongvangcom-1123.html">Tuongvang.com</a> để chia sẻ nguồn kh&aacute;ch.</p>

<p>Tenmiendep.com sẵn s&agrave;ng hợp t&aacute;c c&ugrave;ng c&aacute;c thương hiệu gia dụng, nội thất v&agrave; <a href="https://tenmiendep.com/co-hoi-dau-tu.html">nh&agrave; đầu tư</a> để ph&aacute;t triển Quatangtangia.com dưới nhiều h&igrave;nh thức: g&oacute;p vốn, đồng s&aacute;ng lập, hợp t&aacute;c kinh doanh hoặc mua lại dự &aacute;n.</p>
				        </div>
				    </div>
				</div>
									<div class="clearfix mt-3">
						<strong><i class="fas fa-tags mr-2"></i>Tags: </strong>
													<a href="https://tenmiendep.com/tags/Quatangtangia.com" title="Quatangtangia.com" class="mb-1">
								Quatangtangia.com
							</a>, 													<a href="https://tenmiendep.com/tags/qu%C3%A0%20t%C3%A2n%20gia" title="quà tân gia" class="mb-1">
								quà tân gia
							</a>, 													<a href="https://tenmiendep.com/tags/qu%C3%A0%20m%E1%BB%ABng%20nh%C3%A0%20m%E1%BB%9Bi" title="quà mừng nhà mới" class="mb-1">
								quà mừng nhà mới
							</a>, 													<a href="https://tenmiendep.com/tags/qu%C3%A0%20nh%E1%BA%ADp%20tr%E1%BA%A1ch" title="quà nhập trạch" class="mb-1">
								quà nhập trạch
							</a>, 													<a href="https://tenmiendep.com/tags/%C4%91%E1%BB%93%20trang%20tr%C3%AD%20nh%C3%A0" title="đồ trang trí nhà" class="mb-1">
								đồ trang trí nhà
							</a>											</div>
							</div>
			</div>
</div>
<div class="modal fade" id="userModal" tabindex="-1" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header p-1">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			</div>
			<div class="modal-body p-1">
				<div class="input-group">
					<div class="col-lg-12 text-center p-2">
						<img src="https://tenmiendep.com/data/user/q2.jpg" alt="Daniel Le" class="object-fit-cover" style="height:120px;width:120px;border-radius:50%">
						<p class="mb-0">
							<strong class="text-primary size-12">
								Ms Trúc
							</strong>
						</p>
						<p class="mb-0">
							<strong>Điện thoại: </strong>
							0902 165 561
						</p>
						<p class="mb-0">
							<strong>Email: </strong>
							trucle@gmail.com
						</p>
						<p class="mb-0">
							<strong>Zalo: </strong>
							<a href="https://zalo.me/0902165561">Click để chat</a>
						</p>
						<p class="mb-0">
							<strong>Số chứng chỉ: </strong>
							<span>HCM-0007767</span>
						</p>
						<p class="mb-0">
							<strong>Kinh nghiệm: </strong>Đang cập nhật năm
						</p>
					</div>
					<div class="col-lg-12 p-2 size-1">
						<i></i>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="imageModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-fullscreen" role="document">
		<div class="modal-content text-white" style="background-color:#000">
			<div class="modal-body text-center position-relative p-0">
				<div id="imageCounter" class="position-absolute text-white font-weight-bold" style="top:10px;left:20px;font-size: 18px; z-index:1000">Ảnh 1 / 1</div>
				<img id="modalImage" src="/upload/news/quatangtangiacom-1793089647-6ae0606fbfaa2.jpg" class="img-fluid w-100" style="max-height:80vh;object-fit:contain;">
				<a class="carousel-control-prev position-absolute" href="#" role="button" id="prevBtn" style="top:10%;left:0">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next position-absolute" href="#" role="button" id="nextBtn" style="top:10%;right:0">
					<span class="carousel-control-next-icon"></span>
				</a>
				<button type="button" class="close position-absolute text-white" style="top:10px;right:20px;"data-dismiss="modal">&times;</button>
				<div class="container-fluid py-2 mt-2">
					<div class="row justify-content-center" id="thumbnailContainer">
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
        <style>
	.vui-footer-wrapper {
	    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	    background-color: #ffffff;
	    background-repeat: no-repeat;
	    background-position: bottom center;
	    background-size: cover;
	    position: relative;
	    border-top: 1px solid #f0f2f5;
	}
	.vui-footer-wrapper .footer-top {
	    padding: 30px 0 30px 0;
	}
	.vui-footer-wrapper .footer-brand-logo {
	    max-width: 180px;
	    margin-bottom: 20px;
	    display: block;
	}
	.vui-footer-wrapper .footer-desc {
	    font-size: 14px;
	    color: #444;
	    line-height: 1.6;
	    padding-right: 20px;
	}
	.vui-footer-wrapper .social-icons {
	    display: flex;
	    gap: 12px;
	}
	.vui-footer-wrapper .social-btn {
	    width: 36px;
	    height: 36px;
	    border-radius: 50%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    color: #ffffff;
	    text-decoration: none !important;
	    transition: transform 0.2s ease;
	}
	.vui-footer-wrapper .social-btn:hover {
	    transform: translateY(-3px);
	}
	.vui-footer-wrapper .btn-fb { background-color: #1877F2; }
	.vui-footer-wrapper .btn-tt { background-color: #000000; }
	.vui-footer-wrapper .btn-yt { background-color: #FF0000; }
	.vui-footer-wrapper .btn-ig { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
	.vui-footer-wrapper .btn-em { background-color: #4285F4; }
	.vui-footer-wrapper .footer-col-title {
	    display: flex;
	    align-items: center;
	    margin-bottom: 20px;
	}
	.vui-footer-wrapper .col-icon {
	    width: 32px;
	    height: 32px;
	    background-color: #f0f5ff;
	    border-radius: 50%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-right: 12px;
	    color: #1a66ff;
	    flex-shrink: 0;
	}
	.vui-footer-wrapper .col-heading-text {
	    font-size: 15px;
	    font-weight: 700;
	    color: #0b1f40;
	    margin: 0;
	    position: relative;
	    padding-bottom: 6px;
	}
	.vui-footer-wrapper .col-heading-text::after {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 24px;
	    height: 3px;
	    background-color: #f27024;
	    border-radius: 2px;
	}
	.vui-footer-wrapper .footer-links {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	}
	.vui-footer-wrapper .footer-links li {
	    border-bottom: 1px solid #f0f2f5;
	}
	.vui-footer-wrapper .footer-links li:last-child {
	    border-bottom: none;
	}
	.vui-footer-wrapper .footer-links a {
	    display: block;
	    padding: 12px 0;
	    color: #333333;
	    font-size: 14px;
	    text-decoration: none !important;
	    transition: color 0.2s;
	}
	.vui-footer-wrapper .footer-links a:hover {
	    color: #1a66ff;
	}
	.vui-footer-wrapper .footer-bottom {
	    background-color: #0b1f40;
	    padding: 11px 0;
	    color: #ffffff;
	    font-size: 13px;
	}
	.vui-footer-wrapper .bottom-content {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.vui-footer-wrapper .bottom-left {
	    display: flex;
	    align-items: center;
	}
	.vui-footer-wrapper .bottom-left svg {
	    margin-right: 8px;
	}
	.vui-footer-wrapper .bottom-right a {
	    color: #ffffff;
	    text-decoration: none;
	    margin-left: 12px;
	    transition: opacity 0.2s;
	}

	.vui-footer-wrapper .bottom-right a:hover {
	    opacity: 0.8;
	}
	.vui-footer-wrapper .bottom-divider {
	    margin: 0 12px;
	    color: #5a6b85;
	}

	@media (max-width: 991px) {
	    .vui-footer-wrapper .bottom-content {
	        flex-direction: column;
	        text-align: center;
	        gap: 12px;
	    }
	}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
<footer class="vui-footer-wrapper mt-2">
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-12 mb-4 mb-lg-0">
                    <div class="content-fotersssdsd">
                    	<p><span style="font-size:14px"><span style="font-family:Arial,Helvetica,sans-serif"><span style="color:#e74c3c"><strong><img alt="" src="http://tenmiendep.com/data/logo/Tenmiendep_logo.png" style="width:250px" /></strong></span></span></span></p>

<p><span style="font-size:14px"><span style="font-family:Arial,Helvetica,sans-serif"><strong><a href="http://Tenmiendep.com">Tenmiendep.com</a></strong> chuy&ecirc;n mua b&aacute;n t&ecirc;n miền đẹp, đầu tư, x&acirc;y dựng v&agrave; vận h&agrave;nh c&aacute;c dự &aacute;n kinh doanh tiềm năng, kết nối đối t&aacute;c c&ugrave;ng ph&aacute;t triển thương mại điện tử Việt Nam.</span></span></p>

<p><span style="font-size:14px"><span style="font-family:Arial,Helvetica,sans-serif"><strong>Vận h&agrave;nh bởi:</strong> 1Ecom Co.,Ltd</span></span></p>

<p><span style="font-size:14px"><span style="font-family:Arial,Helvetica,sans-serif"><strong>Địa chỉ:</strong> 357 Quốc Lộ 13, Phường Hiệp B&igrave;nh, TP.HCM</span></span></p>

<p><span style="font-size:14px"><span style="font-family:Arial,Helvetica,sans-serif"><strong>Li&ecirc;n hệ:</strong> 0902 165 561 (&nbsp;Zalo, SMS, Call)</span></span></p>

<p><span style="font-size:14px"><span style="font-family:Arial,Helvetica,sans-serif">Ch&uacute;ng t&ocirc;i sẽ sớm li&ecirc;n hệ v&agrave; phản hồi đến bạn.</span></span></p>

<p><span style="font-size:14px"><span style="font-family:Arial,Helvetica,sans-serif"><strong>Kết nối:</strong> <a href="http://www.youtube.com/@tenmiendepcom">YouTube</a> | <a href="http://www.facebook.com/tenmiendepchamcom">Facebook</a> | <a href="http://www.tiktok.com/@tenmiendep.com">TikTok</a> | <a href="http://www.linkedin.com/company/tenmiendep">LinkedIn</a></span></span></p>
                    </div>
                    <div class="social-icons">
                    	                                                                                                                    </div>
                </div>
                <div class="col-lg-7">
				    <div class="row">
				        				            				                				            				                				                <div class="col-lg-4 col-md-4 footer-col">
				                    <div class="footer-col-title d-flex justify-content-between align-items-center" 
				                         data-toggle="collapse" 
				                         data-target="#footerCollapse2" 
				                         aria-expanded="false" 
				                         style="cursor: pointer">
				                        <div class="d-flex align-items-center">
				                            <div class="col-icon">
				                                												    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
																                            </div>
				                            <h4 class="col-heading-text mb-0 ml-2">Liên hệ hợp tác</h4>
				                        </div>
				                        <div class="dropdown-icon d-md-none">
				                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
				                        </div>
				                    </div>
				                    					                    <div class="collapse d-md-block" id="footerCollapse2">
					                        <ul class="footer-links mt-3">
					                            					                                <li>
					                                    <a href="https://tenmiendep.com/lien-he-hop-tac/ve-chung-toi-23.html">
					                                        Về chúng tôi
					                                    </a>
					                                </li>
					                            					                                <li>
					                                    <a href="https://tenmiendep.com/lien-he-hop-tac/hinh-thuc-hop-tac-22.html">
					                                        Hình thức hợp tác
					                                    </a>
					                                </li>
					                            					                                <li>
					                                    <a href="https://tenmiendep.com/lien-he-hop-tac/van-hanh-so-tron-goi-27.html">
					                                        Vận hành số trọn gói
					                                    </a>
					                                </li>
					                            					                            
					                        </ul>
					                    </div>
				                    				                </div>
				                				            				                				                <div class="col-lg-4 col-md-4 footer-col">
				                    <div class="footer-col-title d-flex justify-content-between align-items-center" 
				                         data-toggle="collapse" 
				                         data-target="#footerCollapse3" 
				                         aria-expanded="false" 
				                         style="cursor: pointer">
				                        <div class="d-flex align-items-center">
				                            <div class="col-icon">
				                                												    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>
																                            </div>
				                            <h4 class="col-heading-text mb-0 ml-2">Thông tin cần biết</h4>
				                        </div>
				                        <div class="dropdown-icon d-md-none">
				                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
				                        </div>
				                    </div>
				                    					                    <div class="collapse d-md-block" id="footerCollapse3">
					                        <ul class="footer-links mt-3">
					                            					                                <li>
					                                    <a href="https://tenmiendep.com/thong-tin-can-biet/chuyen-nhuong-ten-mien-vn-20.html">
					                                        Chuyển nhượng tên miền .vn
					                                    </a>
					                                </li>
					                            					                                <li>
					                                    <a href="https://tenmiendep.com/thong-tin-can-biet/chuyen-nhuong-ten-mien-com-26.html">
					                                        Chuyển nhượng tên miền .com
					                                    </a>
					                                </li>
					                            					                            
					                        </ul>
					                    </div>
				                    				                </div>
				                				            				                				                <div class="col-lg-4 col-md-4 footer-col">
				                    <div class="footer-col-title d-flex justify-content-between align-items-center" 
				                         data-toggle="collapse" 
				                         data-target="#footerCollapse7" 
				                         aria-expanded="false" 
				                         style="cursor: pointer">
				                        <div class="d-flex align-items-center">
				                            <div class="col-icon">
				                                												    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
																                            </div>
				                            <h4 class="col-heading-text mb-0 ml-2">Các chính sách</h4>
				                        </div>
				                        <div class="dropdown-icon d-md-none">
				                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
				                        </div>
				                    </div>
				                    					                    <div class="collapse d-md-block" id="footerCollapse7">
					                        <ul class="footer-links mt-3">
					                            					                                <li>
					                                    <a href="https://tenmiendep.com/cac-chinh-sach/dieu-khoan-su-dung-16.html">
					                                        Điều khoản sử dụng
					                                    </a>
					                                </li>
					                            					                                <li>
					                                    <a href="https://tenmiendep.com/cac-chinh-sach/chinh-sach-bao-mat-15.html">
					                                        Chính sách bảo mật
					                                    </a>
					                                </li>
					                            					                            
					                        </ul>
					                    </div>
				                    				                </div>
				                				            				        				    </div>
				</div>
            </div>
        </div>
    </div>

    <div class="footer-bottom">
        <div class="container">
            <div class="bottom-content">
                <div class="bottom-left">                    
                    <span>
                    	<i class="fas fa-shield-alt mr-2"></i> 
                    	Tenmiendep.com – Mua bán tên miền đẹp, đầu tư và phát triển dự án
                    </span>
                </div>
                
            </div>
        </div>
    </div>
</footer>        <script src="https://tenmiendep.com/frontend/js/jquery-3.6.0.min.js"></script>
        <script src="https://tenmiendep.com/frontend/js/bootstrap.bundle.min.js"></script>
        <script src="https://tenmiendep.com/frontend/js/owl.carousel.min.js"></script> 
        <script src="https://tenmiendep.com/frontend/select2/js/select2.full.min.js"></script>
        <script src="https://tenmiendep.com/frontend/js/jquery.dd.min.js"></script>
        <script src="https://tenmiendep.com/frontend/js/scripts.js?v=1793211770"></script>
        <script src="https://tenmiendep.com/frontend/js/sweetalert2.all.min.js"></script>
        <script src="https://tenmiendep.com/frontend/js/typeahead.bundle.min.js"></script>
        <style>
    .select2-container { width: 100% !important; }
</style>
<div class="modal fade" id="modalAdvice" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow rounded">
            <input type="hidden" name="parent_id" value="0">
            <div class="modal-header bg-light text-center position-relative d-block">
                <h5 class="modal-title text-danger font-weight-bold mb-0">YÊU CẦU TƯ VẤN</h5>
                <strong class="adv-subject text-dark d-block mt-1" style="font-size:.95rem"></strong>
                <button type="button" class="close position-absolute" style="right:15px;top:15px;" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body p-3">
                                <div class="form-group">
                    <label class="font-weight-bold mb-1">Họ tên</label>
                    <input type="text" name="name" maxlength="100"
                           class="form-control rounded-pill" value=""
                           placeholder="Vui lòng nhập tên">
                </div>
                <div class="form-group">
                    <label class="font-weight-bold mb-1">Số điện thoại</label>
                    <input type="tel" name="phone" maxlength="10"
                           class="form-control rounded-pill" value=""
                           placeholder="Gồm 10 số, bắt đầu bằng 0">
                </div>
                <div class="form-group row">
                    <style>
                        .select2-container--default .select2-selection--single{border-radius: 20px}
                    </style>
                    <label class="font-weight-bold mb-1 col-12">Địa chỉ</label>
                    <div class="col-6 w-100">
                        <select class="form-control select2 w-100 province" name="province_id">
                            <option value="CN">Toàn quốc</option>
                                                            <option value="1">Hồ Chí Minh</option>
                                                            <option value="2">Hà Nội</option>
                                                            <option value="3">Đà Nẵng</option>
                                                            <option value="5">Đồng Nai</option>
                                                            <option value="6">Khánh Hòa</option>
                                                            <option value="7">Hải Phòng</option>
                                                            <option value="11">Đắk Lắk</option>
                                                            <option value="12">Cần Thơ</option>
                                                            <option value="14">Lâm Đồng</option>
                                                            <option value="15">Huế</option>
                                                            <option value="17">Bắc Ninh</option>
                                                            <option value="18">Quảng Ninh</option>
                                                            <option value="19">Thanh Hóa</option>
                                                            <option value="20">Nghệ An</option>
                                                            <option value="22">Gia Lai</option>
                                                            <option value="24">Hưng Yên</option>
                                                            <option value="30">An Giang</option>
                                                            <option value="32">Tây Ninh</option>
                                                            <option value="33">Thái Nguyên</option>
                                                            <option value="34">Lào Cai</option>
                                                            <option value="36">Quảng Ngãi</option>
                                                            <option value="39">Cà Mau</option>
                                                            <option value="40">Vĩnh Long</option>
                                                            <option value="41">Ninh Bình</option>
                                                            <option value="42">Phú Thọ</option>
                                                            <option value="46">Hà Tĩnh</option>
                                                            <option value="47">Đồng Tháp</option>
                                                            <option value="51">Quảng Trị</option>
                                                            <option value="54">Sơn La</option>
                                                            <option value="57">Tuyên Quang</option>
                                                            <option value="58">Điện Biên</option>
                                                            <option value="59">Lai Châu</option>
                                                            <option value="60">Lạng Sơn</option>
                                                            <option value="63">Cao Bằng</option>
                                                    </select>
                    </div>
                    <div class="col-6 w-100">
                        <select class="form-control select2 ward" name="ward_id">
                            <option value="">Phường/Xã</option>
                        </select>
                    </div>
                </div>
                <div class="form-group mb-0">
                    <label class="font-weight-bold mb-1">Nội dung cần tư vấn</label>
                    <textarea name="content" rows="3" maxlength="300" class="form-control"
                              style="resize:none;border-radius:12px;" placeholder="Tối đa 300 ký tự"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light border px-4" data-dismiss="modal">Đóng</button>
                <button type="button" class="btn btn-primary px-4 shadow-sm adv-send">Gửi</button>
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        var $m = $('#modalAdvice');

        $m.on('show.bs.modal', function (e) {
            var b = $(e.relatedTarget);
            $m.find('[name=parent_id]').val(b.data('id') || 0);
            $m.find('.adv-subject').text(b.data('subject') || '');
        });

        $m.on('click', '.adv-send', function () {
            var $btn = $(this);
            $btn.prop('disabled', true).text('Đang gửi...');

            $.ajax({
                url: 'https://tenmiendep.com/yeu-cau-tu-van',
                type: 'POST',
                dataType: 'json',
                data: {
                    _token:      'gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF',
                    parent_id:   $m.find('[name=parent_id]').val(),
                    name:        $m.find('[name=name]').val(),
                    phone:       $m.find('[name=phone]').val(),
                    content:     $m.find('[name=content]').val(),
                    province_id: $m.find('[name=province_id]').val(),
                    ward_id:     $m.find('[name=ward_id]').val()
                }
            })
            .done(function () {
                $m.modal('hide');
                $m.find('[name=content]').val('');
                Swal.fire('Đã gửi', 'Chúng tôi sẽ liên hệ bạn sớm nhất', 'success');
            })
            .fail(function (x) {
                var er = x.responseJSON && x.responseJSON.errors;
                Swal.fire('Lỗi', er ? Object.values(er)[0][0] : 'Không gửi được, vui lòng thử lại', 'warning');
            })
            .always(function () { $btn.prop('disabled', false).text('Gửi'); });
        });
    });
</script>
<script>
    $m.on('shown.bs.modal', function () {
        $m.find('.select2').each(function () {
            if (!$(this).hasClass('select2-hidden-accessible')) {
                $(this).select2({
                    width: '100%',
                    dropdownParent: $m 
                });
            }
        });
    });
</script>
        <script>
            $(document).ready(function($) {
                var news = new Bloodhound({
                    remote: {
                        url: 'https://tenmiendep.com/tim-kiem/tin-tuc?value=%QUERY%',
                        wildcard: '%QUERY%'
                    },
                    datumTokenizer: Bloodhound.tokenizers.whitespace('value'),
                    queryTokenizer: Bloodhound.tokenizers.whitespace
                });
                var real_estates = new Bloodhound({
                    remote: {
                        url: 'https://tenmiendep.com/tim-kiem/co-hoi-dau-tu?value=%QUERY%',
                        wildcard: '%QUERY%'
                    },
                    datumTokenizer: Bloodhound.tokenizers.whitespace('value'),
                    queryTokenizer: Bloodhound.tokenizers.whitespace
                });
                var category = new Bloodhound({
                    remote: {
                        url: 'https://tenmiendep.com/tim-kiem/danh-muc?value=%QUERY%',
                        wildcard: '%QUERY%'
                    },
                    datumTokenizer: Bloodhound.tokenizers.whitespace('value'),
                    queryTokenizer: Bloodhound.tokenizers.whitespace
                });
                $(".search-input,.search-input-mobile").typeahead({
                    hint: true,
                    highlight: true,
                    minLength: 1,
                },
                [
                    {
                        source: news.ttAdapter(),
                        name: 'news-title',
                        display: function(data) {
                            return data.proserdata;
                        },
                        limit: 10,
                        templates: {
                            header: [
                            '<div class="header-title-search border-bottom"><strong class="text-danger"><i class="fas fa-crown mr-2"></i>TÊN MIỀN ĐẸP</strong></div><div class="list-group search-results-dropdown"></div>'
                            ],
                            suggestion: function (data) {
                                return '<div class="list-result-search-construct"><div class="input-group"><div class="float-left image-result"><img src="' + data.image + '" alt="" class="rounded"></div><div class="title-result float-left"><a class="text-title-2" href="https://tenmiendep.com/' + data.alias + '-' + data.id + '.html"><strong>' + data.title + '</strong></a><span class="size-09">'+ data.cate_title +'</span></div></div></div>';
                            }
                        }
                    },
                    {
                        source: category.ttAdapter(),
                        name: 'category-title',
                        display: function(data) {
                            return data.serdata;
                        },
                        templates: {
                            header: [
                            '<div class="header-title-search border-bottom"><strong class="text-danger"><i class="fas fa-newspaper mr-2"></i>TƯ VẤN TÊN MIỀN</strong></div><div class="list-group search-results-dropdown"></div>'
                            ],
                            suggestion: function (data) {
                                return '<div class="list-result-search-construct"><div class="input-group"><div class="float-left image-result"><img src="' + data.image + '" alt="" class="rounded"></div><div class="title-result float-left"><a class="text-title-2" href="https://tenmiendep.com/tin-tuc/' + data.alias + '-' + data.id + '.html"><strong>' + data.title + '</strong></a></div></div></div>';
                            }
                        }
                    },
                    {
                        source: real_estates.ttAdapter(),
                        name: 'real_estates-title',
                        display: function(data) {
                            return data.proserdata;
                        },
                        limit: 10,
                        templates: {
                            header: [
                            '<div class="header-title-search border-bottom"><strong class="text-danger"><i class="fas fa-hand-holding-usd mr-2"></i>CƠ HỘI ĐẦU TƯ</strong></div><div class="list-group search-results-dropdown"></div>'
                            ],
                            suggestion: function (data) {
                                return '<div class="list-result-search-construct"><div class="input-group"><div class="float-left image-result"><img src="' + data.image + '" alt="" class="rounded"></div><div class="title-result float-left"><a class="text-title-2" href="https://tenmiendep.com/dang-uu-dai/' + data.alias + '-' + data.id + '.html"><strong>' + data.title + '</strong></a><span class="size-09">' + data.location + '</span></div></div></div>';
                            }
                        }
                    }
                ]);
            });
        </script>
        <script>
            $('.select2').select2();
            $(document).ready(function() {
                $('.select2').select2();
                $("#provinceId").select2({
                    dropdownCssClass: "provinceId"
                });
                $("#wardId").select2({
                    dropdownCssClass: "wardId"
                });
                $("#streetId").select2({
                    dropdownCssClass: "streetId"
                });
                $("#cateId").select2({
                    dropdownCssClass: "cateId"
                });
                $("#cateSerId").select2({
                    dropdownCssClass: "cateSerId"
                });
                $("#CateIDM").select2({
                    dropdownCssClass: "CateIDM"
                });
                $("#ProvinceIDM").select2({
                    dropdownCssClass: "ProvinceIDM"
                });
                $("#WardIDM").select2({
                    dropdownCssClass: "WardIDM"
                });
                $("#StreetIDM").select2({
                    dropdownCssClass: "StreetIDM"
                });
                $('#ProvinceIDM').one('select2:open', function(e) {
                    $('input.select2-search__field').prop('placeholder', 'Tìm nhanh Tỉnh - Thành Phố');
                });
                $('#WardIDM').one('select2:open', function(e) {
                    $('input.select2-search__field').prop('placeholder', 'Chọn tỉnh thành trước');
                });
                $('#StreetIDM').one('select2:open', function(e) {
                    $('input.select2-search__field').prop('placeholder', 'Tìm nhanh Đường - Phố');
                });
                $('#select2Province,#select2District,#select2Ward,#select2Street').select2({
                    dropdownParent: $('#modalProSerHome')
                });
                $('#select2Provincec,#select2Districtc,#select2Wardc,#select2Streetc').select2({
                    dropdownParent: $('#modalProSer')
                });
                $('#CateIDS').one('select2:open', function(e) {
                    $('input.select2-search__field').prop('placeholder', 'Tìm nhanh bằng từ khóa');
                });
            });
        </script>
                        <script>            
            document.addEventListener("DOMContentLoaded", function () {
                function maskPhoneLast3(phone) {
                    if (phone.length < 3) return phone;
                    return phone.slice(0, -3) + '***';
                }
                document.querySelectorAll(".btn-show-phone").forEach(function (button) {
                    const phoneElement = button.previousElementSibling;
                    const fullPhone = phoneElement.dataset.phone;
                    phoneElement.innerText = maskPhoneLast3(fullPhone);
                    button.addEventListener("click", function () {
                        phoneElement.innerText = fullPhone;
                        button.style.display = "none";
                    });
                });
            });
        </script>
        <script>
            $(document).on('click', '.count_view', function(){
                $.ajax({
                    url: 'https://tenmiendep.com/countview',
                    type: 'POST',
                    dataType: 'JSON',
                    data: {
                        "table": $(this).attr('data-table'),
                        "name": $(this).attr('data-name'),
                        "data": $(this).attr('data-id'),
                        "_token": "gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF"
                    }
                });
            });
        </script>
        <script>
            $(document).ready(function () {
                function formatResult(data) {
                    if (!data.id) { return data.text; }
                    var $el = $(data.element);
                    if ($el.hasClass('custom-option')) {
                        return '<span class="custom-option">' + data.text + '</span>';
                    }
                    return data.text;
                }
                function formatSelection(data) {
                    if (!data.id) { return data.text; }
                    var $el = $(data.element);
                    if ($el.hasClass('custom-option')) {
                        return '<span class="custom-option">' + data.text + '</span>';
                    }
                    return data.text;
                }
                $('#cateSerId').select2({
                    dropdownCssClass: "cateSerId",
                    width: 'resolve',
                    templateResult: formatResult,
                    templateSelection: formatSelection,
                    escapeMarkup: function (markup) { return markup; }
                });
                $("#CateSerIDM").select2({
                    dropdownCssClass: "CateSerIDM",
                    width: 'resolve',
                    templateResult: formatResult,
                    templateSelection: formatSelection,
                    escapeMarkup: function (markup) { return markup; }
                });
            });
        </script>
        <script type="text/javascript">
            $('.province').on('change', function()
            {
                let val = $(this).val();
                if(val !='')
                {        
                    $.post('https://tenmiendep.com/getward',
                    {
                        value: val,
                        "_token": "gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF"
                    },
                    function(data, status)
                    {
                        $(".ward").html(data);              
                    });
                }
            });
            $('.province').on('change', function()
            {
                let val = $(this).val();
                if(val !='')
                {        
                    $.post('https://tenmiendep.com/getstreet',
                    {
                        value: val,
                        "_token": "gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF"
                    },
                    function(data, status)
                    {
                        $(".street").html(data);              
                    });
                }
            });
            $(document).on('click', '.change_status_multi', function(){
                $(this).removeClass('btn-default');
                $(this).addClass('btn-success');
                $.ajax({
                    url: 'https://tenmiendep.com/updatestatusmulti',
                    type: 'POST',
                    dataType: 'JSON',
                    data: {
                        "table": $(this).attr('data-table'),
                        "name": $(this).attr('data-name'),
                        "data": $(this).attr('data'),
                        "value": $(this).val(),
                        "_token": "gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF"
                    },
                    success: function(data) {
                        window.location.href = window.location.href;
                    }
                });
            });
            $('.btn_request_service_note').on('click', function(){
                let id  = $(this).attr("data-id");
                let val = $(this).parent().find('textarea[name="note_content"]').val();
                let _this = $(this);
                let html = '';
                if( val.length == 0 ){
                    Swal.fire('Bạn chưa nhập nội dung');
                }else{
                    $.ajax({
                        url: 'https://tenmiendep.com/ghi-chu-xu-cau-dich-vu',
                        type: 'POST',
                        dataType: 'JSON',
                        data: {
                            "id": id,
                            "val": val,
                            "_token": "gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF"
                        },
                        success: function(data) {
                            $('textarea[name="note_content"]').val('');
                            html += '<strong style="color:blue;">' + data.user + '</strong> <span style="color:green">(' +data.time+ ')</span>: ' + data.content + '<br>';
                            _this.parent().find('.show_note_request').append(html);
                            const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 3000
                            });
                            Toast.fire({
                                icon: 'success',
                                title: 'Gửi phản hồi thành công!'
                            })
                        }
                    });
                }
            });
            $(document).on('change', '.change_value', function(){
                $.ajax({
                    url: 'https://tenmiendep.com/updatevalue',
                    type: 'POST',
                    dataType: 'JSON',
                    data: {
                        "table": $(this).attr('data-table'),
                        "name": $(this).attr('data-name'),
                        "data": $(this).attr('data'),
                        "value": $(this).val(),
                        "_token": "gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF"
                    },
                    success: function(data) {
                        const Toast = Swal.mixin({
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 3000
                        });
                        Toast.fire({
                            icon: 'success',
                            title: 'Cập nhật thành công'
                        })
                    }
                })
            });
        </script>
        <script>
            (function () {
                const mainInput = document.querySelector('.search-input-mobile');
                const mainBtn   = document.querySelector('.btn-search-mobile button') || document.querySelector('.btn-search-mobile');
                const modal     = document.getElementById('fsSearch');
                const backBtn   = document.getElementById('fsBackBtn');
                const clearBtn  = document.getElementById('fsClearBtn');
                const queryInput= document.getElementById('fsQuery');
                const resultsEl = document.getElementById('fsResults');
                const mainForm = mainInput ? mainInput.closest('form') : null;
                let lastScrollY = 0;
                let pushedState = false;
                function openModal(prefill) {
                    if (!modal) return;
                    // Khóa cuộn nền, giữ vị trí
                    lastScrollY = window.scrollY || document.documentElement.scrollTop || 0;
                    document.body.classList.add('no-scroll');
                    document.body.style.top = `-${lastScrollY}px`;
                    // Hiện modal
                    modal.hidden = false;
                    modal.setAttribute('aria-hidden', 'false');
                    modal.classList.add('is-open');
                    if (typeof prefill === 'string') queryInput.value = prefill;
                    setTimeout(() => { queryInput.focus(); queryInput.select(); }, 50);
                    try {
                        history.pushState({ fsSearch: true }, '', location.href);
                        pushedState = true;
                } catch (e) { /* bỏ qua */ }
                    }
                    function actuallyCloseModal() {
                        modal.classList.remove('is-open');
                        modal.setAttribute('aria-hidden', 'true');
                        setTimeout(() => { modal.hidden = true; }, 200);
                        document.body.classList.remove('no-scroll');
                        const top = Math.abs(parseInt(document.body.style.top || '0', 10)) || 0;
                        document.body.style.top = '';
                        window.scrollTo(0, lastScrollY);
                        if (mainInput) mainInput.value = queryInput.value;
                    }

                    function handleClose() {
                        if (pushedState) {
                          pushedState = false;
                          history.back();
                      } else {
                          actuallyCloseModal();
                      }
                  }
                  if (mainInput) {
                    const openFromMain = () => openModal(mainInput.value || '');
                    mainInput.addEventListener('focus', openFromMain);
                    mainInput.addEventListener('click', openFromMain);
                }
                if (mainBtn) {
                    mainBtn.addEventListener('click', function (e) {
                        e.preventDefault();
                        openModal(mainInput ? mainInput.value : '');
                    });
                }
                backBtn && backBtn.addEventListener('click', handleClose);
                clearBtn && clearBtn.addEventListener('click', function () {
                    queryInput.value = '';
                    queryInput.focus();
                });
                document.addEventListener('keydown', function (e) {
                    if (e.key === 'Escape' && modal.classList.contains('is-open')) {
                        handleClose();
                    }
                });
                window.addEventListener('popstate', function () {
                    if (modal.classList.contains('is-open')) {
                        actuallyCloseModal();
                    }
                });
                queryInput.addEventListener('keydown', function (e) {
                    if (e.key === 'Enter') {
                      e.preventDefault();
                      if (mainInput) mainInput.value = queryInput.value.trim();

                      if (mainForm) {
                        actuallyCloseModal();
                        mainForm.submit();
                    } else {
                        actuallyCloseModal();
                    }
                }
            });
        })();
        </script>
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                document.querySelectorAll('[id="main-toc"]').forEach(function (toc) {
                    const items = Array.from(toc.querySelectorAll("div[name='tableOfContents']"));
                    if (!items.length || toc.querySelector('.pc-toc-list')) return;

                    const scope = toc.closest('.post-content') || document;
                    const find = function (hash) {
                        const id = decodeURIComponent((hash || '').replace(/^#/, '')).replace(/"/g, '\\"');
                        if (!id) return null;
                        return scope.querySelector('[id="' + id + '"],[name="' + id + '"]') || document.getElementById(id);
                    };

                    const title = (toc.querySelector('strong')?.textContent || '').trim() || 'Mục lục';
                    const head = document.createElement('div');
                    head.className = 'pc-toc-head';
                    head.innerHTML = '<div class="ic"><i class="fas fa-book-open"></i></div>' +
                        '<div><div class="t"></div><div class="s">Nhấn vào mục để di chuyển đến nội dung tương ứng</div></div>';
                    head.querySelector('.t').textContent = title;

                    const list = document.createElement('div');
                    list.className = 'pc-toc-list';

                    let h2 = 0, h3 = 0;
                    items.forEach(function (div) {
                        const a = div.querySelector('a');
                        if (!a) return;
                        const target = find(a.getAttribute('href'));
                        const heading = target && target.closest('h2,h3,h4');
                        const isSub = heading ? heading.tagName !== 'H2' : parseInt(div.style.marginLeft || 0) > 10;

                        const num = document.createElement('span');
                        num.className = 'num';
                        if (isSub) { h3++; num.textContent = h2 + '.' + h3; div.classList.add('lv3'); }
                        else       { h2++; h3 = 0; num.textContent = h2; }

                        div.removeAttribute('style');
                        div.prepend(num);
                        list.appendChild(div);

                        a.addEventListener('click', function (e) {
                            const t = find(a.getAttribute('href'));
                            if (!t) return;
                            e.preventDefault();
                            (t.closest('h2,h3,h4') || t).scrollIntoView({ behavior: 'smooth', block: 'start' });
                        });
                    });

                    toc.innerHTML = '';
                    toc.appendChild(head);
                    toc.appendChild(list);
                });
            });
        </script>
        <script>
            $(function () {
                $('[data-toggle="tooltip"]').tooltip()
            })
        </script>
        	<script type="text/javascript">
		$(document).on("click", ".refresh-captcha", function() {
			$.get("https://tenmiendep.com/refresh-captcha", function(data) {
				$(".box-show-captcha").text(data.captcha);
				$(".captcha_value").val(data.captcha);
			});
		});
		$('.request_service_news').click(function() {
			let id          = $('.parent_service_id').val().trim();
			let name        = $('.service_name').val().trim();
			let phone       = $('.service_phone').val().trim();
			let content     = $('.service_content').val().trim();
			let province    = $('.service_province').val().trim();
			let ward        = $('.service_ward').val().trim();
			let captcha_value = $('.captcha_value').val();
			let captcha_input = $('input[name="captcha_input"]').val();
			if (phone === "") {
				Swal.fire({ text: "Vui lòng nhập số điện thoại di động", icon: "warning" });
				return false;
			}
			if (phone.length != 10 || phone.charAt(0) != "0") {
				Swal.fire({ text: "Số điện thoại phải đúng 10 số và bắt đầu bằng 0", icon: "warning" });
				return false;
			}
			if (name === "" || content === "") {
				Swal.fire({ text: "Bạn cần nhập tên người liên hệ và nội dung công việc", icon: "warning" });
				return false;
			}
			if (captcha_input === "") {
				Swal.fire({ text: "Nhập mã xác thực!", icon: "warning" });
				return false;
			}
			if (captcha_input != captcha_value) {
				Swal.fire({ text: "Mã xác thực không chính xác!Hãy thử nhấp refresh lại", icon: "warning" });
				$('input[name="captcha_input"]').val('').focus();
				return false;
			}
			$.ajax({
				url: 'https://tenmiendep.com/sendservicenews',
				type: 'POST',
				dataType: 'JSON',
				data: {
					parent: id,
					name: name,
					phone: phone,
					content: content,
					province: province,
					ward: ward,
					captcha_input: captcha_input,
					_token: "gIfwIuNkJziwKUUwqFtXWzeKgwuhU0SRdvmxBvZF"
				},
				success: function(data) {
					$('#request').modal('toggle');
					$('.service_name').val('');
					$('.service_phone').val('');
					$('.service_content').val('');
					$('input[name="captcha_input"]').val('');
					Swal.fire({
						icon: 'success',
						title: 'Gửi yêu cầu thành công!',
						timer: 3000,
						showConfirmButton: false,
						toast: true,
						position: 'top-end'
					});
				},
				error: function(xhr) {
					if (xhr.status === 422) {
						Swal.fire({
							text: xhr.responseJSON.message || "Dữ liệu không hợp lệ",
							icon: "warning",
						});
					}
				}
			});
		});
	</script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.2/color-thief.umd.js"></script>
	<script>
	    document.addEventListener("DOMContentLoaded", function () {
	        const carousel = document.getElementById('carouselProser');
	        const colorThief = new ColorThief();
	        function updateBackgroundFromImage(img) {
	            if (img.complete) {
	                const color = colorThief.getColor(img);
	                const rgb = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
	                img.closest('.image-wrapper').style.backgroundColor = rgb;
	            } else {
	                img.addEventListener('load', function () {
	                    const color = colorThief.getColor(img);
	                    const rgb = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
	                    img.closest('.image-wrapper').style.backgroundColor = rgb;
	                });
	            }
	        }
	        const firstImg = document.querySelector('.carousel-item.active img');
	        if (firstImg) updateBackgroundFromImage(firstImg);
	        $('#carouselProser').on('slide.bs.carousel', function (e) {
	            const next = e.relatedTarget;
	            const img = next.querySelector('img');
	            if (img) updateBackgroundFromImage(img);
	        });
	    });
	</script>
	<script type="text/javascript">
		$('.owl-carousel-images').owlCarousel({
			nav:false,
		    loop:false,
		    margin:5,
		    responsiveClass:true,
		    dots:false,
		    responsive:{
		        0:{
		            items:4,
		            nav:true
		        },
		        600:{
		            items:6,
		            nav:false
		        },
		        1000:{
		            items:6,
		            nav:true,
		            loop:false
		        }
		    }
		})
	</script>
	<script>
		const imageList = [];
		let currentIndex = 0;
		function showImage(index) {
			currentIndex = index;
			$('#modalImage').attr('src', imageList[index]);
			$('.thumbnail-img').removeClass('active');
			$(`.thumbnail-img[data-index=${index}]`).addClass('active');
			$('#imageCounter').text(`Ảnh ${index + 1} / ${imageList.length}`);
		}
		$('.gallery-img').click(function () {
			const index = parseInt($(this).attr('data-index'));
			if (!isNaN(index)) {
				showImage(index);
			}
			if ($('#thumbnailContainer').children().length === 0) {
				imageList.forEach((src, idx) => {
					$('#thumbnailContainer').append(`
			          <div class="col-auto px-1">
			            <img src="${src}" class="img-thumbnail thumbnail-img ${idx === index ? 'active' : ''}" style="height: 60px;width:80px;object-fit:cover;padding:.1rem" data-index="${idx}">
			          </div>
					`);
				});
			}
		});
		$(document).on('click', '.thumbnail-img', function () {
			const index = parseInt($(this).attr('data-index'));
			showImage(index);
		});
		$('#prevBtn').click(function (e) {
			e.preventDefault();
			currentIndex = (currentIndex - 1 + imageList.length) % imageList.length;
			showImage(currentIndex);
		});
		$('#nextBtn').click(function (e) {
			e.preventDefault();
			currentIndex = (currentIndex + 1) % imageList.length;
			showImage(currentIndex);
		});
		$('#imageModal').on('hidden.bs.modal', function () {
			$('#thumbnailContainer').html('');
		});
	</script>
	<script>
		document.addEventListener('DOMContentLoaded', function () {
			const carousel = document.getElementById('carouselProser');
			const totalImages = document.querySelectorAll('#carouselProser .carousel-item').length;
			const counter = document.getElementById('imageCounterHome');
			let currentIndex = 1;
			counter.innerText = `${currentIndex} / ${totalImages}`;
			$('#carouselProser').on('slide.bs.carousel', function (e) {
				currentIndex = e.to + 1;
				counter.innerText = `${currentIndex} / ${totalImages}`;
			});
		});
	</script>

	<script>
		document.getElementById('btn-share').addEventListener('click', async function() {
			const url = this.getAttribute('data-url');
			const title = this.getAttribute('data-title');
			if (navigator.share) {
				try {
					await navigator.share({
						title: title,
						url: url
					});
					console.log('Chia sẻ thành công');
				} catch (error) {
					console.log('Lỗi chia sẻ:', error);
				}
			} else {
				navigator.clipboard.writeText(url).then(() => {
					alert('Đã copy đường dẫn bài viết!');
				});
			}
		});
	</script>
	<script>
		document.getElementById('btn-bookmark').addEventListener('click', function() {
			let isAuth = false;
			if (!isAuth) {
		        Swal.fire({
		            title: 'Chưa đăng nhập!',
		            text: 'Bạn cần đăng nhập để có thể lưu bài viết này.',
		            icon: 'info',
		            showCancelButton: true,
		            confirmButtonColor: '#3085d6',
		            cancelButtonColor: '#6c757d',
		            confirmButtonText: 'Đăng nhập ngay',
		            cancelButtonText: 'Để sau'
		        }).then((result) => {
		            if (result.isConfirmed) {
		                window.location.href = '/dang-nhap';
		            }
		        });
		        return;
		    }
			const newsId = this.getAttribute('data-id');
			const icon = document.getElementById('bookmark-icon');
			const text = document.getElementById('bookmark-text');
			const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
			fetch(`/news/${newsId}/bookmark`, {
				method: 'POST',
				headers: {
					'Content-Type': 'application/json',
					'X-CSRF-TOKEN': csrfToken,
					'Accept': 'application/json'
				}
			})
			.then(response => response.json())
			.then(data => {
				if (data.success) {
					if (data.is_bookmarked) {
						icon.classList.remove('far');
						icon.classList.add('fas');
						text.innerText = 'Đã lưu';
					} else {
						icon.classList.remove('fas');
						icon.classList.add('far');
						text.innerText = 'Lưu bài viết';
					}
				}
			})
			.catch(error => {
				console.error('Lỗi:', error);
				alert('Có lỗi xảy ra, vui lòng thử lại sau.');
			});
		});
	</script>
    </body>
</html>