/* =====================================
   INVESTOR PORTAL EXTENSION
   ===================================== */

:root{


--primary:#022A5E;
--accent:#FF9933;
--bg:#f5f9ff;
--text:#1A1A1A;
--invest-border:#dfe9f5;

}

.investment-container{
    max-width: var(--gov-container-max, 1540px);
    margin: auto;
    padding: 40px 24px;
}

/* Common Reusable Investment Portal Classes */
.invest-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 20px; }
.invest-main-content { max-width: var(--gov-container-max, 1540px); margin: 0 auto; padding: 36px 24px 60px; }
.invest-section-wrap { margin-bottom: 48px; }
.invest-section-wrap-sm { margin-bottom: 44px; }
.invest-section-box { background: #F8FAFC; border: 1px solid #DCE7F3; border-radius: 12px; padding: 36px; margin-bottom: 48px; }
.invest-card-standard { background: #FFFFFF; border: 1px solid #DCE7F3; border-radius: 10px; padding: 28px; box-shadow: 0 4px 14px rgba(2,42,94,0.03); }
.invest-card-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.invest-card-title { font-size: 19px; font-weight: 800; color: #022A5E; margin: 0 0 10px 0; }
.invest-card-desc { color: #475569; font-size: 14px; line-height: 1.6; margin: 0 0 16px 0; }
.invest-cta-banner { background: linear-gradient(135deg, #022A5E 0%, #0077B6 100%); border-radius: 12px; padding: 40px; text-align: center; color: #FFFFFF; box-shadow: 0 8px 24px rgba(2,42,94,0.12); }
.invest-cta-title { font-size: 28px; font-weight: 800; color: #FFFFFF; margin: 0 0 10px 0; }
.invest-cta-desc { font-size: 15.5px; color: #E2E8F0; max-width: 760px; margin: 0 auto 24px auto; line-height: 1.6; }
.invest-cta-actions { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.invest-tag-blue { background: #E0F2FE; color: #0369A1; font-size: 12px; font-weight: 800; padding: 4px 12px; border-radius: 14px; display: inline-block; margin-bottom: 8px; }
.invest-tag-amber { background: #FEF3C7; color: #B45309; font-size: 12px; font-weight: 800; padding: 4px 12px; border-radius: 14px; display: inline-block; margin-bottom: 8px; }
.invest-tag-green { background: #DCFCE7; color: #15803D; font-size: 12px; font-weight: 800; padding: 4px 12px; border-radius: 14px; display: inline-block; margin-bottom: 8px; }
.invest-stat-val { color: #022A5E; font-size: 30px; font-weight: 800; margin-bottom: 4px; }
.invest-stat-label { color: #475569; font-size: 13.5px; font-weight: 700; }
.invest-flat-card { border: none !important; box-shadow: none !important; padding: 12px !important; }
.invest-subheading { font-size: 26px; font-weight: 800; color: #022A5E; margin: 0 0 6px 0; }
.invest-subdesc { color: #475569; font-size: 14.5px; margin: 0; }
.invest-doc-card { border: 1px solid #DCE7F3; border-radius: 8px; padding: 20px; background: #FFFFFF; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 14px; }
.invest-doc-content { max-width: 75%; }
.invest-doc-meta { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; }
.invest-doc-title { color: #022A5E; font-size: 16px; font-weight: 800; margin: 0 0 6px 0; }
.invest-doc-desc { color: #475569; font-size: 13.5px; line-height: 1.5; margin: 0; }

.investment-overview-strip{
    background:#f5f9ff;
    border-bottom:1px solid var(--invest-border);
}

.investment-overview-strip .investment-container{
    padding-top:30px;
    padding-bottom:30px;
}

.investment-internal-nav-bar,
.invest-strip-wrap {
    background: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    box-shadow: 0 1px 4px rgba(2, 42, 94, 0.03);
    position: relative;
    z-index: 10;
}

.invest-strip-inner {
    max-width: var(--gov-container-max, 1540px);
    margin: 0 auto;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.invest-strip-label {
    font-size: 13.5px;
    font-weight: 800;
    color: #022A5E;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.invest-strip-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #FF9933;
    border-radius: 50%;
    flex-shrink: 0;
}

.invest-strip-pills,
.invest-quick-pills {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.invest-pill-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 15px;
    background: #EFF6FC;
    color: #022A5E !important;
    border: 1px solid #BFDBFE;
    border-radius: 9999px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    line-height: 1.4;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.invest-pill-link:hover,
.invest-pill-link:focus {
    background: #022A5E;
    color: #FFFFFF !important;
    border-color: #022A5E;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(2, 42, 94, 0.15);
}

.invest-pill-active,
.invest-pill-dark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 18px;
    background: #022A5E;
    color: #FFFFFF !important;
    border: 1px solid #022A5E;
    border-radius: 9999px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    line-height: 1.4;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.invest-pill-active:hover,
.invest-pill-active:focus,
.invest-pill-dark:hover,
.invest-pill-dark:focus {
    background: #011E41;
    border-color: #011E41;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(2, 42, 94, 0.2);
}

.investment-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.investment-kpi-card{
    background:#ffffff;
    border:1px solid #E2E8F0;
    border-radius:10px;
    padding:26px 18px 22px 18px;
    text-align:center;
    box-shadow:0 2px 10px rgba(2,42,94,.04);
    transition:transform .2s ease,box-shadow .2s ease;
}

.investment-kpi-card:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(2,42,94,.08);
}

.investment-kpi-card.kpi-border-saffron {
    border-top: 4px solid #FF8000 !important;
}

.investment-kpi-card.kpi-border-blue {
    border-top: 4px solid #0077CC !important;
}

.investment-kpi-card.kpi-border-navy {
    border-top: 4px solid #022A5E !important;
}

.investment-kpi-card.kpi-border-green {
    border-top: 4px solid #10B981 !important;
}

.invest-stat-val,
.investment-kpi-card h3{
    color:#022A5E;
    font-size:32px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:6px;
    letter-spacing:-0.3px;
}

.invest-stat-label,
.investment-kpi-card span{
    color:#556B82;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.5px;
    display:block;
    line-height:1.3;
}

/* State Investment Atlas Section */
.state-atlas-section {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 48px;
    box-shadow: 0 2px 10px rgba(2, 42, 94, 0.04);
}

.state-atlas-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}

.state-atlas-header-text span.eyebrow,
.invest-box-card span.eyebrow,
.investment-knowledge-hub-section span.eyebrow {
    font-size: 11.5px;
    font-weight: 800;
    color: #FF8500;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: block;
    margin-bottom: 4px;
}

.state-atlas-header-text h3,
.invest-box-card h3,
.investment-knowledge-hub-section h2 {
    font-size: 24px;
    font-weight: 800;
    color: #022A5E;
    margin: 0 0 6px 0;
}

.state-atlas-header-text p,
.investment-knowledge-hub-section p.subtext {
    color: #556B82;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

.state-atlas-grid-preview {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 24px;
    align-items: stretch;
}

.state-atlas-map-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.state-atlas-map-card img {
    max-height: 220px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: inline-block;
}

.state-atlas-map-card .map-caption {
    font-size: 12.5px;
    color: #64748B;
    font-weight: 600;
    margin-top: 10px;
}

.state-atlas-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.state-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 18px 16px;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.state-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(2, 42, 94, 0.06);
    border-color: #BFDBFE;
}

.state-card h4 {
    color: #022A5E;
    font-size: 16px;
    font-weight: 800;
    margin: 0 0 6px 0;
}

.state-card p {
    color: #556B82;
    font-size: 12.5px;
    line-height: 1.45;
    margin: 0;
}

.state-card-more {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 18px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.state-card-more:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(2, 42, 94, 0.06);
    border-color: #BFDBFE;
}

.state-card-more .more-count {
    font-size: 17px;
    font-weight: 800;
    color: #0077B6;
    margin-bottom: 4px;
}

.state-card-more a {
    font-size: 12.5px;
    font-weight: 700;
    color: #022A5E;
    text-decoration: none;
}

.state-card-more a:hover {
    text-decoration: underline;
}

/* Major Investment Pipeline & PPP Section (2-Column) */
.pipeline-ppp-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 48px;
}

.invest-box-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 2px 10px rgba(2, 42, 94, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.invest-pipeline-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
    margin-bottom: 20px;
}

.invest-pipeline-table thead tr {
    background: #F8FAFC;
    border-bottom: 1.5px solid #E2E8F0;
}

.invest-pipeline-table th {
    padding: 10px 14px;
    color: #022A5E;
    font-weight: 700;
}

.invest-pipeline-table th:first-child {
    text-align: left;
}

.invest-pipeline-table th:last-child {
    text-align: right;
}

.invest-pipeline-table tbody tr {
    border-bottom: 1px solid #EDF2F7;
}

.invest-pipeline-table tbody td {
    padding: 12px 14px;
}

.invest-pipeline-table td.sector-name {
    font-weight: 600;
    color: #1E293B;
}

.invest-pipeline-table td.potential-val {
    text-align: right;
    font-weight: 800;
    color: #0077B6;
}

.invest-btn-pill-full {
    display: block;
    text-align: center;
    padding: 12px 16px;
    background: #F0F6FC;
    color: #022A5E !important;
    border: 1px solid #BFDBFE;
    border-radius: 6px;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.invest-btn-pill-full:hover {
    background: #022A5E;
    color: #FFFFFF !important;
    border-color: #022A5E;
}

.invest-btn-navy-full {
    display: block;
    text-align: center;
    padding: 12px 16px;
    background: #022A5E;
    color: #FFFFFF !important;
    border-radius: 6px;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none !important;
    border: none;
    transition: all 0.2s ease;
}

.invest-btn-navy-full:hover {
    background: #011E41;
}

.invest-ppp-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 18px 20px;
    margin-bottom: 14px;
}

.invest-ppp-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.invest-ppp-card-header h4 {
    color: #022A5E;
    font-size: 15px;
    font-weight: 800;
    margin: 0;
}

.invest-badge-blue {
    background: #E0F2FE;
    color: #0369A1;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 12px;
}

.invest-badge-green {
    background: #DCFCE7;
    color: #15803D;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 12px;
}

.invest-ppp-card p {
    color: #556B82;
    font-size: 13px;
    line-height: 1.5;
    margin: 6px 0 10px 0;
}

.invest-ppp-card a.ppp-link {
    font-size: 13px;
    font-weight: 700;
    color: #0077B6;
    text-decoration: none;
}

.invest-ppp-card a.ppp-link:hover {
    text-decoration: underline;
}

/* Investor Facilitation Cell Highlight */
.investor-facilitation-highlight {
    background: linear-gradient(135deg, #022A5E 0%, #005F9E 100%);
    border-radius: 12px;
    padding: 34px 36px;
    color: #FFFFFF;
    margin-bottom: 36px;
    box-shadow: 0 4px 16px rgba(2, 42, 94, 0.12);
}

.facilitation-grid-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 32px;
    align-items: center;
}

.facilitation-badge {
    display: inline-block;
    background: rgba(255, 153, 51, 0.15);
    border: 1px solid rgba(255, 153, 51, 0.7);
    color: #FFB347;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 12px;
    border-radius: 14px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
}

.facilitation-checks {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    font-size: 13.5px;
    font-weight: 600;
}

.facilitation-checks .check-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.facilitation-checks .check-item span.icon {
    color: #FF9933;
    font-weight: bold;
}

.facilitation-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 220px;
}

.btn-consultation {
    text-align: center;
    padding: 11px 20px;
    background: #FF8000;
    color: #022A5E !important;
    font-size: 14px;
    font-weight: 800;
    border-radius: 6px;
    text-decoration: none !important;
    border: none;
    transition: all 0.2s ease;
}

.btn-consultation:hover {
    background: #E67300;
    color: #FFFFFF !important;
}

.btn-guide-download {
    text-align: center;
    padding: 11px 20px;
    background: transparent;
    color: #FFFFFF !important;
    font-size: 13.5px;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none !important;
    border: 1.5px solid rgba(255, 255, 255, 0.85);
    transition: all 0.2s ease;
}

.btn-guide-download:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* Investment Knowledge Hub */
.investment-knowledge-hub-section {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 48px;
    box-shadow: 0 2px 10px rgba(2, 42, 94, 0.04);
}

.knowledge-hub-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 16px;
}

.knowledge-hub-header a.browse-link {
    color: #0077B6;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.knowledge-hub-header a.browse-link:hover {
    text-decoration: underline;
}

.invest-knowledge-filter-bar {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 22px 0 20px 0;
    align-items: center;
}

.invest-knowledge-filter-bar input[type="search"] {
    flex: 1;
    min-width: 240px;
    padding: 9px 14px;
    border: 1px solid #CBD5E1;
    border-radius: 6px;
    font-size: 13px;
    outline: none;
    background: #FFFFFF;
}

.invest-knowledge-filter-bar select {
    padding: 9px 14px;
    border: 1px solid #CBD5E1;
    border-radius: 6px;
    font-size: 13px;
    background: #FFFFFF;
    color: #022A5E;
    font-weight: 600;
    min-width: 160px;
}

.invest-doc-card {
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 18px 20px;
    margin-bottom: 14px;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.invest-doc-card:hover {
    border-color: #BFDBFE;
    box-shadow: 0 4px 12px rgba(2, 42, 94, 0.05);
}

.invest-doc-card:last-child {
    margin-bottom: 0;
}

.invest-doc-content {
    max-width: 75%;
}

.invest-doc-meta {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 4px;
}

.invest-tag-blue {
    background: #E0F2FE;
    color: #0369A1;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}

.invest-tag-green {
    background: #DCFCE7;
    color: #15803D;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}

.invest-tag-amber {
    background: #FEF3C7;
    color: #B45309;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}

.invest-doc-title {
    color: #022A5E;
    font-size: 16px;
    font-weight: 800;
    margin: 4px 0;
}

.invest-doc-desc {
    color: #556B82;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

.doc-btn-download {
    padding: 9px 18px;
    background: #022A5E;
    color: #FFFFFF !important;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    transition: background 0.2s ease;
}

.doc-btn-download:hover {
    background: #011E41;
}

.invest-btn-primary,
.invest-btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:13px 22px;
    border-radius:4px;
    font-weight:700;
    text-decoration:none !important;
    transition:background-color .25s ease,color .25s ease,transform .25s ease,border-color .25s ease;
}

.invest-btn-primary{
    background:#ff9933;
    border:2px solid #ff9933;
    color:#022a5e !important;
}

.invest-btn-primary:hover,
.invest-btn-primary:focus{
    background:#022a5e;
    border-color:#022a5e;
    color:#ffffff !important;
}

.invest-btn-secondary{
    background:transparent;
    border:2px solid #ffffff;
    color:#ffffff !important;
}

.invest-btn-secondary:hover,
.invest-btn-secondary:focus{
    background:#ffffff;
    color:#022a5e !important;
}

.sector-hero-badge{
    display:inline-block;
    background:#ff9933;
    color:#022a5e;
    font-weight:700;
    padding:8px 16px;
    border-radius:4px;
    margin-bottom:18px;
}

.sector-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:30px;
}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

/* =====================================================
   STATE INVESTMENT ATLAS
===================================================== */

.investment-atlas-page{
    background:#ffffff;
}

.atlas-page-banner{
    background:
    linear-gradient(
        rgba(2,42,94,.78),
        rgba(2,42,94,.72)
    ),
    url('../images/investments/Map.jpg');
    background-size:cover;
    background-position:center;
}

.atlas-banner-subtitle{
    color:#ffffff;
    font-size:20px;
    line-height:1.7;
    max-width:820px;
    margin:0 auto 18px;
}

.atlas-section-header{
    max-width:920px;
    margin-bottom:32px;
}

.atlas-section-header h2{
    color:#022A5E;
    font-size:42px;
    line-height:1.2;
    margin-bottom:14px;
}

.atlas-section-header p{
    color:#444444;
    font-size:18px;
    line-height:1.8;
}

/* State Investment Atlas Refined Styles */
.atlas-map-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
    gap: 32px;
    align-items: stretch;
}

.atlas-map-panel {
    position: relative;
    min-height: 580px;
    background: radial-gradient(circle at 60% 60%, #EEF6FF 0%, #E2EDF8 100%);
    border: 1.5px solid #CBD5E1;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: inset 0 2px 10px rgba(2, 42, 94, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
}

.atlas-india-map {
    width: 100%;
    height: 100%;
    max-height: 560px;
    object-fit: contain;
    display: block;
    padding: 16px;
}

.atlas-map-marker {
    position: absolute;
    background: #022A5E;
    color: #FFFFFF;
    border: 2px solid #FF9933;
    border-radius: 24px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(2, 42, 94, 0.35);
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    z-index: 10;
    white-space: nowrap;
}

.atlas-map-marker:hover,
.atlas-map-marker:focus,
.atlas-map-marker.active {
    background: #FF9933;
    color: #022A5E;
    border-color: #022A5E;
    transform: translateY(-4px) scale(1.06);
    box-shadow: 0 8px 24px rgba(2, 42, 94, 0.4);
    z-index: 20;
    outline: none;
}

.marker-gujarat { left: 16%; top: 38%; }
.marker-maharashtra { left: 25%; top: 52%; }
.marker-goa { left: 28%; top: 64%; }
.marker-karnataka { left: 32%; top: 72%; }
.marker-kerala { left: 35%; top: 84%; }
.marker-tamilnadu { left: 45%; top: 82%; }
.marker-andhra { left: 52%; top: 64%; }
.marker-odisha { left: 63%; top: 48%; }
.marker-westbengal { left: 74%; top: 38%; }

.atlas-opportunity-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.atlas-corridor-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.atlas-modal {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(2, 42, 94, 0.85);
    backdrop-filter: blur(4px);
    padding: 20px;
}

body.atlas-modal-open {
    overflow: hidden;
}

.atlas-modal[hidden] {
    display: none;
}

.atlas-modal-panel {
    position: relative;
    width: min(880px, 100%);
    max-height: 90vh;
    overflow-y: auto;
    background: #FFFFFF;
    border-radius: 12px;
    border-top: 5px solid #FF9933;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
    padding: 32px;
}

.atlas-modal-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}

.atlas-modal-grid section{
    border:1px solid #dfe9f5;
    border-radius:8px;
    padding:22px;
    background:#ffffff;
}

.atlas-modal-grid h3{
    color:#022A5E;
    margin-bottom:14px;
}

.atlas-modal-potential{
    grid-column:1/-1;
    background:#f5f9ff !important;
    border-left:5px solid #ff9933 !important;
}

.atlas-modal-potential strong{
    display:block;
    color:#022A5E;
    font-size:30px;
    margin-bottom:10px;
}

.atlas-modal-potential p{
    color:#444444;
    line-height:1.7;
}

.atlas-modal-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:24px;
}

.atlas-modal-actions .invest-btn-secondary{
    border-color:#022A5E;
    color:#022A5E !important;
}

.atlas-modal-actions .invest-btn-secondary:hover,
.atlas-modal-actions .invest-btn-secondary:focus{
    background:#022A5E;
    color:#ffffff !important;
}

body.high-contrast-mode .atlas-map-panel,
body.high-contrast-mode .atlas-state-selector,
body.high-contrast-mode .atlas-opportunity-card,
body.high-contrast-mode .atlas-corridor-card,
body.high-contrast-mode .atlas-project-card,
body.high-contrast-mode .atlas-modal-panel,
body.high-contrast-mode .atlas-modal-grid section{
    background:#ffffff;
    color:#000000;
    border:2px solid #000000;
}

body.high-contrast-mode .atlas-map-marker,
body.high-contrast-mode .atlas-state-button-grid button{
    background:#ffff00;
    color:#000000;
    border:2px solid #000000;
}

body.high-contrast-mode .atlas-modal{
    background:rgba(0,0,0,.9);
}

/* =====================================================
   INVESTMENT DASHBOARD
===================================================== */

.investment-dashboard-page{
    background:#ffffff;
}

.dashboard-page-banner{
    background:
    linear-gradient(
        rgba(2,42,94,.80),
        rgba(2,42,94,.72)
    ),
    url('../images/investments/Container Ports3.jpg');
    background-size:cover;
    background-position:center;
}

.dashboard-banner-subtitle{
    color:#ffffff;
    font-size:20px;
    line-height:1.7;
    max-width:860px;
    margin:0 auto 18px;
}

.dashboard-kpi-section{
    background:#f5f9ff;
    border-bottom:1px solid #dfe9f5;
}

.dashboard-kpi-section .investment-container{
    padding-top:32px;
    padding-bottom:32px;
}

.dashboard-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(180px,1fr));
    gap:20px;
}

.dashboard-kpi-card{
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    padding:26px 20px;
    box-shadow:0 8px 24px rgba(2,42,94,.06);
}

.dashboard-kpi-card span{
    display:block;
    color:#555555;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:10px;
}

.dashboard-kpi-card strong{
    display:block;
    color:#022A5E;
    font-size:32px;
    line-height:1.15;
}

.dashboard-analytics-section,
.dashboard-heatmap-section,
.dashboard-download-section{
    padding:72px 0;
}

.dashboard-alt-section,
.dashboard-download-section{
    background:#f5f9ff;
}

.dashboard-section-header{
    max-width:940px;
    margin-bottom:32px;
}

.dashboard-section-header h2{
    color:#022A5E;
    font-size:42px;
    line-height:1.2;
    margin-bottom:14px;
}

.dashboard-section-header p{
    color:#444444;
    font-size:18px;
    line-height:1.8;
}

.dashboard-chart-grid{
    display:grid;
    gap:24px;
}

.dashboard-chart-grid-two{
    grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);
}

.dashboard-chart-card{
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    padding:24px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
}

.dashboard-chart-header{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
    margin-bottom:20px;
}

.dashboard-chart-header h3{
    color:#022A5E;
    font-size:22px;
}

.dashboard-chart-header span{
    background:#f5f9ff;
    color:#022A5E;
    border:1px solid #dfe9f5;
    border-radius:999px;
    padding:6px 12px;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.dashboard-chart-frame{
    position:relative;
    width:100%;
    height:360px;
}

.dashboard-chart-frame-tall{
    height:440px;
}

.dashboard-chart-frame canvas{
    display:block;
}

.dashboard-heatmap{
    display:grid;
    gap:10px;
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    padding:18px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
    overflow:auto;
}

.heatmap-row{
    display:grid;
    grid-template-columns:180px repeat(5,minmax(120px,1fr));
    gap:10px;
    min-width:820px;
}

.heatmap-row > *{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:4px;
    padding:10px;
    font-weight:700;
    text-align:center;
}

.heatmap-header > *{
    background:#022A5E;
    color:#ffffff;
}

.heatmap-row [role="rowheader"]{
    justify-content:flex-start;
    background:#f5f9ff;
    color:#022A5E;
    border-left:4px solid #ff9933;
}

.heat-high{
    background:#022A5E;
    color:#ffffff;
}

.heat-medium{
    background:#ff9933;
    color:#022A5E;
}

.heat-low{
    background:#e8eff8;
    color:#022A5E;
}

.dashboard-report-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(240px,1fr));
    gap:24px;
}

.dashboard-report-card{
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    padding:26px;
    box-shadow:0 8px 24px rgba(2,42,94,.06);
    display:flex;
    flex-direction:column;
    gap:16px;
}

.dashboard-report-card h3{
    color:#022A5E;
    font-size:22px;
}

.dashboard-report-card p{
    color:#444444;
    line-height:1.8;
}

.dashboard-report-card .invest-btn-primary{
    margin-top:auto;
    width:100%;
}

body.high-contrast-mode .dashboard-kpi-card,
body.high-contrast-mode .dashboard-chart-card,
body.high-contrast-mode .dashboard-heatmap,
body.high-contrast-mode .dashboard-report-card{
    background:#ffffff;
    color:#000000;
    border:2px solid #000000;
}

body.high-contrast-mode .heatmap-header > *,
body.high-contrast-mode .heat-high{
    background:#000000;
    color:#ffffff;
}

body.high-contrast-mode .heat-medium,
body.high-contrast-mode .heat-low{
    background:#ffff00;
    color:#000000;
    border:1px solid #000000;
}

/* =====================================================
   INVESTMENT PIPELINE
===================================================== */

.investment-pipeline-page{
    background:#ffffff;
}

.pipeline-page-banner{
    background:
    linear-gradient(
        rgba(2,42,94,.82),
        rgba(2,42,94,.74)
    ),
    url('../images/investments/Harber.jpg');
    background-size:cover;
    background-position:center;
}

.pipeline-banner-subtitle{
    color:#ffffff;
    font-size:20px;
    line-height:1.7;
    max-width:860px;
    margin:0 auto 18px;
}

.pipeline-kpi-section{
    background:#f5f9ff;
    border-bottom:1px solid #dfe9f5;
}

.pipeline-kpi-section .investment-container{
    padding-top:32px;
    padding-bottom:32px;
}

.pipeline-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(180px,1fr));
    gap:20px;
}

.pipeline-kpi-card{
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    padding:26px 20px;
    box-shadow:0 8px 24px rgba(2,42,94,.06);
}

.pipeline-kpi-card span{
    display:block;
    color:#555555;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:10px;
}

.pipeline-kpi-card strong{
    display:block;
    color:#022A5E;
    font-size:32px;
    line-height:1.15;
}

.pipeline-filter-section,
.pipeline-table-section,
.pipeline-mega-section,
.pipeline-download-section{
    padding:72px 0;
}

.pipeline-table-section,
.pipeline-download-section{
    background:#f5f9ff;
}

.pipeline-section-header{
    max-width:940px;
    margin-bottom:32px;
}

.pipeline-section-header h2,
.pipeline-table-header h2,
.pipeline-download-panel h2{
    color:#022A5E;
    font-size:42px;
    line-height:1.2;
    margin-bottom:14px;
}

.pipeline-section-header p,
.pipeline-download-panel p{
    color:#444444;
    font-size:18px;
    line-height:1.8;
}

.pipeline-filter-panel{
    display:grid;
    grid-template-columns:repeat(3,minmax(220px,1fr));
    gap:18px;
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    padding:24px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
}

.pipeline-filter-field{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.pipeline-filter-field label{
    color:#022A5E;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.pipeline-filter-field input,
.pipeline-filter-field select{
    min-height:46px;
    border:1px solid #dfe9f5;
    border-radius:4px;
    color:#022A5E;
    background:#ffffff;
    padding:10px 12px;
    font-size:14px;
}

.pipeline-filter-field input:focus,
.pipeline-filter-field select:focus{
    outline:3px solid #ff9933;
    outline-offset:2px;
    border-color:#022A5E;
}

.pipeline-filter-actions{
    display:flex;
    align-items:flex-end;
}

.pipeline-filter-actions .invest-btn-primary{
    width:100%;
    border:none;
    cursor:pointer;
}

.pipeline-table-header{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:flex-end;
    margin-bottom:24px;
}

.pipeline-table-header p{
    color:#022A5E;
    font-weight:700;
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:999px;
    padding:8px 14px;
    white-space:nowrap;
}

.pipeline-table-wrap{
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
    overflow:auto;
}

.pipeline-data-table{
    width:100%;
    min-width:1080px;
    border-collapse:collapse;
}

.pipeline-data-table th{
    background:#022A5E;
    color:#ffffff;
    text-align:left;
    vertical-align:top;
}

.pipeline-data-table th button{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    background:transparent;
    color:#ffffff;
    border:none;
    cursor:pointer;
    font-weight:700;
    text-align:left;
    padding:14px 12px;
}

.pipeline-data-table th button:hover,
.pipeline-data-table th button:focus{
    background:#ff9933;
    color:#022A5E;
    outline:3px solid #ffffff;
    outline-offset:-3px;
}

.pipeline-data-table td{
    padding:14px 12px;
    border-bottom:1px solid #dfe9f5;
    color:#222222;
    vertical-align:top;
}

.pipeline-data-table tbody tr:hover{
    background:#f5f9ff;
}

.pipeline-project-name{
    color:#022A5E;
    font-weight:700;
}

.pipeline-status,
.pipeline-ppp{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    border-radius:999px;
    padding:5px 10px;
    font-size:12px;
    font-weight:700;
}

.pipeline-status-ready{
    background:#dff5e8;
    color:#14532d;
}

.pipeline-status-approval{
    background:#fff1d8;
    color:#7a3e00;
}

.pipeline-status-dpr{
    background:#e8eff8;
    color:#022A5E;
}

.pipeline-ppp-yes{
    background:#022A5E;
    color:#ffffff;
}

.pipeline-ppp-no{
    background:#e8eff8;
    color:#022A5E;
}

.pipeline-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    margin-top:24px;
}

.pipeline-pagination button{
    min-height:42px;
    border:2px solid #022A5E;
    border-radius:4px;
    background:#ffffff;
    color:#022A5E;
    cursor:pointer;
    font-weight:700;
    padding:8px 16px;
}

.pipeline-pagination button:hover,
.pipeline-pagination button:focus{
    background:#022A5E;
    color:#ffffff;
    outline:3px solid #ff9933;
    outline-offset:2px;
}

.pipeline-pagination button:disabled{
    opacity:.45;
    cursor:not-allowed;
}

.pipeline-pagination span{
    color:#022A5E;
    font-weight:700;
}

.pipeline-mega-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(240px,1fr));
    gap:24px;
}

.pipeline-mega-card{
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
}

.pipeline-mega-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.pipeline-mega-card div{
    padding:24px;
}

.pipeline-mega-card span{
    display:inline-block;
    background:#ff9933;
    color:#022A5E;
    border-radius:999px;
    padding:6px 12px;
    font-size:12px;
    font-weight:700;
    margin-bottom:14px;
}

.pipeline-mega-card h3{
    color:#022A5E;
    font-size:22px;
    margin-bottom:10px;
}

.pipeline-mega-card p{
    color:#444444;
    line-height:1.8;
    margin-bottom:16px;
}

.pipeline-mega-card strong{
    color:#022A5E;
    font-size:24px;
}

.pipeline-download-panel{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:28px;
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    padding:34px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
}

.pipeline-download-panel > div{
    max-width:760px;
}

body.high-contrast-mode .pipeline-kpi-card,
body.high-contrast-mode .pipeline-filter-panel,
body.high-contrast-mode .pipeline-table-wrap,
body.high-contrast-mode .pipeline-mega-card,
body.high-contrast-mode .pipeline-download-panel{
    background:#ffffff;
    color:#000000;
    border:2px solid #000000;
}

/* =====================================================
   PPP OPPORTUNITIES
===================================================== */

.investment-ppp-page{
    background:#ffffff;
}

.ppp-hero{
    min-height:560px;
    background:
    linear-gradient(
        rgba(2,42,94,.80),
        rgba(2,42,94,.72)
    ),
    url('../images/investments/hero-ppp.jpg');
    background-size:cover;
    background-position:center;
}

.ppp-hero-overlay{
    min-height:560px;
    display:flex;
    align-items:center;
}

.ppp-hero-content{
    max-width:880px;
}

.ppp-hero-content h1{
    color:#ffffff;
    font-size:56px;
    line-height:1.12;
    margin-bottom:18px;
}

.ppp-hero-content p{
    color:#ffffff;
    font-size:21px;
    line-height:1.75;
    max-width:780px;
}

.ppp-model-section,
.ppp-sector-section,
.ppp-incentive-section,
.ppp-success-section,
.ppp-process-section,
.ppp-download-section{
    padding:80px 0;
}

.ppp-incentive-section,
.ppp-process-section{
    background:#F5F9FF;
}

.ppp-section-header{
    max-width:940px;
    margin-bottom:34px;
}

.ppp-section-header h2{
    color:#022A5E;
    font-size:42px;
    line-height:1.2;
    margin-bottom:14px;
}

.ppp-section-header p{
    color:#444444;
    font-size:18px;
    line-height:1.8;
}

.ppp-model-grid,
.ppp-incentive-grid,
.ppp-success-grid,
.ppp-download-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(220px,1fr));
    gap:24px;
}

.ppp-model-card,
.ppp-incentive-grid article,
.ppp-success-card,
.ppp-download-card{
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
}

.ppp-model-card{
    padding:28px;
}

.ppp-model-card > span,
.ppp-download-card span{
    display:inline-block;
    background:#FF9933;
    color:#022A5E;
    border-radius:999px;
    padding:7px 13px;
    font-size:12px;
    font-weight:700;
    margin-bottom:16px;
}

.ppp-model-card h3,
.ppp-incentive-grid h3,
.ppp-success-card h3{
    color:#022A5E;
    font-size:22px;
    margin-bottom:12px;
}

.ppp-model-card h4{
    color:#022A5E;
    font-size:15px;
    margin:18px 0 8px;
    text-transform:uppercase;
}

.ppp-model-card p,
.ppp-incentive-grid p,
.ppp-success-card p{
    color:#444444;
    line-height:1.8;
}

.ppp-sector-list{
    display:grid;
    gap:28px;
}

.ppp-sector-card{
    display:grid;
    grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);
    gap:0;
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
    overflow:hidden;
}

.ppp-sector-card img{
    width:100%;
    height:100%;
    min-height:360px;
    object-fit:cover;
    display:block;
}

.ppp-sector-card > div{
    padding:34px;
}

.ppp-sector-card h3{
    color:#022A5E;
    font-size:30px;
    margin-bottom:14px;
}

.ppp-sector-card p,
.ppp-sector-card dd{
    color:#444444;
    line-height:1.8;
}

.ppp-sector-card dl{
    display:grid;
    gap:8px;
    margin:18px 0 24px;
}

.ppp-sector-card dt{
    color:#022A5E;
    font-weight:700;
}

.ppp-sector-card dd{
    margin:0 0 10px;
}

.ppp-incentive-grid{
    grid-template-columns:repeat(5,minmax(180px,1fr));
}

.ppp-incentive-grid article{
    padding:26px;
}

.ppp-success-grid{
    grid-template-columns:repeat(3,minmax(240px,1fr));
}

.ppp-success-card{
    overflow:hidden;
}

.ppp-success-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.ppp-success-card div{
    padding:24px;
}

.ppp-process-flow{
    list-style:none;
    display:grid;
    grid-template-columns:repeat(6,minmax(140px,1fr));
    gap:18px;
    padding:0;
    margin:0;
}

.ppp-process-flow li{
    position:relative;
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-top:5px solid #FF9933;
    border-radius:8px;
    padding:24px 16px;
    text-align:center;
    box-shadow:0 8px 24px rgba(2,42,94,.06);
}

.ppp-process-flow span{
    display:block;
    color:#FF9933;
    font-size:13px;
    font-weight:700;
    margin-bottom:10px;
    text-transform:uppercase;
}

.ppp-process-flow strong{
    color:#022A5E;
    line-height:1.4;
}

.ppp-download-grid{
    grid-template-columns:repeat(4,minmax(220px,1fr));
}

.ppp-download-card{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-height:150px;
    padding:26px;
    text-decoration:none !important;
    transition:transform .25s ease,background-color .25s ease;
}

.ppp-download-card strong{
    color:#022A5E;
    font-size:21px;
}

.ppp-download-card:hover,
.ppp-download-card:focus{
    transform:translateY(-4px);
    outline:3px solid #FF9933;
    outline-offset:2px;
}

.ppp-hidden{
    opacity:0;
    transform:translateY(34px);
    transition:opacity .7s ease,transform .7s ease;
}

.ppp-visible{
    opacity:1;
    transform:translateY(0);
}

.ppp-process-flow li.active-ppp-step{
    border-color:#022A5E;
    box-shadow:0 12px 30px rgba(2,42,94,.14);
    transform:translateY(-3px);
}

body.high-contrast-mode .ppp-model-card,
body.high-contrast-mode .ppp-sector-card,
body.high-contrast-mode .ppp-incentive-grid article,
body.high-contrast-mode .ppp-success-card,
body.high-contrast-mode .ppp-process-flow li,
body.high-contrast-mode .ppp-download-card{
    background:#ffffff;
    color:#000000;
    border:2px solid #000000;
}

/* =====================================================
   INVESTOR FACILITATION CELL
===================================================== */

.investment-facilitation-page{
    background:#ffffff;
}

.facilitation-hero{
    min-height:560px;
    background:
    linear-gradient(rgba(2,42,94,.80),rgba(2,42,94,.72)),
    url('../images/investments/hero-facilitation.jpg');
    background-size:cover;
    background-position:center;
}

.facilitation-hero-overlay{
    min-height:560px;
    display:flex;
    align-items:center;
}

.facilitation-hero-content{
    max-width:860px;
}

.facilitation-hero-content h1{
    color:#ffffff;
    font-size:56px;
    line-height:1.12;
    margin-bottom:18px;
}

.facilitation-hero-content p{
    color:#ffffff;
    font-size:21px;
    line-height:1.75;
    max-width:760px;
}

.facilitation-services-section,
.facilitation-officers-section,
.facilitation-journey-section,
.facilitation-download-section,
.facilitation-form-section,
.facilitation-faq-section,
.facilitation-contact-section{
    padding:80px 0;
}

.facilitation-officers-section,
.facilitation-download-section,
.facilitation-faq-section{
    background:#F5F9FF;
}

.facilitation-section-header{
    max-width:940px;
    margin-bottom:34px;
}

.facilitation-section-header h2,
.facilitation-form-intro h2,
.facilitation-contact-card h2{
    color:#022A5E;
    font-size:42px;
    line-height:1.2;
    margin-bottom:14px;
}

.facilitation-section-header p,
.facilitation-form-intro p{
    color:#444444;
    font-size:18px;
    line-height:1.8;
}

.facilitation-service-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(240px,1fr));
    gap:24px;
}

.facilitation-service-grid article,
.facilitation-officer-card,
.facilitation-download-card,
.facilitation-consultation-form,
.facilitation-faq-item,
.facilitation-contact-card{
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
}

.facilitation-service-grid article{
    padding:28px;
}

.facilitation-service-grid h3,
.facilitation-officer-card h3,
.facilitation-download-card strong{
    color:#022A5E;
    font-size:22px;
    margin-bottom:12px;
}

.facilitation-service-grid p,
.facilitation-officer-card dd,
.facilitation-faq-item p{
    color:#444444;
    line-height:1.8;
}

.facilitation-officer-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(240px,1fr));
    gap:24px;
}

.facilitation-officer-card{
    overflow:hidden;
}

.facilitation-officer-card img{
    width:100%;
    height:230px;
    object-fit:cover;
    display:block;
}

.facilitation-officer-card div{
    padding:24px;
}

.officer-designation{
    color:#022A5E;
    font-weight:700;
    margin-bottom:16px;
}

.facilitation-officer-card dt{
    color:#022A5E;
    font-weight:700;
    margin-top:12px;
}

.facilitation-officer-card a{
    color:#0077b6;
    font-weight:700;
}

.facilitation-journey-flow{
    list-style:none;
    display:grid;
    grid-template-columns:repeat(6,minmax(140px,1fr));
    gap:18px;
    padding:0;
    margin:0;
}

.facilitation-journey-flow li{
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-top:5px solid #FF9933;
    border-radius:8px;
    padding:24px 16px;
    text-align:center;
    box-shadow:0 8px 24px rgba(2,42,94,.06);
}

.facilitation-journey-flow span{
    display:block;
    color:#FF9933;
    font-size:20px;
    font-weight:700;
    margin-bottom:10px;
}

.facilitation-journey-flow strong{
    color:#022A5E;
    line-height:1.4;
}

.facilitation-download-layout{
    display:grid;
    grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);
    gap:28px;
    align-items:stretch;
}

.facilitation-download-layout > img{
    width:100%;
    height:100%;
    min-height:360px;
    object-fit:cover;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
}

.facilitation-download-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(220px,1fr));
    gap:18px;
}

