/* style/blog-8ki-platform-introduction.css */
/* body đã padding-top: var(--header-offset) */
.page-blog-8ki-platform-introduction {
  color: #333333; /* Default text color for light backgrounds */
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

/* Hero Section */
.page-blog-8ki-platform-introduction__hero-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0 60px 0; /* body đã xử lý padding-top, đây chỉ là padding nội dung */
  overflow: hidden;
  background-color: #F5F7FA; /* Background color */
}

.page-blog-8ki-platform-introduction__hero-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.page-blog-8ki-platform-introduction__hero-content {
  max-width: 960px;
  margin: 20px auto 0 auto;
  padding: 0 20px;
  text-align: center;
}

.page-blog-8ki-platform-introduction__main-title {
  font-size: clamp(2.2rem, 4vw, 3rem); /* H1 font size with clamp */
  font-weight: 700;
  color: #E53935; /* Main brand color for H1 */
  margin-bottom: 15px;
  line-height: 1.2;
  max-width: 100%;
}

.page-blog-8ki-platform-introduction__description {
  font-size: 1.1rem;
  color: #333333;
  margin-bottom: 30px;
}