/*
Theme Name:Company
Description:This is a child theme for Flatsome Theme
Author:UX Themes
Template:flatsome
Version:3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family:"AvenirNext_R";
  src:url("inc/fonts/AvenirNext-Regular.ttf") format("truetype");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"AvenirNext_B";
  src:url("inc/fonts/AvenirNext-Bold.ttf")
  format("truetype");
  font-weight:700;
  font-style:normal;
}
@font-face {
  font-family:"AvenirNext_BI";
  src:url("inc/fonts/AvenirNext-BoldItalic.ttf")
  format("truetype");
  font-weight:700;
  font-style:italic;
}
@font-face {
  font-family:"AvenirNext_I";
  src:url("inc/fonts/AvenirNext-Italic.ttf")
  format("truetype");
  font-weight:normal;
  font-style:italic;
}
@font-face {
  font-family:"AvenirNext_DB";
  src:url("inc/fonts/AvenirNext-DemiBold.ttf")
  format("truetype");
  font-weight:600;
  font-style:normal;
}
@font-face {
  font-family:"AvenirNext_DBI";
  src:url("inc/fonts/AvenirNext-DemiBoldItalic.ttf")
  format("truetype");
  font-weight:600;
  font-style:italic;
}
@font-face {
  font-family:"AvenirNext_M";
  src:url("inc/fonts/AvenirNext-Medium.ttf")
  format("truetype");
  font-weight:500;
  font-style:normal;
}
body {font-family:'AvenirNext_R' !important;}
.phongvt-center {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  height:100%;
}
.phongvt-center .divider {
  margin-left:auto;
  margin-right:auto;
}
.phongvt-btn-primary {
  padding:16px 36px;
  background-color:#ff6e00;
  font-style:normal;
  font-weight:600;
  line-height:24px;
  font-size:18px;
  color:white;
  border-radius:10px;
  transition:all 0.4s
  linear;
}
.phongvt-heading-home {
  font-style:normal;
  font-weight:700;
  font-size:22px;
  color:white;
  text-transform:uppercase;
  margin-bottom:69px;
}
.phongvt-subheading {
  font-style:normal;
  font-weight:600;
  line-height:44px;
  font-size:10px;
  color:white;
  margin-bottom:25px;
}
.phongvt-iconbox .icon-box-text {transition:all 0.3s ease;}
.home_ss2 .col-inner,
.home_ss2 .col-inner .box,
.home_ss2 .col-inner .box-image,
.home_ss2 .col-inner .box-image div,
.home_ss2 .col-inner .box-image img {height:100%;}
.home_ss1,
.home_ss1 .section-content .home_ss1 img {height:100vh;}
.home_ss1a .large-12 .col-inner .bg {
  position:absolute;
  width:370px !important;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.home_ss1a {height:100vh;}
.home_ss1a .bg2 {
  position:absolute;
  top:35%;
  left:50%;
  animation:spin 100s linear infinite;
  max-width:800px;
  opacity:0.3;
}
.home_ss1a h2 {
  font-size:48px;
  font-weight:900;
  line-height:1;
  position:relative;
  z-index:9;
}
.home_ss1a h3 {
  font-size:50px;
  position:absolute;
  bottom:-340px;
}
.home_ss1 h2.phongvt-heading-home {
  font-family:'AvenirNext_B';
  font-weight:700;
  font-size:56px;
  line-height:74px;
}
.home_ss1 h3.phongvt-subheading {
  font-family:'AvenirNext_DB';
  font-size:30px;
  font-weight:600;
}
.home_ss1 h2.phongvt-heading-home span {display:block;}
.home_ss3 {height:80vh;}
.home_ss3 h2 {font-size:44px;}
.home_ss3 .large-4 .col-inner {
  height:100%;
  min-height:500px;
}
.home_ss6 {height:900px;}
.home_ss6 h2 {
  font-family:"AvenirNext_B";
  font-style:normal;
  font-weight:700;
  line-height:67px;
  font-size:50px;
  margin-top:12px;
}
.home_ss6 p {
  position:relative;
  padding-top:70px;
}
.home_ss6 p:before {
  content:'';
  background:url(https://digiworld.giaodien.org/wp-content/uploads/2025/10/quote.png) no-repeat;
  position:absolute;
  top:0;
  left:0;
  width:60px;
  height:60px;
}
#footer .row2 {
  background:url(https://digiworld.giaodien.org/wp-content/uploads/2025/10/bg-footer-address.svg) no-repeat;
  background-size:100%;
  padding:0;
}
#footer .row2 .col {padding:30px 24px;}
#footer .row2 .col .dgw-text-primary.text-uppercase.dgw-footer-address__label {
  font-size:14px;
  font-weight:700;
  font-family:'AvenirNext_B';
  text-transform:uppercase;
  color:#ff6e00;
  margin-bottom:4px;
}
#footer .row2 .col p {
  font-size:14px;
  font-weight:600;
  margin-bottom:8px;
}
#footer .ux-logo-link {padding:0 !important;}
.dgw-footer-block__content p {
  margin-bottom:8px;
  font-size:15px;
  font-weight:600;
}
#footer .accordion-title {
  font-size:14px;
  font-weight:600;
  font-family:'AvenirNext_DB';
  padding-left:0;
  border:0;
  text-transform:uppercase;
  padding-top:0;
  padding-bottom:16px;
}
#footer .accordion-inner {
  font-size:14px;
  font-weight:600;
  padding:0;
  padding-right:24px;
}
#footer .accordion-title button.toggle {
  right:-10px;
  left:auto;
}
#footer .accordion-inner p {margin-bottom:8px;}
#footer .accordion-inner p:last-child {margin-bottom:16px;}
#footer .dgw-footer-block__content-item {margin-bottom:18px;}
#footer .dgw-footer-block__content-item h6 {
  font-size:14px;
  font-family:'AvenirNext_B';
  text-transform:uppercase;
  margin-bottom:4px;
}
#footer h5 {
  font-size:20px;
  font-family:'AvenirNext_B';
  position:relative;
  margin-bottom:24px;
}
#footer h5:after {
  content:'';
  height:2.5px;
  width:30px;
  position:absolute;
  bottom:-6px;
  left:0;
  background:#fff;
}
.service_ss3 h2 {
  font-size:50px;
  font-family:'AvenirNext_B';
  margin-bottom:60px;
}
.service_ss3 {padding-top:60px !important;}
.service_ss3 .tabbed-content .nav li {
  text-align:center;
  width:16.66%;
  height:214px;
  margin:0;
  padding:0;
  justify-content:center;
  position:relative;
}
.service_ss3 .tabbed-content .nav li:before {
  content:'';
  background:url(/wp-content/uploads/2025/10/sv1.png) no-repeat;
  background-size:100%;
  background-position:center center;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  z-index:-1;
}
.service_ss3 .tabbed-content .nav li:nth-child(2):before {
  background:url(/wp-content/uploads/2025/10/sv2.png) no-repeat;
  background-size:100%;
  background-position:center center;
}
.service_ss3 .tabbed-content .nav li:nth-child(3):before {
  background:url(/wp-content/uploads/2025/10/sv3.png) no-repeat;
  background-size:100%;
  background-position:center center;
}
.service_ss3 .tabbed-content .nav li:nth-child(4):before {
  background:url(/wp-content/uploads/2025/10/sv4.jpg) no-repeat;
  background-size:100%;
  background-position:center center;
}
.service_ss3 .tabbed-content .nav li:nth-child(5):before {
  background:url(/wp-content/uploads/2025/10/sv5.png) no-repeat;
  background-size:100%;
  background-position:center center;
}
.service_ss3 .tabbed-content .nav li:nth-child(6):before {
  background:url(/wp-content/uploads/2025/10/sv6.png) no-repeat;
  background-size:100%;
  background-position:center center;
}
.service_ss3 .tabbed-content .nav li {
  position:relative;
  overflow:hidden;
}
.service_ss3 .tabbed-content .nav li::after {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:0%;
  background:#ff6e00;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  z-index:0;
  transition:height .35s ease;
}
.service_ss3 .tabbed-content .nav li.active::after {height:100%;}
.service_ss3 .tabbed-content .nav li a {
  text-transform:none;
  padding:30px;
  font-size:22px;
  font-family:'AvenirNext_B';
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1; /* giữ chữ trên overlay */;
}
.service_ss3 .tab-panels {
  background:#fff;
  padding-top:0;
}
.service_ss3 .tab-panels > *,
.service_ss3 .tab-panels h3,
.service_ss3 .tab-panels h4,
.service_ss3 .tab-panels p {color:#333;}
.service_ss3 .tab-panels .panel.active:nth-child(1),
.service_ss3 .tab-panels .panel.active:nth-child(4) {display:flex !important;}
.service_ss3 .tab-panels .panel.active .text {
  flex-basis:33.33%;
  padding:20px;
}
.service_ss3 .tab-panels .panel.active .text:nth-child(2) {background:#eff0f1;}
.service_ss3 .tab-panels .panel.active .text h3,
.tab-panels .panel.active h3 {font-size:20px;}
.service_ss3 .tab-panels .panel.active .text p,
.service_ss3 .tab-panels .panel.active .text li,
.tab-panels .panel.active p,
.tab-panels .panel.active li {font-size:15px;}
.service_ss3 .tab-panels .panel.active .text h4 {font-size:18px;}
.service_ss3:before {
  content:'';
  background:#000;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.service_ss3 .tabbed-content .tag {
  position:absolute;
  bottom:0;
  left:0;
  background:#ff6e00;
  padding:8px 18px;
  border-top-right-radius:12px;
  font-size:14px;
  font-family:'AvenirNext_DB';
  z-index:9;
}
.service_ss3 .section-bg.fill {
  background-position:top center !important;
  background-size:100% auto !important;
}
@keyframes spin {
  0% {
    -ms-transform:translateX(-50%) translateY(-50%) rotate(0);
    -moz-transform:translateX(-50%) translateY(-50%) rotate(0);
    -webkit-transform:translateX(-50%) translateY(-50%) rotate(0);
    -o-transform:translateX(-50%) translateY(-50%) rotate(0);
    transform:translateX(-50%) translateY(-50%) rotate(0);
  }
  100% {
    -ms-transform:translateX(-50%) translateY(-50%) rotate(360deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotate(360deg);
    -webkit-transform:translateX(-50%) translateY(-50%) rotate(360deg);
    -o-transform:translateX(-50%) translateY(-50%) rotate(360deg);
    transform:translateX(-50%) translateY(-50%) rotate(360deg);
  }
}
.transparent #logo img {max-height:80px!important;}
@media (max-width: 549px) {
  .off-canvas-left .mfp-content {background:rgb(0 0 0)!important;}
}
.off-canvas .sidebar-menu {
  padding:30px 0;
  background-color:#000; /* nền đen */
  color:#fff; /* chữ trắng */
}
.off-canvas .sidebar-menu a {
  color:#fff;
  text-decoration:none;
}
/* Hover đổi màu cho dễ nhìn */
.off-canvas .sidebar-menu a:hover {
  color:#ff6600; /* cam khi hover */
}
/* Dịch cả khối menu qua trái 50px */
.header-main .nav {
  margin-left:0px; /* đẩy ngược qua trái */
}
/* Hiệu ứng gạch dưới khi hover */
.header-main .nav > li > a {
  position:relative;
  padding:5px 12px;
  transition:color 0.3s ease;
  color:#333;
}
.header-main .nav > li > a::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background:#ff6600;
  transition:width 0.3s ease;
}
.header-main .nav > li > a:hover::after {width:100%;}
.phongvt-icon-xoay {margin-top:100px;}
.phongvt-icon-xoay:hover img {
  transform:rotate(360deg) scale(1.3);
  animation:phongvt-bounce 0.6s ease;
}
@keyframes phongvt-bounce {
  0%, 100% {transform:rotate(0deg) scale(1);}
  50% {transform:rotate(180deg) scale(1.4);}
}
.page-wrapper {padding-top:0px;}
.header-bg-color {background-color:transparent;}
.header-bg-color {background-color:transparent!important;}
/* Khung form ngang */
.phongvt-subscribe {
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:600px;
  margin:0 auto;
  background:#fff;
  border-radius:6px;
  overflow:hidden;
  border:1px solid #eee;
}
/* Input Email */
.phongvt-subscribe input[type="email"] {
  flex:1;
  border:none;
  padding:14px 15px;
  font-size:15px;
  outline:none;
  border-radius:6px 0 0 6px; /* bo góc bên trái */
  box-sizing:border-box;
}
/* Nút Gửi */
.phongvt-subscribe input[type="submit"] {
  background:#ff6600;
  color:#fff;
  border:none;
  padding:14px 25px;
  font-weight:600;
  cursor:pointer;
  transition:all 0.3s ease;
  border-radius:0 6px 6px 0; /* bo góc bên phải */
}
.phongvt-subscribe input[type="submit"]:hover {background:#e65c00;}
/* Checkbox dưới */
.phongvt-checkbox {
  margin-top:10px;
  font-size:14px;
  color:#222;
  display:flex;
  align-items:center;
}
.phongvt-checkbox input {margin-right:6px;}
.phongvt-tab .nav-outline li a {
  border:none !important;
  border-radius:8px;
  background:#f5f5f5;
  padding:14px 20px;
  margin-bottom:10px;
  font-size:15px;
  font-weight:600;
  color:#222;
  display:block;
  text-align:center;
  transition:all 0.3s ease;
}
/* Hover */
.phongvt-tab .nav-outline li a:hover {
  background:#eaeaea;
  color:#000;
}
/* Active */
.phongvt-tab .nav-outline li.active a {
  background:#ff6600 !important; /* nền cam */
  color:#fff !important; /* chữ trắng */
  border:none !important;
}
.phongvt-tab .nav-outline {
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  box-shadow:none !important;
}
/* Reset LI */
.phongvt-tab .nav-outline li {
  margin:0 !important;
  border:none !important;
  list-style:none;
}
.phongvt-tab .nav-outline li a {
  border:none !important;
  border-radius:8px;
  background:#f5f5f5;
  padding:14px 20px;
  margin-bottom:12px;
  font-size:15px;
  font-weight:600;
  color:#222;
  display:block;
  text-align:center;
  transition:all 0.3s ease;
  width:100%;
  box-sizing:border-box;
}
.phongvt-tab .nav-outline li a:hover {
  background:#eaeaea;
  color:#000;
}
.phongvt-tab .nav-outline li.active a {
  background:#ff6600 !important;
  color:#fff !important;
  border:none !important;
}
.phongvt-tab .nav-outline {
  border:none !important;
  box-shadow:none !important;
}
.nav-vertical+.tab-panels {
  border-left:0px solid #ddd;
  flex:1;
  margin-top:0 !important;
  padding:0 30px 30px;
}
}
.phongvt-iframe-wrap {
  width:100%;
  max-width:920px;
  height:600px;
  border:1px solid #ccc;
  overflow:auto;
  margin:0 auto;
}
.phongvt-iframe-wrap iframe {
  width:100%;
  height:100%;
  border:none;
  display:block;
}
@media (max-width: 1023px) {
  .phongvt-iframe-wrap {height:500px;}
}
@media (max-width: 767px) {
  .phongvt-iframe-wrap {height:400px;}
}
.timeline-item {
  position:relative;
  margin-bottom:40px;
  padding-left:40px;
}
.timeline-item::before {
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  width:16px;
  height:16px;
  background:#666;
  border-radius:50%;
  border:2px solid #fff;
  box-shadow:0 0 0 2px #ccc;
  transition:all 0.3s ease;
}
.timeline-item:hover::before {
  background:#ff6600;
  box-shadow:0 0 0 2px #ffb380;
}
/* Nội dung */
.timeline-content h3 {
  color:#ff6600;
  font-size:22px;
  font-weight:700;
  margin-bottom:10px;
}
.timeline-content p {
  color:#444;
  line-height:1.6;
  margin:0;
}
.dgw-card-v2__content {
  position:relative;
  color:white;
  padding-bottom:120px;
  font-style:normal;
  font-weight:500;
  line-height:28px;
  font-size:18px;
}
/* Row full dạng lưới */
.phongvt-full-row {
  display:grid !important;
  grid-template-columns:repeat(3, 1fr); /* 3 cột PC */
  gap:0 !important; /* bỏ khoảng trắng */
  width:100% !important;
}
/* Column con */
.phongvt-full-row > .col {
  padding:0 !important; /* bỏ padding cột mặc định */
  margin:0 !important;
}
/* Ảnh hoặc nội dung trong col */
.phongvt-full-row .col img {
  width:100%;
  height:100%;
  object-fit:cover; /* ảnh căng full box */
  display:block;
}
/* Responsive */
@media (max-width: 992px) {
  .phongvt-full-row {
    grid-template-columns:repeat(2, 1fr); /* tablet 2 cột */
  }
}
@media (max-width: 600px) {
  .phongvt-full-row {
    grid-template-columns:1fr; /* mobile 1 cột */
  }
}
/* Box Hover với overlay cam trượt từ dưới lên */
.box-hover {
  position:relative;
  overflow:hidden;
}
.box-hover::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:100%; /* ban đầu ẩn hoàn toàn bên dưới */
  background:rgba(255,102,0,0.85);
  transition:top 0.4s ease;
  z-index:2;
}
/* Nội dung chữ nổi trên overlay */
.box-hover .icon-box-text,
.box-hover .box-text,
.box-hover .overlay {
  position:relative;
  z-index:3;
}
/* Hover: overlay trượt lên phủ toàn bộ */
.box-hover:hover::before {top:0;}
.box-hover-gioi-thieu {
  position:relative;
  overflow:hidden; /* cắt overlay theo bo góc */
  border-radius:14px; /* bo góc */
}
.box-hover-gioi-thieu::before {
  content:"";
  position:absolute;
  inset:0; /* full box */
  top:100%; /* ẩn ở dưới */
  background:rgba(255,102,0,0.85);
  transition:top 0.4s ease;
  z-index:2;
}
.box-hover-gioi-thieu .icon-box-text,
.box-hover-gioi-thieu .box-text,
.box-hover-gioi-thieu {
  position:relative;
  z-index:3;
}
/* Hover chính xác */
.box-hover-gioi-thieu:hover::before {top:0;}
/* Bọc row */
.ecatalogue-row {
  display:flex;
  flex-wrap:wrap;
  gap:20px; /* khoảng cách giữa các card */
  justify-content:center; /* căn giữa cả hàng */
  max-width:1400px; /* giới hạn chiều rộng */
  margin:0 auto; /* căn giữa */
  padding:0 40px; /* cách lề 2 bên */
}
/* Cột con */
.ecatalogue-row > .col {
  flex:1 1 calc(20% - 20px); /* 5 cột đều */
  max-width:calc(20% - 20px);
  border-radius:12px;
  padding:1px;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  transition:all 0.3s ease;
  overflow:hidden;
}
.ecatalogue-row > .col:hover {
  border-color:#1677d8;
  box-shadow:0 8px 18px rgba(0,0,0,0.18);
  transform:translateY(-3px);
}
@media (max-width: 1200px) {
  .ecatalogue-row > .col {
    flex:1 1 calc(33.33% - 20px); /* 3 cột */
    max-width:calc(33.33% - 20px);
  }
}
@media (max-width: 768px) {
  .ecatalogue-row > .col {
    flex:1 1 calc(50% - 20px); /* 2 cột */
    max-width:calc(50% - 20px);
  }
  .ecatalogue-row {
    padding:0 20px; /* giảm padding 2 bên cho mobile */
  }
}
@media (max-width: 480px) {
  .ecatalogue-row > .col {
    flex:1 1 100%; /* 1 cột */
    max-width:100%;
  }
  .ecatalogue-row {padding:0 15px;}
}
.phongvt-row-6 {
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:20px;
  max-width:1400px; /* chiều rộng tối đa */
  margin:0 auto; /* căn giữa */
  padding:0 40px; /* khoảng cách 2 bên */
}
@media (max-width: 1200px) {
  .phongvt-row-6 {grid-template-columns:repeat(3, 1fr);}
}
@media (max-width: 768px) {
  .phongvt-row-6 {
    grid-template-columns:repeat(2, 1fr);
    padding:0 20px; /* mobile padding nhỏ hơn */
  }
}
@media (max-width: 480px) {
  .phongvt-row-6 {
    grid-template-columns:1fr;
    padding:0 15px;
  }
}
.phongvt-col {
  background:rgba(0,0,0,0.4); /* nền trong suốt tối nhẹ */
  color:#fff;
  padding:20px;
  border-radius:8px;
  text-align:left;
  transition:all 0.3s ease;
}
.phongvt-col h3 {
  font-size:18px;
  font-weight:bold;
  margin-bottom:8px;
}
.phongvt-col:hover {
  background:rgba(255,102,0,0.8); /* hover cam */
  transform:translateY(-5px);
}
/* 1) Trạng thái cơ bản: chữ đen, nút trắng viền cam, gạch cam dưới box */
.phongvt-iconbox {
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid #eee;
  border-radius:4px;
  text-align:center;
}
.phongvt-iconbox .icon-box-text {
  background:#fff;
  padding:16px;
}
.phongvt-iconbox h3 {
  margin:0 0 10px;
  font-weight:700;
  font-size:18px;
  color:#000;
}
.phongvt-iconbox .phongvt-btn {
  display:inline-block;
  padding:6px 14px;
  font-size:13px;
  font-weight:700;
  background:#fff;
  color:#ff6600;
  border:1px solid #ff6600;
  border-radius:2px;
  text-decoration:none;
}
.phongvt-iconbox::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:#ff6600;
}
.phongvt-iconbox .icon-box-img,
.phongvt-iconbox .box-image {
  position:relative;
  overflow:hidden;
}
.phongvt-iconbox .icon-box-img::after,
.phongvt-iconbox .box-image::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:100%;
  background:#ff6600;
  transform:translateY(100%);
  transition:transform .35s ease;
  pointer-events:none;
}
.phongvt-iconbox .phongvt-btn {
  display:inline-block;
  padding:6px 15px;
  background:#fff;
  color:#ff6600;
  font-size:13px;
  font-weight:bold;
  border-radius:2px;
  text-decoration:none;
  transition:all 0.3s ease;
  border:none;
}
.phongvt-iconbox:hover {background:#ff6600;}
.phongvt-iconbox:hover h3 {color:#fff;}
.phongvt-iconbox:hover .phongvt-btn {
  background:transparent;
  color:#fff;
}
.phongvt-iconbox:hover .icon-box-text {
  background:#ff6600;
  color:#fff;
}
.phongvt-iconbox:hover h3 {color:#fff;}
.phongvt-iconbox:hover .phongvt-btn {
  background:transparent;
  color:#fff;
}
.phongvt-iconbox:hover .icon-box-text {
  background:#ff6600;
  color:#fff;
  padding-bottom:40px;
  transition:all 0.3s ease;
}
/* Shine effect cho hình trong iconbox */
.phongvt-iconbox .icon-box-img,
.phongvt-iconbox .box-image {
  position:relative;
  overflow:hidden;
}
.phongvt-iconbox .icon-box-img::before,
.phongvt-iconbox .box-image::before {
  content:"";
  position:absolute;
  top:0;
  left:-75%; /* bắt đầu ngoài khung trái */
  width:50%;
  height:100%;
  background:linear-gradient(
  120deg,
  rgba(255,255,255,0) 0%,
  rgba(255,255,255,0.6) 50%,
  rgba(255,255,255,0) 100%
  );
  transform:skewX(-20deg);
}
/* Khi hover: chạy animation ánh sáng */
.phongvt-iconbox:hover .icon-box-img::before,
.phongvt-iconbox:hover .box-image::before {animation:phongvt-shine 0.8s ease forwards;}
@keyframes phongvt-shine {
  from {left:-75%;}
  to {left:125%;}
}
.header.transparent .nav>li>a {color:#fff;}
.nav-dropdown-default {padding:6px;}
.header-main .nav > li ul.sub-menu>li>a {
  font-size:15px;
  color:#333;
}
.header-main .nav > li ul.sub-menu>li>a:hover,.header-main .nav > li > a:hover {color:var(--primary-color);}
.archive header#header {position:absolute;}
.archive header#header .nav > li > a {color:#fff;}
div#post-banner,.msc-wc-archive-banner {
  background:url(/wp-content/uploads/2022/03/pheader-about-us.jpg);
  background-size:cover;
  min-height:360px;
  display:flex;
  align-items:flex-end;
  padding-bottom:40px;
  margin-bottom:40px;
}
div#post-banner h1.d-title,.msc-wc-archive-banner h1.msc-wc-archive-title {
  font-size:32px;
  color:#fff;
  margin-bottom:8px;
}
div#post-banner .post-breadcrumb a, div#post-banner .post-breadcrumb span,.msc-wc-archive-banner #breadcrumbs a,.msc-wc-archive-banner #breadcrumbs span {
  color:#fff;
  font-size:15px;
}
.msc-wc-archive-banner {background:url(/wp-content/uploads/2025/10/bannerHomepage.png);}
.archive nav.woocommerce-breadcrumb.breadcrumbs.uppercase {display:none;}
.transparent .header-main .nav > li > a:hover {color:#fff;}
@media only screen and (max-width:48em) {
  .home_ss1a h2 {font-size:24px;}
  .home_ss1a .large-12 .col-inner .bg {width:240px !important;}
  .home_ss1a .bg2 {width:85% !important;}
  .home_ss1a h3 {
    font-size:28px;
    bottom:-240px;
  }
  .home_ss1a {
    height:640px;
    padding-top:0 !important;
    margin-top:-30px;
  }
  .home_ss1 h3.phongvt-subheading {
    font-size:24px;
    line-height:36px;
  }
  .home_ss1 h2.phongvt-heading-home {
    font-size:36px;
    line-height:1.6;
    margin-bottom:40px;
  }
  .home_ss1 h2.phongvt-heading-home span {display:inline;}
  .phongvt-btn-primary {
    font-size:16px;
    padding:14px 28px;
  }
  .home_ss3 {
    height:auto;
    padding-top:40px !important;
  }
  .home_ss3 h2 {
    font-size:30px;
    margin-bottom:0;
  }
  .home_ss3 .large-4 .col-inner {min-height:auto;}
  .home_ss6 h2 {
    font-size:28px;
    line-height:1.5;
  }
  .home_ss6 {height:auto;}
  #footer .ux-logo-link {padding-bottom:20px !important;}
  #footer .row2 {
    background-size:301%;
    background-repeat:repeat;
    background-position-x:-2px;
  }
  .home .icon-menu:before,
  .home .icon-search:before {color:#fff;}
  .medium-logo-center .logo {padding-top:10px;}
  .service_ss3 h2 {font-size:32px;}
  .service_ss3 .tab-panels .panel.active:nth-child(1),
  .service_ss3 .tab-panels .panel.active:nth-child(4) {display:block !important;}
  .service_ss3 .tabbed-content .nav {
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start !important;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    padding:0;
    margin:0;
    list-style:none;
  }
  .service_ss3 .tabbed-content .nav li {
    flex:0 0 50%;
    min-width:50%;
    margin:0 !important;
    scroll-snap-align:start;
  }
  .service_ss3 .tabbed-content .nav::-webkit-scrollbar {display:none;}
  .phongvt-icon-xoay {margin-top:0 !important;}
  div#post-banner, .msc-wc-archive-banner {min-height:300px;}
  div#post-banner h1.d-title, .msc-wc-archive-banner h1.msc-wc-archive-title {font-size:26px;}
  .archive i.icon-menu:before {color:#fff;}
}