/*  */
/* Luôn hiển thị, không ẩn khi không hover */
.slider-chay-muot .flickity-prev-next-button {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  pointer-events: auto !important;
  width: 40px !important;
  height: 40px !important;
  background: rgb(34, 70, 143) !important;
  box-shadow: none !important;
  border: none !important;
  top: auto !important;
  bottom: -80px !important;
  transform: none !important;
  transition: background 0.3s ease !important;
}

.slider-chay-muot .flickity-prev-next-button:hover {
  background: rgb(160, 128, 105) !important;
}

.slider-chay-muot .flickity-prev-next-button .flickity-button-icon {
  color: #fff !important;
}

/* Nút trái bo góc trên trái + dưới phải */
.slider-chay-muot .flickity-prev-next-button.previous {
  left: auto !important;
  right: 56px !important;
  border-radius: 12px 0 12px 0 !important;
}

/* Nút phải bo góc trên phải + dưới trái */
.slider-chay-muot .flickity-prev-next-button.next {
  right: 0 !important;
  left: auto !important;
  border-radius: 0 12px 0 12px !important;
}
.slider-chay-muot {
  padding-bottom: 0px !important;
  overflow: visible !important;
}

.slider-chay-muot .flickity-prev-next-button {
  bottom: -55px !important;
}
/* footer  */
.call-box {
  background: #fff;
  border-radius: 0px 32px 0px 32px;
  padding: 36px 48px;
  display: inline-block;
  text-align: center;
}

.call-box__phone {
  display: block;
  font-size: 36px;
  color: #22468f;
  text-decoration: none;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
	font-weight: 600;
}

.call-box__title {
  font-size: 12px;
  color: #22468f;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

/* Blog */
/* *****************Blog Relate************** */
.bai-viet-lien-quan {
  margin: 24px 0;
}

.bai-viet-lien-quan h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #333;
}

.bai-viet-lien-quan ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.bai-viet-lien-quan li {
  background: #fff;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bai-viet-lien-quan li:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.bai-viet-lien-quan li:hover .box-image img {
  transform: scale(1.05);
}

.tieu-de-bai-viet {
  padding: 13px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #333;
  transition: color 0.3s ease;
}

.bai-viet-lien-quan li a:hover .tieu-de-bai-viet {
  color: #0066cc;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
  .bai-viet-lien-quan ul {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
  }

  .box-image {
    height: 180px;
  }

  .tieu-de-bai-viet {
    font-size: 15px;
    padding: 12px;
  }
}

@media (max-width: 480px) {
  .bai-viet-lien-quan ul {
    grid-template-columns: 1fr;
  }

  .box-image {
    height: 100%;
  }
}
.entry-content .bai-viet-lien-quan ul,
.single-post .entry-content .bai-viet-lien-quan ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.entry-content .bai-viet-lien-quan li,
.single-post .entry-content .bai-viet-lien-quan li {
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
	border-radius: 0 24px 0 24px;
}
.entry-content .bai-viet-lien-quan li::before,
.single-post .entry-content .bai-viet-lien-quan li::before {
  content: none !important;
}

/* (Tùy chọn) Bật lưới cho đẹp */
.entry-content .bai-viet-lien-quan ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
@media (max-width: 1024px) {
  .entry-content .bai-viet-lien-quan ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .entry-content .bai-viet-lien-quan ul {
    grid-template-columns: 1fr !important;
  }
}

.entry-content .bai-viet-lien-quan > h2 {
  margin: 0 0 12px !important;
}
.bai-viet-lien-quan .box-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #f5f5f5;
}

.bai-viet-lien-quan .box-image a {
  display: block;
  width: 100%;
  height: 100%;
}

.bai-viet-lien-quan .box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
/* Thu hẹp nội dung page-title vào trong */
/* Ảnh nền hiển thị đầy đủ 100% */
.page-title.blog-featured-title .title-bg.fill {
  background-size: cover !important; /* Đảm bảo ảnh phủ kꫝ 100% */
  background-position: center center !important; /* Căn giữa ảnh */
  height: 100% !important; /* Chiều cao 100% */
  min-height: 500px; /* Chiều cao tối thiểu */
}

/* Container chính cao hơn để hiện ảnh đầy đủ */
.page-title.blog-featured-title {
  height: auto;
}

/* Nếu muốn ảnh hiển thị TOÀN BỘ không bị crop */
.page-title.blog-featured-title .title-bg.fill {
  background-size: contain !important; /* Hiện toàn bộ ảnh */
  background-repeat: no-repeat !important;
}

/* HOẶC để ảnh phủ đầy và cao hơn */
.page-title.blog-featured-title .title-bg.fill {
  background-size: 100% auto !important; /* Rộng 100%, cao tự động */
  min-height: 500px !important;
}
.post-sidebar {
  align-self: flex-start !important;
  position: sticky !important;
  top: 20px !important;
  z-index: 10 !important;
}