.facilitation-download-card{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:24px;
    text-decoration:none !important;
}

.facilitation-download-card span{
    background:#FF9933;
    color:#022A5E;
    border-radius:999px;
    padding:6px 12px;
    font-size:12px;
    font-weight:700;
    margin-bottom:14px;
}

.facilitation-download-card:hover,
.facilitation-download-card:focus{
    outline:3px solid #FF9933;
    outline-offset:2px;
    transform:translateY(-3px);
}

.facilitation-form-layout{
    display:grid;
    grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);
    gap:32px;
    align-items:start;
}

.facilitation-form-intro img{
    width:100%;
    margin-top:24px;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
}

.facilitation-consultation-form{
    padding:28px;
}

.form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(220px,1fr));
    gap:18px;
}

.form-field{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.form-field-full{
    grid-column:1/-1;
}

.form-field label{
    color:#022A5E;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.form-field input,
.form-field select,
.form-field textarea{
    border:1px solid #dfe9f5;
    border-radius:4px;
    padding:11px 12px;
    color:#1A1A1A;
    font-size:14px;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{
    outline:3px solid #FF9933;
    outline-offset:2px;
    border-color:#022A5E;
}

.form-error{
    min-height:18px;
    color:#9f1239;
    font-size:12px;
    font-weight:700;
}

.form-status{
    margin-bottom:16px;
    font-weight:700;
    color:#14532d;
}

.facilitation-consultation-form .invest-btn-primary{
    border:none;
    cursor:pointer;
    margin-top:18px;
}

.facilitation-faq-list{
    display:grid;
    gap:14px;
}

.facilitation-faq-item{
    overflow:hidden;
}

.facilitation-faq-item button{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    background:#ffffff;
    color:#022A5E;
    border:none;
    cursor:pointer;
    padding:20px 24px;
    text-align:left;
    font-size:17px;
    font-weight:700;
}

.facilitation-faq-item button:hover,
.facilitation-faq-item button:focus{
    background:#022A5E;
    color:#ffffff;
    outline:3px solid #FF9933;
    outline-offset:-3px;
}

.facilitation-faq-item button span{
    font-size:26px;
    line-height:1;
}

.facilitation-faq-item div{
    padding:0 24px 22px;
}

.facilitation-contact-card{
    display:grid;
    grid-template-columns:minmax(280px,1fr) minmax(300px,.8fr);
    gap:28px;
    padding:34px;
}

.facilitation-contact-card address{
    color:#444444;
    font-style:normal;
    line-height:1.8;
    font-size:17px;
}

.facilitation-contact-details{
    display:grid;
    gap:14px;
}

.facilitation-contact-details a,
.facilitation-contact-details div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    background:#F5F9FF;
    border-left:4px solid #FF9933;
    border-radius:4px;
    padding:16px;
    text-decoration:none;
}

.facilitation-contact-details strong{
    color:#022A5E;
}

.facilitation-contact-details span{
    color:#1A1A1A;
    text-align:right;
}

body.high-contrast-mode .facilitation-service-grid article,
body.high-contrast-mode .facilitation-officer-card,
body.high-contrast-mode .facilitation-journey-flow li,
body.high-contrast-mode .facilitation-download-card,
body.high-contrast-mode .facilitation-consultation-form,
body.high-contrast-mode .facilitation-faq-item,
body.high-contrast-mode .facilitation-contact-card{
    background:#ffffff;
    color:#000000;
    border:2px solid #000000;
}

.facilitation-hidden{
    opacity:0;
    transform:translateY(34px);
    transition:opacity .7s ease,transform .7s ease;
}

.facilitation-visible{
    opacity:1;
    transform:translateY(0);
}

/* =====================================================
   BLUE ECONOMY KNOWLEDGE HUB
===================================================== */

.knowledge-hub-page{
    background:#ffffff;
}

.knowledge-hero{
    min-height:560px;
    background:
    linear-gradient(rgba(2,42,94,.82),rgba(2,42,94,.74)),
    url('../images/investments/hero-knowledge.jpg');
    background-size:cover;
    background-position:center;
}

.knowledge-hero-overlay{
    min-height:560px;
    display:flex;
    align-items:center;
}

.knowledge-hero-content{
    max-width:920px;
}

.knowledge-hero-content h1{
    color:#ffffff;
    font-size:56px;
    line-height:1.12;
    margin-bottom:18px;
}

.knowledge-hero-content p{
    color:#ffffff;
    font-size:21px;
    line-height:1.75;
    max-width:780px;
}

.knowledge-search-section,
.knowledge-category-section,
.knowledge-featured-section,
.knowledge-sector-section,
.knowledge-state-section,
.knowledge-repository-section,
.knowledge-update-section{
    padding:80px 0;
}

.knowledge-category-section,
.knowledge-state-section,
.knowledge-update-section{
    background:#F5F9FF;
}

.knowledge-section-header{
    max-width:940px;
    margin-bottom:34px;
}

.knowledge-section-header h2,
.knowledge-repository-header h2{
    color:#022A5E;
    font-size:42px;
    line-height:1.2;
    margin-bottom:14px;
}

.knowledge-section-header p{
    color:#444444;
    font-size:18px;
    line-height:1.8;
}

.knowledge-filter-panel{
    display:grid;
    grid-template-columns:1.4fr repeat(3,minmax(180px,1fr)) auto;
    gap:16px;
    align-items:end;
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    padding:24px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
}

.knowledge-filter-field{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.knowledge-filter-field label{
    color:#022A5E;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.knowledge-filter-field input,
.knowledge-filter-field select{
    min-height:46px;
    border:1px solid #dfe9f5;
    border-radius:4px;
    padding:10px 12px;
    color:#022A5E;
}

.knowledge-filter-field input:focus,
.knowledge-filter-field select:focus{
    outline:3px solid #FF9933;
    outline-offset:2px;
}

.knowledge-filter-panel .invest-btn-primary{
    border:none;
    cursor:pointer;
}

.knowledge-category-grid,
.knowledge-sector-grid,
.knowledge-update-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(220px,1fr));
    gap:24px;
}

.knowledge-category-grid article,
.knowledge-featured-grid article,
.knowledge-sector-grid article,
.knowledge-update-grid article,
.knowledge-resource-card{
    background:#ffffff;
    border:1px solid #dfe9f5;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(2,42,94,.07);
}

.knowledge-category-grid article{
    overflow:hidden;
}

.knowledge-category-grid img{
    width:100%;
    height:150px;
    object-fit:cover;
    display:block;
}

.knowledge-category-grid h3,
.knowledge-featured-grid h3,
.knowledge-sector-grid h3,
.knowledge-update-grid h3,
.knowledge-resource-card h3{
    color:#022A5E;
    font-size:21px;
    margin-bottom:10px;
}

.knowledge-category-grid article > h3,
.knowledge-category-grid article > p,
.knowledge-sector-grid article,
.knowledge-update-grid article{
    padding:20px;
}

.knowledge-category-grid p,
.knowledge-sector-grid p,
.knowledge-update-grid p,
.knowledge-resource-card p{
    color:#444444;
    line-height:1.75;
}

.knowledge-featured-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(240px,1fr));
    gap:24px;
}

