/*!
Theme Name: xuanclinic
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: xuanclinic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

xuanclinic is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
/* --- Cấu hình chung --- */
.s-img {
    max-height: 486px;
    object-fit: cover;
}
.pagination {
    display: flex;
    justify-content: center; 
    align-items: center;
    margin-top: 30px;
    margin-bottom: 40px;
    width: 100%;
}

.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; 
}

.pagination .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;     
    height: 40px;        
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    color: #555;         
    text-decoration: none;
    font-weight: 600;   
    font-size: 15px;
    transition: all 0.3s ease; 
    border-radius: 4px; 
    background-color: #fff;
}

.pagination .page-numbers.current {
    background-color: #333; 
    color: #fff;           
    border-color: #333;    
    cursor: default;
}

.pagination .page-numbers:not(.current):hover {
    background-color: #f9f9f9;
    border-color: #999;
    color: #000;
}

.pagination .page-numbers.dots {
    border: none;
    background: transparent;
    cursor: default;
    min-width: auto;
}
#page-header-999617471 .page-title-inner {
    min-height: 343px;
}
#page-header-999617471 .title-bg {
    background-image: url(./assets/images/BG.jpg);
}
.page-header-archive .page-title-inner, 
.page-header-about .page-title-inner {
    min-height: 380px;
}
.page-header-archive .title-bg,
.page-header-about .title-bg {
    background-image: url(./assets/images/BG.jpg);
}
.slider-tt .flickity-slider > * {
    max-width: 100% !important;
}
@media (min-width: 550px) {
    .slider-tt .flickity-slider > * {
        max-width: 25% !important;
    }
}
.pt-65 {
    padding-top: 65%;
}
.image-cover.pt-50, .pt-50 {
	padding-top: 50%;
}
.text-left {
	text-align: left;
}
.gap-responsive-padding {
    display: block;
    height: auto;
    padding-top: 65px;
}
.gap-responsive-padding-10 {
    display: block;
    height: auto;
    padding-top: 10px;
}
.gap-responsive-padding-20 {
    display: block;
    height: auto;
    padding-top: 20px;
}
.gap-responsive-padding-30 {
    display: block;
    height: auto;
    padding-top: 30px;
}
.gap-responsive-padding-40 {
    display: block;
    height: auto;
    padding-top: 40px;
}
.gap-responsive-padding-46 {
    display: block;
    height: auto;
    padding-top: 46px;
}
.gap-responsive-padding-75 {
    display: block;
    height: auto;
    padding-top: 75px;
}
@media (min-width: 550px) {
    .gap-responsive-padding {
        padding-top: 90px;
    }
}
.box-bac-si .box-image{
    width: 62%
}
.col-content > .col-inner {
    padding: 0px 40px 0px 0px;
}
.w-106 {
	width: 106px;
}
.lh-75 {
	line-height: 0.75;
}
.w-60 {
	width: 60px;
}
.w-100 {
	width: 100%;
}
.w-20 {
    width: 20px;
}
.pt-70 {
	padding-top: 70%;
}
.pt-75 {
    padding-top: 75%;
}
.py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.py-143 {
    padding-top: 143px;
    padding-bottom: 143px;
}
.py-143 .section-bg-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}
.py-0 {
	padding-top: 0px;
	padding-bottom: 0px;
}
.banner-kien-dinh {
    padding-top: 549px;
}
.text-box-115 {
    width: 50%;
}
.text-box-115 .text-box-content {
    font-size: 100%;
}
.py-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.br-99 {
	border-radius: 99px
}
/* Normalize
--------------------------------------------- */
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
:root {
    --primary-color: #ff6666;
    --fs-color-primary: #ff6666;
    --fs-color-secondary: #363636;
    --fs-color-success: #627d47;
    --fs-color-alert: #b20000;
    --fs-color-base: #0d0d0d;
    --fs-experimental-link-color: #1a1a1a;
    --fs-experimental-link-color-hover: #1a1a1a;
}
.tooltipster-base {
    --tooltip-color: #fff;
    --tooltip-bg-color: #000;
}
.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
    --drawer-width: 300px;
}
.off-canvas .mfp-content.off-canvas-cart {
    --drawer-width: 360px;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1290px;
}
.row.row-collapse {
    max-width: 1260px;
}
.row.row-small {
    max-width: 1282.5px;
}
.row.row-large {
    max-width: 1320px;
}
.header-main {
    height: 92px;
}
#logo img {
    max-height: 92px;
}
#logo {
    width: 210px;
}
#logo img {
    padding: 5px 0;
}
.header-bottom {
    min-height: 10px;
}
.header-top {
    min-height: 30px;
}
.transparent .header-main {
    height: 93px;
}
.transparent #logo img {
    max-height: 93px;
}
.has-transparent + .page-title:first-of-type,
.has-transparent + #main > .page-title,
.has-transparent + #main > div > .page-title,
.has-transparent + #main .page-header-wrapper:first-of-type .page-title {
    padding-top: 93px;
}
.header.show-on-scroll,
.stuck .header-main {
    height: 92px !important;
}
.stuck #logo img {
    max-height: 92px !important;
}
.search-form {
    width: 79%;
}
.header-bg-color {
    background-color: rgba(255, 255, 255, 0);
}
.header-bottom {
    background-color: #f1f1f1;
}
.header-main .nav > li > a {
    line-height: 16px;
}
.stuck .header-main .nav > li > a {
    line-height: 50px;
}
.header-bottom-nav > li > a {
    line-height: 16px;
}
@media (max-width: 549px) {
    .header-main {
        height: 70px;
    }
    #logo img {
        max-height: 70px;
    }
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    color: #1a1a1a;
}
body {
    font-size: 100%;
}
@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}
body {
    font-family: 'TT Hoves Pro', sans-serif;
}
body {
    font-weight: 400;
    font-style: normal;
}
.nav > li > a {
    font-family: 'TT Hoves Pro', sans-serif;
}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: 'TT Hoves Pro', sans-serif;
}
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 500;
    font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: 'TT Hoves Pro', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
    font-weight: 600;
    font-style: normal;
}
.alt-font {
    font-family: 'TT Hoves Pro', sans-serif;
}
.alt-font {
    font-weight: 300 !important;
    font-style: normal !important;
}
.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #3e3e3e;
}
@media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
        min-width: 300px !important;
        width: 300px !important;
    }
}
.nav-vertical-fly-out > li + li {
    border-top-width: 1px;
    border-top-style: solid;
}
.label-new.menu-item > a:after {
    content: "Mới";
}
.label-hot.menu-item > a:after {
    content: "Nổi bật";
}
.label-sale.menu-item > a:after {
    content: "Giảm giá";
}
.label-popular.menu-item > a:after {
    content: "Phổ biến";
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

#wide-nav .flex-left {
    flex: 0 0 270px;
}
.flvn-vertical-menu__label {
    background-color: #000;
    color: #fff;
}