/* ------------------------------------------------------------------------ */
/*  */
p {
  margin-bottom: 15px;
  line-height: 1.6;
}
.banner h1,
.banner h2,
.banner h3 {
  line-height: 1.2;
}
.service-box {
  transition: all 0.3s ease;
}
.service-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.section1 {
  position: relative;
} 
.img-border {
  position: relative;
}
.img-border::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 0 50px 0 50px;
  z-index: 0;
  pointer-events: none;
}
.img-border .img-inner {
  position: relative;
  z-index: 1;
  border-radius: 0 40px 0 40px;
  overflow: hidden;
}
.textbox-custom .text-box-content:hover {
  border-color: #6b3a2a !important; /* màu đà đậm */
}
.textbox-custom .is-border {
  border-color: rgb(207, 181, 181) !important;
  border-radius: 40px 0 40px 0 !important;
  border-width: 1px !important;
}
.textbox-custom {
  border: 2px solid transparent !important;
  border-radius: 0 32px 0 32px!important;
  transition: border-color 0.3s ease !important;
  background: #fff;
  overflow: hidden;
}
.textbox-custom:hover {
  border-color: #6b3a2a !important;
} /* Nút call-us hover - đổi màu 2 phần cho nhau */
.textbox-custom .call-us {
  border-radius: 0 15px 0 15px;
  overflow: hidden;
  cursor: pointer;
}
.textbox-custom .call-us-label {
  transition: background 0.3s ease;
}
.textbox-custom .call-us-number {
  transition: background 0.3s ease;
}
.textbox-custom .call-us:hover .call-us-label {
  background: rgb(184, 150, 126);
}
.textbox-custom .call-us:hover .call-us-number {
  background: #1a2340;
} /* text line .........*/
.section-badge {
  display: inline-flex;
  gap: 10px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000;
}
.leaf {
  width: 22px;
  height: 22px;
  background: rgb(34, 70, 143);
  border-radius: 0% 50%;
  flex-shrink: 0;
}
.leaf-right {
  transform: rotate(180deg);
} /* Card bo góc trên trái + dưới phải */
.col.service .banner {
  overflow: hidden;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease;
  background-color: #fff !important;
}
.col.service .banner:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
} /* Hình tròn góc trên phải */
.col.service .banner-inner::before {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  right: 0;
  background: #22468f;
  border-radius: 0 0 0 50%;
  z-index: 1;
  pointer-events: none;
}
.banner .banner-layers,
.banner .banner-layers *,
.header-nav,
.button,
a {
    pointer-events: auto !important;
}