.knowledge-featured-grid article{
    overflow:hidden;
}

.knowledge-featured-grid img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.knowledge-featured-grid div{
    padding:24px;
}

.knowledge-featured-grid span,
.knowledge-update-grid span,
.knowledge-resource-meta span{
    display:inline-block;
    background:#FF9933;
    color:#022A5E;
    border-radius:999px;
    padding:6px 12px;
    font-size:12px;
    font-weight:700;
    margin-bottom:12px;
}

.knowledge-featured-grid p{
    color:#555555;
    font-weight:700;
    margin-bottom:18px;
}

.knowledge-state-grid{
    display:grid;
    grid-template-columns:repeat(9,minmax(120px,1fr));
    gap:12px;
}

.knowledge-state-grid button{
    min-height:52px;
    background:#ffffff;
    color:#022A5E;
    border:1px solid #dfe9f5;
    border-left:4px solid #FF9933;
    border-radius:4px;
    cursor:pointer;
    font-weight:700;
    padding:10px;
}

.knowledge-state-grid button:hover,
.knowledge-state-grid button:focus{
    background:#022A5E;
    color:#ffffff;
    outline:3px solid #FF9933;
    outline-offset:2px;
}

.knowledge-repository-header{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:flex-end;
    margin-bottom:24px;
}