.variations_form .ux-swatch.selected {
    box-shadow: 0 0 0 2px var(--fs-color-secondary);
}
.ux-swatches-in-loop .ux-swatch.selected {
    box-shadow: 0 0 0 2px var(--fs-color-secondary);
}



:root {
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color--rgb: 0, 124, 186;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
    --wp-admin-theme-color-darker-20: #005a87;
    --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
    --wp-admin-border-width-focus: 2px;
    --wp-block-synced-color: #7a00df;
    --wp-block-synced-color--rgb: 122, 0, 223;
    --wp-bound-block-color: var(--wp-block-synced-color);
}
@media (min-resolution: 192dpi) {
    :root {
        --wp-admin-border-width-focus: 1.5px;
    }
}
.wp-element-button {
    cursor: pointer;
}
:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
}
:root .has-very-light-gray-background-color {
    background-color: #eee;
}
:root .has-very-dark-gray-background-color {
    background-color: #313131;
}
:root .has-very-light-gray-color {
    color: #eee;
}
:root .has-very-dark-gray-color {
    color: #313131;
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg, #00d084, #0693e3);
}
:root .has-purple-crush-gradient-background {
    background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);
}
:root .has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg, #faaca8, #dad0ec);
}
:root .has-subdued-olive-gradient-background {
    background: linear-gradient(135deg, #fafae1, #67a671);
}
:root .has-atomic-cream-gradient-background {
    background: linear-gradient(135deg, #fdd79a, #004a59);
}
:root .has-nightshade-gradient-background {
    background: linear-gradient(135deg, #330968, #31cdcf);
}
:root .has-midnight-gradient-background {
    background: linear-gradient(135deg, #020381, #2874fc);
}
.has-regular-font-size {
    font-size: 1em;
}
.has-larger-font-size {
    font-size: 2.625em;
}
.has-normal-font-size {
    font-size: var(--wp--preset--font-size--normal);
}
.has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge);
}
.has-text-align-center {
    text-align: center;
}
.has-text-align-left {
    text-align: left;
}
.has-text-align-right {
    text-align: right;
}
#end-resizable-editor-section {
    display: none;
}
.aligncenter {
    clear: both;
}
.items-justified-left {
    justify-content: flex-start;
}
.items-justified-center {
    justify-content: center;
}
.items-justified-right {
    justify-content: flex-end;
}
.items-justified-space-between {
    justify-content: space-between;
}
.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #ddd;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
html :where(.has-border-color) {
    border-style: solid;
}
html :where([style*="border-top-color"]) {
    border-top-style: solid;
}
html :where([style*="border-right-color"]) {
    border-right-style: solid;
}
html :where([style*="border-bottom-color"]) {
    border-bottom-style: solid;
}
html :where([style*="border-left-color"]) {
    border-left-style: solid;
}
html :where([style*="border-width"]) {
    border-style: solid;
}
html :where([style*="border-top-width"]) {
    border-top-style: solid;
}
html :where([style*="border-right-width"]) {
    border-right-style: solid;
}
html :where([style*="border-bottom-width"]) {
    border-bottom-style: solid;
}
html :where([style*="border-left-width"]) {
    border-left-style: solid;
}
html :where(img[class*="wp-image-"]) {
    height: auto;
    max-width: 100%;
}
:where(figure) {
    margin: 0 0 1em;
}
html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
}
@media screen and (max-width: 600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px;
    }
}


