.ladi-head2 p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.title_box_giaohang {
  background-color: #fda200;
  height: 50px; 
  width: 100%; 
  line-height: 50px;
  display: flex; 
  align-items: center; 
}
.title_box_giaohang h3, .title_box_giaohang h3 a{
  margin: 0 0 0 15px;
  color: white;
  font-size:16px;
}
.blog-navigation {
  text-align: center; 
  margin-top: 20px;
}
.blog-nav-btn {
  display: inline-block;
  background-color: #fda200; 
  color: white; 
  padding: 5px 15px;
  margin: 0 5px; 
  font-size: 0.9em;
  text-decoration: none;
  border-radius: 3px; 
  transition: background-color 0.3s; 
}
.blog-nav-btn:hover {
  background-color: #e69500;
}
.prev-post {
  float: left; 
}

.next-post {
  float: right; 
}
.blog-navigation:after {
  content: "";
  display: block;
  clear: both;
}
.pagination-css {
  text-align: center; /* Căn giữa pagination */
  padding: 10px 0; /* Đệm trên và dưới */
}

.pagination {
  display: inline-block; /* Hiển thị pagination như một block nguyên khối */
  padding-left: 0; /* Bỏ padding trái cho danh sách */
}

.pagination .page-item {
  display: inline; /* Hiển thị các mục pagination trên cùng một hàng */
  margin-right: 5px; /* Khoảng cách giữa các mục */
}

.pagination .page-item a {
  color: #007bff; /* Màu chữ cho mục */
  text-decoration: none; /* Loại bỏ gạch chân */
  background-color: #fff; /* Nền trắng cho mục */
  border: 1px solid #ddd; /* Viền cho mục */
  padding: 5px 10px; /* Đệm cho mục */
  border-radius: 5px; /* Làm tròn góc cho mục */
  cursor: pointer; /* Cursor pointer khi di chuyển chuột lên trên */
}

.pagination .active {
  background-color: #007bff; /* Nền màu xanh cho mục đang hoạt động */
  color: white; /* Màu chữ trắng */
  border: 1px solid #007bff; /* Viền màu xanh cho mục */
  pointer-events: none; /* Không cho phép sự kiện chuột, nghĩa là không thể click */
}

.pagination .disabled {
  pointer-events: none; /* Không cho phép sự kiện chuột, nghĩa là không thể click */
  color: #888; /* Màu chữ xám */
}


.read-more-btn {
  display: inline-block;
  background-color: #fda200;
  color: white;
  padding: 5px 10px; 
  margin-top: 15px;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s;
  font-size: 0.8em;
  position: relative;
}

.read-more-btn .arrow-right {
  display: inline; 
  margin-left: 5px; 
}

.blog-item-footer {
  text-align: right;
}

.read-more-btn:hover {
  background-color: #e69500;
}

.blog-item-thumbnail img {
  height: 250px; 
  width: 100%; 
  object-fit: cover;
}
.blog-item-thumbnail1 img {
  height: 150px; 
  width: 100%; 
  object-fit: cover;
}
.blog-item-thumbnail {
  overflow: hidden; 
}
.blog-item-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3em; 
}
.blog-item-summary {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 7.5em; 
}
#noidung h2{font-size:28px;color:var(--maumenu);}
#noidung table{border:1px solid #000000;}
#noidung img {padding:10px;margin:0px auto;display:block;border:1px solid #cccccc;height: auto; width: auto; max-height: 100%; max-width: 100%;}
#noidung h3{font-size:20px;color:#000;}
#noidung, #noidung h4, #noidung p, #noidung li{font-size:18px;}
#noidung ul{list-style-type: square;padding-left:30px;}
#tomtat, #tomtat h5, #tomtat h6 {font-size:20px;}
#tomtat a:hover {color:var(--maumenu);}
#noidung p, #noidung div, #noidung li {text-align:justify;}