.knowledge-repository-header p{
    color:#022A5E;
    font-weight:700;
    background:#F5F9FF;
    border:1px solid #dfe9f5;
    border-radius:999px;
    padding:8px 14px;
    white-space:nowrap;
}

.knowledge-repository-list{
    display:grid;
    gap:16px;
}

.knowledge-resource-card{
    display:grid;
    grid-template-columns:1fr auto;
    gap:22px;
    align-items:center;
    padding:22px;
}

.knowledge-resource-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:8px;
}

.knowledge-resource-actions{
    display:flex;
    gap:10px;
    align-items:center;
}

.knowledge-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    margin-top:24px;
}

.knowledge-pagination button{
    min-height:42px;
    border:2px solid #022A5E;
    border-radius:4px;
    background:#ffffff;
    color:#022A5E;
    cursor:pointer;
    font-weight:700;
    padding:8px 16px;
}

.knowledge-pagination button:hover,
.knowledge-pagination button:focus{
    background:#022A5E;
    color:#ffffff;
    outline:3px solid #FF9933;
    outline-offset:2px;
}

.knowledge-pagination button:disabled{
    opacity:.45;
    cursor:not-allowed;
}

body.high-contrast-mode .knowledge-filter-panel,
body.high-contrast-mode .knowledge-category-grid article,
body.high-contrast-mode .knowledge-featured-grid article,
body.high-contrast-mode .knowledge-sector-grid article,
body.high-contrast-mode .knowledge-update-grid article,
body.high-contrast-mode .knowledge-resource-card{
    background:#ffffff;
    color:#000000;
    border:2px solid #000000;
}

