/*
Theme Name: Thái Y Đường
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
#chaty-widget-0 .channel-icon-Link .chaty-svg {
    background-color: #1E88E5;
}
#Link-0-channel .chaty-icon span {
    background: url(/wp-content/uploads/2026/02/zalo-icon.png) no-repeat;
    background-size: cover;
}
#Link-0-channel .chaty-icon svg, .related-date {
    display: none !important;
}
.chaty-channel-list {
    bottom: 70px !important;
}
.flex-header {
  display: flex;         /* Kích hoạt flexbox */
  align-items: center;   /* Căn giữa icon và chữ theo chiều dọc */
  gap: 15px;             /* Khoảng cách giữa icon và chữ */
  margin-bottom: 1rem;   /* Khoảng cách với dòng chữ phía dưới */
}

.calendar-icon {
  width: 40px;           /* Điều chỉnh kích thước icon cho phù hợp */
  height: 40px;
  color: #D4AF37;        /* Màu vàng gold (tùy chỉnh theo brand của bạn) */
}

/* Đảm bảo h2 không bị dính margin mặc định làm lệch hàng */
.flex-header h2 {
  margin-bottom: 0 !important;
}
.single-post .blog-single{
	background-color:#F9F7F6;
}
.single-post .blog-single .large-10{
	padding: 3rem;
    background-color: #fff;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}
.comment-form .submit{
	color:#9e0400;
}
.text-clinic {
    color: #b71f1f;
}
.gt-ds{background: linear-gradient(
    to bottom right,
    hsl(355, 82%, 20%),   /* traditional-dark: #5C0D15 */
    hsl(355, 78%, 28%),   /* traditional: #800020 */
    hsl(355, 82%, 20%)    /* traditional-dark */
  );

  border-radius: 1.5rem;
  padding: 2rem;
  border: 2px solid rgba(255, 215, 0, 0.3);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);padding: 3rem;
}
.gt .gt-ds {
  background: linear-gradient(
    to bottom right,
    hsl(175, 45%, 25%),   /* spa-medium */
    hsl(175, 42%, 32%),   /* spa-light */
    hsl(175, 45%, 25%)    /* spa-medium */
  );
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 0.5rem;
  padding: 2rem 3rem;
  border: 2px solid rgba(212, 175, 55, 0.5); /* spa-gold 50% */
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  position: relative;
  overflow: hidden;
}

.gt .gt-ds p {
  font-size: 1.125rem;
  line-height: 1.75;
  color: hsl(43, 60%, 75%); /* spa-gold-light */
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.gt .gt-ds p:last-child {
  margin-bottom: 0;
}

/* Icon góc trang trí */
.gt .gt-ds::before,
.gt .gt-ds::after {
  content: "🍃";
  position: absolute;
  font-size: 4rem;
  opacity: 0.15;
  color: hsl(43, 74%, 53%); /* spa-gold */
}

.gt .gt-ds::before {
  top: 1rem;
  left: 1rem;
}

.gt .gt-ds::after {
  bottom: 1rem;
  right: 1rem;
  transform: rotate(180deg);
}
.page-id-845 .gt-page-bg {
  background-color: hsl(175, 50%, 10%);
  min-height: 50vh;
}

/* Background với texture ảnh lá cây */
.page-id-845 .gt-page-bg {
  background-color: hsl(175, 50%, 10%);
  background-image: 
    linear-gradient(
      to bottom,
      hsla(175, 50%, 8%, 0.95),
      hsla(175, 50%, 12%, 0.92)
    ),
    url('/wp-content/uploads/2025/12/dark-leaves-texture-G0McwXU6.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 30vh;
}
.dat-lich{
	background: linear-gradient(
    to bottom right,
    hsl(355, 82%, 20%),   /* traditional-dark: #5C0D15 */
    hsl(355, 78%, 28%),   /* traditional: #800020 */
    hsl(355, 82%, 20%)    /* traditional-dark */
  );
  border-radius: 1.5rem;
  padding: 2rem;
  border: 2px solid rgba(255, 215, 0, 0.3);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);padding: 3rem;
}
.dat-lich .time{
	background: rgba(92, 13, 21, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 0.75rem;
  padding: 1.5rem;
  border: 1px solid rgba(255, 215, 0, 0.2);
}
.dat-lich .time .icon-box h5{
	font-size: 1.5rem;
  font-weight: 700;
  color: #FFD700;
  margin: 0;
}
.dat-lich .time .icon-box .items-center{
display: flex;
  gap: 0.5rem;
  color: #F5E6D3;
}
.cta-buttons-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 2rem;
  border-radius: 0.375rem;
  background: linear-gradient(135deg, #FFD700, #FFA500, #FFD700);
  color: #5C0D15;
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}
.cta-buttons-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
}
.cta-buttons-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 2rem;
  border-radius: 0.375rem;
  background: transparent;
  color: #FFD700;
  font-weight: 500;
  font-size: 0.875rem;
  text-decoration: none;
  border: 1px solid #FFD700;
  transition: all 0.3s ease;
  cursor: pointer;
}

