html {
scroll-behavior: smooth !important;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
.nav,
.button,
input,
textarea,
select,
.xc-service-title,
.xc-section-title {
font-family: "Inter", sans-serif !important;
}
@media only screen and (max-width: 48em) { }
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Helvetica, Arial, sans-serif;
} .xc-footer {
background-color: #ffffff;
border-top: 1px solid hsl(0 0% 89% / 1);
padding-top: 3rem;
padding-bottom: 3rem;
font-family: 'Inter', sans-serif;
}
.xc-footer .section-content {
max-width: 1280px;
margin: 0 auto;
padding: 0 1rem;
} .xc-footer .section-content>.row:first-of-type {
margin-bottom: 3rem;
} .xc-footer .col-inner {
display: flex;
flex-direction: column;
gap: 1rem;
} .xc-footer .col-inner ul li,
.xc-footer .col-inner ol li {
margin-left: 0;
list-style-type: none;
} .xc-footer .col:has(.social-icons) p:first-child { color: #666;
font-size: 0.875rem;
line-height: 1.6;
margin-bottom: 0;
} .xc-footer .social-icons {
display: flex;
gap: 0.5rem;
}
.xc-footer .social-icons .button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
border-radius: 0.375rem; color: hsl(340 5% 35% / 1);
background-color: transparent;
border: 1px solid transparent;
margin: 0;
padding: 0;
}
.xc-footer .social-icons .button:hover {
background-color: #f3f4f6;
color: #111;
border-color: #e5e7eb;
}
.xc-footer .social-icons .button i {
font-size: 1.25rem;
} .xc-btn-xem-tat-ca {
background-color: transparent !important;
color: #111 !important;
border: 1px solid #e5e7eb !important;
border-radius: 0.375rem !important; padding: 0 1rem !important;
font-size: 0.875rem !important; font-weight: 500 !important;
text-transform: none !important;
letter-spacing: normal !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
transition: all 0.2s;
min-height: 2.25rem !important; margin-bottom: 0 !important;
display: inline-flex !important;
align-items: center;
gap: 0.5rem;
line-height: normal !important;
}
.xc-btn-xem-tat-ca:hover {
background-color: #f3f4f6 !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .xc-btn-xem-tat-ca span::after {
content: "→";
display: inline-block;
margin-left: 0.5rem;
transition: transform 0.2s;
line-height: 1;
}
.xc-btn-xem-tat-ca:hover span::after {
transform: translateX(4px);
} .xc-form-lien-he {
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 0.75rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); padding: 1.5rem; color: #111;
}
.xc-form-lien-he h3.xc-form-title {
font-family: serif;
font-size: 1.25rem; font-weight: 600;
letter-spacing: -0.025em; margin-top: 0;
margin-bottom: 1.5rem;
} .xc-form-lien-he p {
margin-bottom: 1.5rem; } .xc-form-lbl {
display: block;
font-size: 0.875rem; font-weight: 500;
line-height: 1;
margin-bottom: 0.5rem; color: #111;
} .xc-form-input,
.xc-form-textarea {
display: flex;
width: 100%;
border-radius: 0.375rem !important; border: 1px solid #e5e7eb; background-color: #ffffff;
padding: 0.5rem 0.75rem;
font-size: 0.875rem; line-height: normal;
color: #111;
box-shadow: none;
min-height: 2.25rem; }
.xc-form-textarea {
min-height: 120px;
resize: vertical;
}
.xc-form-input:focus,
.xc-form-textarea:focus {
outline: 2px solid var(--primary-color, #d4a017);
outline-offset: 2px;
border-color: var(--primary-color, #d4a017);
}
.xc-form-input::placeholder,
.xc-form-textarea::placeholder {
color: #666; } .xc-form-grid-2 {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 768px) {
.xc-form-grid-2 {
grid-template-columns: repeat(2, 1fr);
}
} .xc-form-submit-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
border-radius: 0.375rem;
font-size: 0.875rem;
font-weight: 500;
padding: 0.5rem 1rem;
min-height: 2.25rem;
background-color: var(--primary-color, #d4a017);
color: #fff;
border: 1px solid transparent;
cursor: pointer;
transition: opacity 0.2s;
gap: 0.5rem;
}
.xc-form-submit-btn:hover {
opacity: 0.9;
} .xc-form-submit-wrapper {
position: relative;
display: block;
width: 100%;
} .xc-form-lien-he br,
.xc-form-lien-he p:empty {
display: none;
} .xc-page-header {
text-align: center;
margin-bottom: 3rem; }
.xc-page-header h1.xc-page-title {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 1.875rem; line-height: 2.25rem;
font-weight: 600;
margin-bottom: 1rem; margin-top: 0;
color: #111;
}
@media (min-width: 768px) {
.xc-page-header h1.xc-page-title {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 2.25rem; line-height: 2.5rem;
}
}
.xc-page-header p.xc-page-subtitle {
color: #666; max-width: 42rem; margin-left: auto;
margin-right: auto;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 0;
}   .xc-footer .col:not(:has(.social-icons)) p:first-child,
.xc-footer .col h5,
.xc-footer .col .widget-title {
font-size: 1rem;
font-weight: 600;
color: #111;
margin-bottom: 0.5rem;
margin-top: 0;
display: block;
} .xc-footer .ux-menu {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.xc-footer .ux-menu-link {
padding: 0;
}
.xc-footer .ux-menu-link__link {
padding: 0;
color: #666;
font-size: 0.875rem;
text-transform: none;
font-weight: 400;
}
.xc-footer .ux-menu-link__link:hover {
color: #111;
background: none;
opacity: 1;
}  .xc-footer .xc-contact-list {
list-style: none;
padding: 0;
margin: 0;
}
.xc-footer .xc-contact-list li {
display: flex;
align-items: flex-start;
margin-bottom: 0.75rem;
color: #666;
font-size: 0.875rem;
line-height: 1.5;
}
.xc-footer .xc-contact-list li i { color: hsl(340 5% 35% / 1);
font-size: 1rem;
margin-right: 0.75rem;
width: 1.25rem;
text-align: center;
flex-shrink: 0;
margin-top: 0.2rem;
}
.xc-footer .xc-contact-list li a {
color: inherit;
text-decoration: none;
}
.xc-footer .xc-contact-list li a:hover {
color: #111;
} .xc-footer .col:last-child p:nth-child(2) { color: #666;
font-size: 0.875rem;
margin-bottom: 1rem;
} .xc-footer input[type="email"] {
display: block;
width: 100%;
height: 2.25rem;
border-radius: 0.375rem;
border: 1px solid #e5e7eb;
padding: 0.5rem 0.75rem;
font-size: 0.875rem;
margin-bottom: 0.5rem;
box-shadow: none;
background: #fff;
}
.xc-footer button,
.xc-footer input[type="submit"] {
width: 100%;
height: 2.25rem;
border-radius: 0.375rem;
background-color: var(--primary-color, #d4a017);
color: #fff;
font-weight: 500;
font-size: 0.875rem;
border: none;
margin-top: 0.5rem;
cursor: pointer;
} .xc-footer-copyright {
border-top: 1px solid #e5e7eb;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
} .xc-footer-copyright>.col:first-child {
width: auto !important;
max-width: none !important;
flex: 1 !important;
}
.xc-footer-copyright>.col:first-child p {
color: #666;
font-size: 0.875rem;
margin: 0;
}  .xc-footer-copyright-menu {
flex-direction: row !important; gap: 1.5rem !important;
justify-content: flex-end;
}
.xc-footer-copyright>.col:last-child {
width: auto !important;
max-width: none !important;
}
.xc-footer-copyright .ux-menu-link__link {
padding: 0;
color: #666;
font-size: 0.875rem;
text-transform: none;
font-weight: 400;
}
.xc-footer-copyright .ux-menu-link__link:hover {
color: #111;
}
@media (max-width: 767px) {
.xc-footer-copyright {
flex-direction: column;
gap: 1rem;
text-align: center;
}
.xc-footer-copyright-menu {
justify-content: center;
flex-wrap: wrap;
gap: 1rem !important;
}
}
.xc-map-embed iframe {
display: block;
width: 100%;
height: 450px;
border: 0;
} .xc-thong-tin-lien-he {
background-color: #FAFAFA;
border: 1px solid #e5e7eb;
border-radius: 0.75rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); color: #111;
overflow: hidden;
}
.xc-thong-tin-lien-he .xc-card-header {
padding: 1.5rem;
padding-bottom: 0.5rem;
}
.xc-thong-tin-lien-he .xc-contact-title {
font-size: 1.25rem; font-weight: 600;
letter-spacing: -0.025em;
margin: 0;
}
.xc-thong-tin-lien-he .xc-card-content {
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 1.5rem; }
.xc-thong-tin-lien-he .xc-contact-item {
display: flex;
gap: 1rem; align-items: flex-start;
}
.xc-thong-tin-lien-he .xc-contact-icon-box {
width: 2.5rem; height: 2.5rem; border-radius: 9999px; background-color: rgba(212, 160, 23, 0.1); display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(--primary-color, #d4a017);
}
.xc-thong-tin-lien-he .xc-contact-icon-box i {
font-size: 1.1rem;
}
.xc-thong-tin-lien-he .xc-contact-icon-box svg {
width: 1.25rem;
height: 1.25rem;
stroke: currentColor;
}
.xc-thong-tin-lien-he .xc-contact-details {
display: flex;
flex-direction: column;
}
.xc-thong-tin-lien-he .xc-contact-label {
font-size: 0.875rem; font-weight: 700; color: #111;
margin: 0;
line-height: 1.5;
}
.xc-thong-tin-lien-he .xc-contact-value {
font-size: 0.875rem; color: #666; margin: 0;
line-height: 1.5;
}
.xc-thong-tin-lien-he .xc-contact-value a {
color: inherit;
text-decoration: none;
transition: color 0.2s;
}
.xc-thong-tin-lien-he .xc-contact-value a:hover {
color: var(--primary-color, #d4a017);
} .absolute-footer {
display: none !important;
}
.xc-map-embed {
margin-top: 20px;
border: 2px solid #e5e7eb; border-radius: 10px;
overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
max-width: 100%;
}
.xc-map-embed iframe {
display: block;
width: 100%;
height: 450px;
border: 0;
} .xc-gioi-thieu-hero { background: linear-gradient(135deg, rgba(212, 160, 23, 0.1) 0%, rgba(212, 160, 23, 0.05) 50%, #ffffff 100%);
padding-top: 4rem; padding-bottom: 4rem;
margin-bottom: 3rem;
}
@media (min-width: 768px) {
.xc-gioi-thieu-hero {
padding-top: 6rem; padding-bottom: 6rem;
}
}
.xc-gioi-thieu-hero .xc-hero-container {
max-width: 80rem; margin-left: auto;
margin-right: auto;
padding-left: 1rem; padding-right: 1rem;
}
@media (min-width: 640px) {
.xc-gioi-thieu-hero .xc-hero-container {
padding-left: 1.5rem; padding-right: 1.5rem;
}
}
@media (min-width: 1024px) {
.xc-gioi-thieu-hero .xc-hero-container {
padding-left: 2rem; padding-right: 2rem;
}
}
.xc-gioi-thieu-hero .xc-hero-content {
max-width: 48rem; margin-left: auto;
margin-right: auto;
text-align: center;
}
.xc-gioi-thieu-hero .xc-hero-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 4rem; height: 4rem; border-radius: 9999px; background-color: rgba(212, 160, 23, 0.1); margin-bottom: 1.5rem; color: var(--primary-color, #d4a017);
}
.xc-gioi-thieu-hero .xc-hero-icon i {
font-size: 2rem; } .xc-gioi-thieu-hero .xc-hero-icon svg {
width: 2rem;
height: 2rem;
}
.xc-gioi-thieu-hero h1.xc-hero-title {
font-size: 1.875rem; line-height: 2.25rem;
font-weight: 600; margin-bottom: 1.5rem; margin-top: 0;
color: #111;
}
@media (min-width: 768px) {
.xc-gioi-thieu-hero h1.xc-hero-title {
font-size: 3rem; line-height: 1;
}
}
.xc-gioi-thieu-hero p.xc-hero-subtitle {
font-size: 1.125rem; color: #666; line-height: 1.625; margin-bottom: 0;
} .xc-gia-tri {
background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 0.75rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); height: 100%;
transition: all 0.3s ease;
overflow: hidden;
}
.xc-gia-tri .icon-box-text {
padding: 2rem 1.5rem; } .xc-gia-tri .xc-icon-container {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.5rem; height: 3.5rem; border-radius: 9999px; background-color: rgba(212, 160, 23, 0.1); margin-bottom: 1.5rem; color: var(--primary-color, #d4a017);
}
.xc-gia-tri .xc-icon-container svg {
width: 1.75rem; height: 1.75rem; stroke: currentColor;
stroke-width: 2;
fill: none;
} .xc-gia-tri h3 {
font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1.125rem; margin-bottom: 0.75rem; color: #111;
text-transform: none; letter-spacing: normal;
}
.xc-gia-tri p {
font-size: 0.875rem; color: #666; line-height: 1.625; margin-bottom: 0;
} .icon-box.xc-gia-tri {
text-align: center;
} #row-1203579886 .col-inner {
height: 100%;
} .xc-gia-tri .icon-box-text::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 1.75rem;  display: inline-flex;
align-items: center;
justify-content: center;
width: 3.5rem; height: 3.5rem; border-radius: 9999px; background-color: rgba(212, 160, 23, 0.1); margin-bottom: 1.5rem; color: var(--primary-color, #d4a017);
margin-left: auto;
margin-right: auto;
} .xc-gia-tri.tan-tam .icon-box-text::before {
content: "\f004";
} .xc-gia-tri.chat-luong .icon-box-text::before {
content: "\f3ed"; } .xc-gia-tri.tu-nhien .icon-box-text::before {
content: "\f06c";
} .xc-gia-tri .xc-icon-container {
display: none !important;
}  .xc-vision-mission-box {
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 0.75rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); padding: 2rem 1.5rem; height: 100%;
min-height: 200px;
}
.xc-vision-mission-box h3 {
font-family: 'Inter', sans-serif;
font-weight: 600; font-size: 1.25rem; margin-bottom: 1rem; color: var(--primary-color, #d4a017); margin-top: 0;
}
.xc-vision-mission-box p {
font-size: 1rem;
color: #666; line-height: 1.625; margin-bottom: 0;
}  .product-small .box {
border: 1px solid #e5e7eb;
border-radius: 0.75rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); overflow: hidden;
transition: all 0.2s ease;
background: #fff;
}
.product-small .box:hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transform: translateY(-2px);
} .product-small .box-image {
border-radius: 0.75rem 0.75rem 0 0;
overflow: hidden;
margin-bottom: 0;
} .product-small .box-text {
padding: 1rem; } .product-small .box-text .product-title {
font-family: 'Inter', sans-serif;
font-weight: 500; font-size: 1rem; margin-bottom: 0.25rem;
line-height: 1.4;
} .xc-custom-label {
position: absolute;
top: 10px;
left: 10px;
z-index: 20; background-color: var(--primary-color, #d4a017);
color: #fff;
font-size: 0.75rem; font-weight: 600;
padding: 2px 8px;
border-radius: 0.375rem; line-height: 1.5;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
display: block;
} .product-small .box-image a,
.product-small .box-image {
position: relative;
display: block;
} .xc-product-desc {
font-size: 0.875rem; color: #666; margin-bottom: 0.5rem;
display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.5;
} .xc-product-buttons {
display: flex;
gap: 0.5rem;
margin-top: 1rem;
} .xc-btn-detail {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
border: 1px solid #b16f57 !important;
color: #fff !important;
background-color: #b16f57 !important;
font-weight: 500 !important;
text-transform: none !important;
border-radius: 0.375rem !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); line-height: 1.5 !important; padding: 0 1rem !important; }
.xc-btn-detail:hover {
background: #f3f4f6 !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; color: #000 !important;
transform: translateY(-1px);
} .xc-btn-detail svg {
width: 1rem; height: 1rem;
flex-shrink: 0;
} .xc-btn-cart {
width: 2.25rem; height: 2.25rem; padding: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 0.375rem !important;
background-color: var(--primary-color, #d4a017) !important;
color: #fff !important;
border: 1px solid transparent !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.xc-btn-cart:hover {
opacity: 0.9;
transform: translateY(-1px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}
.xc-btn-cart i {
display: none; }
.xc-btn-cart svg {
width: 1rem;
height: 1rem;
} .xc-placeholder-img {
width: 100%;
aspect-ratio: 1 / 1;
background-color: #f3f4f6; display: flex;
align-items: center;
justify-content: center;
border-radius: 0.75rem 0.75rem 0 0; }
.xc-placeholder-img svg {
color: rgba(107, 114, 128, 0.3); width: 4rem; height: 4rem; } .add-to-cart-button {
display: none !important;
} .xc-product-buttons .add-to-cart-button {
display: flex !important;
} .xc-btn-book {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-radius: 0.375rem !important; background-color: var(--primary-color, #d4a017) !important;
color: #fff !important;
font-weight: 500 !important;
text-transform: none !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); line-height: 1.5 !important;
padding: 0 1rem !important;
}
.xc-btn-book:hover {
opacity: 0.9;
transform: translateY(-1px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
} .xc-placeholder-service { background: linear-gradient(135deg, rgba(212, 160, 23, 0.1) 0%, rgba(212, 160, 23, 0.05) 100%);
}
.xc-placeholder-service svg {
color: rgba(212, 160, 23, 0.3); }  .xc-service-meta-row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
font-size: 0.875rem; margin-bottom: 0.5rem;
}
.xc-service-info-group {
display: flex;
align-items: center;
gap: 1rem; width: 100%;
}
.xc-meta-time {
display: flex;
align-items: center;
gap: 0.25rem; color: #666; }
.xc-meta-time svg {
width: 1rem; height: 1rem;
}
.xc-meta-price {
font-weight: 600; color: var(--primary-color, #d4a017); margin-left: auto; } .xc-label-service {
background-color: #fff !important; color: var(--primary-color, #d4a017) !important; border: 1px solid var(--primary-color, #d4a017); } .xc-booking-form {
border: 1px solid #e5e7eb; background-color: #fff; color: #020817; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); border-radius: 0.75rem; max-width: 500px;
margin: 0 auto;
overflow: visible;
}
.xc-form-header {
display: flex;
flex-direction: column;
padding: 1.5rem; text-align: center;
gap: 0.375rem; }
.xc-header-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem; height: 3rem; border-radius: 9999px; background-color: rgba(212, 160, 23, 0.1); margin: 0 auto 1rem auto; color: var(--primary-color, #d4a017);
font-size: 1.5rem; }
.xc-header-icon svg,
.xc-header-icon i {
width: 1.5rem; height: 1.5rem; font-size: 1.5rem; line-height: 1;
}
.xc-header-title { font-size: 1.5rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.2;
margin: 0;
}
.xc-header-subtitle {
font-size: 0.875rem; color: #64748b; margin-top: 0.5rem;
}  #xc-shop-filters {
margin-bottom: 2rem; }
#xc-shop-filters .xc-shop-header {
width: 100%;
}
#xc-shop-filters .xc-header-title-row {
width: 100%;
} #xc-shop-filters .xc-filter-row {
display: flex;
flex-direction: column; gap: 10px;
width: 100%;
} @media (min-width: 768px) {
#xc-shop-filters .xc-filter-row {
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
} #xc-shop-filters .xc-filter-item {
position: relative;
margin: 0 !important;
padding: 0 !important;
width: 100%; }
@media (min-width: 768px) {
#xc-shop-filters .xc-filter-item {
width: auto; }
#xc-shop-filters .xc-search-item {
flex-grow: 1;
}
#xc-shop-filters .xc-select-item {
flex-shrink: 0;
}
} #xc-shop-filters form {
margin-bottom: 0 !important;
width: 100%;
} #xc-shop-filters .xc-input-wrapper {
position: relative;
width: 100%;
display: flex;
align-items: center;
} #xc-shop-filters .xc-input-field {
width: 100%;
height: 40px !important;
min-height: 40px !important;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
padding: 0 10px;
font-size: 14px;
line-height: normal;
box-shadow: none;
margin: 0 !important;
box-sizing: border-box;
}
#xc-shop-filters .xc-input-field:focus {
border-color: #333;
outline: none;
} #xc-shop-filters input[type="search"].xc-input-field {
padding-left: 35px !important;
}
#xc-shop-filters select.xc-select-field {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-left: 30px !important;
padding-right: 30px !important;
background-image: none !important;
min-width: 150px;
} #xc-shop-filters .xc-input-icon {
position: absolute;
width: 16px;
height: 16px;
color: #999;
pointer-events: none;
top: 50%;
transform: translateY(-50%);
z-index: 10;
}
#xc-shop-filters .xc-input-icon.lucide-search {
left: 10px;
}
#xc-shop-filters .xc-input-icon.icon-left {
left: 10px;
}
#xc-shop-filters .xc-input-icon.icon-right {
right: 10px;
opacity: 0.5;
}
.xc-form-body {
padding: 1.5rem; padding-top: 0;
}
.xc-form-body form { display: flex;
flex-direction: column;
gap: 1.5rem;
}
.xc-form-group { display: flex;
flex-direction: column;
gap: 0.5rem;
text-align: left;
}
.xc-form-group label {
font-size: 0.875rem; font-weight: 500; line-height: 1;
cursor: default;
margin-bottom: 0;
}
.xc-input {
display: flex;
height: 2.25rem; width: 100%;
border-radius: 0.375rem; border: 1px solid #e2e8f0; background-color: #ffffff; padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.25rem;
color: #020817;
transition: all 0.2s;
}
.xc-input:focus {
outline: none;
border-color: var(--primary-color, #d4a017);
box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.2);
}
.xc-input::placeholder {
color: #94a3b8; } select.xc-input {
appearance: none;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
} .xc-footer-contact-form select {
color: #4a4a4a !important; background-color: #FCFAF7 !important; opacity: 1 !important; appearance: none; -webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a4a4a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3Cpath%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1rem;
padding-right: 2.5rem !important; line-height: normal; height: auto !important; } .xc-btn-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
white-space: nowrap;
border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500;
height: 2.5rem; padding: 0 2rem; width: 100%;
background-color: var(--primary-color, #d4a017) !important;
color: #ffffff !important;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.2s;
}
.xc-btn-submit:hover {
opacity: 0.9;
transform: translateY(-1px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
} .term-dich-vu-tri-lieu .product-small .price-wrapper {
display: none !important;
} .term-dich-vu-tri-lieu .xc-custom-label {
display: none !important;
} .term-dich-vu-tri-lieu .shop-page-title.category-page-title.page-title {
display: none !important;
} .xc-about-section {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.xc-about-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 4rem !important;
height: 4rem !important;
border-radius: 9999px !important;
background-color: rgba(212, 160, 23, 0.1) !important;
color: var(--primary-color, #d4a017) !important;
font-size: 2rem !important;
margin-bottom: 1.5rem !important;
} .xc-about-icon i,
.xc-about-icon svg {
font-size: 2rem !important;
width: 2rem !important;
height: 2rem !important;
line-height: 1 !important;
}
.xc-about-title {
font-family: serif !important;
font-size: 1.875rem !important; font-weight: 600 !important;
margin-bottom: 1rem !important;
line-height: 1.2 !important;
}
.xc-about-desc {
color: #64748b !important;
line-height: 1.625 !important;
max-width: 42rem !important;
margin-left: auto !important;
margin-right: auto !important;
}
.box-diem-manh {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding: 1.5rem !important;
width: 100% !important;
}
.box-diem-manh .number {
font-size: 3rem !important;
font-weight: 800 !important;
color: var(--primary-color, #d4a017) !important;
margin-bottom: 0.5rem !important;
line-height: 1 !important;
}
.box-diem-manh .text {
color: #64748b !important;
font-size: 1.125rem !important;
font-weight: 500 !important;
}
@media (min-width: 768px) {
.xc-about-section {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.xc-about-title {
font-size: 2.25rem !important;
}
} .box-blog-post .box-image {
border-radius: 0.375rem 0.375rem 0 0; overflow: hidden;
} .xc-blog-placeholder {
width: 100%;
aspect-ratio: 16 / 9; background: linear-gradient(135deg, rgba(212, 160, 23, 0.1) 0%, rgba(212, 160, 23, 0.05) 100%); display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.xc-blog-placeholder svg {
width: 3rem; height: 3rem; color: rgba(212, 160, 23, 0.3); } .xc-blog-cat-badge {
position: absolute;
top: 0.75rem; left: 0.75rem; background-color: #f1f5f9; color: #0f172a; font-size: 0.75rem; font-weight: 600; padding: 0.125rem 0.625rem; border-radius: 0.375rem; z-index: 10;
} .box-blog-post .box-text {
padding: 1rem !important; text-align: left !important;
} .box-blog-post .post-title a {
font-size: 1.125rem !important; font-weight: 600 !important; line-height: 1.75rem; height: 3.5rem; display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
color: inherit;
transition: color 0.2s;
}
.box-blog-post:hover .post-title a {
color: var(--primary-color, #d4a017); } .box-blog-post .is-divider {
display: none;
}  .box-blog-post .from_the_blog_excerpt {
font-size: 0.875rem !important; color: #64748b; margin-bottom: 0.75rem; display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
} .xc-blog-meta-footer {
display: flex;
align-items: center;
gap: 1rem; font-size: 0.75rem; color: #64748b; margin-top: auto;
}
.xc-meta-item {
display: flex;
align-items: center;
gap: 0.25rem; }
.xc-meta-item i {
font-size: 0.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
} .box-blog-post {
border: 1px solid #e5e7eb; border-radius: 0.75rem; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); transition: all 0.2s;
} .xc-blog-section-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 2rem; }
@media (min-width: 768px) {
.xc-blog-section-header {
margin-bottom: 3rem; }
}
.xc-section-title,
.xc-page-title {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Helvetica, Arial, sans-serif;
font-weight: 700;
}
#main .xc-page-header .xc-page-title {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Helvetica, Arial, sans-serif;
font-weight: 700;
}
.xc-section-title {
font-family: Inter, sans-serif;
font-size: 1.875rem; font-weight: 700;
margin-bottom: 0.5rem;
line-height: 1.2;
}
@media (min-width: 768px) {
.xc-section-title {
font-size: 2.25rem; }
}
.xc-section-subtitle {
color: #64748b; font-size: 1rem;
} .xc-btn-view-all {
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500;
height: 2.25rem; padding: 0.5rem 1rem; gap: 0.5rem;
background-color: transparent;
border: 1px solid #e2e8f0;
color: #020817;
transition: all 0.2s;
cursor: pointer;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.xc-btn-view-all:hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
background-color: #f8fafc; }
.xc-btn-view-all svg,
.xc-btn-view-all i {
width: 1rem;
height: 1rem;
} .xc-home-blog.row {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
.xc-home-blog .col {
padding-left: 0.75rem;
padding-right: 0.75rem;
margin-bottom: 1.5rem;
}
.box-blog-post:hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transform: translateY(-1px);
} .single-product .product-summary .cart {
display: flex;
flex-direction: column; } .quantity,
.single-product .product-summary .quantity,
.woocommerce-variation-add-to-cart .quantity,
.product-info .quantity {
display: none !important;
} .single-product .product-summary .single_add_to_cart_button.button {
background-color: #d4a017 !important; background-color: var(--primary-color) !important;
color: #ffffff !important;
font-weight: 500 !important;
font-size: 0.875rem !important; border-radius: 0.375rem !important; padding: 0.5rem 1rem !important;
height: 2.5rem !important; min-height: 2.5rem !important;
line-height: 1.5rem !important;
width: 100% !important; max-width: 100% !important;
border: 1px solid transparent !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
text-transform: none !important;
margin-bottom: 0.25rem !important; display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: background-color 0.2s, color 0.2s !important;
}
.single-product .product-summary .single_add_to_cart_button.button::before {
content: "\f07a"; font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 0.5rem;
font-size: 1.1em;
}
.single-product .product-summary .single_add_to_cart_button.button:hover {
opacity: 0.9 !important;
}  .xc-contact-price-text {
font-size: 0.875rem;
color: #64748b; text-align: center;
margin-top: 0.5rem;
width: 100%;
display: block;
} .xc-product-meta-header {
justify-content: flex-start !important; font-size: 0.875rem !important; gap: 1.5rem !important;
}
.xc-product-meta-header .xc-meta-item {
color: #64748b;
font-weight: 500;
}
.xc-product-meta-header .xc-meta-item i {
color: var(--primary-color, #d4a017); margin-right: 0.25rem;
} .box-blog-post .image-cover {
padding-top: 0 !important; height: auto !important;
}
.box-blog-post .image-cover a {
display: block;
width: 100%;
} .blog-searchform-wrapper .searchform-wrapper {
max-width: 100%;
}
.blog-searchform-wrapper .searchform {
border: 1px solid #e5e7eb;
border-radius: 0.375rem;
overflow: hidden;
display: flex;
}
.blog-searchform-wrapper .searchform input[type="search"] {
border: none;
box-shadow: none;
padding: 0.5rem 1rem;
height: 2.75rem; font-size: 0.875rem;
width: 100%;
margin-bottom: 0;
}
.blog-searchform-wrapper .searchform button {
background-color: transparent;
color: #64748b;
padding: 0 1rem;
border: none;
}
.blog-searchform-wrapper .searchform button:hover {
background-color: transparent;
color: var(--primary-color, #d4a017);
} .xc-blog-search-form .relative {
position: relative;
margin-bottom: 1.5rem;
}
.xc-blog-search-form .search-container {
display: flex;
}
.xc-blog-search-form svg.lucide-search {
position: absolute;
left: 0.75rem;
top: 50%;
transform: translateY(-50%);
height: 1rem;
width: 1rem;
color: #64748b; z-index: 10;
pointer-events: none;
}
.xc-blog-search-form input[type="search"] {
display: flex;
height: 2.25rem; width: 100%;
border-radius: 0.375rem; border: 1px solid #e5e7eb; background-color: #ffffff; padding: 0.5rem 0.75rem;
padding-left: 2.5rem; font-size: 1rem; box-shadow: none;
transition: all 0.2s;
color: #020817; margin-bottom: 0;
}
.xc-blog-search-form input[type="search"]:focus {
outline: none;
border-color: var(--primary-color, #d4a017);
box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.2);
}
.xc-blog-search-form input[type="search"]::placeholder {
color: #64748b; }
@media (min-width: 768px) {
.xc-blog-search-form input[type="search"] {
font-size: 0.875rem; }
} .widget.flatsome_recent_posts .widget-title {
font-weight: 600; margin-bottom: 1rem; font-size: 1.125rem; padding-bottom: 0;
border-bottom: none;
display: block;
}
.widget.flatsome_recent_posts .widget-title span {
background: none;
padding: 0;
}
.widget.flatsome_recent_posts .is-divider {
display: none;
} .widget.flatsome_recent_posts .badge.post-date,
.widget.flatsome_recent_posts .post_comments,
.widget.flatsome_recent_posts .flex-col.mr-half {
display: none !important;
} .widget.flatsome_recent_posts ul li {
padding: 0;
margin-bottom: 0.75rem; border-bottom: none;
}
.widget.flatsome_recent_posts .flex-row {
display: block; padding: 0 !important;
}
.widget.flatsome_recent_posts .flex-col {
padding: 0;
width: 100%;
} .widget.flatsome_recent_posts a {
font-size: 0.875rem; color: #64748b; text-decoration: none;
transition: color 0.2s;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.5;
font-weight: 400;
}
.widget.flatsome_recent_posts a:hover {
color: #020817; color: var(--primary-color, #020817); } .xc-shop-filter-section {
padding: 0;
}
.xc-shop-filter-section .page-title {
color: #0f172a; } .xc-shop-filter-section .filter-controls {
justify-content: flex-end; } @media (max-width: 849px) {
.xc-shop-filter-section .flex-row {
flex-direction: column;
align-items: flex-start;
}
.xc-shop-filter-section .flex-col {
width: 100%;
margin-bottom: 1rem;
}
.xc-shop-filter-section .filter-controls {
justify-content: flex-start;
width: 100%;
}
.xc-shop-filter-section .filter-search {
flex-grow: 1;
width: 100%;
}
.xc-shop-filter-section .woocommerce-ordering,
.xc-shop-filter-section .woocommerce-ordering select {
width: 100%;
}
} .xc-shop-filter-section .woocommerce-ordering {
margin: 0;
display: inline-block;
} .xc-shop-filter-section .filter-search input[type="search"] {
border-color: #e5e7eb;
transition: all 0.2s;
width: 100%;
max-width: 300px;
}
@media (max-width: 550px) {
.xc-shop-filter-section .filter-search input[type="search"] {
max-width: 100%;
}
}
.xc-shop-filter-section .filter-search input[type="search"]:focus {
border-color: var(--primary-color, #d4a017);
box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.2);
}  .entry-header .entry-title {
font-family: inherit; } .entry-tags a {
display: inline-block;
padding: 0.25rem 0.75rem;
background-color: #f1f5f9; color: #475569; border-radius: 9999px; text-decoration: none;
font-size: 0.8125rem; font-weight: 500;
transition: all 0.2s;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.entry-tags a:hover {
background-color: var(--primary-color, #d4a017);
color: #fff;
} .entry-author.author-box {
border: 1px solid #e2e8f0;
} .entry-content {
color: #334155; line-height: 1.8;
}
.entry-content h2,
.entry-content h3,
.entry-content h4 {
color: #0f172a; margin-top: 2rem;
margin-bottom: 1rem;
font-weight: 700;
}
.entry-content p {
margin-bottom: 1.5rem;
} .blog-share .is-divider {
display: none;
}  .service-archive-header .page-title {
color: #111;
}
.service-archive-header .text-muted-foreground {
color: #64748b;
} .service-search-wrapper {
margin-bottom: 2rem;
}
.service-search-container {
position: relative;
width: 100%;
}
.service-search-icon {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
color: #999;
width: 16px;
height: 16px;
z-index: 10;
}
.service-search-input {
width: 100%;
padding-left: 2.5rem !important; border: 1px solid #ddd;
border-radius: 6px;
height: 40px;
padding: 10px 10px 10px 40px;
} .service-item-price {
color: #d26e4b;
font-weight: bold;
margin-bottom: 0.5rem;
font-size: 1rem;
}
.service-item-price.small-text {
font-size: 0.9em;
margin-bottom: 0;
}
.service-placeholder {
background: #f1f5f9;
display: flex !important;
align-items: center;
justify-content: center;
height: 100%;
min-height: 200px;
width: 100%;
}
.service-placeholder.large {
min-height: 400px;
}
.service-placeholder svg {
color: #cbd5e1;
width: 48px;
height: 48px;
}
.service-placeholder.large svg {
width: 64px;
height: 64px;
} .service-single-image-wrapper {
margin-bottom: 1rem;
}
.service-single-summary {
position: sticky;
top: 100px;
}
.service-single-title {
font-size: 1.75rem;
line-height: 1.3;
margin-bottom: 0.5rem;
text-transform: uppercase;
font-weight: bold;
}
.service-single-price {
font-size: 1.5rem;
font-weight: bold;
color: #d26e4b;
margin-bottom: 1rem;
}
.service-single-desc {
margin-bottom: 1.5rem;
color: #666;
}
.service-btn-book {
width: 100%;
text-align: center;
border-radius: 0.375rem;
margin-top: 1rem;
} .service-lightbox-content {
max-width: 600px;
padding: 30px;
border-radius: 8px;
background: #fff;
margin: 0 auto;
}
.service-lightbox-title {
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
} .related-services-section {
margin-top: 40px;
border-top: 1px solid #eee;
padding-top: 40px;
} .xc-service-card {
background-color: #fff;
padding: 1rem 1rem 1.5rem 1rem;
border-radius: 0.75rem; border: 1px solid #F5F0E6;
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
}
.xc-service-card:hover {
transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); } .xc-service-img-wrapper {
height: 13rem; overflow: hidden;
border-radius: 0.5rem;
margin-bottom: 1.25rem;
}
.xc-service-img-inner {
width: 100%;
height: 100%;
}
.xc-service-img-inner img {
width: 100%;
height: 100%;
object-fit: cover !important; transition: transform 0.5s ease;
}
.xc-service-card:hover .xc-service-img-inner img {
transform: scale(1.1);
} .xc-service-content {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 0 0.5rem;
}
.xc-service-title {
font-family: "Inter", sans-serif; font-size: 1.125rem;
font-weight: 700;
margin-bottom: 0.5rem;
color: #4a4a4a;
transition: color 0.3s ease;
line-height: normal; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; display: block; height: auto; }
.xc-service-card:hover .xc-service-title,
.xc-service-card:hover .xc-service-title a {
color: #d4af37;
}
.xc-service-desc {
font-size: 12px;
color: #888;
line-height: 1.625;
margin-bottom: 1rem;
height: 3.25em; overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} .xc-service-btn-wrapper {
margin-top: auto;
display: flex;
justify-content: center;
width: 100%;
}
.xc-service-btn {
display: inline-flex;
justify-content: center; align-items: center;
gap: 0.25rem;
background-color: #f5f0e6;
color: #4a4a4a;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 0.625rem 1.5rem;
border-radius: 9999px;
transition: all 0.3s ease;
text-decoration: none;
line-height: 1;
}
.xc-service-card:hover .xc-service-btn {
background-color: #d4af37;
color: #fff;
} .xc-section-title {
font-family: "Inter", sans-serif; font-size: 1.875rem; line-height: 2.25rem;
font-weight: 400; color: #4a4a4a; text-transform: uppercase;
text-align: center;
position: relative;
display: inline-block;
padding-bottom: 0.75rem;
margin-bottom: 2rem;
left: 50%;
transform: translateX(-50%);
}
.xc-section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px; height: 2px;
background-color: rgb(197, 160, 101);
}
@media (min-width: 768px) {
.xc-section-title {
font-size: 2.25rem; line-height: 2.5rem;
}
} .nav-line>li.active>a::after,
.nav-line>li:hover>a::after,
.nav-line>li>a::before,
.nav-line-bottom>li>a::before,
.nav-line-grow>li>a::before {
display: none !important;
content: none !important;
background-color: transparent !important;
} .xc-section-title--no-after::after,
.xc-section-title-no-after::after {
display: none !important;
content: none !important;
}
.xc-section-title--no-after,
.xc-section-title-no-after {
margin-bottom: 5px !important;
padding-bottom: 0 !important;
} .xc-btn-xem-tat-ca,
.xc-btn-xem-tat-ca:not(.plain) {
background-image: linear-gradient(to right, #E6DCC6, #DBCFB8) !important;
background-color: transparent !important;
color: #4a4a4a !important; padding: 0.875rem 3rem !important; font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important; border-radius: 0.25rem !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; transition: all 0.3s ease !important;
border: none !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin-bottom: 0;
line-height: 1.5;
}
.xc-btn-xem-tat-ca:hover,
.xc-btn-xem-tat-ca:not(.plain):hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; transform: scale(1.05); color: #4a4a4a !important;
background-image: linear-gradient(to right, #E6DCC6, #DBCFB8) !important; }
.xc-btn-xem-tat-ca span {
color: inherit !important;
} .xc-btn-xem-tat-ca span::after,
.xc-btn-xem-tat-ca i,
.xc-btn-xem-tat-ca svg {
display: none !important;
content: none !important;
}  .doi-tac__sub-title {
color: #888; font-size: 0.75rem; font-style: italic; text-align: center; margin-bottom: 1rem;
} .box-doi-tac {
background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(4px); padding: 2rem; border-radius: 0.5rem; border: 1px solid #fff; display: flex;
flex-direction: column;
align-items: center;
text-align: center;
height: 260px; justify-content: center;
transition: background-color 0.3s, box-shadow 0.3s;
cursor: pointer;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
.box-doi-tac:hover {
background-color: #fff; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .box-doi-tac .box-image {
display: none;
} .box-doi-tac .box-text {
padding: 0 !important;
} .box-doi-tac h4 {
font-weight: 700; font-size: 10px; text-transform: uppercase;
margin-bottom: 0.5rem; color: #4a4a4a; letter-spacing: 0.025em; transition: color 0.3s;
}
.box-doi-tac:hover h4 {
color: #d4af37; } .box-doi-tac p {
font-size: 9px; color: #888; margin-bottom: 1rem; padding: 0 0.5rem; line-height: 1.625; } .doi-tac__xem-them,
.doi-tac__xem-them:not(.plain) {
display: inline-block !important;
background-color: #EBE2D3 !important; color: #4a4a4a !important; padding: 0.5rem 1rem !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important;
border-radius: 0.125rem !important; transition: all 0.3s !important;
cursor: pointer !important;
border: none !important;
margin-bottom: 0 !important;
box-shadow: none !important;
}
.box-doi-tac:hover .doi-tac__xem-them {
background-color: #d4af37 !important; color: #fff !important; }
.doi-tac__xem-them span {
color: inherit !important;
} .doi-tac__xem-them span::after,
.doi-tac__xem-them i,
.doi-tac__xem-them svg {
display: none !important;
content: none !important;
} .xc-home-blog {
display: flex;
flex-direction: column;
height: 100%;
} .xc-home-blog__img {
position: relative;
border-radius: 8px;
overflow: hidden;
margin-bottom: 1rem;
padding-top: 56%; }
.xc-home-blog__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.xc-home-blog__link img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
} .col-inner .xc-home-blog:hover .xc-home-blog__link img {
transform: scale(1.1); } .xc-home-blog__cat {
position: absolute;
top: 10px;
left: 10px;
background-color: rgba(255, 255, 255, 0.9);
padding: 2px 8px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
color: #4a4a4a;
border-radius: 4px;
z-index: 2;
} .xc-home-blog__content {
text-align: left; flex-grow: 1;
display: flex;
flex-direction: column;
} .xc-home-blog__title {
font-size: 1.125rem;
font-weight: 700;
margin-bottom: 0.5rem;
line-height: normal;
white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; }
.xc-home-blog__title a {
color: #4a4a4a;
transition: color 0.3s;
text-decoration: none;
}
.xc-home-blog:hover .xc-home-blog__title a {
color: #d4af37;
} .xc-home-blog__meta {
font-size: 0.75rem;
color: #999;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.xc-home-blog__meta i {
color: #d4af37;
} .xc-home-blog__desc {
font-size: 0.875rem;
color: #666;
line-height: 1.5;
margin-bottom: 1rem; overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} .xc-home-blog__btn-wrapper {
margin-top: auto;
}
.xc-home-blog__btn {
display: inline-flex;
align-items: center;
font-size: 11px;
font-weight: 700;
color: #4a4a4a;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s;
background-color: transparent;
padding: 0;
border: none; gap: 0.5rem; }
.xc-home-blog__btn::after {
content: "\f054"; font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 0.75rem;
transition: margin-left 0.3s;
}
.xc-home-blog__btn:hover {
color: #d4af37;
}
.xc-home-blog__btn:hover::after {
margin-left: 0.25rem; } .xc-footer-contact-form {
background-color: #fff;
padding: 2.5rem; border-radius: 0.25rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: box-shadow 0.5s; }
.xc-footer-contact-form:hover {
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); } .xc-contact-form__title {
font-family: "Playfair Display", serif; font-size: 1.125rem; text-align: center;
font-weight: 700; color: #4a4a4a; margin-bottom: 2rem; text-transform: uppercase;
} .xc-footer-contact-form input[type="text"],
.xc-footer-contact-form input[type="email"],
.xc-footer-contact-form input[type="tel"],
.xc-footer-contact-form select,
.xc-footer-contact-form textarea {
width: 100%;
background-color: #FCFAF7 !important; border: 1px solid #F3F4F6 !important; border-radius: 0.125rem !important; padding: 0.75rem 1rem !important; font-size: 0.75rem !important; color: #4a4a4a;
outline: none;
box-shadow: none;
transition: border-color 0.3s;
margin-bottom: 1rem;
} .xc-footer-contact-form p {
margin-bottom: 0;
}
.xc-footer-contact-form br {
display: none;
}
.xc-footer-contact-form p:empty {
display: none;
} .footer__widget-title {
font-family: "Playfair Display", serif; font-weight: 700; font-size: 1.125rem; color: #4a4a4a; margin-bottom: 1.5rem; text-transform: uppercase; letter-spacing: 0.025em; border-left: 3px solid #d4af37; padding-left: 1rem; line-height: 1.2;
} .product-small .box-image img,
.product-small .box-image .image-none a img {
aspect-ratio: 1 / 1 !important; width: 100% !important;
height: auto !important; min-height: 100%; object-fit: cover !important; object-position: top center !important; } .product-small .box-image .image-none {
display: block;
position: relative;
overflow: hidden;
} .btn-xem-tat-ca-san-pham {
background-color: transparent !important; border: 1px solid #4a4a4a !important; color: #4a4a4a !important; padding: 0.875rem 3rem !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; border-radius: 0.25rem !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; transition: all 0.3s ease !important; display: inline-block;
}
.btn-xem-tat-ca-san-pham:hover {
background-color: #4a4a4a !important; color: #ffffff !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; }  .nav.nav-line.nav-uppercase.nav-center {
gap: 0.75rem; border-bottom: 1px solid #e5e7eb; padding-bottom: 1.5rem; margin-bottom: 3rem; margin-top: 1.5rem; justify-content: center;
} .nav.nav-line>li>a {
background-color: transparent;
color: #4a4a4a; border: 1px solid #e5e7eb; padding: 0.5rem 1.5rem; font-size: 10px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.1em; border-radius: 0.25rem; transition: all 0.3s;
opacity: 1 !important; } .nav.nav-line>li:not(.active)>a:hover {
color: #D6C4A0; border-color: #D6C4A0; } .nav.nav-line>li.active>a {
background-color: #D6C4A0; color: #ffffff !important; border-color: #D6C4A0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); transform: scale(1.05); } @media (max-width: 767px) {
.nav.nav-line.nav-uppercase.nav-center {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
justify-content: flex-start !important;
padding-left: 1rem;
padding-right: 1rem;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; }
.nav.nav-line.nav-uppercase.nav-center::-webkit-scrollbar {
display: none; }
.nav.nav-line>li {
flex: 0 0 auto !important; }
}  .xc-archive-title {
font-family: "Playfair Display", serif;
font-size: 1.875rem; line-height: 2.25rem;
font-weight: 700;
color: #4a4a4a; text-transform: uppercase;
margin-bottom: 0.5rem;
}
.xc-archive-header p {
color: #666; font-size: 0.875rem; margin-bottom: 2rem;
} .xc-archive-search {
position: relative;
margin-bottom: 2rem;
}
.xc-archive-search i {
position: absolute;
left: 0.75rem;
top: 50%;
transform: translateY(-50%);
color: #9ca3af;
}
.xc-archive-search input {
width: 100%;
padding: 0.5rem 1rem 0.5rem 2.5rem; border: 1px solid #e5e7eb;
border-radius: 0.25rem;
outline: none;
transition: border-color 0.3s;
}
.xc-archive-search input:focus {
border-color: #d4af37; }
@media (min-width: 768px) {
.xc-archive-search {
display: none; }
} .xc-archive-item {
background-color: #ffffff;
border: 1px solid #F5F0E6;
border-radius: 0.5rem; overflow: hidden;
transition: all 0.3s;
height: 100%; display: flex;
flex-direction: column;
}
.xc-archive-item:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .xc-archive-item__img {
height: 14rem; overflow: hidden;
position: relative;
}
.xc-archive-item__img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.xc-archive-item:hover .xc-archive-item__img img {
transform: scale(1.05); } .xc-archive-item__content {
padding: 1.5rem; flex-grow: 1;
display: flex;
flex-direction: column;
} .xc-archive-item__title {
font-family: "Playfair Display", serif;
font-size: 1.125rem; font-weight: 700;
line-height: normal;
margin-bottom: 0.75rem;
}
.xc-archive-item__title a {
color: #4a4a4a;
transition: color 0.3s;
text-decoration: none;
}
.xc-archive-item:hover .xc-archive-item__title a {
color: #d4af37; } .xc-archive-item__desc {
font-size: 0.75rem; color: #666; line-height: 1.625; margin-bottom: 1rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
} .xc-archive-item__meta {
margin-top: auto; display: flex;
align-items: center;
gap: 1rem;
font-size: 10px; color: #9ca3af; }
.xc-archive-item__meta i {
margin-right: 0.25rem;
} .text-box-content .text-inner {
text-align: left !important; padding-top: 2rem;
max-width: 100%; margin: 0 auto 0 0; } .text-box-content h3 strong {
font-family: "Playfair Display", serif;
font-size: 3rem; line-height: 1.1;
color: #ffffff !important; display: block;
margin-bottom: 0.5rem;
white-space: nowrap; } .text-box-content h3+p {
font-family: "Playfair Display", serif;
font-size: 2rem; font-style: italic;
color: #d4af37; margin-bottom: 1.5rem;
line-height: 1.2;
} .hero__quote {
font-size: 0.875rem; line-height: 1.625;
color: #E5E7EB; margin-bottom: 2.5rem;
padding-left: 10px !important; padding-right: 2.5rem;
border-left: 3px solid #d4af37; font-weight: 500;
} .text-box-content .text-inner p:last-of-type {
margin-bottom: 2rem;
} .hero__btn-tri-lieu {
background-color: #DBCFB8 !important;
color: #4a4a4a !important; border: none !important;
font-size: 10px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
padding: 0.875rem 2rem !important; border-radius: 0.125rem !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
margin-right: 1rem;
transition: all 0.3s;
}
.hero__btn-tri-lieu:hover {
background-color: #d4af37 !important;
color: #ffffff !important;
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
} .hero__btn-kham-pha {
background-color: #ffffff !important; border: 1px solid #ffffff !important;
color: #4a4a4a !important; font-size: 10px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
padding: 0.875rem 2rem !important;
border-radius: 0.125rem !important;
transition: all 0.3s;
}
.hero__btn-kham-pha:hover {
background-color: #f3f4f6 !important; border-color: #f3f4f6 !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
} @media (min-width: 768px) {
.text-box-content h3 strong {
font-size: 3.75rem; }
.text-box-content h3+p {
font-size: 3rem; }
} .xc-footer-contact-list {
display: flex;
flex-direction: column;
gap: 0.5rem; font-size: 0.875rem; color: #4a4a4a; margin-bottom: 2rem; padding-left: 0.25rem; list-style: none; margin-top: 0;
}
.xc-footer-contact-list__item {
display: flex;
align-items: flex-start;
gap: 0.75rem; }
.xc-footer-contact-list__icon {
width: 1.5rem; flex-shrink: 0;
color: #C5A065; text-align: center;
}
.xc-footer-contact-list__content { }
.xc-footer-contact-list__label {
display: block;
font-size: 10px; text-transform: uppercase; color: #888; font-weight: 700; margin-bottom: 0.125rem; line-height: normal;
}  .widget_recent_entries .widget-title {
font-family: "Playfair Display", serif;
font-weight: 700;
font-size: 1.125rem; color: #4a4a4a; border: none;
margin-bottom: 1.5rem;
}
.widget_recent_entries .is-divider {
display: none;
} .widget_recent_entries ul {
border: none !important; }
.widget_recent_entries ul li {
display: flex !important;
gap: 0.75rem !important;
margin-bottom: 1.5rem !important;
padding: 0 !important;
border: none !important;
align-items: center !important;
flex-direction: row-reverse !important; justify-content: flex-end !important;
} .widget_recent_entries ul li .post-date {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
width: 3rem !important; height: 3rem !important;
flex-shrink: 0;
border: 1px solid rgba(212, 175, 55, 0.3) !important; border-radius: 0.25rem; color: #d4af37 !important; font-size: 9px !important; font-weight: 700;
line-height: 1.1;
text-align: center;
background: transparent;
padding: 2px;
word-break: break-all; } .widget_recent_entries ul li a {
font-family: inherit;
font-size: 0.875rem !important; font-weight: 700 !important;
line-height: 1.25 !important; color: #4a4a4a !important;
flex: 1;
text-decoration: none;
transition: color 0.3s;
}
.widget_recent_entries ul li:hover a {
color: #d4af37 !important; }  .widget_recent_entries {
font-family: "Inter", sans-serif !important;
} .widget_recent_entries .is-divider {
display: none !important;
} .widget_recent_entries .widget-title {
font-family: "Inter", sans-serif !important;
font-weight: 700;
font-size: 1.125rem;
color: #4a4a4a;
border: none;
margin-bottom: 1.5rem;
} .widget_recent_entries ul {
border: none !important;
}
.widget_recent_entries ul li {
display: flex !important;
gap: 1rem !important;
margin-bottom: 1.5rem !important;
padding: 0 !important;
border: none !important;
align-items: center !important;
flex-direction: row-reverse !important; justify-content: flex-end !important;
} .widget_recent_entries ul li .post-date {
display: block !important;
width: 38px !important;
height: 38px !important;
flex-shrink: 0;
border: 1px solid rgba(212, 175, 55, 0.4) !important;
border-radius: 6px;
background: transparent;
color: #d4af37 !important;
font-size: 11px !important; font-weight: 700;
font-family: "Inter", sans-serif !important; white-space: nowrap;
overflow: hidden;
text-overflow: clip; padding-top: 10px; padding-left: 2px; line-height: normal;
text-align: left;
} .widget_recent_entries ul li a {
font-family: "Inter", sans-serif !important;
font-size: 0.9rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #4a4a4a !important;
flex: 1;
text-decoration: none;
transition: color 0.3s;
}
.widget_recent_entries ul li:hover a {
color: #d4af37 !important;
} .widget_recent_entries ul li .post-date {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
width: 38px !important;
height: 38px !important;
flex-shrink: 0;
border: 1px solid rgba(212, 175, 55, 0.4) !important;
border-radius: 6px;
background: transparent;
color: #d4af37 !important;
font-size: 9px !important; font-family: "Inter", sans-serif !important;
line-height: 1;
padding: 0 !important;
overflow: hidden; white-space: normal !important;
text-overflow: clip;
text-align: center !important;
}
.xc-date-day {
font-size: 14px;
font-weight: 700;
line-height: 1;
display: block;
}
.xc-date-month {
font-size: 9px;
font-weight: 600;
text-transform: uppercase;
display: block;
margin-top: 2px;
}  .widget_search .searchform {
position: relative;
margin-bottom: 1.5rem;
} .widget_search .flex-row {
display: block !important;
width: 100% !important;
margin: 0 !important;
}
.widget_search .flex-col {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
padding: 0 !important;
} .widget_search .ux-search-submit,
.widget_search .search-submit {
display: none !important;
} .widget_search .search-field {
width: 100% !important;
background-color: transparent !important;
border: none !important;
border-bottom: 1px solid #e5e7eb !important; border-radius: 0 !important;
box-shadow: none !important; color: #333 !important;
font-size: 14px !important;
padding: 8px 0 8px 25px !important; margin-bottom: 0 !important;
min-height: auto !important;
line-height: normal !important;
}
.widget_search .search-field::placeholder {
color: #999;
opacity: 1;
}
.widget_search .search-field:focus {
border-bottom-color: #d4af37 !important; outline: none !important;
} .widget_search .searchform::before {
content: "\f002"; font-family: "Font Awesome 5 Free", "FontAwesome";
font-weight: 900;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
color: #000000 !important; font-size: 14px;
line-height: 1;
z-index: 10;
pointer-events: none;
}
.is-divider {
display: none !important;
} #menu-category {
display: flex !important;
flex-direction: column !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important; }
#menu-category li {
display: block !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
border-bottom: 1px solid #e5e7eb !important; border-radius: 0 !important; }
#menu-category li a {
display: flex !important;
align-items: center;
width: 100% !important;
padding: 12px 0 !important;
color: #666 !important; font-weight: 500;
text-transform: none !important;
font-size: 14px !important;
background-color: transparent !important;
line-height: normal !important;
text-decoration: none !important; } #menu-category li.current-menu-item a,
#menu-category li.current_page_item a {
color: #d4af37 !important; }  .header-nav-main.nav>li>a {
text-transform: uppercase !important;
font-weight: 700 !important;
letter-spacing: 0.02em;
} .header-nav-main.nav>li.current-menu-item>a::after,
.header-nav-main.nav>li.current_page_item>a::after,
.header-nav-main.nav>li.active>a::after,
.header-nav-main.nav>li>a:hover::after {
content: "" !important;
display: block !important;
width: 100% !important;
background-color: #d4af37 !important; height: 2px !important;
opacity: 1 !important;
position: absolute;
bottom: 15px !important; left: 0 !important;
} .header-nav-main.nav>li.current-menu-item>a,
.header-nav-main.nav>li.current_page_item>a,
.header-nav-main.nav>li.active>a,
.header-nav-main.nav>li>a:hover {
color: #d4af37 !important; } .xc-service-item {
background-color: #fff;
border: 1px solid #e5e7eb; border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
}
.xc-service-item:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-color: #d4af37; } .xc-service-image-box {
width: 100%;
position: relative;
overflow: hidden;
padding-top: 66.67%; }
.xc-service-image-box a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.xc-service-image-box img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.xc-service-item:hover .xc-service-image-box img {
transform: scale(1.05);
} .xc-service-content {
padding: 1.25rem; flex-grow: 1;
display: flex;
flex-direction: column;
}
.xc-service-title {
margin-top: 0;
margin-bottom: 0.5rem;
font-size: 1.125rem; font-weight: 700;
line-height: 1.4;
}
.xc-service-title a {
color: #333;
text-decoration: none;
transition: color 0.2s;
}
.xc-service-title a:hover {
color: #d4af37;
}
.xc-service-desc {
font-size: 0.875rem; color: #666;
margin-bottom: 1rem;
line-height: 1.5; display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .xc-service-info {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem 0;
border-top: 1px solid #f3f4f6;
border-bottom: 1px solid #f3f4f6;
margin-bottom: 1rem;
margin-top: auto; }
.xc-service-info-item {
display: flex;
align-items: center;
gap: 0.35rem;
font-size: 0.875rem;
color: #555;
font-weight: 500;
}
.xc-service-info-item i {
color: #9ca3af; }
.xc-service-info-item.price {
color: #d4af37; font-weight: 700;
}
.xc-service-info-item.price i {
color: #d4af37;
} .xc-service-actions {
display: flex;
gap: 0.75rem;
}
.xc-action-btn {
flex: 1;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0.5rem 0.75rem;
border-radius: 4px; font-size: 0.875rem;
font-weight: 600;
text-decoration: none !important;
transition: all 0.2s;
text-align: center;
}
.xc-action-btn.detail {
background-color: transparent;
border: 1px solid #e5e7eb;
color: #4b5563;
}
.xc-action-btn.detail:hover {
background-color: #f9fafb;
border-color: #d1d5db;
color: #111;
}
.xc-action-btn.book {
background-color: #d4af37; border: 1px solid #d4af37;
color: #fff;
}
.xc-action-btn.book:hover {
background-color: #bfa34a; border-color: #bfa34a;
color: #fff;
} .service-single-image-wrapper img,
.service-single-image-wrapper .xc-blog-placeholder {
border-radius: 0.5rem; overflow: hidden;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}  .xc-filter-widget {
background-color: #ffffff;
padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); border: 1px solid #F5F0E6;
margin-bottom: 2rem;
}
.xc-filter-widget h3 {
font-family: "Playfair Display", serif; font-weight: 700; font-size: 1.125rem; margin-bottom: 1rem; border-bottom: 1px solid #E6DCC6;
padding-bottom: 0.5rem; color: #111;
margin-top: 0;
}
.xc-filter-widget .space-y-3>*+* {
margin-top: 0.75rem; }
.xc-filter-widget .flex {
display: flex;
}
.xc-filter-widget .items-center {
align-items: center;
}
.xc-filter-widget .gap-3 {
gap: 0.75rem;
}
.xc-filter-widget .cursor-pointer {
cursor: pointer;
}
.xc-filter-widget input[type="checkbox"],
.xc-filter-widget input[type="radio"] {
margin: 0;
width: 1rem;
height: 1rem;
border: 1px solid #d1d5db;
border-radius: 0.25rem; accent-color: #C5A065;
cursor: pointer;
}
.xc-filter-widget input[type="radio"] {
border-radius: 9999px;
}
.xc-filter-widget .text-sm {
font-size: 0.875rem;
}
.xc-filter-widget .text-spa-text-light {
color: rgb(140 133 127);
font-weight: 400;
}
.xc-filter-widget .text-spa-gold {
color: #C5A065;
}
.xc-filter-widget .group:hover .group-hover\:text-spa-gold,
.xc-filter-widget .group:hover .text-spa-text-light {
color: #C5A065;
transition: color 0.2s;
}
.xc-filter-widget .transition {
transition: color 0.2s;
}
.xc-filter-widget select {
width: 100%;
padding: 0.5rem;
border: 1px solid #E6DCC6;
border-radius: 0.25rem;
font-size: 0.875rem;
color: rgb(140 133 127);
background-color: #fff;
cursor: pointer;
box-shadow: none;
} @media (max-width: 768px) { .xc-service-info {
flex-wrap: nowrap !important;
gap: 0.25rem !important;
}
.xc-service-info-item {
font-size: 0.7rem !important;
white-space: nowrap !important;
}
.xc-service-info-item i {
font-size: 0.7rem !important;
} .woocommerce-breadcrumb,
.breadcrumbs {
font-size: 0.75rem !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 100%;
line-height: 1.2;
} .service-single-title {
font-size: 1.25rem !important; margin-bottom: 0.5rem !important;
} .xc-service-title {
font-size: 0.95rem !important; } .text-box-content h3 {
font-size: 1.25rem !important; margin-bottom: 0.25rem !important;
}
.text-box-content p {
font-size: 0.9rem !important; margin-bottom: 0.5rem !important;
}
.text-box-content .hero__quote {
font-size: 0.8rem !important; line-height: 1.4 !important;
margin-bottom: 1rem !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.text-box-content .button {
padding: 0.3rem 0.8rem !important; font-size: 0.8rem !important;
min-height: auto !important;
line-height: normal !important;
} .xc-section-title {
font-size: 1.5rem !important;
margin-bottom: 1rem !important;
} .product-archive-title .entry-title {
font-size: 1.25rem !important;
line-height: 1.3 !important;
} .shop-sidebar-col {
z-index: 9999;
}
#shop-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 85%;
max-width: 320px;
background: #fff;
z-index: 9999;
transform: translateX(-100%);
transition: transform 0.3s ease;
padding: 20px;
overflow-y: auto;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
display: block !important;
visibility: hidden;
}
#shop-sidebar.mobile-active {
transform: translateX(0);
visibility: visible;
}
#xc-filter-overlay {
z-index: 9998;
}
.shop-page-title {
padding: 1.5rem 0 !important;
} .text-box-content .hero__quote,
.xc-service-desc {
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
} .woocommerce-ordering {
display: none !important;
}