.section-title{


font-size:36px;
font-weight:700;
color:var(--primary);

margin-bottom:20px;


}

.section-subtitle{


max-width:900px;
margin:auto;

color:#666;


}

.investment-shortcuts{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
    margin:30px 0;
}

.investment-shortcuts a{

    background:#08185d;
    color:#ffffff !important;

    text-decoration:none !important;

    font-weight:600;

    text-align:center;

    padding:10px 15px;

    border-radius:5px;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:30px;

    transition:all .3s ease;
}

.investment-shortcuts a:hover{

    background:#ff9933;

    color:#234879 !important;

    text-decoration:none !important;

    transform:translateY(-3px);
}

.kpi-grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(220px,1fr));

gap:20px;

}

.kpi-card{


background:#fff;

padding:25px;

border-radius:10px;

text-align:center;

box-shadow:0 3px 10px rgba(0,0,0,.08);

}

.investment-grid{


display:grid;

grid-template-columns:
repeat(auto-fit,minmax(320px,1fr));

gap:25px;
}

.investment-card{


background:#fff;

border-radius:10px;

overflow:hidden;

box-shadow:0 4px 12px rgba(0,0,0,.08);

}

.investment-card img{


width:100%;
height:220px;

object-fit:cover;

}

body.investment-page .container{

    display:block !important;

    max-width:1400px;

    margin:0 auto;

    padding:0 20px;
}

body.investment-page .main-content{

    width:100%;

    border:none;

    box-shadow:none;

    padding:0;
}


.investment-kpi{
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));

    gap:20px;
    margin:40px 0;
}

.kpi-box{
    background:#fff;
    padding:25px;
    text-align:center;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,.08);
}

.dashboard-cards{
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));

    gap:20px;
}

.dashboard-card{
    background:#fff;
    padding:25px;
    border-radius:10px;
    text-align:center;
}

.state-grid{
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:20px;
}

.state-card{
    background:#fff;
    padding:20px;
    border-radius:10px;
}

.pipeline-table{
    width:100%;
    border-collapse:collapse;
}

.pipeline-table th{
    background:#022A5E;
    color:white;
    padding:12px;
}

.pipeline-table td{
    padding:12px;
    border:1px solid #ddd;
}

.investor-help{
    background:#F7FBFF;
    padding:40px;
    border-radius:12px;
    text-align:center;
}



body.investment-page .investment-shortcuts a,
body.investment-page .invest-btn{

    text-decoration:none !important;
}



/* ==========================================
   SECTOR HERO
========================================== */
.sector-hero{

    min-height:500px;

    background:
    linear-gradient(
    rgba(2,42,94,.75),
    rgba(2,42,94,.75)),
    url('../images/investments/Ports & Shipping.jpg');

    background-size:cover;

    background-position:center;

    display:flex;

    align-items:center;

}

.sector-hero-overlay{

    max-width:1400px;
    width:100%;

    margin:auto;

    padding:0 40px;
}

.sector-hero h1{

    color:#fff;

    font-size:56px;

    margin-bottom:15px;
}

.sector-hero p{

    color:#fff;

    font-size:20px;

    max-width:750px;

    line-height:1.8;
}

.sector-hero-overlay{

    background:rgba(2,42,94,.75);

    width:100%;
    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:60px;
}

.sector-hero h1{

    color:#fff;

    font-size:52px;

    margin-bottom:15px;
}

.sector-hero p{

    color:#fff;

    font-size:20px;

    max-width:700px;
}


/* =====================================================
   SECTOR CARDS LAYOUT
===================================================== */