@font-face {
    font-family: 'TT Hoves Pro';
    src: url('./assets/fonts/TTHovesPro-Bd.woff2') format('woff2'),
        url('./assets/fonts/TTHovesPro-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves Pro';
    src: url('./assets/fonts/TTHovesPro-Md.woff2') format('woff2'),
        url('./assets/fonts/TTHovesPro-Md.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves Pro';
    src: url('./assets/fonts/TTHovesPro-Rg.woff2') format('woff2'),
        url('./assets/fonts/TTHovesPro-Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves Pro';
    src: url('./assets/fonts/TTHovesPro-DmBd.woff2') format('woff2'),
        url('./assets/fonts/TTHovesPro-DmBd.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



/*@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Thin.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Black.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Italic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Light.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/



@font-face {
    font-family: "fl-icons";
    font-display: block;
    src: url(./assets/fonts/fl-icons.eot?v=3.20.1);
    src:
        url(./assets/fonts/fl-icons.eot#iefix?v=3.20.1)
            format("embedded-opentype"),
        url(./assets/fonts/fl-icons.woff2?v=3.20.1)
            format("woff2"),
        url(./assets/fonts/fl-icons.ttf?v=3.20.1)
            format("truetype"),
        url(./assets/fonts/fl-icons.woff?v=3.20.1)
            format("woff"),
        url(./assets/images/fl-icons.svg?v=3.20.1#fl-icons)
            format("svg");
}




.div-social .social-icons a{
      margin-right: 15px !important;
}
.custom-cursor {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FF6666;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease-out, opacity 0.3s;
}



.animated-heading {
    display: inline-block;
}

.animated-heading .char-wrap {
    position: relative;
    display: inline-block;
}

.animated-heading .char {
    position: relative;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
    transition: all 0.2s ease-out;
}

.animated-heading .char.animate {
    opacity: 1;
    visibility: inherit;
    transform: translateX(0px);
}

.animated-heading .space {
    display: inline-block;
    width: 0.3em;
}

/* Giữ nguyĂªn style cho cĂ¡c thẻ đặc biệt */
.animated-heading .char-wrap.special-style {
    /* Kế thừa style từ thẻ gốc */
}


.banner {
    background-color: transparent;}
.portfolio-box:hover .box-image{
    transform: scale(1.1);
}
.portfolio-box .box-image{
transition: transform 0.5s ease;
}
.row-menu h4{
    text-transform: uppercase;
    color: #9D9D9D;
    font-weight: normal;
    font-size: 16px;
}
.row-menu .col{
    padding-bottom: 0px;
}
#header .row-menu{
        background: white;
    margin-left: 0px !important;
    margin-right: 0px !important;
     border: unset;
    padding: 25px;
    padding-top: 100px;
    margin-top: -77px;
    z-index: 1;
    border-radius: 24px;
    width: 1286px !important;
    margin-left: -13px !important;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
}
.row-menu .ux-menu-link__link {
    font-weight: 600;
    border: unset !important;
}
.header-nav-main  .icon-angle-down{
    display: none;
}
.header-nav-main  .menu-item-design-container-width .nav-dropdown{
    border: unset;
  box-shadow: unset;
      z-index: -1;
}
.box-danh-muc h4 a {

    position: static;
}

.box-danh-muc h4 a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.box-danh-muc .img.has-hover {
    display: none;
}

.box-danh-muc .box-image > div {
    position: relative;
    overflow: hidden;
}

.box-danh-muc .box-image img {
    display: block;
    width: 100%;
    height: auto;
}

.box-danh-muc .box-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 8px 26px;
}
.box-danh-muc p:after{
    content: '';
    position: absolute;
    right: -25px;
    top: 122%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background-image: url(./assets/images/icon-next.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.box-danh-muc p {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s ease;
    margin-top: 10px;
    color: #fff;
    position: absolute;
    bottom: 86px;
    width: 77%;
    font-size: 19px;
}

.box-danh-muc:hover p {
    opacity: 1;
    transform: translateY(0);
}

.box-danh-muc h4 {
    margin-bottom: 0;
    font-size: 28px;
    color: #fff; 
}

.box-danh-muc {
    position: relative;
}
.div-mo-ta-dau-trang img{
    margin-bottom: 0px !important;
}
.box-lam-viec .box-text-inner{
    background-color: rgba(251, 251, 251, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 20px 30px;
    border: unset;
    width: max-content;
    margin-left: -22px;
    margin-bottom: -20px;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: 20px !important;

}
.blog-archive .post-item .box-text-bottom .box-text{
    padding-bottom: 0px;
}
.blog-archive .post-item .box-overlay .box-text{
    padding-bottom: 30px;
}
.div-anh-to .text-overlay-info {
    position: absolute;
    bottom: 20px;
    left: 22px;
    background: rgb(0 0 0 / 26%) !important;
    color: white;
    padding: 20px;
    z-index: 10;
    max-width: 300px;
    display: none;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(5px);
    padding: 20px 30px;
    border: unset;
    width: max-content;
    margin-left: -22px;
    margin-bottom: -20px;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.div-anh-to .text-overlay-info h4 {
    margin: 0 0 8px 0;
    color: white;
    font-size: 18px;
}

.div-anh-to .text-overlay-info p {
    margin: 0;
    color: #ddd;
    font-size: 14px;
}
.title-related{
    font-size: 40px ;
}
.div-anh-to .text-overlay-before {
    position: absolute;
    border: 1px solid #C6C6C7;
    top: 20px;
    left: 20px;
    background: rgb(78 74 74 / 40%);
    backdrop-filter: blur(5px);
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    z-index: 10;
    font-size: 16px;
    font-weight: 600;
    display: none;
}
.box-bac-si-home:hover h4 ,.box-bac-si-home:hover p{
    color: unset;
}
.box-bac-si-home h4{
    padding-bottom: 15px;
}
.box-bac-si-home:hover .box-text{
    background: #ffffff99;
}
.box-bac-si-home .box-text{
    bottom: 0px;
    background: #ffffff99;
    padding-top: 24px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    width: 40%;
    margin-right: 0px;
    margin-left: unset;
    right: 0px;
    border-radius: 16px;
    text-align: left;
}
.div-anh-to .text-overlay-after {
    border: 1px solid #C6C6C7;
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgb(78 74 74 / 40%);
    backdrop-filter: blur(5px);
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    z-index: 10;
    font-size: 16px;
    font-weight: 600;
    display: none;
}

.div-anh-nho .box.active-box {
    opacity: 0.7;
    transform: scale(0.95);
    transition: all 0.3s ease;
}

.div-anh-nho .box {
    cursor: pointer;
    transition: all 0.3s ease;
}
.div-anh-nho .box-text{
    display: none;
}
.div-anh-nho  .box-image{
    border-radius: 16px;
}
.div-anh-nho .box:hover .box-image{
    transform: scale(1.05);
}

.div-anh-to .col-inner {
    position: relative;
}
 .portfolio-top{
        margin-top: -230px;
 }
 .portfolio-summary{
    background: #FBFAFA;
    border-radius: 20px;
    padding-top: 40px;
 }
 .div-thong-tin .featured_item_cats a{
    background: rgba(234, 234, 234, 1);
    font-weight: 600;
    padding: 8px 16px;
    color: rgba(26, 26, 26, 1);
    border-radius: 99px;
    font-size: 12px;
 }
  .thong-tin-them .col{
    padding-bottom: 10px;
  }
  .div-gioi-thieu .col-inner{
        border-bottom: 1px solid #F2F2F2;
        margin-bottom: 20px;
  }
    .wpcf7-form-control-wrap {
        position: relative;
        display: block;
    }
    
    .custom-placeholder {
        position: absolute;
        left: 12px;
        top: 28px;
        transform: translateY(-50%);
        color: rgba(0, 0, 0, 0.5);
        font-size: 16px;
        font-weight: 400;
        pointer-events: none; 
        transition: opacity 0.2s ease, visibility 0.2s ease;
        z-index: 1;
        background: transparent;
        margin: 0;
        padding: 0;
        white-space: nowrap; 
    }
    
    .custom-placeholder .required-star {
            color: rgba(255, 102, 102, 1);
    font-weight: 400;
    }
    
    .wpcf7-form-control-wrap:has(textarea) .custom-placeholder {
        top: 15px;
        transform: none;
    }
    
    .wpcf7-form-control-wrap:has(select) .custom-placeholder {
        pointer-events: none;
    }
    
    @media (max-width: 768px) {
        .custom-placeholder {
            font-size: 13px;
            left: 10px;
        }
    }
.widget_related_products_same_category_widget{
    background: #F5F5F5;
    border-radius: 24px;
        padding: 20px;
}
.widget_related_products_same_category_widget h3{
    font-size: 16px;
    font-weight: 600;
}
.widget_related_products_same_category_widget ul li{
    position: relative;
    border-top: unset !important;
}
.widget_related_products_same_category_widget ul li:after{
       content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; /* Điều chỉnh kĂ­ch thÆ°á»›c icon */
    height: 20px;
    background-image: url('images/arrow-chevron-right.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.widget_related_products_same_category_widget h4{
 
    font-weight: 500;
       font-size: 16px;
   margin-bottom: 0px !important;
}
.widget_related_products_same_category_widget .product-info{
    padding-top: 0px;
}

.widget_related_products_same_category_widget ul li{
       background: rgba(255, 255, 255, 0.5);
       padding: 16px;
       border-radius: 16px;
       margin-bottom: 16px;
}
.widget_related_products_same_category_widget li:hover h4 a,.widget_related_products_same_category_widget li.active h4 a{
 
    color: var(--primary-color);
    font-weight: 600;
}
.product-tabs{
    display: none;
}
.woocommerce-tabs .tab-panels{
    padding-top: 0px;
}
.row-cac-buoc {
    counter-reset: step-counter;
    position: relative;
}

.row-cac-buoc > .col {
    position: relative;
   padding-left: 110px;
    padding-bottom: 57px}
.row-cac-buoc > .col:last-child{
    padding-bottom: 0px !important;
}
.row-cac-buoc > .col:not(:last-child)::before {
      content: '';
    position: absolute;
    left: 54px;
    top: 45px;
    width: 8px;
    height: calc(100% - 63px);
    background: #FDF1F1;
    z-index: 1;
}
.row-cac-buoc > .col .col-inner p{
    font-size: 23px;
    color: rgba(0, 0, 0, 0.5);
}.row-cac-buoc > .col .col-inner p strong{
     color: #000000;
     font-weight: 600;
}
.row-cac-buoc > .col .col-inner::before {
       counter-increment: step-counter;
    content: "0" counter(step-counter) ".";
    position: absolute;
    left: -86px;
    top: -20px;
    width: 66px;
    height: 66px;
    background: white;
    color: #DD4646;
    border-radius: 50%;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
      font-weight: 500 !important;
    font-size: 23px;
    padding: 4px;
    z-index: 2;
    box-sizing: border-box;
    border: 1px solid #F1F1F1;
}
.row-hieu-qua{
padding: 40px !important;
    border-radius: 24px;
    background: url(./assets/images/bg-hieu-qua.png);
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.row-hieu-qua .col{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.row-hieu-qua .col:nth-child(odd) .col-inner{
        box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
    padding: 32px;
    background: white;
    border-radius: 20px;
    max-width: 590px;
}
.row-hieu-qua .col:nth-child(even) .col-inner{
        box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
    padding: 32px;
    background: white;
    border-radius: 20px;
    max-width: 552px;
        margin-right: 0px;
    margin-left: auto;
}
.div-cong-nghe .col-inner{
    border-radius: 16px;
    border: 1px solid #E6E6E6;
    padding: 24px 24px 9px 24px;

}
.div-cong-nghe h4{
    font-weight: 600;
    font-size: 16px;
}
.div-cong-nghe .icon-box-left{
    padding-left: 10px;
}
.div-cong-nghe .icon-box {
    align-items: center;
    margin-bottom: 15px;
}
.div-cong-nghe .icon-box img{
    max-width: 16px;
}
.div-cong-nghe .icon-box h4{
    font-weight: 500 !important;
}
.div-thoi-gian .col{
    padding-bottom: 15px;
}
.div-thoi-gian .icon-box{
    align-items: center;
}
.div-thoi-gian .icon-box h4{
    font-size: 16px;
}
.header-wrapper.stuck{
        box-shadow: unset;
    background: transparent;
}
.box-bac-si{
    background: #FBFAFA;
    border-radius: 20px;
}
.box-bac-si:hover .box-text{

    background: #f6edeac2;
}
.box-bac-si:hover .box-text h4,.box-bac-si:hover .box-text p{
        color: #0d0d0d;
}
.box-bac-si .box-text{
    bottom: 0px;
    background: #f6edea70;
    padding-top: 24px;
        backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.portfolio-box:hover .box-text{
    background: #f6edea70;
}
.portfolio-box:hover .portfolio-box-category{
    color: rgba(0, 0, 0, 0.5);}
.portfolio-box .portfolio-box-category{
    color: rgba(0, 0, 0, 0.5);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
}
.portfolio-box .box-image{

        padding: 80px 40px;
}
.portfolio-box{
    background: #FBFAFA;
    border-radius: 20px;
}
.portfolio-box .box-text h6{
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: capitalize;
}
.portfolio-box .box-text{
    bottom: 0px;
    background: #f6edea70;
    padding-top: 24px;
        backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.box-bac-si .box-image img{
    padding: 20px;
}
.banner-kien-dinh img,.banner-kien-dinh {
    border-radius: 20px !important;

}
.section-gia-tri .icon-box{
    padding-top: 30px;
        align-items: end;
        border-top: 1px solid #E6E6E6;
}
.section-hanh-trinh .icon-box-left img{
    padding-top: 0px;
    width: 18px;
}
.section-hanh-trinh .icon-box  strong{
    font-weight: 600 !important;
}
.section-hanh-trinh .icon-box{
    margin-bottom: 30px;
}
.section-thau-hieu ul li{
       counter-increment: item;
       font-size: 23px;
    position: relative;
    padding-left: 40px;
    margin-left: 0px;
    margin-bottom: 30px;
}
.section-thau-hieu ul li:before{
     content: "0" counter(item) ".";
    color: #DD4646;
      font-weight: 500;
    font-style: italic;
    position: absolute;
    left: 0;
}
.section-thau-hieu ul{
       list-style: none;
    counter-reset: item;
    padding-left: 0;
}
.title-banner{
        font-size: 33px !important;
    font-weight: 600 !important;
    line-height: 45px !important;
}
.post-item .box-image a:after{
        content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.post-item:hover .box-image a:after{
    height: 250%;
    transition: all 600ms 
linear;
    background-color: transparent;
}
.section-doi-tac-chien-luoc .post-item .box{
    padding: 20px;
    border-radius: 20px;
    background: white;
}
.section-doi-tac-chien-luoc .post-item .box .box-image{
    border-radius: 20px;
}
.section-doi-tac-chien-luoc .post-item .box h5{
    color: #242424;
    font-weight: normal;
}
.section-doi-tac-chien-luoc .post-item .box:hover h5 a{
        color: #242424;
    font-weight: normal;
}
.div-box-ung-dung .col-inner{

        background: white;
    padding: 32px 24px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.div-box-ung-dung .icon-box{
    align-items: center;
        margin-bottom: 20px;
}
.icon-box h4{
    font-weight: 600 !important;
}
.div-box-ung-dung .icon-box img{
    padding-top: 0px;
}
.div-box-ung-dung .icon-box p{
    margin-bottom: 0px;
}
.category-page-row .product-small .box-image{
      background: white;
    padding: 10px;
    border-radius: 99px;  
}
.woocommerce-breadcrumb a{
        text-transform: initial;
    color: #7C7C7C;
}
.woocommerce-breadcrumb{
    text-transform: capitalize;
    color: #7C7C7C;
    font-weight: normal;
}
.woocommerce-breadcrumb a{
        text-transform: capitalize;
}

 .section-page-title h1{
         text-transform: capitalize;
    font-size: 49px;
 }
 .section-page-title .page-title-inner{
        max-width: 788px;
 }
.blog-archive{
    padding-top: 0px;
}
.blog-archive .section-page-title{
    margin-bottom: 30px;
}
.blog-single,.blog-single .post{
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
}
.row-form .wpcf7-submit{
    text-transform: capitalize !important;
        padding: 7px;
}
.section-tin-lien-quan .post-item .box-image{border-radius: 20px;}
.section-tin-lien-quan .post-item{

    padding-bottom: 5px;
}
.section-tin-lien-quan .row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.wpcf7-submit {
        background: linear-gradient(to bottom, #3a3a3a 0%, #1A1A1A 50%, #000000 100%);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    border: none !important;
    transition: all 0.2s 
ease;
    font-weight: normal !important;
    border-radius: 99px !important;
    text-transform: initial !important;
    box-shadow: unset;
    display: block;
    width: 100%;
}
.box-lam-viec .box-image{
border-radius: 20px;
}
.wpcf7-spinner{
    display: none;
}
.row-form .wpcf7-text{
        height: 56px;
    border-radius: 12px;
    box-shadow: unset;
        margin-bottom: 5px;
}
.row-form .col{
    padding-bottom: 10px;
}
.row-form .wpcf7-textarea{
        border-radius: 12px;
    box-shadow: unset;
          margin-bottom: 5px;
}
.featured-title{
    background-color: unset !important;
}
.single-product .nav-dark ul li a,.archive .nav-dark ul li a,.single-post .nav-dark ul li a{
        color: unset !important;
}
.header-nav-main.nav-left > li.menu-item > a{
    font-size: 16px;
    color: #3E3E3E;
    text-transform: capitalize;
}
#masthead .header-inner{
        background: #F5F5F5;
    border-radius: 58px;
    padding: 0px 32px !important;
}
#masthead{
    padding-top: 15px;
}
.section-tri-seo .icon-box{
    background: #F5F5F5;
     padding: 32px;
    border-radius: 20px;
}
.section-filler .icon-box{
        padding: 20px;
    border-radius: 20px;
    background: #F5F5F5;
    align-items: center;
}
.section-tri-seo .product-small.box .box-image{
        max-width: 52px;
        height: 52px;
        background: white;
    margin-left: 0px;
        padding: 10px;
    border-radius: 99px;
}
.section-tri-seo  .product-small.box .box-text{
    padding-bottom: 0px;
}
.section-tri-seo .product-small.box .product-title a{
        text-transform: initial;
    font-size: 19px;
    font-weight: 600;
}
.section-tri-seo  .product-small.box{
    background: #F5F5F5;
    padding: 32px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.section-filler  .product-small.box{
    display: flex;
}
.section-filler .product-small.box .box-text{
    padding-bottom: 0px;
}
.section-filler  .product-small.box .box-image{
  max-width: 52px;
        height: 52px;
        background: white;
    margin-left: 0px;
        padding: 10px;
    border-radius: 99px;
}
.section-filler  .product-small.box .product-title a{
        text-transform: initial;
    font-size: 19px;
    font-weight: 600;
}
.section-filler  .product-small.box{
    background: #F5F5F5;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.section-dieu-tri  .product-small.box .box-image{
        max-width: 52px;
        height: 52px;
        background: #F5F5F5;
    margin-left: 0px;
        padding: 10px;
    border-radius: 99px;

}
.category-page-row .product-small.box  .box-text{
    padding-bottom: 0px;
}
.category-page-row .product-small.box .box-image{
  max-width: 52px;
        height: 52px;
    margin-left: 0px;
}
.category-page-row .product-small.box{
    background: #F5F5F5;
    border-radius: 20px;
        padding: 32px;
} 
.category-page-row .product-small.box .product-title a{
        text-transform: initial;
    font-size: 19px;
    font-weight: 600;
}

.section-dieu-tri  .product-small.box .product-title a{
        text-transform: initial;
    font-size: 19px;
    font-weight: 600;
}
.section-dieu-tri  .product-small.box .box-text{
    padding-bottom: 0px;
}
.section-dieu-tri  .product-small.box{
    background: white;
    padding: 32px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.section-dieu-tri .icon-box{
        background: white;
    padding: 32px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.section-page-title .title-overlay{
    background-color: unset;
}
.featured-title{
    text-shadow: unset;
}
.absolute-footer{
    display: none;
}
.section-tin-tuc .post-item .box-image{
    border-radius: 20px;
}
.section-banner h1{
    font-size: 61px;
        margin-bottom: 10px
}
.section-banner{
    padding-top: 80px !important;
}
.section-banner img {
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%
    );
}
.section-dich-vu .box-image .overlay{
    border-radius: 25px;
}
.section-dich-vu .box .box-text{
        top: 15px;
    font-weight: 400;

}
.button.secondary{
        background: linear-gradient(to bottom, #3a3a3a 0%, #1A1A1A 50%, #000000 100%);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    border: none;
    transition: all 0.2s 
ease;
    font-weight: normal;
}
.is-divider{
    display: none ;
}
.header-button a span{
    font-size: 16px;
    text-transform: capitalize;
}
.header-button a{
    padding: 5px 20px;
}
.div-anh-nho .row{
    margin-left: 0px !important;
    margin-right: 0px !important;
    opacity: 1 !important;
}
#footer .social-icons a{
    margin-bottom: 0px;
    background: white !important;
    border: unset !important;
    color: #242424 !important;
        line-height: 32px;

}
#footer .social-icons a:hover i{
        color: #242424 !important;
}
.section-giai-phap .icon-box{
        width: max-content;
    border: 1px solid #F2F2F2;
    padding: 10px 20px;
    border-radius: 99px;
    margin-bottom: 15px;
    align-items: center;
}
.section-giai-phap .icon-box img{
    padding-top: 0px;
}
.blog-archive .post-item .box-image{
    border-radius: 20px;
}
.post-goc-trom-via .post-item .post-title{
    font-weight: normal;
}
.post-goc-trom-via  .post-title a {
    position: relative;
    padding-right: 57px; /* Tạo khoảng trống cho icon */
    display: inline-block;
}

.post-goc-trom-via  .post-title a::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 48px; /* Điều chỉnh kĂ­ch thÆ°á»›c icon */
    height: 48px;
    background-image: url(./assets/images/icon-next.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#footer .widget_nav_menu{
        margin-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}
#footer .widget_nav_menu li{
    border-top: unset;
}
#footer .widget_nav_menu li a{
    text-transform: capitalize;
}
.title-normal{
    font-size: 40px;
}
.title-footer{
    text-transform: capitalize;
    font-size: 16px;
}
.title-footer-big{
    font-size: 28px;
}
.title-home{
    font-size: 40px;
}
.single-page h3,.single-page h2{
       font-size: 40px;
}
.single-page p{
    color: rgba(0, 0, 0, 0.5);
}
.single-page .icon-box p{
    color: rgba(17, 17, 17, 1) !important;
}
.single-page{
    padding-top: 0px;
    padding-bottom: 0px !important;
}
.single-page h3 span,.single-page h2 span{
        background: linear-gradient(to bottom, #FF6666,#FFBCBC );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.div-sologan  > .col-inner{
        background-image: url('./assets/images/BG-1.jpg');
    padding: 48px;
    border-radius: 16px;
}
.div-sologan  h3{
    font-size: 33px !important;
    line-height: 40px;
}
.div-sologan p{
    margin-bottom: 0px;
}
.div-tinh-trang > .col-inner{
        background: #F5F5F5;
    padding: 32px 20px;
    border-radius: 24px;
}
.div-tinh-trang > .col-inner .icon-box:last-child{
    border-bottom:unset;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
.div-tinh-trang .icon-box {
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 24px;
    padding-bottom: 24px;
         color: rgba(0, 0, 0, 0.5);
}
.div-tinh-trang ul li{
     color: rgba(0, 0, 0, 0.5);
     margin-bottom: 5px;
}
.div-tinh-trang .icon-box p{
    margin-bottom: 0px;
    color: rgba(0, 0, 0, 0.5);
}
.div-tinh-trang .icon-box h4{
    color: rgba(26, 26, 26, 1);
        font-size: 16px;
}
.box-icon-small img{
    max-width: 18px;
    padding-top: 0px;
}
footer.entry-meta{
    display: none;
}
.title-home span{
        background: linear-gradient(to bottom, #FF6666,#FFBCBC );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.section-dong-hanh .img img{
    border-radius: 20px;
}
.portfolio-single-page h2,.portfolio-single-page h3{
        font-size: 40px;
}
.portfolio-single-page h2 span,.portfolio-single-page h3 span{
        background: linear-gradient(to bottom, #FF6666,#FFBCBC );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
.div-trich-dan p{
    margin-bottom: 0px;
}
.div-trich-dan h3{
      font-size: 40px !important;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.75);
    line-height: 48px;;
}
.div-trich-dan > .col-inner{
        border-radius: 16px;
    padding: 48px 32px;
    background: #F5F5F5;
}
.section-lieu-trinh .box-category{
       background: #F5F5F5;
    padding: 28px;
    border-radius: 20px;
}
.section-lieu-trinh .box-category .box-text{
    padding-bottom: 0px;
}
.section-lieu-trinh .box-category .box-text h5{
    text-transform: initial;
        font-size: 17px;
        font-weight: 600;
}
.section-lieu-trinh .box-category .box-image{
        max-width: 60px;
    margin-left: 0px;
}
.div-box .icon-box {
        background: #F5F5F5;
    padding: 32px;
    border-radius: 20px;
}
span.amount{
    color: red;
}
.div-no-padding{
    padding-bottom: 0px;
}
#billing_address_1_field{
    width: 100%;
}
.div-mong-muon h3,.div-mong-muon h4{
    font-size: 16px !important;
    font-weight: 600;
}
.div-mong-muon .icon-box{
        align-items: center;
}
.div-mong-muon > .col-inner{
    background: #F5F5F5;
    padding: 32px;
    border-radius: 16px;
}
.div-text-number{
    background: #F5F5F5;
    padding: 24px;
    border-radius: 16px;
    margin-bottom: 20px;
}
.div-text-number p{
    margin-bottom: 0px;
}
.div-text-number .p-dem{
    color: rgba(13, 13, 13, 1);
    font-weight: 600;
    font-size: 33px;
}

.single-date{
        border-bottom: 1px dashed #ededed;
}

/*Kết thĂºc mĂ u sắc*/



footer.entry-meta {

    border-top: none !important;
    border-bottom: 1px dashed #ececec !important;
    
}


.duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	    font-size: 18px;
    float: left;
    margin: -8px 20px 0 0;
}

@media(min-width: 1023px){
    .div-social .col-inner{
        position: absolute;
    bottom: 90px;
    }
    .box-category-dich-vu .product-category {
                

            padding-top: 65px !important;
    }
    .box-category-dich-vu .product-category .box{
                    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    }
    .box-category-dich-vu .product-category:hover .box{
            margin-top: -50px;
                

    }
   .section-lieu-trinh .flickity-prev-next-button.previous{
        left: unset;
 transform: unset !important;
    right: 100px;
    }
       .section-lieu-trinh .flickity-prev-next-button.next{
         transform: unset !important;
       }
              .section-lieu-trinh .flickity-prev-next-button.next{
                          background-image: url(images/next.png);
        width: 56px;
        height: 56px;

              }
                               .section-lieu-trinh .flickity-prev-next-button svg{
                                display: none;
                               }
                 .section-lieu-trinh .flickity-prev-next-button.previous{
                          background-image: url(images/previous.png);
        width: 56px;
        height: 56px;

              }
    .section-lieu-trinh .flickity-button{
        opacity: 1 !important;
                   top: 55px;
        bottom: unset
    }
    .section-lieu-trinh .flickity-page-dots{
        display: none;
    }
    .section-hanh-trinh .div-box .icon-box{
min-height: 328px;
    }
    .div-box-ung-dung {
        padding-bottom: 68px !important;
    }
.div-box-3 .col-inner{
    margin-left: auto !important;
    margin-right: 0px !important;
}
.div-box-4 .col-inner{
    margin-left: auto !important;
    margin-right: 0px !important;
}
.div-box-5 .col-inner{
    margin-left: auto !important;
    margin-right:auto !important;
}
.div-box-6 .col-inner{
    margin-left: auto !important;
    margin-right:auto !important;
}

    .div-dich-vu-3{
    flex-basis: 44%;
    max-width: 44%;}
    .div-dich-vu-1,.div-dich-vu-2{
        flex-basis: 28%;
    max-width: 28%;
    }
}
@media(max-width: 855px){
    .div-social .col-inner{
        text-align: left;
    }
    .div-sologan h3 {
    font-size: 28px !important;}
    .custom-cursor{
        display: none;
    }
    .div-button-xem-them{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .section-tin-lien-quan .col{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
    }
    .div-button-xem-them a.button{
        width: 100%;
    }
    .box-bac-si-home .box-text h4{
        padding-bottom: 0px;
    }
    .box-bac-si-home .box-text{
            width: 100%;
            border: 1px solid #EAEAE9;
    text-align: center;
    }
    .banner-kien-dinh  .title-banner{
        font-size: 33px !important;
    }
    .banner-kien-dinh .text-box{
        width: 60% !important;
    }
.mobile-nav .nav-icon a{
        color: #242424 !important;
}
    .thong-tin-them .col {
    padding-bottom: 10px;
    font-size: 13px;
}
    .portfolio-top {
    margin-top: -310px;
}
    .portfolio-single-page h2, .portfolio-single-page h3{
        font-size: 33px;
        line-height: 40px;
    }
    .box-danh-muc p:after{
        top: 106% !important;
    }
    .box-danh-muc:hover p{
        transform: unset;
    }
    .category-page-row .product-small.box{
        min-height: 224px;
    }
.box-danh-muc .box-image img{
    border-radius: 16px;
       width: 100% !important;
        height: 346px !important;
        object-fit: cover !important; /* Cắt đầu Ä‘uĂ´i, giữ tá»· lệ */
        object-position: center !important; /* Căn giữa ảnh */
}
.box-danh-muc p{
    opacity: 1 !important;
}

    .div-text-number .p-dem{
        font-size: 28px;
    }
    .title-related{
        font-size: 33px;
    }
    .div-trich-dan h3{
        font-size: 33px !important;
    }
    .div-mong-muon p{
        font-size: 13px; 
    }
    .div-mong-muon .icon-box-img img{
        border-radius: 20px;
    }
    .div-mong-muon .icon-box-img{
   margin-top: 15px;
        margin-left: 0px;
        width: 100% !important;
        border-radius: 20px !important;
        max-width: 100%;;
    }
    .div-mong-muon .icon-box-text{
        padding-right: 0px;
    }
    .blog-single .section-page-title{
        height: 432px;
    }
    .single-page h3, .single-page h2{
           font-size: 33px;
        line-height: 40px;
    }
    .box-lam-viec .box-text-inner{
            padding: 8px 30px;

    width: 85%;
    }
    .row-form .wpcf7-text{
        font-size: 13px;
    }
    .row-cac-buoc > .col {
        padding-bottom: 30px;
    }
    .row-cac-buoc > .col .col-inner::before{
        top: 2px;
    }
    .row-cac-buoc > .col:not(:last-child)::before{
       height: calc(100% - 23px); 
    }
      .row-cac-buoc > .col .col-inner p strong{
        display: block;
      }
    .row-cac-buoc > .col .col-inner p {
    font-size: 19px;}
    .row-hieu-qua .col{
        padding-bottom: 20px;
    }
     .row-hieu-qua .icon-box-left{
        display: block;
     }
    .row-hieu-qua {
    padding: 20px !important;
    border-radius: 16px;}
    .div-thoi-gian p {
    font-size: 13px;
}
    .div-thoi-gian .icon-box h4 {
    font-size: 13px;
}
   .section-dong-hanh .section-bg img{
        display: none;
    }
    .section-dong-hanh .section-bg{
        background-image: url('images/nendonghanh.jpg');
background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }
    .section-dieu-tri .section-bg img{
        display: none;
    }
    .section-dieu-tri .section-bg{
        background-image: url('images/nen-dieu-tri.jpg');
background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }
    .section-dieu-tri .product-small.box{
        min-height: 195px;
    }
    .section-filler .product-small.box .box-text {
    padding-left: 15px;
}
    .section-dieu-tri .section-bg  img{
            object-fit: unset !important;
    }
    .section-giai-phap .icon-box{
        width: auto !important;
    }
    #header.show-on-scroll, #header .stuck .header-main {
    height: 61px !important;
}
 #header .stuck #logo img {
    max-height: 45px !important;
}
   .row-box-dich-vu .flickity-page-dots .dot,.div-dich-vu .div-anh-nho .dot,.section-lieu-trinh .flickity-page-dots .dot{
            border-color: #FFE0E0 !important;
    background: #FFE0E0 !important;
    opacity: 1 !important;
    height: 6px;
        width: 6px;
        margin: 2px;
    
    }
     .section-lieu-trinh .flickity-button{
        display: none;
     }
    .section-lieu-trinh .flickity-page-dots{
           bottom: -4px;
    }
    .div-anh-nho  .flickity-page-dots{
            bottom: -3px;
        }
    .row-box-dich-vu .dot.is-selected, .div-anh-nho .dot.is-selected,.section-lieu-trinh .flickity-page-dots .dot.is-selected{
            background: #FF6666 !important;
    
    border-color: #FF6666 !important;
    width: 24px;
    height: 6px;
    border-radius: 99px;
     }
    .div-anh-nho .slider .col{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .section-bac-si a.button,.section-tin-tuc a.button{
        width: 100%;
    }
    .section-doi-ngu{
        padding-bottom: 0px !important;
    }
    .section-filler{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .section-dieu-tri .product-small.box .product-title a{
        font-size: 16px;
    }
    .section-tri-seo .product-small.box .product-title a {

    font-size: 16px;}
    .title-normal{
           font-size: 33px;
        text-align: center;
        line-height: 40px;
    }
    .section-lieu-trinh .box-category .box-text h5{
        font-size: 16px;
    }
    .title-home br{
        display: none;
    }
    .title-home br.show-for-small{
        display: block !important;
    }
.page-template-page-transparent-header .section-page-title .page-title-inner,.category .section-page-title .page-title-inner,.section-header-small .section-page-title .page-title-inner,.single-product .section-page-title .page-title-inner {
            min-height: 339px !important;
    }
    .section-page-title .page-title-inner {
            min-height: 432px !important;
    }
    .title-home.title-insight span ,.title-home.title-bac-si span {
        display: block;
    }

    .title-home {
    font-size: 33px;
            line-height: 40px;
}
.portfolio-box .box-text h6{
    font-size: 16px;
}
.portfolio-box .portfolio-box-category{
    font-size: 13px;
}
.section-banner h1 {
    font-size: 40px;
}
.section-banner .banner .text-box{
        width: 85% !important;
}
.section-page-title h1 {
    font-size: 33px;
}
.section-hanh-trinh .button{
    width: 100%;
}
.section-hanh-trinh .icon-box {
    margin-bottom: 15px;
}
.section-gia-tri .title-home{
    font-size: 28px !important;
}

.section-thau-hieu .col{
    padding-bottom: 0px;
}
.section-thau-hieu ul li {
    font-size: 19px;
    padding-left: 36px;
    margin-bottom: 20px;
}
}


@media only screen and (max-width: 48em) {


}


            .page-loader {
                opacity: 0;
                transition: opacity 0.3s;
                transition-delay: 0.3s;
                background-color: #fff;
            }
            .loading-site .page-loader {
                opacity: 0.98;
            }
            .page-loader-logo {
                max-width: 74px;
                animation: pageLoadZoom 1.3s ease-out;
                -webkit-animation: pageLoadZoom 1.3s ease-out;
            }
            .page-loader-spin {
                animation: pageLoadZoomSpin 1.3s ease-out;
            }
            .page-loader-spin .loading-spin {
                width: 40px;
                height: 40px;
            }
            @keyframes pageLoadZoom {
                0% {
                    opacity: 0;
                    transform: translateY(30px);
                }
                100% {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
            @keyframes pageLoadZoomSpin {
                0% {
                    opacity: 0;
                    transform: translateY(60px);
                }
                100% {
                    opacity: 1;
                    transform: translateY(0);
                }
            }



.ft-chatbox-skin1 {
    position: fixed;
    z-index: 10150;
    right: 30px;
    bottom: 80px;
    width: 45px;
}
.ft-cco svg {
    background: #f67c98 !important;
}
.ft-chatbox-skin1 i, .ft-chatbox-skin1 svg, .ft-chatbox-skin1 a:hover span {
    border-radius: 50px;
}
.ft-chatbox-skin1 svg {
    opacity: 1;
}
svg:not(:root) {
    overflow: hidden;
}
.ft-chatbox-skin1 svg {
    width: 45px;
    margin: auto;
    border-radius: 100%;
}
.ft-chatbox-skin1 i, .ft-chatbox-skin3 i {
    display: block;
    line-height: 0;
    animation: logoskin1 0.8s infinite;
    transform: translate3d(0, 0, 0) scale(.9);
}
.ft-chatbox-skin1:hover {
    text-decoration: none;
}
.ft-chatbox-skin1 a {
    display: block;
    position: relative;
}
.ft-chatbox-skin1 a:not(:last-child) {
    margin-bottom: 15px;
}
.ft-chatbox-skin1 a span {
    display: none;
}
.ft-chatbox-skin1 a:hover span {
    padding: 0 16px;
    display: block;
    z-index: 100;
    left: 35px;
    margin: 7px 0 70px 20px;
    height: 33px;
    position: absolute;
    font-size: 14px;
    border-radius: 30px;
    color: #fff;
    top: 0;
    opacity: 0.9;
    background: #11111194;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ft-chatbox-skin1 svg {
    width: 45px;
    margin: auto;
    border-radius: 100%;
}
.ft-chatbox-skin1 i:hover,
.ft-chatbox-skin3 i:hover {
    animation: logo3 1000ms infinite;
}
.ft-chatbox-skin1 i,
.ft-chatbox-skin3 i {
    display: block;
    line-height: 0;
    animation: logoskin1 0.8s infinite;
    transform: translate3d(0, 0, 0) scale(0.9);
}
.ft-chatbox-skin1 .ft-cpho i{
    box-shadow: 0 0 0 0 #f67c98;
}
.ft-chatbox-skin1 .ft-cmes i{
    box-shadow: 0 0 0 0 #f67c98;
}
.ft-chatbox-skin1 .ft-ctel i{
    box-shadow: 0 0 0 0 #f67c98;
}
.ft-chatbox-skin1 .ft-czal i{
    box-shadow: 0 0 0 0 #f67c98;
}
@keyframes logoskin1 {
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        box-shadow: 0 0 0 10px #fff0;
    }
}
@keyframes logo3 {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}


.tax-danh-muc-dich-vu .product-small.box {
    position: relative;
}

.tax-danh-muc-dich-vu .product-small .title-wrapper {
    position: absolute;
    top: -40px;
    left: 60px; 
    max-width: calc(100% - 60px);
}

.tax-danh-muc-dich-vu .product-small .price-wrapper {
    margin-top: 20px; 
}