/* ============================================================
   Industries pages — shared tab + grid components.
   Images are always shown in full (object-fit: contain, never cropped).
   ============================================================ */
.gi-intro { font-size: 17px; line-height: 1.8; color: #5a5a63; margin-top: 14px; }
.rs-about-six .rs-about-tab { margin-bottom: 34px; }

/* Tab panes: image + content */
.gi-pane { display: grid; grid-template-columns: 1fr; gap: 34px; align-items: start; }
@media (min-width: 768px) { .gi-pane.has-media { grid-template-columns: 0.85fr 1.15fr; } }

.gi-media {
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #f4f6f9;
  border: 1px solid rgba(0, 0, 0, .07);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-shadow: 0 26px 54px -36px rgba(9, 54, 141, .5);
}
.gi-media img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  transition: transform .6s ease;
}
.gi-media:hover img { transform: scale(1.04); }

.gi-body > p { font-size: 15.5px; line-height: 1.8; color: #5a5a63; margin: 0 0 14px; }
.gi-body > p b { color: #16161c; }
.gi-list { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 9px; }
.gi-list li { position: relative; padding-left: 24px; font-size: 15px; line-height: 1.6; color: #54545c; }
.gi-list li::before {
  content: ""; position: absolute; left: 0; top: 8px;
  width: 8px; height: 8px; border-radius: 50%; background: var(--rs-theme-orange);
}

/* Other Industries — Portfolio Style 06 cards in a 4-column grid.
   Images fill the card at full width (natural aspect, never cropped). */
.oi-grid .rs-portfolio-item { height: 100%; }
.oi-grid .rs-portfolio-thumb { border-radius: 15px; overflow: hidden; }
.oi-grid .rs-portfolio-thumb img { width: 100%; height: auto; display: block; transition: transform .5s ease; }
.oi-grid .rs-portfolio-item:hover .rs-portfolio-thumb img { transform: scale(1.05); }
.oi-grid .rs-portfolio-title { font-size: 16px; line-height: 1.45; }