.sector-section {
    scroll-margin-top: 85px;
    padding: 35px 0;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.sector-section:target {
    animation: sectorTargetHighlight 2s ease-out;
    border-color: #0077B6 !important;
    box-shadow: 0 8px 32px rgba(0, 119, 182, 0.22) !important;
}

@keyframes sectorTargetHighlight {
    0% {
        box-shadow: 0 0 0 4px rgba(255, 153, 51, 0.7), 0 8px 30px rgba(2, 42, 94, 0.25);
        border-color: #FF9933;
    }
    60% {
        box-shadow: 0 0 0 2px rgba(0, 119, 182, 0.4), 0 8px 24px rgba(0, 119, 182, 0.18);
        border-color: #0077B6;
    }
    100% {
        box-shadow: 0 4px 16px rgba(2, 42, 94, 0.04);
        border-color: #DCE7F3;
    }
}

.sector-section .investment-container.sector-layout{

    padding-top:0;
    padding-bottom:0;

}

.sector-layout{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.sector-alt .sector-layout{

    grid-template-columns:1fr 1fr;

}

.sector-alt .sector-image{

    order:2;

}

.sector-alt .sector-content{

    order:1;

}

.sector-image{

    position:relative;

}

.sector-image img{

    width:100%;

    height:500px;

    object-fit:cover;

    border-radius:18px;

    box-shadow:
    0 15px 40px rgba(0,0,0,.15);

    transition:.4s ease;

}

.sector-image img:hover{

    transform:scale(1.02);

}

.sector-content{

    padding:20px 0;

}

/* =====================================================
   SECTOR TAG
===================================================== */

.sector-tag{

    display:inline-block;

    background:#FF9933;

    color:#022A5E;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:700;

    letter-spacing:.5px;

    margin-bottom:20px;

}

.sector-content h2{

    font-size:42px;

    color:#022A5E;

    margin-bottom:20px;

    line-height:1.2;

}

.sector-content p{

    font-size:18px;

    line-height:1.8;

    color:#444;

    margin-bottom:25px;

}

/* =====================================================
   INVESTMENT VALUE
===================================================== */

.sector-value{

    display:inline-block;

    background:#F5F9FF;

    border-left:5px solid #FF9933;

    padding:18px 25px;

    font-size:28px;

    font-weight:700;

    color:#022A5E;

    margin-bottom:30px;

}

/* =====================================================
   SECTOR LIST
===================================================== */

.sector-list{

    list-style:none;

    padding:0;

    margin:0 0 30px 0;

}

.sector-list li{

    position:relative;

    padding-left:28px;

    margin-bottom:12px;

    color:#444;

    font-size:17px;

}

.sector-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    color:#FF9933;

    font-weight:700;

}

/* =====================================================
   GOVERNMENT SUPPORT
===================================================== */

.investment-support{

    background:#F5F9FF;

    padding:100px 0;

}

.investment-support h2{

    text-align:center;

    color:#022A5E;

    font-size:42px;

    margin-bottom:50px;

}

.support-grid{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:25px;

}

.support-card{

    background:#fff;

    padding:35px;

    border-radius:16px;

    text-align:center;

    border:1px solid #DFE9F5;

    box-shadow:
    0 8px 25px rgba(0,0,0,.06);

    transition:.3s;

}

.support-card:hover{

    transform:translateY(-8px);

}

.support-card h3{

    color:#022A5E;

    margin-bottom:15px;

}

.support-card p{

    color:#666;

    line-height:1.7;

}

/* =====================================================
   INVESTOR JOURNEY
===================================================== */

.investor-journey{

    padding:100px 0;

}

.investor-journey h2{

    text-align:center;

    color:#022A5E;

    font-size:42px;

    margin-bottom:60px;

}

.journey-timeline{

    display:grid;

    grid-template-columns:
    repeat(5,1fr);

    gap:20px;

}

.journey-timeline div{

    background:#fff;

    border-top:5px solid #FF9933;

    padding:30px 20px;

    border-radius:12px;

    text-align:center;

    font-weight:600;

    box-shadow:
    0 5px 18px rgba(0,0,0,.08);

}

/* =====================================================
   FINAL CTA
===================================================== */

.investment-final-cta{

    background:#022A5E;

    padding:100px 0;

    text-align:center;

}

.investment-final-cta h2{

    color:#fff;

    font-size:50px;

    margin-bottom:20px;

}

.investment-final-cta p{

    color:#fff;

    max-width:800px;

    margin:0 auto 35px;

    font-size:20px;

    line-height:1.8;

}

.cta-actions{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:1200px){

    .sector-layout{

        gap:40px;

    }

    .atlas-project-grid{

        grid-template-columns:
        repeat(2,1fr);

    }

    .dashboard-chart-grid-two{

        grid-template-columns:1fr;

    }

    .ppp-model-grid,
    .ppp-incentive-grid,
    .ppp-process-flow,
    .ppp-download-grid{

        grid-template-columns:
        repeat(2,1fr);

    }

    .facilitation-service-grid,
    .facilitation-officer-grid,
    .facilitation-journey-flow{

        grid-template-columns:
        repeat(2,1fr);

    }

    .knowledge-filter-panel,
    .knowledge-category-grid,
    .knowledge-sector-grid,
    .knowledge-state-grid{

        grid-template-columns:
        repeat(2,1fr);

    }

}

@media(max-width:992px){

    .investment-kpi-grid{

        grid-template-columns:
        repeat(2,1fr);

    }

    .sector-layout{

        grid-template-columns:1fr;

    }

    .sector-alt .sector-image,
    .sector-alt .sector-content{

        order:unset;

    }

    .support-grid{

        grid-template-columns:
        repeat(2,1fr);

    }

    .journey-timeline{

        grid-template-columns:
        repeat(2,1fr);

    }

    .atlas-map-layout{

        grid-template-columns:1fr;

    }

    .atlas-opportunity-grid,
    .atlas-corridor-grid{

        grid-template-columns:
        repeat(2,1fr);

    }

    .dashboard-kpi-grid,
    .dashboard-report-grid{

        grid-template-columns:
        repeat(2,1fr);

    }

    .ppp-sector-card{

        grid-template-columns:1fr;

    }

    .ppp-sector-card img{

        min-height:300px;

    }

    .ppp-success-grid{

        grid-template-columns:1fr;

    }

    .facilitation-download-layout,
    .facilitation-form-layout,
    .facilitation-contact-card{

        grid-template-columns:1fr;

    }

    .knowledge-featured-grid,
    .knowledge-update-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .investment-kpi-grid{

        grid-template-columns:1fr;

    }

    .sector-hero-overlay{

        padding:40px 20px;

    }

    .sector-hero h1{

        font-size:36px;

    }

    .sector-hero p{

        font-size:17px;

    }

    .sector-hero-actions{

        flex-direction:column;

        align-items:stretch;

    }

    .sector-content h2{

        font-size:32px;

    }

    .sector-image img{

        height:320px;

    }

    .support-grid{

        grid-template-columns:1fr;

    }

    .journey-timeline{

        grid-template-columns:1fr;

    }

    .investment-final-cta h2{

        font-size:34px;

    }

    .atlas-section-header h2{

        font-size:32px;

    }

    .atlas-section-header p,
    .atlas-banner-subtitle{

        font-size:16px;

    }

    .atlas-map-panel{

        min-height:440px;

    }

    .atlas-india-map{

        min-height:440px;

        padding:16px;

    }

    .atlas-map-marker{

        font-size:10px;

        min-height:32px;

        padding:6px 8px;

    }

    .atlas-opportunity-grid,
    .atlas-corridor-grid,
    .atlas-project-grid,
    .atlas-modal-grid{

        grid-template-columns:1fr;

    }

    .atlas-modal{

        align-items:flex-start;

        padding:14px;

    }

    .atlas-modal-panel{

        padding:26px 18px;

    }

    .atlas-modal-header{

        padding-right:46px;

    }

    .atlas-modal-header h2{

        font-size:28px;

    }

    .atlas-modal-actions{

        flex-direction:column;

    }

    .dashboard-kpi-grid,
    .dashboard-report-grid{

        grid-template-columns:1fr;

    }

    .dashboard-section-header h2{

        font-size:32px;

    }

    .dashboard-section-header p,
    .dashboard-banner-subtitle{

        font-size:16px;

    }

    .dashboard-kpi-card strong{

        font-size:28px;

    }

    .dashboard-chart-card{

        padding:18px;

    }

    .dashboard-chart-header{

        flex-direction:column;

        align-items:flex-start;

    }

    .dashboard-chart-frame{

        height:320px;

    }

    .dashboard-chart-frame-tall{

        height:420px;

    }

    .heatmap-row{

        grid-template-columns:150px repeat(5,110px);

    }

    .ppp-hero,
    .ppp-hero-overlay{

        min-height:500px;

    }

    .ppp-hero-content h1{

        font-size:36px;

    }

    .ppp-hero-content p{

        font-size:17px;

    }

    .ppp-section-header h2,
    .ppp-sector-card h3{

        font-size:32px;

    }

    .ppp-section-header p{

        font-size:16px;

    }

    .ppp-model-grid,
    .ppp-incentive-grid,
    .ppp-process-flow,
    .ppp-download-grid{

        grid-template-columns:1fr;

    }

    .ppp-sector-card > div{

        padding:24px;

    }

    .facilitation-hero,
    .facilitation-hero-overlay{

        min-height:500px;

    }

    .facilitation-hero-content h1{

        font-size:36px;

    }

    .facilitation-hero-content p{

        font-size:17px;

    }

    .facilitation-section-header h2,
    .facilitation-form-intro h2,
    .facilitation-contact-card h2{

        font-size:32px;

    }

    .facilitation-section-header p,
    .facilitation-form-intro p{

        font-size:16px;

    }

    .facilitation-service-grid,
    .facilitation-officer-grid,
    .facilitation-journey-flow,
    .facilitation-download-grid,
    .form-grid{

        grid-template-columns:1fr;

    }

    .facilitation-consultation-form,
    .facilitation-contact-card{

        padding:22px;

    }

    .facilitation-contact-details a,
    .facilitation-contact-details div{

        flex-direction:column;

    }

    .facilitation-contact-details span{

        text-align:left;

    }

    .knowledge-hero,
    .knowledge-hero-overlay{

        min-height:500px;

    }

    .knowledge-hero-content h1{

        font-size:36px;

    }

    .knowledge-hero-content p{

        font-size:17px;

    }

    .knowledge-section-header h2,
    .knowledge-repository-header h2{

        font-size:32px;

    }

    .knowledge-section-header p{

        font-size:16px;

    }

    .knowledge-filter-panel,
    .knowledge-category-grid,
    .knowledge-sector-grid,
    .knowledge-state-grid,
    .knowledge-resource-card{

        grid-template-columns:1fr;

    }

    .knowledge-repository-header{

        flex-direction:column;

        align-items:flex-start;

    }

    .knowledge-resource-actions{

        align-items:stretch;

        flex-direction:column;

    }

}


.investment-hidden{

    opacity:0;

    transform:translateY(40px);

    transition:
    opacity .8s ease,
    transform .8s ease;

}

.investment-visible{

    opacity:1;

    transform:translateY(0);

}

.keyboard-navigation *:focus{

    outline:3px solid #FF9933;

    outline-offset:2px;

}

.investment-loaded{

    opacity:1;

}

.sector-navigation{
    background: #FFFFFF !important;
    border-bottom: 1px solid #DCE7F3 !important;
    position: sticky;
    top: 50px;
    z-index: 900;
    box-shadow: 0 4px 12px rgba(2, 42, 94, 0.06);
}

.sector-nav-pills {
    max-width: var(--gov-container-max, 1540px);
    margin: 0 auto;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
}

.sector-nav-pills span {
    font-size: 12.5px;
    font-weight: 800;
    color: #022A5E;
    text-transform: uppercase;
    margin-right: 6px;
}

.sector-nav-pills a {
    padding: 7px 16px;
    background: #F1F5F9;
    color: #022A5E !important;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    border: 1px solid #CBD5E1;
    transition: all 0.2s ease;
}

.sector-nav-pills a:hover {
    background: #022A5E;
    color: #FFFFFF !important;
    border-color: #022A5E;
}

.page-banner{

    position:relative;

    min-height:350px;

    background:
    linear-gradient(
        rgba(224, 226, 228, 0.836),
        rgba(2,42,94,.75)
    ),
    url('../images/investments/Offshore Oil & Gas.png');

    background-size:cover;

    background-position:center;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

}

.page-banner-content{

    color:#fff;

    max-width:1000px;

    padding:40px;
}

.page-banner-content h1{

    font-size:56px;

    margin-bottom:20px;
}

.page-banner-content .breadcrumb{

    color:#fff;
}

.page-banner-content .breadcrumb a{

    color:#fff;

    text-decoration:none;
}

/* =====================================================
   INVESTMENT SHORTCUTS — EXTENDED GRID
   ===================================================== */
.investment-shortcuts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    margin: 30px 0;
}

.sector-investment-wrapper{

display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
margin:20px 0;

}

.sector-investment-info{

flex:1;

}

.sector-chart{

width:240px;
height:240px;
display:flex;
justify-content:center;
align-items:center;

}

.sector-chart canvas{

max-width:220px;
max-height:220px;

}

.investment-breakup{

display:flex;
gap:18px;
margin-top:18px;
flex-wrap:wrap;

}

.investment-breakup div{

background:#f4f8fc;
padding:10px 16px;
border-left:4px solid #0a4b87;
border-radius:8px;
font-size:14px;

}

.sector-sub-value{

font-size:14px;
color:#666;
margin-top:4px;

}

.sector-chart{

width:220px;
height:220px;

}

/* ==========================================================================
   REFINED INVESTMENT PORTAL UI COMPONENTS & RESPONSIVENESS
   ========================================================================== */

.investment-shortcuts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 24px 0 32px;
    padding: 16px 20px;
    background: #ffffff;
    border: 1px solid #dce7f3;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(2, 42, 94, 0.04);
}

.investment-shortcuts a {
    display: inline-flex;
    align-items: center;
    background: #f0f7fd;
    color: #022a5e;
    border: 1px solid #cce4f8;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}

.investment-shortcuts a:hover,
.investment-shortcuts a.active {
    background: #022a5e;
    color: #ffffff;
    border-color: #022a5e;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(2, 42, 94, 0.15);
}

/* Investment KPI Matrix */
.investment-kpi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 36px;
}

.kpi-box {
    background: linear-gradient(145deg, #ffffff 0%, #f4f9ff 100%);
    border: 1px solid #d4e5f7;
    border-top: 3px solid #0077b6;
    border-radius: 8px;
    padding: 20px 16px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(2, 42, 94, 0.04);
    transition: all 0.25s ease;
}

.kpi-box:hover {
    transform: translateY(-3px);
    border-top-color: #ff9933;
    box-shadow: 0 6px 18px rgba(2, 42, 94, 0.08);
}

.kpi-box h2 {
    font-size: 24px;
    font-weight: 800;
    color: #022a5e;
    margin: 0 0 4px 0;
    letter-spacing: -0.3px;
}

.kpi-box span {
    font-size: 12.5px;
    color: #486581;
    font-weight: 600;
}

/* Priority Investment Sectors Grid */
.investment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-top: 18px;
    margin-bottom: 38px;
}

.investment-card {
    background: #ffffff;
    border: 1px solid #dce8f5;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(2, 42, 94, 0.04);
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
}

.investment-card:hover {
    transform: translateY(-3px);
    border-color: #0077b6;
    box-shadow: 0 8px 24px rgba(2, 42, 94, 0.1);
}

.investment-card img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

