.pdb-0 .section-content .row,
.pdb-0 .section-content .row .col{
	padding-bottom: 0 !important;
}
:root {
	--color-main: #f54a00;
}
#comments {
	display: none !important;
}
.entry-title {
	color: #111;
}
a.call-now-btn {
	position: relative;
	isolation: isolate;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-sizing: border-box;
	min-height: 56px;
	padding: 10px 20px !important;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(100deg, #ff6900, #ff4800);
	color: #fff !important;
	text-decoration: none !important;
	vertical-align: middle;
	white-space: nowrap;
	animation: call-now-glow 2s infinite;
	transition: filter 0.2s;
}

.call-now-btn::before {
	content: "";
	position: absolute;
	inset: -14px;
	z-index: -1;
	border-radius: 25px;
	background: rgba(249, 115, 22, 0.07);
	pointer-events: none;
}

.call-now-btn .call-now-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.22);
}

.call-now-btn .call-now-icon svg {
	display: block;
	width: 17px;
	height: 17px;
	animation: call-now-shake 1.2s infinite;
}

.call-now-btn .call-now-text {
	display: flex;
	flex-direction: column;
	gap: 3px;
	text-align: left;
}

.call-now-btn .call-now-label {
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
}

.call-now-btn .call-now-number {
	font-size: 17px;
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: 0;
}

.call-now-btn:hover {
	filter: brightness(1.06);
}

.call-now-btn:focus-visible {
	outline: 3px solid #7c2d12;
	outline-offset: 5px;
}

@keyframes call-now-shake {
	0%, 100% { transform: rotate(0); }
	10%, 30%, 50%, 70%, 90% { transform: rotate(-10deg); }
	20%, 40%, 60%, 80% { transform: rotate(10deg); }
}

@keyframes call-now-glow {
	0%, 100% { box-shadow: 0 0 0 0 #f97316b3; }
	50% { box-shadow: 0 0 0 15px #f9731600; }
}

@media (prefers-reduced-motion: reduce) {
	a.call-now-btn,
	.call-now-btn .call-now-icon svg {
		animation: none;
	}
}
/* Menu chính và menu con */
#header .header-nav .menu-item > a,
#main-menu .nav-sidebar .menu-item > a {
    transition:
        color 0.3s ease,
        background-color 0.3s ease;
}

/* Hover và điều hướng bằng bàn phím */
#header .header-nav .menu-item > a:hover,
#header .header-nav .menu-item > a:focus-visible,
#header .header-nav .menu-item:focus-within > a,
#main-menu .nav-sidebar .menu-item > a:hover,
#main-menu .nav-sidebar .menu-item > a:focus-visible {
    color: #f05100;
}

/* Trang hiện tại và danh mục cha */
#header .header-nav .current-menu-item > a,
#header .header-nav .current-menu-ancestor > a,
#main-menu .nav-sidebar .current-menu-item > a,
#main-menu .nav-sidebar .current-menu-ancestor > a {
    color: #f05100;
}

/* Giữ màu mục cha khi rê chuột vào submenu */
@media (hover: hover) {
    #header .header-nav .menu-item:hover > a {
        color: #f05100;
    }
}

/* Tôn trọng tùy chọn giảm chuyển động */
@media (prefers-reduced-motion: reduce) {
    #header .header-nav .menu-item > a,
    #main-menu .nav-sidebar .menu-item > a {
        transition: none;
    }
}
#header .header-nav {
    gap: 15px;
	justify-content: center;
}

#header .header-nav > li.menu-item {
    margin: 0;
}

#header .header-nav > li.menu-item > a {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #000;
    padding: 12px 10px;
    min-height: 44px;
    background: transparent;
    transition: color 0.3s ease;
}

#header .header-nav > li.menu-item > a > .icon-angle-down {
    font-size: 14px;
    color: inherit;
    opacity: 0.7;
    margin-left: 6px;
}

#header .header-nav > li.menu-item:hover > a,
#header .header-nav > li.menu-item:focus-within > a,
#header .header-nav > li.current-menu-ancestor > a {
    color: #f05100;
}

/* Bỏ vạch trang trí mặc định của các kiểu menu Flatsome */
#header .header-nav > li.menu-item > a::before {
    display: none;
}

/* Menu xổ xuống */
#header .header-nav .nav-dropdown {
    background: #fff;
    border: 1px solid #e7e5e4;
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 12px 30px rgba(43, 25, 17, 0.12);
}