.cta-buttons-secondary:hover {
  background: #FFD700;
  color: #5C0D15;
}

.row-with-arrows {
  display: flex;
  flex-wrap: wrap;
}


/* Mỗi column có mũi tên */
.row-with-arrows > .col {
  position: relative;
}

/* Mũi tên bên phải - ẩn trên mobile */
.row-with-arrows > .col:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235C0D15' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  pointer-events: none;
  display: none; /* Ẩn mặc định trên mobile */
}

/* Hiển thị mũi tên từ màn hình medium trở lên */
@media (min-width: 850px) {
  .row-with-arrows > .col:not(:last-child)::after {
    display: block;
  }
}
.pricing-table.featured-table {
  position: relative;
  overflow: visible;
}

/* Góc trên trái */
.pricing-table.featured-table::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 4rem;
  height: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4 L4 25 C4 27 5 28 7 28 L10 28 L10 24 L8 24 L8 8 L24 8 L24 10 L28 10 L28 7 C28 5 27 4 25 4 L4 4Z' fill='%23FFD700' fill-opacity='0.9'/%3E%3Cpath d='M12 12 Q12 20 20 20 L20 16 Q16 16 16 12 L12 12Z' fill='%23FFD700' fill-opacity='0.7'/%3E%3Ccircle cx='8' cy='8' r='2' fill='%23FFD700'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  pointer-events: none;
}

/* Góc trên phải */
.pricing-table.featured-table::after {
  content: '';
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 4rem;
  height: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4 L4 25 C4 27 5 28 7 28 L10 28 L10 24 L8 24 L8 8 L24 8 L24 10 L28 10 L28 7 C28 5 27 4 25 4 L4 4Z' fill='%23FFD700' fill-opacity='0.9'/%3E%3Cpath d='M12 12 Q12 20 20 20 L20 16 Q16 16 16 12 L12 12Z' fill='%23FFD700' fill-opacity='0.7'/%3E%3Ccircle cx='8' cy='8' r='2' fill='%23FFD700'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: scaleX(-1);
  z-index: 10;
  pointer-events: none;
}

/* Góc dưới trái */
.pricing-table.featured-table .pricing-table-items::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0.5rem;
  width: 4rem;
  height: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4 L4 25 C4 27 5 28 7 28 L10 28 L10 24 L8 24 L8 8 L24 8 L24 10 L28 10 L28 7 C28 5 27 4 25 4 L4 4Z' fill='%23FFD700' fill-opacity='0.9'/%3E%3Cpath d='M12 12 Q12 20 20 20 L20 16 Q16 16 16 12 L12 12Z' fill='%23FFD700' fill-opacity='0.7'/%3E%3Ccircle cx='8' cy='8' r='2' fill='%23FFD700'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: scaleY(-1);
  z-index: 10;
  pointer-events: none;
}

/* Góc dưới phải */
.pricing-table.featured-table .pricing-table-items::after {
  content: '';
  position: absolute;
  bottom: -5px;
  right: 0.5rem;
  width: 4rem;
  height: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4 L4 25 C4 27 5 28 7 28 L10 28 L10 24 L8 24 L8 8 L24 8 L24 10 L28 10 L28 7 C28 5 27 4 25 4 L4 4Z' fill='%23FFD700' fill-opacity='0.9'/%3E%3Cpath d='M12 12 Q12 20 20 20 L20 16 Q16 16 16 12 L12 12Z' fill='%23FFD700' fill-opacity='0.7'/%3E%3Ccircle cx='8' cy='8' r='2' fill='%23FFD700'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(-1, -1);
  z-index: 10;
  pointer-events: none;
}