.investment-card h3 {
    font-size: 16px;
    color: #022a5e;
    margin: 16px 16px 6px;
    font-weight: 700;
}

.investment-card p {
    font-size: 13.5px;
    color: #486581;
    margin: 0 16px 16px;
    line-height: 1.45;
}

/* Dashboard Preview & Cards */
.dashboard-preview {
    background: #f7faff;
    border: 1px solid #dce7f3;
    border-radius: 10px;
    padding: 28px;
    margin-bottom: 38px;
}

.dashboard-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin: 20px 0 24px;
}

.dashboard-card {
    background: #ffffff;
    border: 1px solid #d4e5f7;
    border-radius: 8px;
    padding: 20px 16px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(2, 42, 94, 0.03);
}

.dashboard-card h3 {
    font-size: 22px;
    color: #022a5e;
    font-weight: 800;
    margin: 0 0 4px;
}

.dashboard-card p {
    font-size: 12.5px;
    color: #486581;
    font-weight: 600;
    margin: 0;
}

.dashboard-cta {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.invest-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0077b6;
    color: #ffffff !important;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 13.5px;
    text-decoration: none;
    transition: all 0.22s ease;
    box-shadow: 0 2px 8px rgba(0, 119, 182, 0.2);
}

.invest-btn:hover {
    background: #022a5e;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(2, 42, 94, 0.25);
}

.invest-btn.secondary {
    background: #ffffff;
    color: #022a5e !important;
    border: 1.5px solid #022a5e;
}

.invest-btn.secondary:hover {
    background: #022a5e;
    color: #ffffff !important;
}

/* State Investment Atlas Section */
.state-atlas {
    background: #ffffff;
    border: 1px solid #dce8f5;
    border-radius: 10px;
    padding: 28px;
    margin-bottom: 38px;
}

.state-atlas h2 {
    color: #022a5e;
    font-size: 21px;
    font-weight: 800;
    margin-bottom: 18px;
    border-bottom: 2px solid #ff9933;
    padding-bottom: 6px;
}

.india-map {
    width: 100%;
    max-height: 420px;
    object-fit: contain;
    margin: 0 auto 24px;
    border-radius: 8px;
}

.state-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.state-card {
    background: #f7faff;
    border: 1px solid #dce8f5;
    border-left: 3px solid #0077b6;
    border-radius: 6px;
    padding: 14px 16px;
    transition: all 0.2s ease;
}

.state-card:hover {
    background: #ffffff;
    border-left-color: #ff9933;
    box-shadow: 0 4px 12px rgba(2, 42, 94, 0.06);
    transform: translateY(-2px);
}

.state-card h3 {
    font-size: 15px;
    color: #022a5e;
    margin: 0 0 4px;
    font-weight: 700;
}

.state-card p {
    font-size: 12.5px;
    color: #486581;
    margin: 0;
    line-height: 1.45;
}

/* Pipeline Table */
.pipeline-preview {
    background: #ffffff;
    border: 1px solid #dce8f5;
    border-radius: 10px;
    padding: 28px;
    margin-bottom: 38px;
}

.pipeline-table {
    width: 100%;
    border-collapse: collapse;
    margin: 18px 0 22px;
    font-size: 13.5px;
}

.pipeline-table th,
.pipeline-table td {
    padding: 12px 16px;
    text-align: left;
}

.pipeline-table th {
    background: #eff5fc;
    color: #022a5e;
    font-weight: 700;
    border-bottom: 2px solid #dce8f5;
}

.pipeline-table td {
    border-bottom: 1px solid #edf3f9;
    color: #243b53;
}

.pipeline-table tr:hover td {
    background-color: #f7fbff;
}

/* Investor Help Facilitation */
.investor-help {
    background: linear-gradient(135deg, #022a5e 0%, #08407d 100%);
    color: #ffffff;
    border-radius: 10px;
    padding: 32px 28px;
    text-align: center;
    margin-bottom: 20px;
}

.investor-help h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 8px;
}

.investor-help p {
    color: #dce8f7;
    font-size: 14.5px;
    margin-bottom: 20px;
}

.help-buttons {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .investment-shortcuts {
        justify-content: center;
    }
    .investment-grid,
    .dashboard-cards,
    .state-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================
   ATLAS COMPONENT STYLES (Migrated)
   ========================================= */


        /* Dedicated Atlas Page UI/UX Enhancements */
        .atlas-map-section {
            background: #FFFFFF;
            border: 1px solid #DCE7F3;
            border-radius: 12px;
            padding: 32px;
            margin-bottom: 48px;
            box-shadow: 0 4px 20px rgba(2, 42, 94, 0.05);
        }

        .atlas-map-layout {
            display: grid;
            grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
            gap: 32px;
            align-items: stretch;
        }

        .atlas-map-panel {
            position: relative;
            min-height: 580px;
            background: radial-gradient(circle at 60% 60%, #EEF6FF 0%, #E2EDF8 100%);
            border: 1.5px solid #CBD5E1;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: inset 0 2px 10px rgba(2, 42, 94, 0.04);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .atlas-india-map {
            width: 100%;
            height: 100%;
            max-height: 560px;
            object-fit: contain;
            display: block;
            padding: 16px;
            filter: drop-shadow(0 6px 16px rgba(2, 42, 94, 0.1));
        }

        /* Animated Interactive Map Pins */
        .atlas-map-marker {
            position: absolute;
            background: #022A5E;
            color: #FFFFFF;
            border: 2px solid #FF9933;
            border-radius: 24px;
            padding: 6px 14px;
            font-size: 12px;
            font-weight: 800;
            cursor: pointer;
            box-shadow: 0 4px 14px rgba(2, 42, 94, 0.35);
            transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            align-items: center;
            gap: 6px;
            z-index: 10;
            white-space: nowrap;
        }

        .atlas-map-marker::before {
            content: '';
            width: 8px;
            height: 8px;
            background: #FF9933;
            border-radius: 50%;
            display: inline-block;
            box-shadow: 0 0 0 2px rgba(255, 153, 51, 0.4);
            animation: pulseMarker 2s infinite;
        }

        @@keyframes pulseMarker {
            0% { box-shadow: 0 0 0 0 rgba(255, 153, 51, 0.7); }
            70% { box-shadow: 0 0 0 8px rgba(255, 153, 51, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 153, 51, 0); }
        }

        .atlas-map-marker:hover,
        .atlas-map-marker:focus,
        .atlas-map-marker.active {
            background: #FF9933;
            color: #022A5E;
            border-color: #022A5E;
            transform: translateY(-4px) scale(1.06);
            box-shadow: 0 8px 24px rgba(2, 42, 94, 0.4);
            z-index: 20;
            outline: none;
        }

        .atlas-map-marker:hover::before,
        .atlas-map-marker.active::before {
            background: #022A5E;
        }

        /* Marker Pin Placements */
        .marker-gujarat { left: 16%; top: 38%; }
        .marker-maharashtra { left: 25%; top: 52%; }
        .marker-goa { left: 28%; top: 64%; }
        .marker-karnataka { left: 32%; top: 72%; }
        .marker-kerala { left: 35%; top: 84%; }
        .marker-tamilnadu { left: 45%; top: 82%; }
        .marker-andhra { left: 52%; top: 64%; }
        .marker-odisha { left: 63%; top: 48%; }
        .marker-westbengal { left: 74%; top: 38%; }

        /* State Selector Panel */
        .atlas-state-selector {
            background: #FFFFFF;
            border: 1.5px solid #E2E8F0;
            border-radius: 12px;
            padding: 24px;
            display: flex;
            flex-direction: column;
            box-shadow: 0 4px 16px rgba(2, 42, 94, 0.04);
        }

        .atlas-state-selector h3 {
            font-size: 18px;
            font-weight: 800;
            color: #022A5E;
            margin: 0 0 4px 0;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .atlas-state-selector p {
            font-size: 13px;
            color: #64748B;
            margin: 0 0 16px 0;
        }

        .atlas-state-button-grid {
            display: flex;
            flex-direction: column;
            gap: 8px;
            overflow-y: auto;
            max-height: 480px;
            padding-right: 4px;
        }

        .atlas-state-button-grid::-webkit-scrollbar {
            width: 5px;
        }
        .atlas-state-button-grid::-webkit-scrollbar-thumb {
            background: #CBD5E1;
            border-radius: 4px;
        }

        .atlas-state-btn {
            background: #F8FAFC;
            border: 1.5px solid #E2E8F0;
            border-left: 4.5px solid #CBD5E1;
            border-radius: 8px;
            padding: 12px 14px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.2s ease;
            text-align: left;
        }

        .atlas-state-btn:hover,
        .atlas-state-btn:focus {
            background: #EFF6FF;
            border-color: #93C5FD;
            border-left-color: #FF9933;
            transform: translateX(4px);
            outline: none;
        }

        .atlas-state-btn.active {
            background: #022A5E;
            border-color: #022A5E;
            border-left-color: #FF9933;
            color: #FFFFFF;
            transform: translateX(4px);
            box-shadow: 0 4px 12px rgba(2, 42, 94, 0.2);
        }

        .atlas-state-btn-info {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .atlas-state-btn-name {
            font-size: 14px;
            font-weight: 800;
            color: #022A5E;
        }

        .atlas-state-btn.active .atlas-state-btn-name {
            color: #FFFFFF;
        }

        .atlas-state-btn-coast {
            font-size: 11.5px;
            color: #64748B;
            font-weight: 600;
        }

        .atlas-state-btn.active .atlas-state-btn-coast {
            color: #93C5FD;
        }

        .atlas-state-btn-badge {
            font-size: 11px;
            font-weight: 800;
            padding: 3px 8px;
            border-radius: 12px;
            background: #E2E8F0;
            color: #334155;
        }

        .atlas-state-btn.active .atlas-state-btn-badge {
            background: rgba(255, 153, 51, 0.25);
            color: #FFD166;
            border: 1px solid #FF9933;
        }

        /* Opportunity Cards Grid */
        .atlas-opportunity-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 24px;
        }

        .atlas-opportunity-card {
            background: #FFFFFF;
            border: 1.5px solid #E2E8F0;
            border-radius: 12px;
            padding: 24px;
            display: flex;
            flex-direction: column;
            gap: 16px;
            box-shadow: 0 4px 16px rgba(2, 42, 94, 0.04);
            transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
            position: relative;
            overflow: hidden;
        }

        .atlas-opportunity-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: #022A5E;
        }

        .atlas-opportunity-card.west-coast::before {
            background: linear-gradient(90deg, #022A5E, #0077B6);
        }

        .atlas-opportunity-card.east-coast::before {
            background: linear-gradient(90deg, #0077B6, #0284C7);
        }

        .atlas-opportunity-card:hover {
            transform: translateY(-4px);
            border-color: #0077B6;
            box-shadow: 0 12px 28px rgba(2, 42, 94, 0.1);
        }

        .atlas-card-top {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 8px;
        }

        .atlas-card-title {
            font-size: 20px;
            font-weight: 800;
            color: #022A5E;
            margin: 0;
        }

        .atlas-card-region {
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            padding: 3px 8px;
            border-radius: 12px;
            background: #EFF6FF;
            color: #1D4ED8;
            border: 1px solid #BFDBFE;
            letter-spacing: 0.4px;
            white-space: nowrap;
        }

        .atlas-card-detail-item {
            margin-bottom: 10px;
        }

        .atlas-card-label {
            font-size: 11.5px;
            font-weight: 800;
            text-transform: uppercase;
            color: #64748B;
            letter-spacing: 0.5px;
            margin-bottom: 4px;
            display: block;
        }

        .atlas-card-val {
            font-size: 13.5px;
            color: #1E293B;
            line-height: 1.5;
            font-weight: 600;
            margin: 0;
        }

        .atlas-potential-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 12px;
            font-weight: 800;
        }

        .potential-very-high {
            background: #DCFCE7;
            color: #15803D;
            border: 1px solid #86EFAC;
        }

        .potential-high {
            background: #E0F2FE;
            color: #0369A1;
            border: 1px solid #7DD3FC;
        }

        .potential-medium {
            background: #FEF3C7;
            color: #B45309;
            border: 1px solid #FCD34D;
        }

        .atlas-card-btn {
            margin-top: auto;
            width: 100%;
            background: #022A5E;
            color: #FFFFFF;
            border: none;
            border-radius: 6px;
            padding: 10px 16px;
            font-size: 13.5px;
            font-weight: 700;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            transition: background 0.18s ease;
        }

        .atlas-card-btn:hover {
            background: #0077B6;
        }

        /* Coastal Corridors Grid */
        .atlas-corridor-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 24px;
        }

        .atlas-corridor-card {
            background: #FFFFFF;
            border: 1.5px solid #E2E8F0;
            border-radius: 12px;
            padding: 28px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            box-shadow: 0 4px 16px rgba(2, 42, 94, 0.04);
            border-top: 4px solid #0077B6;
        }

        .atlas-corridor-card h3 {
            font-size: 20px;
            font-weight: 800;
            color: #022A5E;
            margin: 0;
        }

        .atlas-corridor-card p {
            font-size: 14px;
            color: #475569;
            line-height: 1.6;
            margin: 0;
        }

        .corridor-feature-list {
            list-style: none;
            padding: 0;
            margin: 12px 0 0 0;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .corridor-feature-list li {
            font-size: 13.5px;
            font-weight: 600;
            color: #1E293B;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .corridor-feature-list li::before {
            content: '✓';
            color: #15803D;
            font-weight: 900;
            background: #DCFCE7;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            flex-shrink: 0;
        }

        /* Master State Profile Modal Dialog */
        .atlas-modal {
            position: fixed;
            inset: 0;
            z-index: 2000;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(2, 42, 94, 0.85);
            backdrop-filter: blur(4px);
            padding: 20px;
        }

        .atlas-modal[hidden] {
            display: none;
        }

        .atlas-modal-panel {
            position: relative;
            width: min(880px, 100%);
            max-height: 90vh;
            overflow-y: auto;
            background: #FFFFFF;
            border-radius: 12px;
            border-top: 5px solid #FF9933;
            box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
            padding: 32px;
        }

        .atlas-modal-close {
            position: absolute;
            top: 18px;
            right: 18px;
            width: 38px;
            height: 38px;
            border: 1px solid #CBD5E1;
            border-radius: 50%;
            background: #F8FAFC;
            color: #022A5E;
            cursor: pointer;
            font-size: 22px;
            line-height: 1;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.18s ease;
        }

        .atlas-modal-close:hover {
            background: #022A5E;
            color: #FFFFFF;
        }

        .atlas-modal-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
            margin: 20px 0;
        }

        .bullet-check {
            color: #0284C7;
            font-weight: 900;
            margin-right: 6px;
        }

        @media (max-width: 1024px) {
            .atlas-map-layout {
                grid-template-columns: 1fr;
            }
            .atlas-opportunity-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .atlas-corridor-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 640px) {
            .atlas-opportunity-grid {
                grid-template-columns: 1fr;
            }
            .atlas-modal-grid {
                grid-template-columns: 1fr;
            }
        }

/* ==========================================================================
   Investment Sectors Page Styles (Zero Inline CSS Architecture)
   ========================================================================== */

.page-hero-banner.hero-sectors {
    background-image: linear-gradient(135deg, rgba(1, 27, 61, 0.92) 0%, rgba(2, 42, 94, 0.88) 50%, rgba(0, 119, 182, 0.85) 100%), url('/images/hero-blue-economy-overview.jpg');
}

.hero-badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 153, 51, 0.22);
    border: 1px solid rgba(255, 153, 51, 0.6);
    color: #FFD166;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 12px;
}