#header .header-nav .nav-dropdown li.menu-item > a {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
    color: #44403c;
    margin: 0;
    padding: 10px 14px;
    border: 0;
    border-radius: 6px;
    transition: color 0.3s ease, background-color 0.3s ease;
}

#header .header-nav .nav-dropdown li.menu-item > a:hover,
#header .header-nav .nav-dropdown li.menu-item > a:focus-visible,
#header .header-nav .nav-dropdown li.current-menu-item > a {
    color: #f05100;
    background: #fff7ed;
}

/* Menu mobile */
#main-menu .nav-sidebar li.menu-item > a {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
    color: #44403c;
    padding-top: 13px;
    padding-bottom: 13px;
    transition: color 0.3s ease, background-color 0.3s ease;
}

#main-menu .nav-sidebar li.menu-item > a:hover,
#main-menu .nav-sidebar li.menu-item > a:focus-visible,
#main-menu .nav-sidebar li.current-menu-item > a,
#main-menu .nav-sidebar li.current-menu-ancestor > a {
    color: #f05100;
    background: #fff7ed;
}

@media (prefers-reduced-motion: reduce) {
    #header .header-nav li.menu-item > a,
    #main-menu .nav-sidebar li.menu-item > a {
        transition: none;
    }
}
.shadow-xs {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
}
.section-why .col-inner {
	height: 100%;
}
.shadow-sm {
    box-shadow:
        0 1px 3px 0 rgb(0 0 0 / 10%),
        0 1px 2px -1px rgb(0 0 0 / 10%);
}

.shadow {
    box-shadow:
        0 1px 3px 0 rgb(0 0 0 / 10%),
        0 1px 2px -1px rgb(0 0 0 / 10%);
}

.shadow-md {
    box-shadow:
        0 4px 6px -1px rgb(0 0 0 / 10%),
        0 2px 4px -2px rgb(0 0 0 / 10%);
}

.shadow-lg {
    box-shadow:
        0 10px 15px -3px rgb(0 0 0 / 10%),
        0 4px 6px -4px rgb(0 0 0 / 10%);
}

.shadow-xl {
    box-shadow:
        0 20px 25px -5px rgb(0 0 0 / 10%),
        0 8px 10px -6px rgb(0 0 0 / 10%);
}

.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
}

.shadow-none {
    box-shadow: none;
}
.hover-shadow {
    transition: box-shadow 0.3s ease;
}

