/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 10 2026 | 11:37:18 */
/* Code bo tròn cột và canh đều các cột */
/* Row chứa 3 cột - desktop */
.custom-row {
  display: flex;
  gap: 20px;        /* Khoảng cách giữa các cột */
  flex-wrap: wrap;   /* Cho phép cột xuống dòng nếu cần */
}

/* Từng cột */
.custom-row .custom-col {
  flex: 1;                   /* Chia đều chiều rộng */
  border: 2px solid #00884f; /* Viền màu #00884f */
  border-radius: 15px;       /* Bo tròn 4 góc */
  overflow: hidden;          /* Nội dung không vượt ra ngoài bo tròn */
  padding: 20px;             /* Khoảng cách giữa viền và nội dung */
  background-color: #fff;
  box-sizing: border-box;
  height: auto-flow;             /* FIX chiều cao */
  display: flex;
  flex-direction: column;    /* Nội dung xếp dọc */
}

/* Media Query cho mobile */
@media (max-width: 768px) {
  .custom-row {
    flex-direction: column;  /* Chuyển row thành cột dọc */
  }

  .custom-row .custom-col {
    width: 100%;             /* Mỗi cột chiếm toàn bộ chiều rộng */
    height: auto;            /* Có thể để auto trên mobile */
    margin-bottom: 20px;     /* Khoảng cách giữa các cột dọc */
  }
}
/* Kết thúc Code bo tròn cột và canh đều các cột */