/* Đảm bảo pricing-table-items có position relative */
.pricing-table.featured-table .pricing-table-items {
  position: relative;
}


.pricing-table .items {
    padding: 10px 10%;
}
.bang-gia .pricing-table-header{
margin:15px;}
.quy-trinh .icon-box-text h5{
    color: #fff;
	background-color: #5d0910f2;
	    border-radius: 9999px;
	font-weight:700;
	width: 4rem;
	height: 4rem;
	text-align: center;
	justify-content: center;
	padding:1.5rem;
}
.quy-trinh .icon-box-text p{
	font-size:0.875rem;
}
.featured-table .title, .featured-table .price{
	color:hsl(43.24deg 78.17% 55.1%)!important;
	
	font-weight: 700;
	font-size: 2em;
}
.featured-table{
	    background-color: #5d0910f2;
	border: 2px solid hsl(45 100% 51%);
}
.featured-table .pricing-table-items .bullet-item .text{color:#fff;
}
.pricing-table .title{
	border-bottom:none;
}
.phong-kham .img-inner, .phong-kham .bac-si img{
	border-radius: 0.75rem;
}
.goi-kham .bang-gia{
	border-radius: 0.75rem;
	background-color: rgb(251, 233, 233);
	padding: 40px 0px 20px 0px;
    
}
.fix-hieght .pricing-table {
    min-height: 222px;
    height: 100%;
}
/* Container row */
.row.bang-gia,
.row.fix-hieght {
  display: flex;
  flex-wrap: wrap;
}

/* Mỗi column */
.row.bang-gia > .col,
.row.fix-hieght > .col {
  display: flex;
  flex-direction: column;
}

/* Col inner */
.row.bang-gia .col-inner,
.row.fix-hieght .col-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
}

/* Pricing table wrapper */
.row.bang-gia .pricing-table-wrapper,
.row.fix-hieght .pricing-table-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
}

/* Pricing table */
.row.bang-gia .pricing-table,
.row.fix-hieght .pricing-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
}
.bang-gia .pricing-table-header .title{
text-transform:capitalize;
color:#65161b;
}.pricing-table .title {
    background-color: rgb(0 0 0 / 0%);
}

/* Items area - chứa bullet items và button */
.row.bang-gia .pricing-table-items,
.row.fix-hieght .pricing-table-items {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Đẩy button xuống dưới cùng */
.row.bang-gia .pricing-table-items .button,
.row.fix-hieght .pricing-table-items .button {
  margin-top: auto;
}
/* Bullet item container */
.pricing-table-items .bullet-item {
  position: relative;
  padding-left: 28px;
  text-align: left;
  margin-bottom: 12px;
	margin-left: 0;
}
.pricing-table .items .bullet-item{
	padding: 0 23px;
	border-bottom:none;
}
.pricing-table .price{
    color: #b51220;
    font-weight: 700;
    padding: .6em 15% 0;

}
/* Checkmark icon using ::before */
.pricing-table-items .bullet-item::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #FFD700, #FFA500);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: #5C0D15;
  line-height: 20px;
  text-align: center;
}

/* Alternative: Sử dụng SVG checkmark */
.pricing-table-items .bullet-item.svg-check::before {
  content: "";
  background: linear-gradient(135deg, #FFD700, #FFA500);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat;
}

/* Hover effect */
.pricing-table:hover .bullet-item::before {
  transform: translateY(-50%) scale(1.1);
  transition: transform 0.3s ease;
}
:root {
  --glow-color: hsl(45, 100%, 51%); /* Màu vàng kim */
  --glow-width: 3px; /* Độ dày viền sáng */
}

/* ========================================
   Glow Border Container
   ======================================== */
.box-shadow-2 {
  position: relative;
  border-radius: 0.5rem;
}

/* ========================================
   Glow Border Animation - Chỉ ở viền
   ======================================== */
.box-shadow-2::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--glow-width);
  background: conic-gradient(
    from var(--glow-angle, 0deg),
    transparent 0deg,
    transparent 300deg,
    var(--glow-color) 330deg,
    var(--glow-color) 360deg
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  opacity: 0;
  animation: glowRotate 2s linear infinite paused;
  z-index: 1;
  pointer-events: none;
}