@media (hover: hover) {
    .hover-shadow:hover {
        box-shadow:
            0 20px 25px -5px rgb(0 0 0 / 10%),
            0 8px 10px -6px rgb(0 0 0 / 10%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hover-shadow {
        transition: none;
    }
}
.item-tieuchi {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 6px 8px;
	border-radius: 4px;
	border: 1px solid #e7e5e5;
	background:#f5f5f4;
	
}
.item-tieuchi .icon {
	width: 24px;
	height: 24px;
}
.item-tieuchi .icon svg{
	color: var(--color-main);
}
.item-tieuchi br {
	display: none;
}
.item-tieuchi .text{
	color: #000;
	font-size: 16px;
	font-weight: 600;
}
.pp-service-heading {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 36px 16px;
    box-sizing: border-box;
    text-align: center;
}

.pp-service-heading .pp-service-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 12px;
    padding: 4px 12px;
    border: 1px solid #fed7aa;
    border-radius: 6px;
    background: #fff7ed;
    color: #f04b00;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.pp-service-heading .pp-service-badge > span {
    flex-shrink: 0;
    font-size: 19px;
    line-height: 1;
}

.pp-service-heading h2 {
    margin: 0;
    color: #2b1911;
    font-size: clamp(25px, 3.6vw, 36px);
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    text-wrap: balance;
}

.pp-service-heading .pp-service-line {
    width: 64px;
    height: 4px;
    margin: 12px auto 16px;
    border-radius: 999px;
    background: #ff6500;
}

.pp-service-heading p {
    max-width: 760px;
    margin: 0 auto;
    color: #57534e;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    text-wrap: pretty;
}

@media (max-width: 549px) {
    .pp-service-heading {
        padding: 24px 12px;
    }

    .pp-service-heading .pp-service-badge {
        font-size: 10px;
        padding: 5px 10px;
    }

    .pp-service-heading h2 {
        letter-spacing: -0.3px;
    }

    .pp-service-heading p {
        font-size: 15px;
        line-height: 1.65;
    }
}
.gallery-custom {
    --gallery-accent: var(--color-main, #f54a00);
    --gallery-space: 10px;
}
.gallery-custom > .gallery-col,
.gallery-custom .flickity-slider > .gallery-col {
    padding: var(--gallery-space) !important;
}
.gallery-custom .gallery-col > .col-inner {
    border-radius: 14px;
}
.gallery-custom .gallery-col .box {
    overflow: hidden;
    border: 1px solid #e7e5e4;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(43, 25, 17, 0.06);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.gallery-custom .gallery-col .box-image {
    overflow: hidden;
    background: #f5f3f1;
}
.gallery-custom .gallery-col .box-image a {
    display: block;
}
.gallery-custom .gallery-col .box-image img {
    width: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}
.gallery-custom .gallery-col .box-text {
    padding: 12px 16px;
    color: #2b1911;
    font-size: 14px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}
.gallery-custom .gallery-col .box-text:empty,
.gallery-custom .gallery-col .box-text:not(:has(.text, p, h1, h2, h3, h4, h5, h6)) {
    display: none;
}
.gallery-custom .gallery-col .box-overlay .box-text,
.gallery-custom .gallery-col .box-shade .box-text {
    color: #fff;
}
.gallery-custom .gallery-col a:focus-visible {
    outline: 3px solid var(--gallery-accent);
    outline-offset: -4px;
}
.gallery-custom .gallery-col .box:focus-within {
    border-color: var(--gallery-accent);
}
@media (hover: hover) and (pointer: fine) {
    .gallery-custom .gallery-col .box:hover {
        border-color: var(--gallery-accent);
        box-shadow: 0 8px 22px rgba(43, 25, 17, 0.12);
    }
    .gallery-custom .gallery-col .box:hover .box-image img {
        transform: scale(1.045);
    }
}
@media (max-width: 849px) {
    .gallery-custom {
        --gallery-space: 8px;
    }
    .gallery-custom:not(.slider):not(.row-masonry) > .gallery-col {
        flex-basis: 50%;
        max-width: 50%;
    }
}
@media (max-width: 549px) {
    .gallery-custom {
        --gallery-space: 6px;
    }
    .gallery-custom .gallery-col > .col-inner,
    .gallery-custom .gallery-col .box {
        border-radius: 10px;
    }
    .gallery-custom .gallery-col .box-text {
        padding: 10px;
        font-size: 12px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .gallery-custom .gallery-col .box,
    .gallery-custom .gallery-col .box-image img {
        transition: none;
    }
    .gallery-custom .gallery-col .box:hover .box-image img {
        transform: none;
    }
}

/* Responsive refinement: tablet and mobile (2026-09-22).
 * pp-two-cols can also be assigned to a custom UX Builder Row.
 * Match only the immediate card column, never its outer section column.
 */
@media (max-width: 1024px) {
    #main .section,
    #footer .section {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .pdb-0 .section-content .row,
    .pdb-0 .section-content .row .col {
        padding-bottom: 15px !important;
    }
    #main .pp-service-heading { padding: 15px 0; }
    #main h1 { font-size: clamp(24px, 3.5vw, 32px); line-height: 1.3; }
    #main h2,
    #main .pp-service-heading h2,
    #main .section-title-main {
        font-size: clamp(20px, 2.7vw, 26px) !important;
        line-height: 1.35;
        letter-spacing: 0;
        overflow-wrap: break-word;
        text-wrap: balance;
    }
    #main .pp-service-heading p { font-size: 15px; line-height: 1.6; }
    #main .col-inner { min-width: 0; }
    #main .pp-two-cols,
    #main .pp-workflow-row,
    #main .row:has(> .col > .col-inner .pp-criteria-card),
    #main .row:has(> .col > .col-inner .item-tieuchi) {
        align-items: stretch;
    }
    #main .pp-two-cols > .col,
    #main .pp-workflow-row > .pp-workflow-col,
    #main .row > .col:has(> .col-inner > .pp-criteria-card),
    #main .row > .col:has(> .col-inner > :is(.text, .ux-html) > .pp-criteria-card),
    #main .row > .col:has(> .col-inner > .item-tieuchi),
    #main .row > .col:has(> .col-inner > :is(.text, .ux-html) > .item-tieuchi) {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        min-width: 0;
        padding: 0 8px 15px !important;
    }
    #main .pp-criteria-card {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 18px;
        height: 100%;
        border-radius: 12px;
        overflow-wrap: break-word;
    }
    #main .pp-criteria-label { margin-top: 12px; }
    #main .pp-criteria-card h3 { font-size: 18px; line-height: 1.4; }
    #main .pp-criteria-card p { font-size: 13px; line-height: 1.55; }
    #main .pp-commitment-box { margin-top: 15px; padding: 15px; gap: 12px; }
    #main .item-tieuchi { height: 100%; box-sizing: border-box; gap: 8px; padding: 10px; }
    #main .item-tieuchi .icon { flex: 0 0 24px; }
    #main .item-tieuchi .text { min-width: 0; font-size: 14px; line-height: 1.45; }
    #main .pp-workflow .pp-workflow-row::before { display: none; }
    #main .pp-workflow .pp-workflow-card { padding: 18px; border-radius: 12px; }
    #main .pp-workflow .pp-workflow-card h3 { font-size: 17px; }
    #main .pp-quick-call-section .pp-quick-call { margin-top: 15px; padding: 15px; flex-wrap: wrap; }
}

