/* =========================================================================
   Section 08 (node 1:2207) — "Elevate Content with Intelligent Features"
   ========================================================================= */
.s08 {
  height: 1069.5px;
  background: #ffffff;
  padding: 80px 0;
}

/* Inner content column: max-width 1056px, 24px horizontal padding (node 1:2208).
   Wrapper (node 1:2220) adds 40px bottom padding. */
.s08 .container {
  padding-bottom: 40px;
}
.s08-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0 24px;
}

/* Heading (node 1:2210) */
.s08-heading {
  margin: 0 auto;
  width: 600px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 38px;
  line-height: 46px;
  letter-spacing: -0.8px;
  text-align: center;
  color: #222222;
  word-break: break-word;
}

/* Paragraph (node 1:2213), wrapper has 8px top padding */
.s08-sub {
  margin: 8px auto 0;
  width: 620px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #000000;
  word-break: break-word;
}

/* Media wrapper (node 1:2219) — 40px top padding */
.s08-media {
  padding-top: 40px;
}

/* Image frame (nodes 1:2215 / 1:2216) */
.s08-frame {
  width: 100%;
  height: 645.477px;
  border-radius: 16px;
  overflow: hidden;
}
.s08-frame-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  pointer-events: none;
}

/* =========================================================================
   Responsive overrides (appended)
   ========================================================================= */
@media (max-width: 1024px) {
  .s08 {
    height: auto;
    padding: 64px 0;
  }
  .s08-heading,
  .s08-sub {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .s08-frame {
    width: 100%;
    height: auto;
    aspect-ratio: 1056 / 645;
  }
  .s08-frame-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

@media (max-width: 600px) {
  .s08 {
    height: auto;
    padding: 64px 0;
  }
  .s08-heading,
  .s08-sub {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .s08-heading {
    font-size: 26px;
    line-height: 32px;
    white-space: normal;
  }
  .s08-frame {
    width: 100%;
    height: auto;
    aspect-ratio: 1056 / 645;
  }
  .s08-frame-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}