/* ELCT gradient page heroes — primary #0e2950 */
.elct-page-hero {
    background-color: #0e2950;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 220px;
    overflow: hidden;
    position: relative;
}

.elct-page-hero::before {
    background: linear-gradient(
        90deg,
        rgba(8, 20, 32, 0.55) 0%,
        transparent 45%,
        transparent 55%,
        rgba(8, 20, 32, 0.5) 100%
    ) !important;
    content: "" !important;
    display: block !important;
    height: 100% !important;
    left: 0 !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 0;
}

.elct-page-hero::after {
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.elct-page-hero .container {
    position: relative;
    z-index: 1;
}

.elct-page-hero .title,
.elct-page-hero .font-28 {
    color: #fff;
}

.elct-page-hero .breadcrumb a {
    color: #fff;
}

.elct-page-hero .breadcrumb .active {
    color: rgba(255, 255, 255, 0.72);
}

/* Publication — diagonal, highlight top */
.elct-page-hero--publication {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.03) 38%, transparent 55%),
        linear-gradient(120deg, #081420 0%, #0e2950 22%, #1a5282 48%, #0e2950 72%, #0a172a 100%);
}

.elct-page-hero--publication::after {
    background: radial-gradient(ellipse at 85% 20%, rgba(38, 99, 150, 0.35) 0%, transparent 58%);
}

/* Board of Director */
.elct-page-hero--leadership {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, transparent 48%),
        linear-gradient(135deg, #0a172a 0%, #0e2950 28%, #1a5282 52%, #0e2950 78%, #081420 100%);
}

.elct-page-hero--leadership::after {
    background: radial-gradient(ellipse at 12% 75%, rgba(32, 88, 138, 0.42) 0%, transparent 56%);
}

/* HDD Team */
.elct-page-hero--team {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
        linear-gradient(100deg, #081420 0%, #0e2950 35%, #164872 58%, #0e2950 82%, #0a172a 100%);
}

.elct-page-hero--team::after {
    background: radial-gradient(ellipse at 50% 0%, rgba(42, 105, 158, 0.32) 0%, transparent 62%);
}

/* Facility */
.elct-page-hero--facility {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, transparent 42%),
        linear-gradient(145deg, #0a172a 0%, #0e2950 25%, #1b4f7c 50%, #0e2950 70%, #081420 100%);
}

.elct-page-hero--facility::after {
    background: radial-gradient(ellipse at 78% 85%, rgba(36, 92, 140, 0.38) 0%, transparent 54%);
}

/* Job List / Career */
.elct-page-hero--career {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.02) 40%, transparent 58%),
        linear-gradient(110deg, #081420 0%, #0e2950 30%, #1a5282 55%, #0e2950 75%, #0a172a 100%);
}

.elct-page-hero--career::after {
    background: radial-gradient(ellipse at 70% 25%, rgba(40, 95, 145, 0.33) 0%, transparent 60%);
}

/* Tenders */
.elct-page-hero--tenders {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 46%),
        linear-gradient(125deg, #0a172a 0%, #0e2950 20%, #1a5282 45%, #0e2950 68%, #081420 100%);
}

.elct-page-hero--tenders::after {
    background: radial-gradient(ellipse at 20% 30%, rgba(34, 86, 132, 0.36) 0%, transparent 58%);
}

/* Volunteering */
.elct-page-hero--volunteer {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, transparent 52%),
        linear-gradient(95deg, #081420 0%, #0e2950 38%, #175a8f 62%, #0e2950 85%, #0a172a 100%);
}

.elct-page-hero--volunteer::after {
    background: radial-gradient(ellipse at 90% 60%, rgba(38, 99, 150, 0.34) 0%, transparent 55%);
}

/* Internships */
.elct-page-hero--internship {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, transparent 44%),
        linear-gradient(130deg, #0a172a 0%, #0e2950 26%, #1a5282 54%, #0e2950 76%, #081420 100%);
}

.elct-page-hero--internship::after {
    background: radial-gradient(ellipse at 55% 90%, rgba(30, 82, 128, 0.4) 0%, transparent 52%);
}

/* Videos */
.elct-page-hero--videos {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, transparent 48%),
        linear-gradient(115deg, #081420 0%, #0e2950 24%, #1b4f7c 50%, #0e2950 74%, #0a172a 100%);
}

.elct-page-hero--videos::after {
    background: radial-gradient(ellipse at 25% 20%, rgba(42, 105, 158, 0.35) 0%, transparent 57%);
}

/* Programmes */
.elct-page-hero--programme {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, transparent 46%),
        linear-gradient(118deg, #081420 0%, #0e2950 24%, #1a5282 50%, #0e2950 76%, #0a172a 100%);
}

.elct-page-hero--programme::after {
    background: radial-gradient(ellipse at 72% 18%, rgba(40, 95, 145, 0.36) 0%, transparent 58%);
}

/* News & Events */
.elct-page-hero--news {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.03) 36%, transparent 54%),
        linear-gradient(140deg, #0a172a 0%, #0e2950 32%, #1a5282 56%, #0e2950 80%, #081420 100%);
}

.elct-page-hero--news::after {
    background: radial-gradient(ellipse at 82% 70%, rgba(36, 92, 140, 0.37) 0%, transparent 56%);
}