@media (max-width: 849px) {
    /* Use the existing mobile header elements; retain telephone links and icons. */
    #header .header-main .header-inner {
        min-height: 70px;
        height: auto;
        padding: 8px 12px;
        gap: 8px;
        flex-wrap: nowrap;
    }
    #header #logo {
        width: clamp(90px, 26vw, 170px) !important;
        max-width: 30%;
        flex: 0 1 auto;
        margin: 0 !important;
        min-width: 0;
    }
    #header #logo img { width: auto; max-width: 100%; max-height: 50px; object-fit: contain; }
    #header .header-main .flex-col { min-width: 0; }
    #header .header-main .header-nav { flex-wrap: nowrap; gap: 6px; }
    #header .header-main .header-nav > li { margin: 0; }
    #header .header-main .header-nav > li.html { padding: 0; }
    #header .header-main .header-nav > li.html p { margin: 0; }
    #header a.call-now-btn {
        flex-direction: row !important;
        flex-wrap: nowrap;
        min-height: 44px;
        max-width: 100%;
        margin: 0;
        padding: 8px 10px !important;
        gap: 6px;
        border-radius: 10px;
        animation: none;
        box-shadow: 0 3px 10px #f54a0026;
        font-style: normal;
    }
    #header .call-now-btn::before { display: none; }
    #header .call-now-btn br { display: none; }
    #header .call-now-btn .call-now-icon { flex: 0 0 24px; width: 24px; height: 24px; }
    #header .call-now-btn .call-now-icon svg { width: 15px; height: 15px; }
    #header .call-now-btn .call-now-text { gap: 3px; min-width: 0; }
    #header .call-now-btn .call-now-label { font-size: 9px; line-height: 1.2; }
    #header .call-now-btn .call-now-number { font-size: 14px; line-height: 1.2; white-space: nowrap; }
    #header .nav-icon > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        min-height: 44px;
        padding: 0;
        border-radius: 10px;
        background: #fff7ed;
        color: #c2410c;
    }
    .off-canvas-left .mfp-content:has(#main-menu),
    .off-canvas-right .mfp-content:has(#main-menu) {
        width: min(340px, calc(100vw - 52px)) !important;
        background: #fff;
        box-shadow: 8px 0 32px #2b191126;
    }
    #main-menu { padding: 18px 12px 24px; padding-top: max(18px, env(safe-area-inset-top)); }
    #main-menu .sidebar-menu { padding: 0; }
    #main-menu .nav-sidebar > li { border: 0; margin: 0 0 6px; }
    #main-menu .nav-sidebar li.menu-item > a {
        min-height: 48px;
        padding: 13px 14px;
        border-radius: 10px;
        color: #443128;
        background: #fff8f1;
        font-size: 14px;
        font-weight: 650;
        line-height: 1.5;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    #main-menu .nav-sidebar li.menu-item > a:hover { background: #ffead9; color: #bf3900; }
    #main-menu .nav-sidebar .toggle { width: 44px; min-width: 44px; height: 48px; margin: 0; color: #c2410c; }
    #main-menu .nav-sidebar .children { margin: 6px 0 8px 12px; padding: 0 0 0 8px; border-left: 2px solid #fed7aa; }
    #main-menu .nav-sidebar .children a { background: #fff; font-size: 13px; }
    #main-menu .header-search-form { padding: 0 0 14px; }
    #main-menu .searchform .flex-row { min-width: 0; }
    #main-menu input[type="search"] {
        height: 44px; margin: 0; border: 1px solid #f1d8c6;
        border-radius: 10px 0 0 10px; box-shadow: none; background: #fff; font-size: 16px;
    }
    #main-menu .searchform button { height: 44px; min-width: 44px; margin: 0; border: 0; border-radius: 0 10px 10px 0; background: #f54a00; }
    #main-menu .social-icons { display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 0; }
    #main-menu .social-icons a { display: inline-flex; justify-content: center; align-items: center; min-width: 40px; min-height: 40px; margin: 0; border-radius: 50%; background: #fff3e8; color: #c2410c; }
    #main-menu a:focus-visible,
    #main-menu button:focus-visible { outline: 2px solid #c2410c; outline-offset: 2px; }
    .off-canvas .mfp-close { width: 44px; height: 44px; top: max(8px, env(safe-area-inset-top)); opacity: 1; }
}