/* Mô tả */
.col.service h4 + p {
  color: #888 !important;
  font-size: 0.95rem !important;
} /* Đường kẻ dọc bên phải logo - full height */
#logo {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  padding-right: 24px;
  margin-right: 8px;
  align-self: stretch; /* kéo dài full chiều cao masthead */
  display: flex;
  align-items: center;
} /* Đường kẻ ngang bên dưới masthead */
#masthead {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
} /* Đường kẻ ngang giữa top-bar và masthead */
#masthead {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
} /* Icon màu #B8967E */
#header-contact .icon-envelop,
#header-contact .icon-clock,
#header-contact .icon-phone,
.social-icons .icon-facebook,
.social-icons .icon-instagram,
.social-icons .icon-twitter,
.social-icons .icon-envelop {
  color: #fff !important;
} 
.header-call__left,
.header-call__right {
  transition: all 0.3s ease;
}
.header-call:hover .header-call__left {
  background: #22468f;
}
.header-call {
  display: inline-flex;
  align-items: center;
  border-radius: 0 15px 0 15px;
  overflow: hidden;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  transition: all 0.3s ease;
	border: 1px solid #22468f; 
} /* LEFT */
.header-call__left {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  height: 48px;
  background: #22468f;
  color: #fff;
  font-size: 13px;
} /* RIGHT */
.header-call__right {
  display: flex;
  align-items: center;
  padding: 0 22px;
  height: 48px;
  background: #fff;
  color: #22468f;
  font-size: 14px;
} /* ICON */
.header-call__left svg {
  fill: #fff;
  flex-shrink: 0;
} /* HOVER */
.header-call:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}
.header-call__left,
.header-call__right {
  transition: all 0.3s ease;
}
.header-call:hover .header-call__left {
  background: #22468f;
}
.header-call:hover .header-call__right {
  background: #1a2340;
}
.header-call:hover .header-call__right {
  background: #1a2340;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  width: 100% !important;
  font-size: 15px !important;
  color: #333 !important;
  outline: none !important;
} /* Placeholder */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #999 !important;
  font-size: 15px !important;
} /* Focus */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-bottom-color: #b8967e !important;
} /* Textarea */
.wpcf7 textarea {
  resize: vertical !important;
  min-height: 120px !important;
} /* Nút Send Now */
.wpcf7 input[type="submit"] {
  background: #22468f !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0px 12px 0px 12px !important;
  padding: 12px 36px !important;
		font-size: 13px;
		font-weight: 500;
}
.wpcf7 input[type="submit"]:hover {
  background: #ffff !important;
	border: 1px solid #22468f !important;
		color: #22468f !important;
}
.support-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  max-width: 280px;
}
.support-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1.5px solid #22468f;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.2rem;
}
.support-icon svg {
  width: 26px;
  height: 26px;
  fill: #22468f;
}
.support-title {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 0.8rem;
  color: #1a1a1a;
}
.support-text {
  font-size: 12px;
  color: #777;
  line-height: 1.8;
  margin: 0;
}
.location-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 8px;
  text-align: center;
  max-width: 280px;
}
.location-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1.5px solid #22468f;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.2rem;
}
.location-icon svg {
  width: 26px;
  height: 26px;
  fill: #22468f;
}
.location-title {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 0.6rem;
  color: #1a1a1a;
}
.location-text {
  font-size: 12px;
  color: #777;
  line-height: 1.7;
  margin: 0;
}
.imgbox-custom {
  overflow: hidden;
  background: #fff;
  text-align: center;
}
.imgbox-custom .box-image img {
  border-radius: 15px 0 15px 0;
}
.imgbox-custom .box-text {
  padding: 1.2rem 1rem 1.5rem;
}
.imgbox-custom .box-text h4 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #1a1a1a;
  margin: 0 0 0.4rem;
}
.imgbox-custom .box-text p {
  font-size: 0.9rem;
  color: #c9a98a;
  margin: 0;
}
.pf-wrap {
  max-width: 320px;
  padding: 1rem 0;
}
.pf-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pf-list > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.65rem 0;
  border-bottom: 1px solid #f0f0f0;
  gap: 12px;
}
.pf-list > li:last-child {
  border-bottom: none;
}
.pf-label {
  align-items: center;
  gap: 7px;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
}
.pf-label svg {
  width: 20px;
  height: 20px;
  fill: #c9a98a;
  flex-shrink: 0;
}
.pf-value {
  font-size: 0.82rem;
  color: #777;
  text-align: right;
} /* Vòm nền phía sau ảnh */
.box.has-hover .box-image {
  position: relative;
  margin: 0 auto;
}
.box.has-hover .box-image::before {
  content: "";
  position: absolute;
  bottom: -10%;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  height: 75%;
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  z-index: 0;
}
.box.has-hover .box-image .box-image-inner {
  position: relative;
  z-index: 1;
  border: 3px solid #c9a98a !important;
} /* Social icons tròn màu nâu */
.box .social-icons a.button.circle {
  background: #c9a98a !important;
  border-color: #c9a98a !important;
  color: #fff !important;
}
.box .social-icons a.button.circle i {
  color: #fff !important;
  font-size: 14px;
}
.box .social-icons a.button.circle:hover {
  background: #b08e6e !important;
  border-color: #b08e6e !important;
} /* Căn giữa toàn bộ card */
.box.has-hover {
  text-align: center;
}
.box.has-hover .box-text {
  padding-top: 1rem;
}
.person-name {
  font-size: 1rem;
  font-weight: 600;
  color: #1a1a1a;
}
.person-title {
  font-size: 0.8rem;
  color: #999;
  font-weight: 300;
} /* --- CHỈ ÁP DỤNG CHO MÀN HÌNH MÁY TÍNH (PC) --- */
@media (min-width: 1025px) {
  /* 1. Thiết lập khung chuẩn cho Section */
  .section-croll {
    position: relative !important;
    overflow: hidden !important; /* Cắt phần ảnh thừa nếu section quá ngắn */
  } /* 2. Ép lớp nền của Flatsome hiển thị full chiều cao section */
  .section-croll .section-bg.fill {
    height: 100% !important;
    top: 0 !important;
    bottom: 0 !important;
  } /* 3. Xử lý ảnh nền bên trong để không bị cắt mặt */
  .section-croll .bg-fill {
    background-image: url("https://luatsu.khesamedia.vn/wp-content/uploads/2026/04/igual-img-2.png") !important; /* CHÌA KHÓA: Đặt ảnh sát lề phải và dính vào đỉnh (để thấy mặt) */
    background-position: right top !important;
    background-repeat: no-repeat !important; /* QUAN TRỌNG NHẤT: Ép chiều cao ảnh luôn bằng đúng 100% chiều cao section. Điều này đảm bảo ảnh không bao giờ bị cắt mất đỉnh hay chân, bất kể section dài hay ngắn. Chiều rộng sẽ tự động co giãn theo. */
    background-size: auto 100% !important; /* Dùng scroll để ảnh bám theo section khi cuộn chuột */
    background-attachment: scroll !important;
    opacity: 1 !important;
    visibility: visible !important;
  } /* 4. Đảm bảo nội dung (chữ, slider) nằm trên ảnh */
  .section-content {
    position: relative;
    z-index: 5;
  }
} /* --- XỬ LÝ CHO MOBILE (để ảnh làm nền mờ, không che chữ) --- */
@media (max-width: 1024px) {
  .section-croll .bg-fill {
    background-image: url("https://luatsu.khesamedia.vn/wp-content/uploads/2026/04/igual-img-2.png") !important;
    background-size: contain !important;
    background-position: right center !important;
    background-attachment: scroll !important;
    opacity: 0.15 !important; /* Làm mờ ảnh trên mobile */
  }
} /* Reset p tags tự sinh trong ck-card */
.ck-card > p:empty,
.ck-card div > p:empty {
  display: none;
  margin: 0;
  padding: 0;
} /* Grid 4 cột */
.ck-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
} /* Card */
.ck-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
}
.ck-card {
  background: #fff;
  border: 1px solid #ead9cf;
  border-radius: 14px;
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  align-items: center;
} /* Icon */
.ck-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: #e8c9b8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
} /* Divider */
.ck-divider {
  width: 28px;
  height: 2px;
  background: #b8967e;
  border-radius: 99px;
} /* Text */
.ck-num {
  font-size: 10px;
  font-weight: 600;
  color: #9c6b52;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.ck-title {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.4;
}
.ck-grid > p,
.ck-card > p {
  display: none !important;
}
.ck-desc {
  font-size: 14px;
  color: #666;
}
@media (max-width: 768px) {
  .ck-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .ck-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .ck-grid {
    grid-template-columns: 1fr !important;
  }
}
/* Blog */ /* === SEARCH === */ /* Ẩn label */
.wp-block-search__label {
  display: none !important;
} /* Reset form */
.wp-block-search.wp-block-search__button-outside {
  display: block !important;
} /* Wrapper flex */
.wp-block-search__inside-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  border: 1px solid #ddd !important;
  border-radius: 0px 12px 0 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
} /* Input chiếm hết khoảng trống */
.wp-block-search__inside-wrapper .wp-block-search__input {
  all: unset !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  color: #333 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
.wp-block-search__inside-wrapper .wp-block-search__input::placeholder {
  color: #bbb !important;
} /* Nút cố định, không giãn */
.wp-block-search__inside-wrapper .wp-block-search__button {
  all: unset !important;
  flex: 0 0 auto !important;
  background: #22468f !important;
  color: #fff !important;
  padding: 12px 22px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
.wp-block-search__inside-wrapper .wp-block-search__button:hover {
  background: #9a7a5a !important;
} /* === LATEST POSTS HEADING === */
.flatsome_recent_posts .widget-title span {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  letter-spacing: 0;
  text-transform: none;
  display: flex;
  align-items: center;
}
.flatsome_recent_posts .widget-title span::after {
  content: "";
  width: 40px;
  height: 2px;
  background: #b08d6a;
  border-radius: 2px;
  display: inline-block;
  flex: unset;
}
.is-divider {
  display: none;
} /* === POST LIST === */
.flatsome_recent_posts ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.recent-blog-posts-li {
  border-bottom: 1px solid #f0ece8;
}
.recent-blog-posts-li:last-child {
  border-bottom: none;
}
.recent-blog-posts {
  display: flex;
  align-items: flex-start;
  padding: 14px 0 !important;
  text-decoration: none;
}
.recent-blog-posts a {
  font-size: 14px;
  line-height: 1.3;
}
.recent-blog-posts:hover a {
  color: #b08d6a;
} /* === THUMBNAIL === */
.badge.post-date {
  width: 72px !important;
  height: 64px !important;
  border-radius: 0px 12px 0 12px;
  overflow: hidden;
  border: none !important;
  flex-shrink: 0;
} /* === POST NAVIGATION === */
.navigation-post .flex-row.next-prev-nav {
  border-top: none !important;
  border-bottom: none !important;
  background: #faf7f4;
  border-radius: 8px;
  padding: 0 !important;
  display: flex;
}
.navigation-post .flex-col {
  padding: 0 !important;
}
.navigation-post .nav-previous a,
.navigation-post .nav-next a {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 24px;
  text-decoration: none;
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
.navigation-post .nav-previous a:hover,
.navigation-post .nav-next a:hover {
  color: #b08d6a;
} /* Icon mũi tên trong ô vuông */
.navigation-post .nav-previous a .hide-for-small,
.navigation-post .nav-next a .hide-for-small {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #b08d6a;
  border-radius: 6px;
  flex-shrink: 0;
  color: #fff;
  font-size: 16px;
} /* comment */
#comments .comment-respond {
  display: none;
} /* luatsu */
box.luat-su {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e9e9e9;
  background: #fff;
}
.box.luat-su1 .box-text {
  padding: 14px 16px 14px;
} /* Container nội dung dọc */
.box.luat-su1 .box-text-inner {
  display: flex;
  flex-direction: column;
} /* Chặn việc canh left bị phá layout */
.box.luat-su1 .text {
  margin: 0;
} /* Kinh nghiệm */
.box.luat-su1 .text.icon-kinhnghiem p {
  margin: 0;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.2px;
  color: #b07a1d; /* tông vàng giống mẫu */
  text-transform: uppercase;
} /* Nút full trong cột */
.box.luat-su1 .button {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 12px;
  font-weight: 700;
  border-radius: 6px;
  text-decoration: none;
} /* Style nút theo class của bạn */
.box.luat-su1 .hoso-btn {
  background: #22468f;
  border: 1px solid #0b2a45;
  color: #fff;
}
.box.luat-su1 .hoso-btn:hover {
  background: #08324f;
  border-color: #08324f;
}
.box.luat-su1 .contact-btn {
  background: #fff;
  border: 1px solid #e3b77a;
  color: #b7792f;
}
.box.luat-su1 .contact-btn:hover {
  background: #c5842a;
  border-color: #d8a45b;
  color: #fff;
} /* ===== Bằng cấp ===== */
.text-bangcap p {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #2c3e50;
  font-size: 15px;
}
.text-bangcap p::before {
  content: "";
  width: 22px;
  height: 42px;
  display: inline-block;
  background: url("data:image/svg+xml;utf8,<svg fill='%23f4b400' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3L1 9l11 6 11-6-11-6zm0 8.3L4.2 9 12 5.7 19.8 9 12 11.3z'/></svg>")
    no-repeat center/contain;
} /* ===== Lĩnh vực ===== */
.text-linhvuc p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  margin: 6px 0;
  background: #eef1f4;
  border-radius: 999px;
  color: #2c3e50;
  font-size: 15px;
}
.text-linhvuc p::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("data:image/svg+xml;utf8,<svg fill='%23f4b400' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l7 4v6c0 4.4-3 8.5-7 9-4-0.5-7-4.6-7-9V6l7-4z'/></svg>")
    no-repeat center/contain;
} /* gioi-thieu */ /* ===== STRENGTHS ===== */ /* HEAD */
.label {
  color: var(--gold);
  font-size: 0.75rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  opacity: 0.9;
}
.section-head p {
  color: rgba(245, 242, 237, 0.65);
  max-width: 640px;
  margin: 0 auto;
  line-height: 1.6;
} /* GRID */
.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
} /* CARD */
.s-card {
  position: relative;
  padding: 2rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(245, 242, 237, 0.08);
  background: rgba(245, 242, 237, 0.04);
  backdrop-filter: blur(10px);
  transition: all 0.35s ease;
}
.s-card:hover {
  border-color: rgba(184, 150, 126, 0.4);
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
} /* bar */
.s-card .bar {
  position: absolute;
  top: 0;
  left: 2rem;
  width: 2.5rem;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: #fff;
  transition: width 0.3s;
}
.s-card:hover .bar {
  width: 4rem;
} /* ICON */
.s-card .icon-circle {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid rgb(139 98 71);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  background: #fff;
  transition: all 0.3s;
}
.s-card:hover .icon-circle {
  background: #142d60;
}
.s-card .icon-circle svg {
  width: 1.2rem;
  height: 1.2rem;
  color: rgb(129 110 97);
} /* TEXT */
.s-card h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 0.8rem;
  font-weight: 500;
}
.s-card p {
  color: rgba(245, 242, 237, 0.65);
  font-size: 16px;
  line-height: 1.7;
} /* camket */ /* GRID */
.law-commit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
} /* CARD */
.law-commit-card {
  position: relative;
  padding: 24px;
  border-radius: 0.5rem;
  background: #fff;
  border: 1px solid rgb(193 159 126);
  transition: all 0.4s;
}
.law-commit-card:hover {
  border-color: rgba(212, 175, 55, 0.4); /* gold */
  box-shadow: 0 12px 30px rgba(212, 175, 55, 0.12);
} /* ICON */
.law-commit-icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  border: 1px solid rgb(129 110 97);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  background: #c3aa8f;
  transition: all 0.4s;
}
.law-commit-card:hover .law-commit-icon {
  border-color: #d4af37;
  background: linear-gradient(135deg, #b8965e, #d4af37, #f3d27a);
}
.law-commit-icon svg {
  width: 1.3rem;
  height: 1.3rem;
  color: rgb(129 110 97);
  transition: color 0.4s;
}
.law-commit-card:hover .law-commit-icon svg {
  color: #0f172a;
} /* TEXT */
.law-commit-card h3 {
  font-size: 1.05rem;
  margin-bottom: 1rem;
  color: #000; /* cream */
} /* LIST */
.law-commit-card ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.law-commit-card li {
  display: flex;
  font-size: 14px;
  gap: 0.5rem;
  color: #000;
}
.law-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d4af37;
  flex-shrink: 0;
  margin-top: 0.5rem;
} /* NUMBER */
.law-commit-num {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid rgb(129 110 97);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(129 110 97);
}
.sv-wrap {
  max-width: 340px;
  background: #fff;
  padding: 1.5rem 1.2rem;
}

