:root {
    --bridge-bg-soft: #f4f7fb;
    --bridge-ink: #111827;
    --bridge-muted: #64748b;
    --bridge-accent: #DB1C0A;
    --bridge-dark: #0f172a;
    --ztc-text-text-6: #DB1C0A;
    --ztc-bg-bg-5: #DB1C0A;
}

body {
    color: var(--bridge-ink);
}

.hero-content h1,
.hero-content p {
    color: #fff;
}

section {
    position: relative;
}

.white-section {
    background: #ffffff;
}

.section-title-dark h5,
.section-title-dark h2,
.section-title-dark h3,
.white-section .heading4 h5,
.white-section .heading4 h2,
.white-section .heading5 h5,
.white-section .heading5 h2 {
    color: #0f172a !important;
}

.white-section .heading4 h5,
.white-section .heading5 h5 {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}

section.py-5,
section[style*="background-color: #f8f9fa"],
.search-section {
    background: var(--bridge-bg-soft) !important;
    border-radius: 16px;
}

.card,
.job-card,
.programme-card,
.accordion-item,
.modal-content {
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08) !important;
    overflow: hidden;
}

.job-card,
.programme-card {
    border-left: 4px solid #DB1C0A !important;
}

.card:hover,
.job-card:hover,
.programme-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.12) !important;
}

.card-header,
[style*="background-color: #0052cc"] {
    background: linear-gradient(125deg, #101827 0%, #1f2937 80%) !important;
    color: #fff !important;
}

.text-primary,
i.text-primary,
.fa.text-primary,
.fas.text-primary,
.far.text-primary,
.fab.text-primary {
    color: #DB1C0A !important;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
    background: var(--bridge-accent) !important;
    border-color: var(--bridge-accent) !important;
    color: #ffffff !important;
}

.btn-light {
    background: #fff !important;
    color: #111827 !important;
}

.btn-outline-primary,
.btn-outline-primary:focus {
    border-color: #DB1C0A !important;
    color: #9f1508 !important;
}

.btn-outline-primary:hover {
    background: #DB1C0A !important;
    border-color: #DB1C0A !important;
    color: #ffffff !important;
}

.vl-btn2,
.vl-btn2:link,
.vl-btn2:visited,
.vl-btn2:hover,
.vl-btn2:focus,
.vl-btn2:active {
    color: #ffffff !important;
}

.vl-btn2 span,
.vl-btn2 i,
.vl-btn2 svg,
.vl-btn2 svg path,
.vl-btn2 .arrow,
.vl-btn2 .demo {
    color: #ffffff !important;
    fill: #ffffff !important;
}

input.form-control,
select.form-control,
textarea.form-control,
.search-input {
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    min-height: 48px;
}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
.search-input:focus {
    border-color: #DB1C0A !important;
    box-shadow: 0 0 0 4px rgba(219, 28, 10, 0.15) !important;
}

.accordion-button {
    font-weight: 600;
}

.accordion-button:not(.collapsed) {
    color: #0f172a;
    background: rgba(219, 28, 10, 0.14);
}

.badge.bg-info {
    background: #dbf4ff !important;
    color: #0369a1 !important;
}

.badge.bg-success {
    background: #dcfce7 !important;
    color: #166534 !important;
}

.pagination .page-link {
    color: #475569 !important;
    border-radius: 10px;
    border: 1px solid #d4dde8;
}

.pagination .page-item.active .page-link {
    background: #111827 !important;
    border-color: #111827 !important;
    color: #fff !important;
}

section[style*="linear-gradient(135deg, #0052cc 0%, #001a4d 100%)"] {
    background: linear-gradient(120deg, #0f172a 0%, #111827 58%, #1f2937 100%) !important;
}

[style*="color: #0052cc"] {
    color: #DB1C0A !important;
}

[style*="background: #0052cc"] {
    background: #111827 !important;
}

.article-content,
.card-text,
p,
small {
    color: var(--bridge-muted);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bridge-ink);
}

.hero-section h1,
.hero-section p,
.content-dark-block h2,
.content-dark-block p {
    color: #fff !important;
}

.footer2-sertion-area .footer-logo-area img {
    width: auto !important;
    max-width: 100%;
    height: 58px !important;
    object-fit: contain !important;
    object-position: left center;
    display: block;
}

.footer2-sertion-area {
    padding-top: 80px !important;
}

@media (max-width: 991px) {
    section.py-5,
    .search-section {
        border-radius: 10px;
    }

    .footer2-sertion-area {
        padding-top: 60px !important;
    }
}