.circle-image img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  position: relative !important;
  z-index: 3 !important;
}

.core-values-section {
  position: relative !important;
  overflow: visible !important;
}

.core-values-section .core-value-center img {
  margin-top: 15rem !important;
}
.core-values-section .core-value-left img {
  margin-top: 5rem !important;
}
.core-values-section .core-value-right img {
  margin-top: 5rem !important;
}
/* ĐƯỜNG DỌC TỪ TIÊU ĐỀ XUỐNG ĐƯỜNG NGANG */

/*.core-values-section::before {*/
/*  content: "" !important;*/
/*  position: absolute !important;*/

/*  left: 50% !important;*/

  /* Bắt đầu thấp hơn, không đâm vào title */
/*  top: 4rem !important;*/

/*  width: 1px !important;*/

  /* 10.5 + 4 = 14.5rem, vẫn chạm đúng đường ngang */
/*  height: 2rem !important;*/

/*  background: #888 !important;*/

/*  transform: translateX(-50%) !important;*/

/*  z-index: 2 !important;*/
/*}*/

/* ĐƯỜNG NGANG */

.core-values-section::after {
  content: "" !important;

  position: absolute !important;

  left: 19.75% !important;
  right: 19.75% !important;

  top: 6rem !important;

  height: 1px !important;

  background: #888 !important;

  z-index: 2 !important;
}

/*  CỘT TRÁI đường từ ngang xuống ảnh */

.core-values-section .core-value-left {
  position: relative !important;
}

.core-values-section .core-value-left::before {
  content: "" !important;

  position: absolute !important;

  left: 50% !important;

  top: 2.75rem !important;

  width: 1px !important;
  height: 4rem !important;

  background: #888 !important;

  transform: translateX(-50%) !important;

  z-index: 2 !important;
}

/* CỘT GIỮA đường từ ngang xuống ảnh Agencym*/

.core-values-section .core-value-center {
  position: relative !important;
}

.core-values-section .core-value-center::before {
  content: "" !important;

  position: absolute !important;

  left: 50% !important;

  top: 0.8rem !important;

  width: 1px !important;
  height: 14rem !important;

  background: #888 !important;

  transform: translateX(-50%) !important;

  z-index: 2 !important;
}

/* CỘT PHẢI đường từ ngang xuống ảnh */

.core-values-section .core-value-right {
  position: relative !important;
}

.core-values-section .core-value-right::before {
  content: "" !important;

  position: absolute !important;

  left: 50% !important;

  top: 2.75rem !important;

  width: 1px !important;
  height: 4rem !important;

  background: #888 !important;

  transform: translateX(-50%) !important;

  z-index: 2 !important;
}

@media (max-width: 768px) {
  /* =========================
     ĐẨY 3 ẢNH XUỐNG
     ========================= */

  .core-values-section .core-value-left img,
  .core-values-section .core-value-right img {
    margin-top: 5rem !important;
  }

  .core-values-section .core-value-center img {
    margin-top: 15rem !important;
  }

  /* =========================
     THANH DỌC TỪ TITLE XUỐNG
     ========================= */

  /*.core-values-section::before {*/
  /*  top: rem !important;*/
  /*  height: 3.5rem !important;*/
  /*}*/

  /* =========================
     THANH NGANG
     đẩy từ 9.5rem xuống 10.5rem
     ========================= */

  .core-values-section::after {
    /*top: 12rem !important;*/

    left: 17.25% !important;
    right: 17.25% !important;
  }

  /* =========================
     THANH DỌC TRÁI + PHẢI
     ngắn hơn và nằm sát ảnh hơn
     ========================= */

  .core-values-section .core-value-left::before,
  .core-values-section .core-value-right::before {
    top: 2.75rem !important;
    height: 2.5rem !important;
  }

  /* =========================
     THANH DỌC GIỮA
     rút ngắn lại
     ========================= */

  .core-values-section .core-value-center::before {
    top: 0.75rem !important;
    height: 15rem !important;
  }
}

@media (max-width: 480px) {
  .core-values-section::before,
  .core-values-section::after,
  .core-value-left::before,
  .core-value-center::before,
  .core-value-right::before {
    display: none !important;
    content: none !important;
  }

  .core-values-section .core-value-center img,
  .core-values-section .core-value-left img,
  .core-values-section .core-value-right img {
    margin-top: 0 !important;
  }
}

.core-values-section::before,
.core-values-section::after,
.core-values-section .core-value-left::before,
.core-values-section .core-value-center::before,
.core-values-section .core-value-right::before {
  background: #888 !important;
}

.core-values-section::before,
.core-values-section .core-value-left::before,
.core-values-section .core-value-center::before,
.core-values-section .core-value-right::before {
  width: 0.1rem !important;
}

.core-values-section::after {
  height: 0.1rem !important;
}

.core-values-row {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 1.5rem !important;
}

/* cột 12/12 trên cùng vẫn full hàng */
.core-values-row > .col:first-child {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 3 cột 4/12 phía dưới */
.core-values-row > .col:not(:first-child) {
    flex: 0 0 calc((100% - 3rem) / 3) !important;
    width: calc((100% - 3rem) / 3) !important;
    max-width: calc((100% - 3rem) / 3) !important;
}

@media (max-width: 480px) {

    .core-values-row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;

        column-gap: 0 !important;
        row-gap: 1.5rem !important;
    }

    .core-values-row > .col,
    .core-values-row > .col:first-child,
    .core-values-row > .col:not(:first-child) {
        flex: 0 0 100% !important;
        flex-basis: 100% !important;

        width: 100% !important;
        max-width: 100% !important;
    }
}