@media (max-width: 549px) {
    #main h2,
    #main .pp-service-heading h2,
    #main .section-title-main { font-size: 20px !important;font-weight: 700 !important; }
    #main .pp-criteria-card,
    #main .pp-workflow .pp-workflow-card { padding: 12px; }
    #main .pp-criteria-icon { width: 40px; height: 40px; border-radius: 10px; }
    #main .pp-criteria-icon svg { width: 23px; height: 23px; }
    #main .pp-criteria-label { font-size: 10px; }
    #main .pp-criteria-card h3,
    #main .pp-workflow .pp-workflow-card h3 { font-size: 15px; line-height: 1.4; }
    #main .pp-criteria-card p,
    #main .pp-workflow .pp-workflow-description { font-size: 12px; line-height: 1.6; }
    #main .pp-workflow .pp-workflow-step { min-height: 40px; margin-bottom: 12px; }
    #main .pp-workflow .pp-workflow-step::before { width: 40px; height: 40px; border-radius: 10px; }
    #main .pp-workflow .pp-workflow-step::after { width: 20px; height: 20px; left: 10px; top: 10px; }
    #main .pp-workflow .pp-workflow-step b { font-size: 25px; }
    #main .pp-workflow .pp-workflow-action { font-size: 10px; }
    #main .item-tieuchi { flex-direction: column; text-align: center; }
    #main .item-tieuchi .text { font-size: 12px; }
    #main .pp-criteria-card:hover { transform: none; }
	.section-tieuchi .col-inner {
		height: 100%;
	}
}
@media (max-width: 374px) {
    #header .header-main .header-inner { padding-left: 8px; padding-right: 8px; gap: 5px; }
    #header a.call-now-btn { padding: 7px !important; gap: 4px; }
    #header .call-now-btn .call-now-number { font-size: 13px; }
    #header .call-now-btn .call-now-label { font-size: 8px; }
    #header .nav-icon > a { width: 36px; }
}

/* Final visual alignment refinements */
.pp-service-list,
.pp-service-list > .col,
.pp-service-list .pp-service-item,
.pp-service-list .pp-service-item > .col-inner,
.pp-service-list .pp-service-card,
#main .pp-two-cols,
#main .pp-two-cols > .col,
#main .pp-two-cols > .col > .col-inner,
#main .row:has(> .col > .col-inner > .pp-criteria-card),
#main .row:has(> .col > .col-inner > .pp-criteria-card) > .col,
#main .row:has(> .col > .col-inner > .pp-criteria-card) > .col > .col-inner,
#main .row:has(> .col > .col-inner > .pp-criteria-card) .pp-criteria-card {
    align-items: stretch;
}
.pp-service-list .pp-service-card,
#main .pp-two-cols .pp-criteria-card,
#main .row:has(> .col > .col-inner > .pp-criteria-card) .pp-criteria-card {
    height: 100%;
}
.pp-service-list .pp-service-body { min-height: 0; }

@media (max-width: 549px) {
    #main .pp-service-card .pp-service-title,
    #main .pp-criteria-card h3,
    #main .pp-workflow .pp-workflow-card h3,
    #main .item-tieuchi .text {
		font-weight: 600 !important;
    }
    .pp-footer > .section-content {
        padding: 15px 12px 0 !important;
    }
    .pp-footer .pp-footer-main > .col {
        padding-bottom: 15px !important;
    }
    .pp-footer .pp-footer-logo { margin-bottom: 12px; }
    .pp-footer p { margin-bottom: 8px; }
    .pp-footer .pp-footer-branches { margin-top: 15px; padding-top: 12px; }
}
.logo-mobile {
	padding: 0 !important;
}