/* =========================================
   CSS RESET CƠ BẢN
   ========================================= */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Ngăn chặn thanh cuộn ngang vỡ layout */
}

/* =========================================
   FLEXBOX UTILITIES (DÀN HÀNG NGANG)
   ========================================= */
.d-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Căn giữa theo trục dọc */
  flex-wrap: wrap; /* Tự động rớt dòng nếu xem trên màn hình điện thoại quá nhỏ */
  gap: 16px;
  margin-bottom: 20px;
}

/* Ép xóa margin-bottom của thẻ Heading đang bị CSS cũ đè */
h2.title.mb-0,
.pd-section .title.mb-0 {
  margin-bottom: 0 !important;
}
/* =========================================
   MARGIN UTILITIES (KHOẢNG CÁCH)
   ========================================= */
.mb-xl {
  margin-bottom: 80px !important;
}

.mt-xl {
  margin-top: 80px !important;
}