.hero-banner-title {
    color: #FFFFFF !important;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 12px;
    line-height: 1.2;
}

.hero-banner-tagline {
    color: #E2E8F0 !important;
    font-size: 16px;
    max-width: 980px;
    line-height: 1.65;
    margin: 0 0 24px 0;
}

.hero-actions-wrap {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.hero-actions-wrap .invest-btn-primary {
    padding: 12px 24px;
    font-size: 14.5px;
    border-radius: 6px;
    text-decoration: none;
}

.hero-actions-wrap .invest-btn-secondary {
    padding: 12px 24px;
    font-size: 14.5px;
    border-radius: 6px;
    text-decoration: none;
    border: 2px solid rgba(255, 255, 255, 0.7);
}

.sectors-main-container {
    max-width: var(--gov-container-max, 1540px);
    margin: 0 auto;
    padding: 36px 24px 60px;
}

.investment-overview-strip {
    background: #FFFFFF;
    border: 1px solid #DCE7F3;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 44px;
    box-shadow: 0 4px 16px rgba(2, 42, 94, 0.04);
}

.investment-overview-strip .investment-kpi-card {
    border: none;
    box-shadow: none;
    padding: 12px;
}

.investment-overview-strip .investment-kpi-card h3 {
    color: #022A5E;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 4px;
}

.investment-overview-strip .investment-kpi-card span {
    color: #475569;
    font-size: 13.5px;
    font-weight: 700;
}

.sector-section {
    background: #FFFFFF;
    border: 1px solid #DCE7F3;
    border-radius: 12px;
    padding: 36px;
    margin-bottom: 40px;
    box-shadow: 0 4px 16px rgba(2, 42, 94, 0.04);
}

.sector-section:last-of-type {
    margin-bottom: 48px;
}

.sector-layout-grid {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 36px;
    align-items: flex-start;
}

@media (max-width: 991px) {
    .sector-layout-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

.sector-image-wrap img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #CBD5E1;
    display: block;
}

.sector-chart-box {
    margin-top: 16px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 14px;
    text-align: center;
}

.sector-chart-box .chart-title {
    font-size: 12px;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    display: block;
}

.sector-chart-canvas-wrap {
    height: 150px;
    position: relative;
    margin-top: 8px;
}

.sector-content-wrap h2 {
    font-size: 26px;
    font-weight: 800;
    color: #022A5E;
    margin: 0 0 12px 0;
}

.sector-content-wrap p.sector-description {
    color: #334155;
    font-size: 15px;
    line-height: 1.65;
    margin: 0 0 20px 0;
}

.sector-tag {
    font-size: 12px;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 14px;
    display: inline-block;
    margin-bottom: 8px;
}

.sector-tag-blue {
    background: #E0F2FE;
    color: #0369A1;
}

.sector-tag-amber {
    background: #FEF3C7;
    color: #B45309;
}

.sector-tag-green {
    background: #DCFCE7;
    color: #15803D;
}

.sector-tag-purple {
    background: #F3E8FF;
    color: #7E22CE;
}

.sector-info-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.sector-info-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}

.sector-info-header .stat-label {
    font-size: 12px;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
}

.sector-info-header .stat-total-val {
    font-size: 28px;
    font-weight: 800;
    color: #022A5E;
}

.sector-info-grid-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    border-top: 1px solid #E2E8F0;
    padding-top: 12px;
    font-size: 13.5px;
}

.sector-info-grid-3col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    border-top: 1px solid #E2E8F0;
    padding-top: 12px;
    font-size: 13px;
}

.sector-stat-label-muted {
    color: #64748B;
}

.sector-stat-val-navy {
    color: #022A5E;
    font-size: 15px;
}

.sector-stat-val-blue {
    color: #0077B6;
    font-size: 15px;
}

.sector-focus-heading {
    font-size: 15px;
    font-weight: 800;
    color: #022A5E;
    margin-bottom: 10px;
}

.sector-focus-list {
    color: #334155;
    font-size: 14.5px;
    line-height: 1.7;
    padding-left: 20px;
    margin: 0 0 24px 0;
}

.sector-btn-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.sector-btn-row .invest-btn-primary {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 6px;
    text-decoration: none;
}

.sector-btn-row .invest-btn-secondary {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 6px;
    text-decoration: none;
    color: #022A5E !important;
    border: 1.5px solid #CBD5E1;
}

.investment-support {
    background: #F8FAFC;
    border: 1px solid #DCE7F3;
    border-radius: 12px;
    padding: 36px;
    margin-bottom: 48px;
}

.support-section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 32px;
}

.support-section-header .eyebrow {
    font-size: 12px;
    font-weight: 800;
    color: #FF9933;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: block;
}

.support-section-header h2 {
    font-size: 26px;
    font-weight: 800;
    color: #022A5E;
    margin-top: 4px;
}

.support-section-header p {
    color: #475569;
    font-size: 14.5px;
    margin: 6px 0 0 0;
}

.support-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.support-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(2, 42, 94, 0.03);
}

.support-card-icon {
    font-size: 24px;
    margin-bottom: 8px;
}

.support-card h3 {
    color: #022A5E;
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 8px;
}

.support-card p {
    color: #475569;
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0;
}

.investor-journey-section {
    background: #FFFFFF;
    border: 1px solid #DCE7F3;
    border-radius: 12px;
    padding: 36px;
    margin-bottom: 48px;
    box-shadow: 0 4px 16px rgba(2, 42, 94, 0.04);
}

.journey-section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 32px;
}

.journey-section-header .eyebrow {
    font-size: 12px;
    font-weight: 800;
    color: #FF9933;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: block;
}

.journey-section-header h2 {
    font-size: 26px;
    font-weight: 800;
    color: #022A5E;
    margin-top: 4px;
}

.journey-section-header p {
    color: #475569;
    font-size: 14.5px;
    margin: 6px 0 0 0;
}

.journey-timeline-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
}

.journey-step-card {
    background: #F8FAFC;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

.journey-step-border-navy { border-top: 4px solid #022A5E; }
.journey-step-border-blue { border-top: 4px solid #0077B6; }
.journey-step-border-orange { border-top: 4px solid #FF9933; }
.journey-step-border-green { border-top: 4px solid #10B981; }

.journey-step-num {
    font-size: 24px;
    font-weight: 800;
    color: #FF9933;
    margin-bottom: 4px;
}

.journey-step-card h4 {
    font-size: 15px;
    font-weight: 800;
    color: #022A5E;
    margin-bottom: 6px;
}

.journey-step-card p {
    font-size: 12.5px;
    color: #64748B;
    margin: 0;
}

.investment-final-cta {
    background: linear-gradient(135deg, #022A5E 0%, #0077B6 100%);
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    color: #FFFFFF;
    box-shadow: 0 8px 24px rgba(2, 42, 94, 0.12);
}

.investment-final-cta h2 {
    font-size: 28px;
    font-weight: 800;
    color: #FFFFFF;
    margin: 0 0 10px 0;
}

.investment-final-cta p {
    font-size: 15.5px;
    color: #E2E8F0;
    max-width: 760px;
    margin: 0 auto 24px auto;
    line-height: 1.6;
}

.investment-final-cta .final-cta-btn-row {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.investment-final-cta .invest-btn-primary {
    padding: 12px 28px;
    font-size: 15px;
    border-radius: 6px;
    text-decoration: none;
}

.investment-final-cta .invest-btn-secondary {
    padding: 12px 28px;
    font-size: 15px;
    border-radius: 6px;
    text-decoration: none;
    border: 2px solid rgba(255, 255, 255, 0.7);
}