/* Hiệu ứng blur cho viền */
.box-shadow-2::after {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: calc(var(--glow-width) + 4px);
  background: conic-gradient(
    from var(--glow-angle, 0deg),
    transparent 0deg,
    transparent 300deg,
    var(--glow-color) 330deg,
    var(--glow-color) 360deg
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  filter: blur(8px);
  opacity: 0;
  animation: glowRotate 2s linear infinite paused;
  z-index: 0;
  pointer-events: none;
}

/* ========================================
   Nội dung bên trong - giữ nguyên background gốc
   ======================================== */
.box-shadow-2 > .icon-box {
  position: relative;
  z-index: 2;padding: 0.5rem;
}

/* ========================================
   Hover State - Kích hoạt viền chạy
   ======================================== */
.box-shadow-2:hover::before,
.box-shadow-2:hover::after {
  opacity: 1;
  animation-play-state: running;
}

/* ========================================
   Keyframes Animation - Dùng CSS custom property
   ======================================== */
@keyframes glowRotate {
  0% {
    --glow-angle: 0deg;
  }
  100% {
    --glow-angle: 360deg;
  }
}

/* Fallback cho browsers không hỗ trợ @property */
@supports not (background: conic-gradient(from var(--glow-angle), red, blue)) {
  .box-shadow-2::before,
  .box-shadow-2::after {
    background: linear-gradient(90deg, transparent, var(--glow-color), transparent);
    animation: glowSlide 2s linear infinite paused;
  }
  
  @keyframes glowSlide {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
  }
}

/* CSS @property để animate góc gradient */
@property --glow-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/*** Product tab ****/
.tabbed-content .products-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: 1fr 1fr 1fr;
}
.tabbed-content .products-wrapper .product {
    display: flex;
    width: 100%;
    border: 1px;
    background: white;
    border-radius: 10px;
    align-items: center;
    height: 120px;
}
.tabbed-content .products-wrapper .product {box-shadow: 0 3px 6px -4px #b51220, 0 3px 6px #820306;
}
.tabbed-content .products-wrapper .product .product-thumbnail {
    width: 30%;
    padding: 10px;
}

.info-product {
    flex: 1;
}
.tabbed-content .products-wrapper .product input {
    margin-bottom: 0px;
}
input.product-quantity {
    width: 45px;
    padding: 5px;
}
.tabbed-content .products-wrapper .product button, input {
    margin-bottom: 0px;
}
.pagination {
    grid-column: 1 / -1;
    grid-row-start: -1;
    grid-row-end: -1;
    grid-row: -1;
    text-align: center;
}
a.page-link.current {
    background: #910E1A;
    border-radius: 5px;
}
a.page-link {
    color: white;
    padding: 10px;
}
/*** End product tab ****/
.service-item {
  display: flex;
  margin-bottom: 20px;
  align-items: flex-start;
}

.floor {
  min-width: 100px;
  color: #d2691e; 
  font-weight: bold;
  font-size: 1.1em;
  flex-shrink: 0;
}


.content {
  color: #333;
  font-size: 1.05em;
  text-align: justify;
}

.content strong {
  color: #000;
  font-weight: 700;
}

/* Responsive cho điện thoại */
@media (max-width: 600px) {
  .service-item {
    flex-direction: column;
  }
  .floor {
    margin-bottom: 5px;
  }
}
.bg-gradient-to-r .col-inner{border: solid 1px #a80504;
}
.btn-form-gradient-gold {
    background: linear-gradient(135deg, rgb(253, 209, 48), rgb(251, 185, 4), rgb(184, 142, 46))!important;
    transition: 0.3s;
	padding-left: 2rem !important;
    padding-right: 2rem !important;
    border-radius: 10px!important;
}

.sc-lien-he .row {background-color: rgb(96, 11, 19);
	
}
.sc-lien-he .row .left {background-color: rgb(96, 11, 19);
}
.sc-lien-he .row .right {background-color: rgb(180, 34, 43);
}

div.wpforms-container-full .wpforms-form select.wpforms-field-medium{max-width:100%!important;}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium{max-width:100%!important;}
.sc-lien-he .lien-he svg{
	color: rgb(216, 169, 49);
}