.sv-heading {
  font-size: 1.05rem;
  font-weight: 500;
  color: #1a1a1a;
  margin: 0 0 1.2rem;
  display: flex;
  align-items: center;
  gap: 12px;
}

.sv-heading::after {
  content: "";
  flex: 1;
  height: 2px;
  background: #c9a98a;
  border-radius: 2px;
}

.sv-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sv-item {
  border-bottom: 1px solid #f0f0f0;
}

.sv-item:last-child {
  border-bottom: none;
}

.sv-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 0.8rem;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #1a1a1a;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

.sv-item a svg {
  width: 16px;
  height: 16px;
  stroke: #c9a98a;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  transition: stroke 0.2s;
}

.sv-item a:hover {
  background: #c9a98a;
  color: #fff;
}

.sv-item a:hover svg {
  stroke: #fff;
}

.sv-item.active a {
  background: #c9a98a;
  color: #fff;
}

.sv-item.active a svg {
  stroke: #fff;
}

.ci-wrap {
  max-width: 320px;
  padding: 1.5rem;
}

.ci-heading {
  font-size: 1.05rem;
  font-weight: 500;
  color: #1a1a1a;
  margin: 0 0 1.2rem;
  display: flex;
  align-items: center;
  gap: 12px;
}

.ci-heading::after {
  content: "";
  flex: 1;
  height: 2px;
  background: #c9a98a;
  border-radius: 2px;
}

