/* Very-specific, high priority styles to override existing CSS */
body .container.gioi-thieu-wrap { background:#f6f6f8 !important; padding: 28px 0 !important; }
body .container.gioi-thieu-wrap .gioi-thieu-card {
  width: 100% !important;
  background: #fff !important;
  border-radius: 18px !important;
  padding: 38px !important;
  box-shadow: 0 8px 30px rgba(20,30,40,0.08) !important;
  overflow: visible !important;
  position: relative !important;
  border: 1px solid rgba(0,0,0,0.03) !important;
}

/* Use CSS Grid for stable 2-column layout that resists other flex overrides */
body .container.gioi-thieu-wrap .gioi-thieu-card .grid {
  display: grid !important;
  grid-template-columns: 1fr 520px !important; /* left flexible, right fixed image width */
  gap: 28px !important;
  align-items: center !important;
}

/* Left column (text) */
body .container.gioi-thieu-wrap .gioi-thieu-card .left {
  padding-right: 8px !important;
  min-width: 0 !important;
}
body .container.gioi-thieu-wrap .gioi-thieu-card h2 {
  font-size: 36px !important;
  margin: 0 0 18px 0 !important;
  font-weight: 700 !important;
  color: #132a36 !important;
  line-height: 1.02 !important;
}
body .container.gioi-thieu-wrap .gioi-thieu-card p {
  color: #6b7280 !important;
  font-size: 15.5px !important;
  line-height: 1.78 !important;
  margin-bottom: 14px !important;
  text-align: justify !important;
}

/* Right column (image) */
body .container.gioi-thieu-wrap .gioi-thieu-card .right {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-left: 8px !important;
}
body .container.gioi-thieu-wrap .gioi-thieu-card .right .img-wrap {
  width: 100% !important;
  max-width: 520px !important;
  height: 420px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(16,24,40,0.12) !important;
  border: 1px solid rgba(0,0,0,0.04) !important;
}
body .container.gioi-thieu-wrap .gioi-thieu-card .right img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* If you prefer image rounded only on right corners:
   set border-radius on .img-wrap and img to: 0 20px 20px 0 !important;
*/

/* Responsive: below 992px stack with image on top or bottom */
@media (max-width: 991.98px) {
  body .container.gioi-thieu-wrap .gioi-thieu-card .grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  body .container.gioi-thieu-wrap .gioi-thieu-card .right {
    justify-content: flex-start !important;
  }
  body .container.gioi-thieu-wrap .gioi-thieu-card .right .img-wrap {
    max-width: 100% !important;
    height: 260px !important;
    border-radius: 12px !important;
  }
  body .container.gioi-thieu-wrap .gioi-thieu-card {
    padding: 24px !important;
  }
  body .container.gioi-thieu-wrap { padding: 18px 0 !important; }
}

/* Super small screens */
@media (max-width: 575.98px) {
  body .container.gioi-thieu-wrap .gioi-thieu-card h2 { font-size: 26px !important; }
  body .container.gioi-thieu-wrap .gioi-thieu-card p { font-size: 14px !important; line-height:1.6 !important; }
}