.fix-hieght .box-shadow-2{
min-height: 222px;
    height: 100%;
}
.text-gradient-gold , .gt .icon-box-text h6{
    -webkit-text-fill-color: transparent;
    background: linear-gradient(135deg, rgb(253, 209, 48), rgb(252, 198, 49) 20%, rgb(204, 158, 51), rgb(253, 215, 78) 80%, rgb(235, 191, 71)) text;
}
.text-traditional-dark span{
    color: #5d0910;
}
.btn-gradient-gold
{background: linear-gradient(135deg, rgb(253, 209, 48), rgb(251, 185, 4), rgb(184, 142, 46));
    transition: 0.3s;
}
.border-traditional-gold .box-shadow-2{
	box-shadow: 0 3px 6px -4px #ffc105, 0 3px 6px #ffc105;
}
.border-traditional-red .box-shadow-2{
	box-shadow: 0 3px 6px -4px #991b1b, 0 3px 6px #991b1b;
}
.border-traditional-gold .lien-he{
	box-shadow: 0 3px 6px -4px #ffc105, 0 3px 6px #ffc105;
	border-radius:10px;
}
.border-traditional-gold .post-item .col-inner{
	box-shadow: 0 3px 6px -4px #ffc105, 0 3px 6px #ffc105;border-radius:10px;
}
.border-traditional-gold .box-blog-post .box-image{
	border-radius: 10px 10px 0 0;
}
.border-traditional-gold .box-blog-post .box-text{
	border-radius: 0 0 10px 10px ;
}
.border-traditional-gold .box-blog-post{border-radius:10px;}
.overlay-banner .overlay{
	 
    background: linear-gradient(
        to bottom right,
        hsla(355, 82%, 20%, 0.8),
        hsla(355, 82%, 39%, 0.7),
        hsla(45, 100%, 51%, 0.6)
    ) !important;
    opacity: 1;
}
.text-traditional, .lien-he .wpforms-field-label{
	color:hsl(43.24deg 78.17% 55.1%);
	font-weight: 700;
	font-size: 2em;
}

.text-traditional2{
	color:#991b1b;
	font-weight: 700;
	font-size: 2em;
}
.text-traditional3{
	color:#991b1b;
	font-weight: 700;
	font-size: 14px;
}
.text-4xl{
	font-size: 2rem;
        line-height: 1;
}

.st-dv .box-image {
	border-radius:10px 10px 0px 0px;
}
.box-text h4{
	color:hsl(355 82% 39%);
	font-weight: 600;
	font-size: 1.2rem;
	
}
.box-text p{
	font-size:1em;
}
.tag-line .items-center{
	background:#ffc1051a;
	padding-left: 1rem;
    padding-right: 1rem;
	padding-top: .3rem;
    padding-bottom: .3rem;
	border-radius: 9999px;
	width: fit-content;
	gap: .5rem;
	display: inline-flex;
}
.tag-line .text-sm {
	color:hsl(355 82% 39%);
	font-weight: 600;
}
.tag-line p{
	font-weight: 500;
	font-size: 1.125rem;
}
.gt{
	border-top: 1px solid;
    border-image-source: linear-gradient(135deg, rgb(253, 209, 48), rgb(252, 198, 49) 20%, rgb(204, 158, 51), rgb(253, 215, 78) 80%, rgb(235, 191, 71));
    border-image-slice: 1;
}
.gt .icon-box-text h5 {
	text-transform:capitalize !important;
	color:#fff;
}
.gt-ck .icon-box-text h5 {
	text-transform:capitalize !important;
	color:#991b1b;
}
.gt-ck .icon-box-text h6{
	text-transform:inherit !important;
	color: hsl(0 0% 45%);
	    font-weight: 400;
}
.gt .y-quan .icon-box-text h5 {
	text-transform:capitalize !important;
	color:#991B1B;
}
.gt .y-quan h6{
	text-transform:inherit !important;
	-webkit-text-fill-color:#78716c!important;
	    font-weight: 400;
}
.gt .icon-box-text h6{
	text-transform:inherit !important;
	color: hsl(0 0% 45%);
	    font-weight: 400;
}
.gt .icon-box{
	padding-bottom:0px;
}

