/* pages/investment.css */
@import url('shared.css');

.page-hero-bg { background-image: url('https://kemiteglobalgroup.com/images/investment/investment.png'); background-position: center 30%; }

.sector-card { background: var(--dark-card); border: 1px solid rgba(201,168,76,.12); overflow: hidden; transition: border-color .35s, transform .35s, box-shadow .35s; }
.sector-card:hover { border-color: var(--gold); transform: translateY(-6px); box-shadow: 0 14px 44px rgba(201,168,76,.14); }
.sector-card-top { height: 5px; background: var(--gold); width: 0; transition: width .4s ease; }
.sector-card:hover .sector-card-top { width: 100%; }
.sector-card-body { padding: 28px; }
.sector-icon { width: 50px; height: 50px; border: 1px solid rgba(201,168,76,.3); display: flex; align-items: center; justify-content: center; color: var(--gold); margin-bottom: 16px; }
.sector-icon .material-icons { font-size: 24px; }
.sector-title { font-family: 'Cormorant Garamond',serif; font-size: 1.3rem; font-weight: 700; color: #fff; margin-bottom: 10px; }
.sector-text { font-size: .82rem; color: var(--text-muted); line-height: 1.8; }

.bg-dark-3 { background: var(--dark-3); position: relative; }
.bg-dark { background: var(--dark); }
.bg-dark-2 { background: var(--dark-2); }

/* 992px */
@media (max-width: 992px) {
  .page-hero { height: 280px; }
}

/* 768px */
@media (max-width: 768px) {
  .page-hero { height: 240px; }
  .sector-card-body { padding: 22px 18px; }
}

/* 480px */
@media (max-width: 480px) {
  .page-hero { height: 210px; }
  .sector-card-body { padding: 18px 14px; }
  .sector-title { font-size: 1.1rem; }
}