p:empty {
  display: none;
}
/*page industry*/
/* ===============================
   1) BASE / RESET CHO SECTION
   =============================== */
.section_industry {
  background: #fff;
  padding-top: 120px;
  padding-bottom: 160px;
}

/* ===============================
   2) LAYOUT CỦA ITEM
   =============================== */
.industry__item {
  position: relative;
}
.industry__item:not(:last-child) {
  margin-bottom: 160px;
}
/* Khối nội dung chính luôn nằm trên lớp trang trí */
.industry__item-main {
  position: relative;
  z-index: 2;
}
/* Item đảo ảnh về bên phải (khi cần) */
.industry__item-reverse .industry__image {
  text-align: right;
}

/* ===============================
   3) TYPOGRAPHY
   =============================== */
/* Title (PC) */
.industry__title {
  margin-top: 0;
  margin-bottom: 3rem;
  text-align: center;

  font-size: 48px;
  line-height: 58px;
  font-weight: 900;
  color: #2e3570;
}

/* Body text (PC) */
.industry__text {
  margin-bottom: 0;

  font-size: 1rem;
  line-height: 1.75;
  font-weight: 500;
}

/* List trong phần text (dòng cam) */
.industry__text ul {
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0;

  color: #ff5e14;
  font-size: 20px;
  font-weight: 900;
  line-height: normal;
}

/* ===============================
   4) DECOR / LAYER BACKGROUND
   =============================== */
/* Base cho mọi layer trang trí: luôn nằm dưới, không chặn click */
.layer__bg {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  /* nếu cần màu/ảnh nền, thêm background ở đây */
}

/* Biến thể layer cho item lẻ (trên-trái) */
.industry__item-old--top-left {
  top: 0;
  left: 0;
  width: 25%;
  height: 50%;
}

/* Biến thể layer cho item lẻ (dưới-phải) */
.industry__item-old--bottom-right {
  right: 0;
  bottom: -20%;
  width: 25%;
  height: 50%;
}

/* Biến thể layer cho item chẵn (dưới-trái) */
.industry__item-even--bottom-left {
  left: 25%;
  bottom: -10%;
  width: 30%;
  height: 40%;
}

/* ===============================
   5) RESPONSIVE – TABLET (≤ 992px)
   =============================== */
   @media (max-width:1199px){
       .industry__item:not(:last-child){
           margin-bottom:0;
       }
       .industry__title{
           font-size:42px;
           line-height:52px;
           margin-bottom:2rem;
       }
   }