.tag-line .bg-spa-gold\/10{
	background-color:hsl(43deg 74% 53% / 30%);
	padding-left: 1rem;
    padding-right: 1rem;
	padding-top: .3rem;
    padding-bottom: .3rem;
	border-radius: 9999px;
	width: fit-content;
	gap: .5rem;
	display: inline-flex;
}
.gt .tag-line .text-spa-gold {
	color:hsl(43 74% 53%)!important;
	font-weight: 600;
}
.text-white\/80 {
    color: #fff;
}
.text-white .icon-box-text h5 {
	text-transform:capitalize !important;
	color: #fff;
}
.text-white .icon-box-text h6{
	text-transform:inherit !important;
	color: #fff;
	    font-weight: 400;
}
.text-white .text-traditional {
    color: #fff;
    font-weight: 700;
    
	font-size: 3rem;
    line-height: 1;
}
.bg-gradient-to-br{
  background: linear-gradient(
    to bottom right,
    hsl(355, 82%, 20%),  
    hsl(355, 82%, 39%),  
    hsl(45, 100%, 51%)    
  );
}
.bg-gradient-to-br .icon-box-img svg path {fill: rgb(255 0 0 / 0%);
	}

.box-icon .icon-box{
	    padding: 1.5rem;
}
.digizone_tabs>.nav .tab {
    display: flex;
    margin: 0;
}

.digizone_tabs .nav {
    margin-bottom: 15px
}

.digizone_tabs>.nav .tab a {
    text-align: center;
    display: inline-block;
    border: none;
    overflow: hidden;
    position: relative;
    padding: 12px 10px;
    font-size: 15px;
    color: black;
}

.digizone_tabs>.nav .tab.active a {
    background: #A70505;
    border: none;
    box-shadow: none;
	border-radius:10px;
}

.digizone_tabs .nav-vertical>li+li {
    border-top: 0
}

.digizone_tabs>.nav .tab a>img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.digizone_tabs>.nav .tab a>img:nth-child(2) {
    display: none;
}

.digizone_tabs>.nav .tab.active a>img:nth-child(1) {
    display: none;
}

.digizone_tabs>.nav .tab.active a>img:nth-child(2) {
    display: block;
}

.digizone_tabs>.nav .tab a:before {
    display: none;
}

.digizone_tabs .nav h3 {
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-size: 15px;
    color: black;
    text-align: center;
}

.digizone_tabs .nav .active h3 {
    color: #fff;
}

.digizone_tabs>.tab-panels {
    width: 100%;
    padding: 20px;
}

.digizone_tabs .tab-panels .row {
    margin: 0;
}

.digizone_tabs .tab-panels .panel .row .col {
    padding: 0 5px 5px;
}

.digizone_tabs .nav.nav-vertical a {
    border-top: 1px solid #d2d2d2;
    text-align: center
}

.digizone_tabs .nav-vertical {
    margin-bottom: 0
}
/* Giới hạn tiêu đề 2 dòng */
.box-text .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.4em; /* Tùy chọn: Giữ chiều cao cố định để các khung đều nhau */
}

/* Giới hạn mô tả 2 dòng */
.box-text .from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5; /* Điều chỉnh khoảng cách dòng */
    max-height: 3em;   /* line-height * 2 dòng */
}

.ty-contact-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #eab308;
    font-weight: 500;
}

.ty-contact-item {
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.ty-contact-item.align-start {
    align-items: flex-start;
}

.ty-icon-wrapper {
    width: 40px;
    height: 40px;
    flex-shrink: 0; 
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(234, 179, 8, 0.1);
    border-radius: 8px;
    margin-right: 12px;
    transition: all 0.3s ease;
}

.ty-contact-item:hover .ty-icon-wrapper {
    background-color: #eab308;
    color: #fff;
}

.ty-content {
    flex-grow: 1;
}

.ty-text-large {
    font-size: 1.1rem;
    letter-spacing: 0.5px;
}

.ty-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.ty-hours-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ty-hour-row {
    display: flex;
    align-items: center;
}

.ty-label {
    width: 130px;
    
}

.ty-value {
    font-weight: 700;
}

/* Bù trừ vị trí icon khi có nhiều dòng */
.mt-offset {
    margin-top: 2px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.sc-lien-he .lien-he{
		max-width:100%!important;
	}
	.sc-lien-he .lien-he .text-gradient-gold p{
		margin:0;
	}
	.ty-hour-row{
		display: inline;
	}
}