/* industry-section.css
   Scoped styles for #industry-section only so nothing elsewhere is affected.
   Link this stylesheet from industry-section.html using <link rel="stylesheet" href="industry-section.css">.
*/

#industry-section { color:#222; background:transparent; padding:28px 18px; }

/* wrapper to constrain width (keeps layout isolated) */
#industry-section .is-wrapper { max-width:1200px; margin:0 auto; }

/* header */
#industry-section .is-eyebrow { color:#0b63a6; font-weight:700; margin-bottom:8px; display:inline-block; font-size:13px; }
#industry-section .is-head-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
#industry-section .is-title { margin:0; font-size:32px; line-height:1.05; font-weight:700; color:#222; }
#industry-section .is-cta { background:#fff; border:1px solid #e2e2e2; padding:12px 18px; border-radius:6px; text-decoration:none; color:#222; font-weight:700; }

/* grid layout */
#industry-section .is-grid { display:grid; grid-template-columns:260px 1fr 1fr; gap:28px; align-items:start; }

/* left nav */
#industry-section .is-nav { display:flex; flex-direction:column; gap:16px; }
#industry-section .is-nav-item {
  text-align:left;
  background:#fff;
  border:1px solid #eee;
  padding:16px 18px;
  border-radius:6px;
  font-weight:600;
  font-size:16px;
  cursor:pointer;
}
#industry-section .is-nav-item:hover { transform:translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.04); }
#industry-section .is-nav-item.is-active, #industry-section .is-nav-item[aria-pressed="true"] {
  background:#1f3f78; color:#fff; border-color:rgba(10,60,110,0.9); box-shadow:0 8px 26px rgba(31,63,120,0.12);
}

/* center image */
#industry-section .is-media { display:flex; align-items:center; justify-content:center; }
#industry-section .is-img-frame { background:#fff; padding:8px; border-radius:4px; border:1px solid #ddd; max-width:560px; }
#industry-section .is-img-frame img { display:block; width:100%; height:auto; object-fit:cover; }

/* right content */
#industry-section .is-content { padding:6px 12px; }
#industry-section #is-title { margin:0 0 12px 0; font-size:20px; color:#222; font-weight:700; font-family: 'Poppins';}
#industry-section #is-desc { color:#666; margin:0 0 14px 0; line-height:1.7; text-align: justify;}
#industry-section .is-features { list-style:none; padding:0; margin:0 0 18px 0; }
#industry-section .is-features li { margin:10px 0; font-weight:600; color:#0b4f78; }

/* read link */
#industry-section .is-read { color:#444; font-weight:700; text-decoration:none; border-bottom:1px solid rgba(0,0,0,0.06); padding-bottom:4px; }

/* responsive */
@media (max-width:1000px) {
  #industry-section .is-grid { grid-template-columns: 1fr; row-gap:18px; }
  #industry-section .is-nav { order:1; flex-direction:row; overflow:auto; gap:12px; padding-bottom:6px; }
  #industry-section .is-nav-item { min-width:200px; flex:0 0 auto; }
  #industry-section .is-media { order:2; }
  #industry-section .is-content { order:3; }
  #industry-section .is-title { font-size:22px; }
}

@media (max-width:480px) {
  #industry-section .is-wrapper { padding:12px; }
  #industry-section .is-title { font-size:18px; }
  #industry-section .is-nav-item { padding:10px 12px; font-size:14px; }
  #industry-section .is-cta { padding:8px 10px; font-size:13px; }
}