.elementor-298 .elementor-element.elementor-element-806e7b8{padding:0px 0px 140px 0px;}@media(max-width:1024px){.elementor-298 .elementor-element.elementor-element-806e7b8{padding:0px 0px 100px 0px;}}/* Start custom CSS for project-grid, class: .elementor-element-acc1e82 *//* ===== LOCATION ===== */
.project-location {
    font-size: 14px;
    color: #061024;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.project-location i {
    color: #061024;
}

/* ===== TAGS ===== */
.project-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* TAG CHUNG */
.project-tags .tag {
    font-size: 13px;
    padding: 5px 12px;
    border-radius: 20px;
    font-weight: 500;
    display: inline-block;
     background: #e9e9e9;
    color: #061024;
}


.project-item {
    text-align: left;
    margin-bottom: 55px;
}

.project-content span {
    display: block;
    text-transform: unset;

}

 /* Siết khoảng cách toàn bộ filter section */
.project-filter-area,
.filter-section {
  padding: 10px 0 !important;
  margin-bottom: 0 !important;
}

/* Search box — bớt padding dọc */
.form-grp input[type="text"] {
  padding: 9px 14px;
}
.form-grp button {
  padding: 9px 13px;
}

/* Khoảng cách giữa search và grid dropdown */
.col-xl-4 .form-grp {
  margin-bottom: 8px;  /* ← từ 0 lên 8px thay vì để Bootstrap tự căn */
}

/* Grid 2 cột, gap nhỏ lại */
.row.g-3 > .col-xl-8 .row {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 6px !important;       /* ← giảm từ 8px xuống 6px */
  margin: 0 !important;
}

/* Bỏ padding Bootstrap thừa trên các col con */
.row.g-3 > .col-xl-8 .row > [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* Dropdown — bớt chiều cao */
.form-grp.select select {
  padding: 8px 28px 8px 11px;
  font-size: 13px;
  line-height: 1.3;
}

/* Xóa margin/padding thừa của Bootstrap .g-3 */
.row.g-3 {
  --bs-gutter-y: 6px !important;
  --bs-gutter-x: 0 !important;
  margin-bottom: 12px !important;
}

@media (min-width: 768px) {
  .row.g-3 > .col-xl-8 .row {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.project-item .project-thumb img {
    border-radius: 12px !important; 
}/* End custom CSS */