.elementor-33774 .elementor-element.elementor-element-19cda46 > .elementor-container{max-width:557px;}.elementor-33774 .elementor-element.elementor-element-75e8751{--icon-box-icon-margin:4px;}.elementor-33774 .elementor-element.elementor-element-75e8751.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-33774 .elementor-element.elementor-element-75e8751.elementor-view-framed .elementor-icon, .elementor-33774 .elementor-element.elementor-element-75e8751.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-33774 .elementor-element.elementor-element-75e8751 .elementor-icon{font-size:50px;}.elementor-33774 .elementor-element.elementor-element-75e8751 .elementor-icon-box-title{color:var( --e-global-color-el_color_0 );}.elementor-33774 .elementor-element.elementor-element-75e8751 .elementor-icon-box-title, .elementor-33774 .elementor-element.elementor-element-75e8751 .elementor-icon-box-title a{font-family:"Helvetica", Sans-serif;font-size:20px;}.elementor-33774 .elementor-element.elementor-element-75e8751 > .elementor-widget-container{padding:30px 0px 10px 0px;background-color:var( --e-global-color-primary );border-radius:10px 10px 0px 0px;}.elementor-33774 .elementor-element.elementor-element-cf27d37.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-33774 .elementor-element.elementor-element-cf27d37.elementor-view-framed .elementor-icon, .elementor-33774 .elementor-element.elementor-element-cf27d37.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-33774 .elementor-element.elementor-element-cf27d37 .elementor-icon{font-size:50px;}.elementor-33774 .elementor-element.elementor-element-cf27d37 .elementor-icon-box-title{color:var( --e-global-color-el_color_0 );}.elementor-33774 .elementor-element.elementor-element-cf27d37 .elementor-icon-box-title, .elementor-33774 .elementor-element.elementor-element-cf27d37 .elementor-icon-box-title a{font-family:"Helvetica", Sans-serif;font-size:20px;}.elementor-33774 .elementor-element.elementor-element-cf27d37 > .elementor-widget-container{padding:20px 05px 10px 05px;background-color:var( --e-global-color-a01af85 );border-radius:10px 10px 0px 0px;}.elementor-33774 .elementor-element.elementor-element-0a6621e > .elementor-container{max-width:1354px;}.elementor-33774 .elementor-element.elementor-element-03db48d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(max-width:778px){.elementor-33774 .elementor-element.elementor-element-529026d{width:33%;}.elementor-33774 .elementor-element.elementor-element-75e8751{--icon-box-icon-margin:14px;}.elementor-33774 .elementor-element.elementor-element-75e8751 .elementor-icon-box-title{margin-bottom:14px;}.elementor-33774 .elementor-element.elementor-element-75e8751 .elementor-icon{font-size:30px;}.elementor-33774 .elementor-element.elementor-element-75e8751 .elementor-icon-box-title, .elementor-33774 .elementor-element.elementor-element-75e8751 .elementor-icon-box-title a{font-size:14px;}.elementor-33774 .elementor-element.elementor-element-75e8751 > .elementor-widget-container{padding:10px 0px 22px 0px;}.elementor-33774 .elementor-element.elementor-element-046df64{width:33%;}.elementor-33774 .elementor-element.elementor-element-cf27d37{--icon-box-icon-margin:5px;}.elementor-33774 .elementor-element.elementor-element-cf27d37 .elementor-icon{font-size:30px;}.elementor-33774 .elementor-element.elementor-element-cf27d37 .elementor-icon-box-title, .elementor-33774 .elementor-element.elementor-element-cf27d37 .elementor-icon-box-title a{font-size:14px;}.elementor-33774 .elementor-element.elementor-element-cf27d37 > .elementor-widget-container{padding:10px 0px 5px 0px;}}@media(min-width:779px){.elementor-33774 .elementor-element.elementor-element-529026d{width:51.406%;}.elementor-33774 .elementor-element.elementor-element-046df64{width:48.438%;}}/* Start custom CSS for section, class: .elementor-element-ac13a85 */.custom-icon-box{
    cursor: pointer;
}

/* Kiểu dáng chung cho custom icon box */
.custom-icon-box {
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;  /* Thêm hiệu ứng chuyển động */
}

/* Thêm hiệu ứng khi custom icon box được click (active) */
.custom-icon-box.active {
    transform: scale(1.05); /* Phóng to icon box một chút */
    /* Thay đổi màu nền khi active */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Thêm bóng cho icon box */
}

/* Gạch chân dưới custom icon box khi class "active" được thêm */
.custom-icon-box.active::after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;  /* Độ dài gạch chân */
    height: 5px;  /* Độ dày gạch chân */
    background-color: orange;  /* Màu gạch chân */
    transition: all 0.3s ease-in-out;
}

/* Các custom icon box không active không có gạch chân */
.custom-icon-box::after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background-color: transparent;
    transition: all 0.3s ease;
}

/* Thêm hiệu ứng hover cho custom icon box */
.custom-icon-box:hover {
    /* Màu nền thay đổi khi hover */
    transform: scale(1.05); /* Phóng to icon box khi hover */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Thêm bóng khi hover */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-03db48d */@media (max-width: 767px) {
    .short-description {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .class-cua-excerpt {
        display: block !important;
    }
}
/* Căn filter nằm cùng hàng */
.searchandfilter ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px; /* khoảng cách giữa các ô filter */
}

.searchandfilter li {
  list-style: none;
  margin: 0;
}

.searchandfilter select,
.searchandfilter input[type="text"] {
  min-width: 180px;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
/* Hiển thị kết quả 3 cột */
/* Grid 3 cột cho Search & Filter results */
.sf-results-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Style từng ô bài viết */
.sf-item {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: all 0.3s ease;
  padding: 15px;
}

.sf-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.sf-thumb img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.sf-title {
  font-size: 18px;
  font-weight: 600;
  margin: 12px 0 8px;
}

.sf-excerpt {
  font-size: 14px;
  color: #555;
}

.sf-meta {
  font-size: 13px;
  color: #777;
}

/* Responsive */
@media (max-width: 1024px) {
  .sf-results-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .sf-results-grid {
    grid-template-columns: 1fr;
  }
}
.searchandfilter select {
  max-height: 200px; /* Giới hạn chiều cao dropdown */
  overflow-y: auto; /* Cho phép cuộn dọc */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6718dce */@media (max-width: 767px) {
    .short-description {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .class-cua-excerpt {
        display: block !important;
    }
}
#content-22{
    display: none;
}
/* Căn filter nằm cùng hàng */
.searchandfilter ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px; /* khoảng cách giữa các ô filter */
}

.searchandfilter li {
  list-style: none;
  margin: 0;
}

.searchandfilter select,
.searchandfilter input[type="text"] {
  min-width: 180px;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
/* Hiển thị kết quả 3 cột */
.searchandfilter-results {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Grid 3 cột cho Search & Filter results */
.sf-results-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Style từng ô bài viết */
.sf-item {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: all 0.3s ease;
  padding: 15px;
}

.sf-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.sf-thumb img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.sf-title {
  font-size: 18px;
  font-weight: 600;
  margin: 12px 0 8px;
}

.sf-excerpt {
  font-size: 14px;
  color: #555;
}

.sf-meta {
  font-size: 13px;
  color: #777;
}

/* Responsive */
@media (max-width: 1024px) {
  .sf-results-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .sf-results-grid {
    grid-template-columns: 1fr;
  }
}
.searchandfilter select {
  max-height: 200px; /* Giới hạn chiều cao dropdown */
  overflow-y: auto; /* Cho phép cuộn dọc */
}/* End custom CSS */