.ci-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ci-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.ci-icon {
  width: 38px;
  height: 38px;
  background: #c9a98a;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ci-icon svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

.ci-text {
  font-size: 0.88rem;
  color: #555;
  line-height: 1.6;
  padding-top: 6px;
}
.feat-wrap {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

/* GRID CHUẨN → icon + content */
.feat-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  column-gap: 28px;
		 border: 1px solid rgba(184,150,126,0.25);
		padding: 16px;
		border-radius: 12px;
}

.feat-icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: rgba(184, 150, 126, 0.15); /* nền nâu nhạt */
  display: flex;
  align-items: center;
  justify-content: center;
}

.feat-icon svg {
  width: 32px;
  height: 32px;
  fill: #b8967e;
}

/* CONTENT */
.feat-title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #2c3e50;
}

.feat-desc {
  margin: 6px 0 0;
  font-size: 15px;
  line-height: 1.6;
  color: #6b7280;
}/* button */
.button-custom {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.tag-list-custom{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}

.tag-list-custom a{
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  background:#eef1f5;
  border:1px solid #d8dde6;
  border-radius:999px;
  color:#4b5563;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  transition:all .2s ease;
}

.tag-list-custom a:hover{
  background:#22468f;
  border-color:#22468f;
  color:#fff;
}

/* Giang-vien */
.giangvien-col {
  flex: 1 1 calc(50% - 14px);
  min-width: 280px;
  box-sizing: border-box;
}
 
/* Card */
.giangvien-col .col-inner {
  background: #ffffff;
  border: 1.5px solid #22468f;
  border-top: 4px solid #22468f;
  border-radius: 12px;
  padding: 28px 28px 26px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
 
/* =============================================
   BLOCK GIẢNG VIÊN: ảnh trái + text phải
   ============================================= */
 
.icon-giangvien {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 24px;
}
 
/* Ảnh: viền vàng gradient, bo góc */
.icon-giangvien .icon-box-img {
  flex-shrink: 0;
  border-radius: 12px;
  padding: 3px;
  background: #22468f;
  box-sizing: border-box;
}
 
.icon-giangvien .icon-box-img .icon {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
 
.icon-giangvien .icon-box-img .icon-inner {
  display: block;
}
 
.icon-giangvien .icon-box-img .icon-inner img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}
 
/* Text bên phải ảnh */
.icon-giangvien .icon-box-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 6px;
}
 
/* Nhãn GIẢNG VIÊN 01 */
.icon-giangvien .icon-box-text::before {
  content: attr(data-number);
  display: block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #22468f;
  margin-bottom: 7px;
}
 
/* Tên luật sư */
.icon-giangvien .icon-box-text h3 {
  font-size: 24px;
  color: #1b2e5e;
  margin: 0 0 8px 0;
  line-height: 1.25;
}
 
/* Chức danh */
.icon-giangvien .icon-box-text p {
  font-size: 16px;
  color: #6b7280;
  margin: 0;
  line-height: 1.55;
}
 
/* =============================================
   BLOCK CHUYÊN MÔN: icon vuông + text
   ============================================= */
 
.icon-chuyenmon {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding: 13px 0;
  border-top: 1px solid #f0eadc;
}
 
/* Icon wrapper: hình vuông bo góc, nền xanh nhạt */
.icon-chuyenmon .icon-box-img {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  min-width: 42px;
  background: #e8edf8;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
 
.icon-chuyenmon .icon-box-img .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
 
.icon-chuyenmon .icon-box-img .icon-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.icon-chuyenmon .icon-box-img .icon-inner img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
  /* Tô màu icon thành xanh navy */
  filter: brightness(0) saturate(100%)
    invert(14%) sepia(55%) saturate(700%)
    hue-rotate(210deg) brightness(85%);
}
 
/* Text bullet */
.icon-chuyenmon .icon-box-text {
  flex: 1;
  min-width: 0;
}
 
.icon-chuyenmon .icon-box-text p {
  font-size: 14px;
  color: #374151;
  margin: 0;
  line-height: 1.6;
}
 
/* =============================================
   BUTTONS
   ============================================= */
 
.giangvien-buttons {
  display: flex;
  gap: 14px;
  margin-top: 26px;
  flex-wrap: wrap;
}
 
/* Nút 1: nền xanh navy đậm */
.btn-xem-chitiet {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 22px;
  background: #1b2e5e;
  color: #ffffff !important;
  border: 2px solid #1b2e5e;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s;
  white-space: nowrap;
}
 
.btn-xem-chitiet:hover {
  background: #253e7a;
  border-color: #253e7a;
}
 
/* Nút 2: viền nhạt, nền trong suốt */
.btn-lienhe {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 22px;
  background: transparent;
  color: #374151 !important;
  border: 1.5px solid #ccc6b5;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s;
  white-space: nowrap;
}
 
.btn-lienhe:hover {
  background: #f5f2ea;
  border-color: #a89e88;
}
 
/* =============================================
   UTILITIES
   ============================================= */
 
.featured-box { }
.icon-box-left { text-align: left; }
.text-left { text-align: left; }
.last-reset { flex: 1; }
 
/* =============================================
   RESPONSIVE
   ============================================= */
 
@media (max-width: 800px) {
  .giangvien-col {
    flex: 1 1 100%;
  }
}
 
@media (max-width: 480px) {
  .giangvien-col .col-inner {
    padding: 20px 16px 18px;
  }
  .icon-giangvien {
    flex-direction: column;
    align-items: flex-start;
  }
  .icon-giangvien .icon-box-text h3 {
    font-size: 20px;
  }
}
 
/* =============================================
   HOVER EFFECTS
   ============================================= */
 
/* Card: nâng nhẹ khi hover */
.giangvien-col .col-inner {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
 
.giangvien-col .col-inner:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(27, 46, 94, 0.12);
  border-color: #22468f;
}
 
/* Ảnh: scale nhẹ khi hover card */
.giangvien-col .col-inner:hover .icon-giangvien .icon-box-img {
  box-shadow: 0 6px 20px rgba(184, 149, 42, 0.35);
  transition: box-shadow 0.25s ease;
}
 
.giangvien-col .col-inner:hover .icon-giangvien .icon-box-img .icon-inner img {
  transform: scale(1.04);
  transition: transform 0.3s ease;
}
 
.icon-giangvien .icon-box-img .icon-inner img {
  transition: transform 0.3s ease;
}
 
/* Tên luật sư: chuyển màu khi hover card */
.icon-giangvien .icon-box-text h3 {
  transition: color 0.2s ease;
}
 
.giangvien-col .col-inner:hover .icon-giangvien .icon-box-text h3 {
  color: #b8952a;
}
 
/* Icon bullet: nền đậm hơn khi hover từng item */
.icon-chuyenmon {
  transition: background 0.18s ease;
  border-radius: 8px;
  padding-left: 6px;
  padding-right: 6px;
  margin-left: -6px;
  margin-right: -6px;
}
 
.icon-chuyenmon:hover {
  background: #f5f2ea;
}
 
.icon-chuyenmon:hover .icon-box-img {
  background: #1b2e5e;
  transition: background 0.2s ease;
}
 
.icon-chuyenmon .icon-box-img {
  transition: background 0.2s ease;
}
 
.icon-chuyenmon:hover .icon-box-img .icon-inner img {
  filter: brightness(0) invert(1);
  transition: filter 0.2s ease;
}
 
.icon-chuyenmon .icon-box-img .icon-inner img {
  transition: filter 0.2s ease;
}
 
/* Nút Xem chi tiết */
.btn-xem-chitiet {
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
 
.btn-xem-chitiet:hover {
  background: #253e7a;
  border-color: #253e7a;
  transform: translateX(3px);
  box-shadow: 0 4px 14px rgba(27, 46, 94, 0.25);
}
 
/* Nút Liên hệ */
.btn-lienhe {
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
 
.btn-lienhe:hover {
  background: #f5f2ea;
  border-color: #b8952a;
  color: #b8952a !important;
}
 

/* giới thiệu page */

.gioithieu-col .col-inner {
  background: #fff;
  border: 1px solid #22468F;
  border-radius: 12px;
  padding: 28px;
  box-sizing: border-box;
}

/* Icon header */
.gioithieu-col .icon-box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.gioithieu-col .icon-box-img .icon-inner {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #1a3f6f;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gioithieu-col .icon-box-img .icon-inner img {
  width: 26px;
  height: 26px;
  filter: invert(1) brightness(10);
}

.gioithieu-col .icon-box-text h3 {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1 !important;
  margin: 0 !important;
}

/* Tên công ty */
.gioithieu-col h3 span[data-text-color="secondary"] {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  display: block;
  margin-bottom: 4px;
}

/* Tên đầy đủ */


/* Danh sách dịch vụ */
.gioithieu-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gioithieu-col ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13.5px;
  color: #555;
}

.gioithieu-col ul li::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #1a3f6f;
  color: #1a3f6f;
  font-size: 11px;
  flex-shrink: 0;
  margin-top: 1px;
}
.text-camket {
  border-left: 3px solid #1a3f6f;
  padding: 20px 32px;
  background: #e5e9f3;
  border-radius: 8px 8px 8px 8px;
}

.text-camket p {
  font-size: 16px;
  font-style: italic;
  line-height: 1.85;
  color: #2a4a8f;
  margin: 0;
}

.col.post-item .col-inner {
  padding: 0;
}

/* Blog */
.col.post-item .box-blog-post {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 0px 18px 0px 18px;
  transition: border-color 0.2s ease;
}

.col.post-item .box-blog-post:hover {
  border-color: #c0c0c0;
}

.col.post-item .post-title {
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 0.6rem;
}

.col.post-item .post-title a {
  color: #1a1a1a;
  text-decoration: none;
	text-transform: uppercase;
}

.col.post-item .post-title a:hover {
  color: #22468f;
}

.col.post-item .post-meta {
  font-size: 12px;
  color: #999999;
  margin-bottom: 0.75rem;
  opacity: 1 !important;
}

.col.post-item .is-divider {
  height: 1px;
  background: #eeeeee;
  margin: 0.75rem 0;
  border: none;
}

.col.post-item .button.is-outline {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #555555;
  background: transparent;
  border: 1px solid #22468f;
  border-radius: 0 12px 0 12px;
  padding: 5px 14px;
  text-decoration: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  margin-bottom: 0 !important;
}

.col.post-item .button.is-outline:hover {
  background: #22468f;
  border-color: #b0b0b0;
  color: #fff;
}
.box-blog-post .box-text {
    padding: 0px 16px 32px 24px;
}
.box-blog-post .box-image img {
    border-radius: 0px 18px 0 0;
}

/* blogg */
/* ===== Archive Hero Law Firm Style ===== */

.archive-page-header{
    position: relative;
    overflow: hidden;
    padding: 120px 30px;
    margin-bottom: 50px;
    background:      url('https://luatsu.khesamedia.vn/wp-content/uploads/2026/05/banner.webp');
    
    background-size: cover;
    background-position: center;
}

/* overlay glow */
.archive-page-header::before{
    content:'';
    position:absolute;
    inset:0; 
    pointer-events:none;
}

/* container */
.archive-page-header .row{
    position: relative;
    z-index: 2;
}

/* title */
.archive-page-header .page-title{
    margin:0;
    font-size: 44px;
    text-transform:none;
    color:#22468f;
}

/* label */
.archive-page-header .page-title{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
}

/* title highlight */
.archive-page-header .page-title span{
    position:relative;
    display:inline-block;
    color:#000;
		    text-transform: uppercase;
}

/* underline glow */
.archive-page-header .page-title span::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:-12px;
    transform:translateX(-50%);   
    width:90px;
    height:4px;
    border-radius:999px;   
}