.video {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; /* T? l? 16:9 */
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.product-tab .tabs {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: center;
  background: #fda200; 
}

.product-tab .tab-link {
  cursor: pointer;
  padding: 15px 30px;
  color: white; 
  text-align: center;
  text-transform:uppercase;
  font-weight:bold;
}

.product-tab .tab-content {
  display: none;   padding: 20px;
}
.product-tab .active, .product-tab .tab-content.active {
  display: block; 
}
.product-details.project { padding-bottom: 40px }
.wrapper { display: grid; grid-template-columns: 72% 28%; margin: 0 -13px 0px }
.pd { padding: 0 13px }

.slider-sp { margin-bottom: 15px; }
.dlsdt { background: #b90d0d; padding: 15px; border-radius: 5px;}
.dlsdt .tp ._img { float: left; width: 45px; margin-right: 20px }
.dlsdt .tp { display: table; padding-bottom: 15px }
.dlsdt .tp .txt { color: #fff; font-size: 14px; float: left; width: calc(100% - 65px); padding: 0 10px; line-height: 22px; overflow: hidden; }
.dlsdt .enter-phone { position: relative; width: 100% }
.dlsdt .enter-phone button { position: absolute; right: 0; bottom: 0; border: none; font-size: 14px; padding: 9px 10px; color: #fff; background: #313131 }
.dlsdt .enter-phone input[type="text"] { width: 100%; line-height: 36px; border: none; padding-left: 20px }
.dlsdt .enter-phone input[type="text"]::placeholder { color: #000 }

.lh-mxh-sdt .mxh-sdt { display: grid; grid-template-columns: 50% 50%; margin: 0; padding: 0; margin: 0 -7px }
.lh-mxh-sdt .mxh-sdt .lh { list-style: none; margin: 5px 7px }
.lh-mxh-sdt .mxh-sdt .lh a { overflow: hidden; display: block; width: 100%; border-radius: 5px; background: #007bff; background: #21569a; text-align: center; box-shadow: none; font-family: Arial; font-weight: bold; height: 39px; line-height: 39px; padding: 0; position: relative; }
.lh-mxh-sdt .mxh-sdt .lh a span { position: relative; }
.lh-mxh-sdt .mxh-sdt .lh a img { position: absolute; left: -25px; top: 0; }
.lh-mxh-sdt .mxh-sdt .lh a button { font-weight: 700; font-size: 16px; border: none; background: inherit }
.lh-mxh-sdt .mxh-sdt .lh a button img { padding-right: 10px }
.lh-mxh-sdt .mxh-sdt .lh a.btn_buy-now { height: auto; line-height: 1.5; height: 64px; padding-top: 8px; display: block; }
.lh-mxh-sdt .mxh-sdt .lh:nth-child(2) a { background: #00abff !important; border: none; }
.lh-mxh-sdt .mxh-sdt .lh:nth-child(2) a button { border: none; background: inherit }
.lh-mxh-sdt .mxh-sdt .lh:nth-child(3) a, .lh-mxh-sdt .mxh-sdt .lh:nth-child(4) a { background: #ffba00 !important }
.lh-mxh-sdt .mxh-sdt .lh:nth-child(3) a button, .lh-mxh-sdt .mxh-sdt .lh:nth-child(4) a button { color: #b90d0d }
#cuahang p {margin:5px;font-size:14px;}
/* Lightbox styles */
#lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#lightbox-content {
    background: #fff;
    width: 400px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#lightbox-content h2 {
    font-size: 24px;
    text-align: center;
}

#lightbox-content p {
    font-size: 16px;
    text-align: center;
}

#close-lightbox {
    display: block;
    margin: 20px auto;
    cursor: pointer;
    background: #007BFF;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 18px;
}
.information-content ul li b{
    color: var(--mauten);
    width: 26%;
    display: inline-block;
    font-weight: normal;
    float: left;
}
.information-content ul li > div{
  display: flex;
  font-weight: 500;
}
.information-content ul li{
    border-bottom: 1px #ddd dashed;
    padding: 10px 0;
    font-size: 15px;
    color: #fff;
}
.information-content ul li:last-child{
  border-bottom: none;
}
.information-content ul li > div a{
  color: #fff;
}