@media (max-width: 992px) {
  .section_industry {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .industry__item:not(:last-child) {
    margin-bottom: 80px;
  }

  .industry__title {
    font-size: 1.75rem;
    line-height: 1.3;
    margin-bottom: 2rem;
  }
  .industry__text ul {
    font-size: 18px;
  }

  /* Giảm kích thước/độ lệch của layer để tránh chồng chéo */
  .industry__item-old--bottom-right {
    bottom: -10%;
    width: 28%;
  }
  .industry__item-even--bottom-left {
    left: 20%;
    bottom: -8%;
    width: 28%;
    height: 36%;
  }
}

/* ===============================
   6) RESPONSIVE – MOBILE (≤ 768px)
   =============================== */
@media (max-width: 768px) {
  .section_industry {
      padding-top:2rem !important;
      padding-bottom:2rem !important;
      padding-left:0;
      padding-right:0;
  }
  .industry__item-main .row{
      margin-bottom:2rem !important;
  }
  .industry__item:not(:last-child) {
    margin-bottom: 60px;
  }

  .industry__title {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  .industry__text {
    text-align: center;
  }
  .industry__text ul {
    font-size: 16px;
  }

  /* Thu gọn/đẩy layer ra ngoài để không đè nội dung */
  .industry__item-old--top-left,
  .industry__item-old--bottom-right,
  .industry__item-even--bottom-left {
    transform: scale(0.85);
    opacity: 0.9; /* nếu có */
  }
}

/* ===============================
   7) RESPONSIVE – EXTRA SMALL (≤ 576px)
   =============================== */
@media (max-width: 576px) {
  .industry__title {
    font-size: 1.3rem;
  }

  /* Ẩn bớt layer trang trí ở màn hình rất nhỏ để tránh chồng chéo */
  .industry__item-old--bottom-right,
  .industry__item-even--bottom-left {
    display: none;
  }
}

/*page about**/
              .about__item {
                  position:relative;
              }
             .about__item-wrapper {
              background: #fff;
              position:relative;
              border:1px solid #d1d0d0;
              z-index:2;
            }
            .about__item-about{
                margin-top:-100px;
            }
            .about__item.about__item-about .container .row{
                margin:0;
            }
            .about__item .about__media  {
                padding: 12px;
                background: #dcdcdc;
            }
            .about__item .about__content  {
                  padding: 20px;
            }
            /* Ảnh */
            .about__figure {
              margin: 0;
            }
            .about__image {
              width: 100%;
              object-fit: cover;
              display: block;
            }
            
            /* Content */
            .about__title {
                 color: #2e3570;
                font-weight: 900;
                margin-bottom: 1rem;
                display: inline-block;
                font-size: 48px;
                line-height:58px;
                margin-top:0;
            }
            
            .about__desc {
              line-height: 1.7;
              font-weight:500;
              text-align: justify;
            }
            .about__item-about__bg--bottom-left{
                    width: 25%;
                left: 5%;
                bottom: -5%;
            }
            @media (max-width:1199px){
                .about__title{
                        font-size: 36px;
    line-height: 46px;
                }
            }
            /* Responsive tuỳ chỉnh thêm */
            @media (max-width: 992px) {
              .about__title {
                font-size: 1.75rem;
              }
              .about__item-about{
                  padding-bottom:0;
              }
            }
            @media (max-width: 768px) {
              .about__item {
                padding: 40px 20px;
              }
              .about__title {
                font-size: 1.5rem;
                text-align: center;
              }
            }
            @media (max-width: 576px) {
              .about__title {
                font-size: 1.3rem;
              }
              .about__desc {
                font-size: 0.9rem;
              }
            }
            
            /*section mission*/
            .section_mission {
          background: #fff;
          padding-top:5rem;
          margin-bottom:10rem;
        }
        .mission__header{
            margin-bottom:3rem;
        }
        
        /* Header */
        .mission__title {
          font-weight: 900;
          color: #2e4a92;
          font-size: 48px;
          line-height:58px;
          margin-bottom: 1rem;
        }
        .mission__subtitle {
          color: #555;
          font-weight: 500;
          font-size: 1.1rem;
          margin: 0;
        }
        
        .mission__values-head{
            margin-bottom:2rem;
            padding-left:56px;
                display: inline-block;
    text-align: center;
        }
        
        /* Values */
        .mission__values-title {
          color: #2e4a92;
          font-weight: 800;
          font-size: 48px;
          line-height:58px;
          margin:0;
          margin-top:0.5rem;
        }
        .mission__values ul {
          list-style: none;
          padding:0;
          margin:0;
        }
        .mission__values ul li {
          position: relative;
          padding-left: 56px;
          color: #333a49;
          font-weight: 500;
        }
        .mission__values ul li:not(:last-child){
            margin-bottom:2rem;
        }
        .mission__values ul li::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width:40px;
          height:32px;
          background-image:url('/catalog/view/theme/ktq/image/icon/correct.png');
        }
        
        /* Media */
        .mission__media{
            position:relative;
            z-index:2;
        }
        .mission__image {
          max-width: 100%;
          height: auto;
        }
        
        .mission__bg--bottom-right{
            width: 30%;
            height:50%;
    right: 5%;
    bottom: -15%;
        }
        
        @media (min-width:1500px){
             .mission__values ul li {
              font-size: 18px;
              line-height:1.6;
            }
        }
        
        /* Responsive */
        @media (max-width: 992px) {
          .mission__title { font-size: 36px;line-height:46px }
          .mission__values-title{
              font-size:36px;
              line-height:46px;
          }
          .mission__subtitle { font-size: 1rem; }
          .section_mission{
              padding:3rem 0;
              margin-bottom:0;
          }
        }
        @media (max-width: 768px) {
          .section_mission {padding-top:0;padding-left:0;padding-right:0;}
          .mission__subtitle { font-size: 0.95rem; }
          .mission__header{
              margin-bottom:2rem;
          }
          .mission__values-head{
              display:block;
              padding:0;
          }
          .mission__media{
              margin-top:2rem;
          }
          .about__item .container .row{
              margin:0 -15px
          }
        }
        @media (max-width: 576px) {
          .mission__subtitle { font-size: 0.9rem; }
          .mission__values ul li { font-size: 0.9rem; }
          .mission__title,
          .mission__values-title{
                      font-size: 28px;
        line-height: 38px;
          }
        }
        /*section legal 1*/
        .section_legal_1 { background:#fff; position:relative;margin-bottom:5rem; }
.section_legal_1__wrap { position:relative; z-index:1; }

/* Frame ảnh có viền */
.section_legal_1__frame {
  overflow: hidden;
}
.section_legal_1__image {
  width:100%;
  display:block;
  object-fit:cover;
}

/* “float” ảnh xuống list */
@media (min-width: 992px) {
  .section_legal_1__media {
    transform: translateY(32px);
    z-index: 2;
  }
  .section_legal_1__list-wrap {
    position:relative;
    z-index:1;
  }
}

/* Nội dung */
.section_legal_1__title {
  color:#2e3570;
  font-weight:900;
  font-size:48px;
  line-height:58px;
}

.section_legal_1__intro {
  line-height:1.75;
  text-align:justify;
}
.section_legal_1__list-wrap ul {
  font-size:1rem;
  line-height:1.7;
  padding-left:10rem;
  margin-top:2rem;
  margin-bottom:0;
}
.section_legal_1__list-wrap ul li:not(:last-child) { margin-bottom:10px; }

/* Decor góc */
.layer__bg.legal__bg--top-left {
  position:absolute; left:0; top:0;
  width:28%; height:46%;
  background:#bcd7f2;
  border-radius:8px;
  transform: translate(-6%, -10%);
  z-index:0;
  pointer-events:none;
}
.legal_1__bg--top-left{
        width: 35%;
        top:-50px;
        left:0;
    height: 250px;
}
.legal_1__bg--center-right{
        right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20%;
}
.legal_1__bg--bottom-left{
    left: 0;
    bottom: 50px;
}

/* Responsive */
@media (max-width: 991.98px) {
  .section_legal_1__title { font-size:2rem; }
  .section_legal_1__media { transform:none; }
  .section_legal_1__list-wrap { margin-top:0; padding-top:0; }
  .section_legal_1{
      margin-bottom:3rem;
  }
  .section_legal_1__title br{
      display:none;
  }
  .section_legal_1__list-wrap ul{
      padding-left:20px;
      margin-top:1rem;
  }
  .section_monitor__content{
          position: relative;
    z-index: 2;
  }
}
@media (max-width: 575.98px) {
  .section_legal_1__title { font-size:1.6rem; }
  .section_legal_1__intro,
  .section_legal_1__list-wrap ul { font-size:.95rem; }
  .layer__bg.legal__bg--top-left { display:none; }
}

.section_commitment  {
      margin-top:100px;
      margin-bottom:80px;
  }
  .commitment__item{
      position:relative;
  }
  .commitment__item .container{
      position:relative;
      z-index:2;
  }
  .commitment__item .row{
          justify-content: space-between;

  }
  .commitment__item:not(:last-child){
      margin-bottom:2rem;
  }
  .commitment__item-title h2{
      font-size:48px;
      line-height:58px;
      font-weight:900;
      color:#2e3570;
      margin-bottom:2rem;
  }
  .commitment__item-media{
      position:relative;
  }
  .commitment__item-media img{
      width:100%;
          position: relative;
    z-index: 2;
  }
  .commitment__item-1 .commitment__item-media img{
      padding-bottom:60px;
      padding-right:60px;
  }
      .section_commitment__text{
          text-align:justify;
          line-height:1.6;
          position: relative;
    z-index: 2;
      }
      .commitment__item-0__bg--bottom-left{
          bottom:0;
      }
      .commitment__item-0__bg--top-right{
              right: -60px;
    top: -60px;
      }
      .commitment__item-1__bg--bottom-right{
          bottom: 0;
    right: 30px;
    width: 450px;
    height: 450px;
      }
      .commitment__item-2__bg--top-left{
          top: 0;
    left: 5%;
      }
      @media (min-width:992px){
          .commitment__item .row{
              margin:0 -30px;
          }
          .commitment__item .row > div{
              padding:0 30px;
          }
      }
      @media (min-width:1200px) and (max-width:1499px){
        .commitment__item-2__bg--top-left{
            left:0;
        }   
      }
      @media (max-width:1499px){
           .commitment__item-title h2{
            font-size:42px;
            line-height:52px;
        }
      }
      @media (max-width:1199px){
          .commitment__item-1 .commitment__item-media img{
              padding:0;
          }
          .section_commitment{
              margin:60px 0;
          }
          .commitment__item-0__bg--top-right{
              right:0;
          }
      }
       @media (max-width:767px){
             .commitment__item-title h2{
                font-size:36px;
                line-height:46px;
            }
            .commitment__item-2__bg--top-left{
                left:0;
            }
            .commitment__item-1__bg--bottom-right{
                width:50%;
                left:0;
                height:300px;
            }
      }
      @media (max-width:575px){
          .section__title {
                font-size: 22px;
                line-height:32px;
            }
      }
      
       .section_monitor{
        margin-top:120px;
        margin-bottom:200px;
    }
    .section_monitor__text{
        line-height:1.6;
        text-align:justify;
    }
    .monitor__item:not(:last-child){
        margin-bottom:120px;
    }
    .monitor__item-title h2{
        font-size:48px;
        line-height:58px;
        color:#2e3570;
        font-weight:900;
        text-transform:uppercase;
    }
    .monitor__item-0__bg--top-left{
            top: -50px;
            left:0;
    }
    .monitor__item-0__bg--bottom-right{
            bottom: -50px;
    right: 0;
    }
    .monitor__image{
        position:relative;
        z-index:2;
    }
    .monitor__item-1 .monitor__item-media{
        padding-right:50px;
    }
    .monitor__item-1__bg--top-right{
            right: 0;
    top: -50px;
    width: 500px;
    }
    .monitor__item-1__bg--bottom-right{
         bottom: -100px;
    right: 0;
    }
    .monitor__item-2__bg--bottom-left{
        width: 250px;
    height: 250px;
    bottom: -120px;   
    }
    .section_safety{
    margin-top:100px;
    margin-bottom:200px;
}
.section_safety__content{
        position: relative;
    z-index: 2;
}
.safety__item:not(:last-child){
    margin-bottom:120px;
}
    .section_safety__text{
        text-align:justify;
    }
    .safety__item-0__bg--top-left{
        top:-80px;
    }
    .safety__item-0__bg--bottom-right{
            bottom: -50px;
    right: 0;
    }
    .safety__item-1__bg--top-right{
            width: 70%;
    height: 30%;
    right: 0;
    top: -50px;
    }
    .safety__item-1__bg--bottom-right{
            right: 10%;
    bottom: -50px;
    }
    .safety__item-media img{
        position:relative;
        z-index:2;
    }
    .safety__item-title h2{
            margin-top: 0;
    margin-bottom: 2rem;
    font-size: 42px;
    line-height: 52px;
    font-weight: 900;
    color: #2e3570;
    text-transform: uppercase;
    }
    .safety__item-2__bg--bottom-left{
            bottom: -100px;
    }
      /* ===== Wrapper ===== */
.section_responsibilities { background:#fff; position:relative; }
.responsibilities { position:relative; padding:56px 0 72px; }

/* ===== Title ===== */
.responsibilities__title{
  margin: 0 0 24px;
  color:#2e3570;
  font-weight:900;
  letter-spacing:.3px;
  font-size: 2rem;
}

/* ===== Columns / Cards ===== */
.responsibilities__col{ position:relative; }
.responsibilities__col-right{
    padding:100px 60px 0 60px;
}

.responsibilities__card{
  background:#fff;
}
.responsibilities__card-2{
    margin-top:100px;
}
.responsibilities__card-4{
    margin-top:100px;
}

/* Text-only card (data1) */
.responsibilities__card--text{
  padding:20px 30px;
  background:#f3f7ff;                 /* nền xanh nhạt như mô phỏng */
  border-color:#b6d3ff;
  text-align:justify;
}

/* Media card (image + text) */
.responsibilities__figure{ margin:0;position:relative; }
.responsibilities__img{
  width:100%; height:auto; display:block;
  object-fit:cover;
  position:relative;
  z-index:2;
}
.responsibilities__card-2 .responsibilities__img{
    padding-left:50px;
}
.responsibilities__body{ padding:20px 30px; }
.responsibilities__card-2 .responsibilities__body{
    padding-right:0;
}
.responsibilities__card-3 .responsibilities__body{
    padding-left:0;
    padding-right:0;
}
/* Typography in body */
.responsibilities__heading{
  margin:0 0 8px;
  font-weight:800;
  font-size:1.125rem;
  color:#2e3570;
}
.responsibilities__desc{
  font-size:1rem;
  line-height:1.75;
  text-align:justify;
  position:relative;
  z-index:2;
}
.responsibilities__desc ul{ margin-left:1.2em; }
.responsibilities__card-2__bg--top-left{
    top:-50px;
}
.responsibilities__card-3__bg--top-right{
        top: -100px;
    right: -60px;
}
.responsibilities__card-4__bg--top-left{
        top: -60px;
    left: -60px;
}
/* ===== Responsive ===== */
@media (max-width: 992px){
  .responsibilities{ padding:44px 0 60px; }
  .responsibilities__title{ font-size:1.8rem; }
  .responsibilities__card-2 .responsibilities__img{
      padding-left:0;
    }
    .responsibilities__card-2{
        margin-top:2rem;
    }
    .responsibilities__col-right{
        padding:0;
    }
    .responsibilities__body{
        padding-left:0;
    }
    .responsibilities__card-4{
        margin-top:1rem;
    }
}
@media (max-width: 768px){
  .responsibilities{ padding:36px 0 48px; }
  .responsibilities__title{ font-size:1.6rem; margin-bottom:18px; }
  .responsibilities__decor{ display:none; } /* tránh chồng chéo mobile */
  .responsibilities__card-2__bg--top-left{
      left:0;
      top:-15px;
  }
  .responsibilities__card-3__bg--top-right{
      right:0;
  }
}
@media (max-width: 576px){
  .responsibilities__desc{ font-size:.95rem; }
  .responsibilities__col-right{
      padding:0 15px;
  }
}

    @media (max-width:1499px){
         .monitor__item-title h2{
              font-size: 42px;
        line-height:52px;
        }
        .section_monitor,
        .section_safety{
            margin-top:60px;
            margin-bottom:60px;
        }
    }
    @media (max-width:1199px){
        .monitor__item:not(:last-child){
            margin-bottom:2rem;
        }
        .safety__item:not(:last-child){
            margin-bottom:2rem;
        }
    }
    @media (max-width:991px){
        .monitor__item-1 .monitor__item-media{
            padding-right:15px;
        }
        .monitor__item-media{
            text-align:center !important;
        }
    }
    @media (max-width:767px){
        .monitor__item-title h2{
            font-size: 36px;
            line-height:46px;
        }
        .monitor__item-1__bg--top-right{
            width:100%;
        }
        .monitor__item-2__bg--bottom-left,
        .safety__item-2__bg--bottom-left{
            left:0;
            bottom:-15px;
        }
        .section_monitor,
        .section_safety{
            margin-top:2rem;
            margin-bottom:2rem;
        }
    }
    @media (max-width:575px){
        .monitor__item-title h2{
              font-size: 22px;
        line-height:32px;
        }
    }