/* optional description */
.archive-page-header .taxonomy-description{
    max-width:760px;
    margin:30px auto 0;
    font-size:16px;
    line-height:1.8;
    color:rgba(255,255,255,.78);
}

/* mobile */
@media (max-width:768px){

    .archive-page-header{
        padding:60px 20px;
        border-radius:0 0 24px 24px;
    }

    .archive-page-header .page-title{
        font-size:32px;
    }

}
.page-wrapper {
		padding-top: 0px;
}

/* ===== Article Card Hover ===== */
.single-post .article-inner{
    position: relative;
    background: #fff;
    padding: 40px;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
    border: 1px solid rgba(15,31,75,.06);
    box-shadow:
        0 4px 20px rgba(15,31,75,.04);
}
/* hover effect */
.single-post .article-inner:hover{
    transform: translateY(-6px);
    box-shadow:
        0 20px 60px rgba(15,31,75,.10),
        0 8px 24px rgba(15,31,75,.08);
    border-color: rgba(15,31,75,.08);
}

/* single-blog */
.blog-featured-title .page-title-bg,
.blog-featured-title .page-title-bg.fill {
  background-image: url('https://luatsu.khesamedia.vn/wp-content/uploads/2026/05/banner.webp') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Màu chữ category xanh */
.page-title-inner.dark .entry-category a {
  color: #22468f !important;
		font-size: 14px;
  text-shadow: none !important;
}

/* Tiêu đề đen, nền trắng mờ */
.page-title-inner.dark .entry-title {
  color: #111111 !important;
  text-shadow: none !important;
  padding: 10px 20px;
  border-radius: 5px;
				text-transform: uppercase !important;
}
.title-overlay {
		background-color: rgb(255 255 255 / 0%) !important;
}

.list a {
		color: #22468f !important;
}

/* ===== Dịch vụ cards ===== */
.dichvu-custom .col-inner {
  padding: 4px;
}

.dichvu-custom .icon-box.custom-dv {
  background: #ffffff;
  border: 0.5px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 12px 0 12px;
  padding: 24px 20px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  transition: border-color 0.2s ease;
}

.dichvu-custom .icon-box.custom-dv:hover {
  border-color: rgba(0, 0, 0, 0.22);
}

/* Icon wrapper */
.dichvu-custom .icon-box.custom-dv .icon-box-img {
  flex-shrink: 0;
  width: 72px !important;
  height: 72px !important;
  background: #f5f5f3;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}




/* ===== MOBILE ===== */
@media (max-width: 767px) {

  /* 2 card xuống 1 cột */
  .dichvu-custom {
    flex-direction: column !important;
  }

  .dichvu-custom .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .dichvu-custom .col-inner {
    padding: 4px 0;
  }

  /* Card layout ngang: icon trái, text phải */
  .dichvu-custom .icon-box.custom-dv {
    padding: 16px;
    gap: 8px;
    align-items: center;
  }

  /* Icon nhỏ gọn hơn trên mobile */
  .dichvu-custom .icon-box.custom-dv .icon-box-img {
    width: 62px !important;
    height: 62px !important;
  }

  .dichvu-custom .icon-box.custom-dv .icon-box-img img {
    width: 34px !important;
    height: 34px !important;
  }

  .dichvu-custom .icon-box.custom-dv h3 {
    font-size: 16px !important;
    margin-bottom: 4px !important;
  }

  .dichvu-custom .icon-box.custom-dv p {
    font-size: 12.5px;
    line-height: 1.6;
  }
}



/* Giữ nguyên style cũ, chỉ chỉnh spacing + size */

.location-icon,
.support-icon{
    margin-bottom:14px;
}

.location-title,
.support-title{
    font-size:14px;
    margin-bottom:10px;
    line-height:1.3;
}

.location-text,
.support-text{
    margin:0;
    font-size:12px;
}

/* khoảng cách giữa số điện thoại và email */
.support-text + .support-text{
    margin-top:4px;
}

/* bỏ khoảng trắng thừa do thẻ br */
.location-text br,
.support-text br{
    display:none;
}
.location-card,
.support-card{
    min-height:180px;
}
/* Tablet */
@media (max-width: 849px){

    .location-card,
    .support-card{
        min-height:160px;
        padding:20px 18px;
        border-radius:18px;
    }

    .location-icon,
    .support-icon{
        width:48px;
        height:48px;
        margin-bottom:12px;
    }

    .location-icon svg,
    .support-icon svg{
        width:22px;
        height:22px;
    }

    .location-title,
    .support-title{
        font-size:15px;
        margin-bottom:8px;
    }

    .location-text,
    .support-text{
        font-size:12px;
        line-height:1.6;
    }
}
.support-text a,
.location-text a{
    word-break: break-word;
    overflow-wrap: break-word;
    line-height:1.6;
}

.icon {
    flex-shrink: initial !important;
}