/* chuyển màu subtitle sang trắng */
.inner-subtitle {
    color: #ffffff;
}

  
  /* giảm khoảng trắng trên/dưới và căn trang trí phải giữa theo chiều dọc */
  .section-5 { background:#fff; position:relative; padding:0px 0; overflow:hidden; }

  /* chừa vùng phải để ảnh trang trí không đè lên nội dung chính */
  .section-5 .container { max-width:1180px; margin:0 auto; padding:0 24px; padding-right:320px; box-sizing:border-box; }

  .section-5 .inner-wrap { display:flex; align-items:flex-start; gap:40px; position:relative; }
  .section-5 .inner-main { flex:1; max-width:820px; }

  .section-5 .inner-head { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:48px; }
  .section-5 .inner-left { max-width:720px; }

  .section-5 .box-title > div { font-family: 'Montserrat', Arial, sans-serif; font-weight:800; text-transform:uppercase; font-size:36px; letter-spacing:1px; color:#0b0b0b; margin-bottom:18px; }
  .section-5 .box-desc { font-family: 'Playfair Display', Georgia, serif; font-style:italic; font-size:20px; line-height:1.6; color:#2f3a88; }

  /* icon column */
  .section-5 .inner-icon { display:flex; align-items:center; justify-content:center; width:160px; flex-shrink:0; }
  .section-5 .inner-icon img { max-width:120px; height:auto; display:block; }

  /* decorative image bên phải: cố định sang phải và căn giữa theo chiều dọc */
  .section-5 .inner-bg {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    height:560px;        /* cố định chiều cao để căn giữa chính xác */
    margin:auto 0;       /* căn giữa theo chiều dọc trong phần tử cha */
    display:flex;
    align-items:center;
    pointer-events:none;
  }
  .section-5 .inner-bg img { display:block; height:100%; width:auto; max-width:420px; }

  /* responsive: giảm chiều cao ảnh và bỏ padding-right khi màn nhỏ */
  @media (max-width:1200px){
    .section-5 .container { padding-right:240px; }
    .section-5 .inner-bg { height:480px; }
  }
  @media (max-width:900px){
    .section-5 { padding:20px 0; }
    .section-5 .container { padding-right:24px; }
    .section-5 .inner-head { flex-direction:column; gap:20px; }
    .section-5 .inner-icon { width:auto; order:2; }
    .section-5 .box-title > div { font-size:28px; text-align:left; }
    .section-5 .inner-bg { position:static; height:auto; margin-top:24px; }
    .section-5 .inner-bg img { width:100%; height:auto; max-width:none; }
  }



 /* chuyển màu subtitle sang trắng */
.inner-subtitle {
    color: #ffffff;
}

  
  /* giảm khoảng trắng trên/dưới và căn trang trí phải giữa theo chiều dọc */
  .section-5 { background:#fff; position:relative; padding:0px 0; overflow:hidden; }

  /* chừa vùng phải để ảnh trang trí không đè lên nội dung chính */
  .section-5 .container { max-width:1180px; margin:0 auto; padding:0 24px; padding-right:320px; box-sizing:border-box; }

  .section-5 .inner-wrap { display:flex; align-items:flex-start; gap:40px; position:relative; }
  .section-5 .inner-main { flex:1; max-width:820px; }

  .section-5 .inner-head { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:48px; }
  .section-5 .inner-left { max-width:720px; }

  .section-5 .box-title > div { font-family: 'Montserrat', Arial, sans-serif; font-weight:800; text-transform:uppercase; font-size:36px; letter-spacing:1px; color:#0b0b0b; margin-bottom:18px; }
  .section-5 .box-desc { font-family: 'Playfair Display', Georgia, serif; font-style:italic; font-size:20px; line-height:1.6; color:#2f3a88; }

  /* icon column */
  .section-5 .inner-icon { display:flex; align-items:center; justify-content:center; width:160px; flex-shrink:0; }
  .section-5 .inner-icon img { max-width:120px; height:auto; display:block; }

  /* decorative image bên phải: cố định sang phải và căn giữa theo chiều dọc */
  .section-5 .inner-bg {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    height:560px;        /* cố định chiều cao để căn giữa chính xác */
    margin:auto 0;       /* căn giữa theo chiều dọc trong phần tử cha */
    display:flex;
    align-items:center;
    pointer-events:none;
  }
  .section-5 .inner-bg img { display:block; height:100%; width:auto; max-width:420px; }

  /* responsive: giảm chiều cao ảnh và bỏ padding-right khi màn nhỏ */
  @media (max-width:1200px){
    .section-5 .container { padding-right:240px; }
    .section-5 .inner-bg { height:480px; }
  }
  @media (max-width:900px){
    .section-5 { padding:20px 0; }
    .section-5 .container { padding-right:24px; }
    .section-5 .inner-head { flex-direction:column; gap:20px; }
    .section-5 .inner-icon { width:auto; order:2; }
    .section-5 .box-title > div { font-size:28px; text-align:left; }
    .section-5 .inner-bg { position:static; height:auto; margin-top:24px; }
    .section-5 .inner-bg img { width:100%; height:auto; max-width:none; }
  }



  /* sửa layout section-7: đập khoảng trắng, căn bg vàng vào giữa theo chiều dọc */
  .section-7 { position:relative; padding:28px 0; overflow:hidden; background:#fff; }
  .section-7 .container { max-width:1180px; margin:0 auto; padding:0 24px; padding-right:340px; box-sizing:border-box; }

  .section-7 .inner-wrap { display:flex; align-items:flex-start; position:relative; }
  .section-7 .inner-main { flex:1; max-width:760px; }

  /* 2 cột nội dung */
  .section-7 .inner-list-text { display:grid; grid-template-columns: 1fr 1fr; gap:36px 48px; align-items:start; }
  .section-7 .inner-item-text { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
  .section-7 .inner-content { flex:1; }

  /* tiêu đề + gạch dưới */
  .section-7 .inner-name { font-weight:800; font-size:20px; color:#23306b; text-transform:uppercase; margin-bottom:8px; position:relative; padding-bottom:8px; }
  .section-7 .inner-name:after { content:''; position:absolute; left:0; bottom:0; height:4px; width:56px; background:#23306b; border-radius:2px; }

  .section-7 .inner-subtitle { color:#2f4aa0; font-weight:600; font-size:14px; margin-bottom:12px; display:block; }
  .section-7 .inner-desc { color:#222; font-size:15px; line-height:1.7; }

  /* icon phải mỗi hàng */
  .section-7 .item-icon { width:88px; flex:0 0 88px; display:flex; align-items:flex-start; justify-content:center; }
  .section-7 .item-icon img { width:56px; height:auto; display:block; }

  /* background trang trí bên phải: căn giữa theo chiều dọc và loại bỏ khoảng trắng trên/dưới */
  .section-7 .inner-bg {
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:320px; /* điều chỉnh theo kích thước ảnh */
    height:720px; /* cố định chiều cao để che kín vùng */
    pointer-events:none;
  }
  .section-7 .inner-bg img { width:100%; height:100%; object-fit:cover; display:block; }

  /* responsive */
  @media (max-width:1100px){
    .section-7 .container { padding-right:220px; }
    .section-7 .inner-bg { width:240px; height:600px; }
  }
  @media (max-width:900px){
    .section-7 { padding:20px 0; }
    .section-7 .container { padding-right:24px; }
    .section-7 .inner-list-text { grid-template-columns: 1fr; gap:24px; }
    .section-7 .item-icon { display:none; }
    .section-7 .inner-bg { position:static; transform:none; width:100%; height:auto; margin-top:20px; }
    .section-7 .inner-bg img { object-fit:contain; height:auto; width:100%; }
  }