/* ============ VISI MISI FAKULTAS ============ */

/* Bagian Header Halaman */
/* === Perbaikan agar judul header selalu tampil === */
.visi-misi-header {
    position: relative !important;
    background: linear-gradient(to right, #967300, #EDDB53) !important;
    padding: 10px 0 10px 0 !important; /* beri ruang besar dari navbar */
    text-align: center !important;
    z-index: 10 !important;
}

.visi-misi-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 0;
}

.visi-misi-header .container {
    position: relative;
    z-index: 5;
}

.visi-misi-header h2,
.visi-misi-header p {
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
    z-index: 10;
}

/* ====== Bagian Section Card ====== */
.visi-misi-section {
    background-color: #ffffff !important;
    padding-top: 60px;
    padding-bottom: 60px;
}

/* Card abu gelap */
.visi-card {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}

/* Hover efek */
.visi-card:hover {
    transform: translateY(-5px);
}

/* Judul card */
.visi-card .card-title {
    font-weight: 700;
    color: #ffffff !important;
}

/* Paragraf teks */
.visi-card .card-text {
    color: #f1f1f1 !important;
    line-height: 1.6;
}