.elementor-19394 .elementor-element.elementor-element-ed451d1{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:33px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19394 .elementor-element.elementor-element-ed451d1:not(.elementor-motion-effects-element-type-background), .elementor-19394 .elementor-element.elementor-element-ed451d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uniosun.edu.ng/wp-content/uploads/2026/02/vc-scaled.jpg");background-position:top center;background-size:cover;}.elementor-19394 .elementor-element.elementor-element-ed451d1::before, .elementor-19394 .elementor-element.elementor-element-ed451d1 > .elementor-background-video-container::before, .elementor-19394 .elementor-element.elementor-element-ed451d1 > .e-con-inner > .elementor-background-video-container::before, .elementor-19394 .elementor-element.elementor-element-ed451d1 > .elementor-background-slideshow::before, .elementor-19394 .elementor-element.elementor-element-ed451d1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19394 .elementor-element.elementor-element-ed451d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #000000A8 0%, #000000AD 0%);}.elementor-19394 .elementor-element.elementor-element-39d7c70c .rs-heading .title-inner .title{color:#FFFFFF;margin:0px 0px 0px 0px;}.elementor-19394 .elementor-element.elementor-element-bc8bd9c{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1.2px;}.elementor-19394 .elementor-element.elementor-element-bc8bd9c .elementor-divider-separator{width:45%;}.elementor-19394 .elementor-element.elementor-element-4e80920b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-19394 .elementor-element.elementor-element-4e80920b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-19394 .elementor-element.elementor-element-752a0760{color:#000000;}.elementor-19394 .elementor-element.elementor-element-752a0760 a{color:#5C8018;}.elementor-19394 .elementor-element.elementor-element-74c9f01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-19394 .elementor-element.elementor-element-39d7c70c .rs-heading .title-inner .title{font-size:16px;}}@media(min-width:768px){.elementor-19394 .elementor-element.elementor-element-ed451d1{--width:100vw;}.elementor-19394 .elementor-element.elementor-element-4e80920b{--width:104.409%;}}/* Start custom CSS for html, class: .elementor-element-ae4568c */.dvc-stack-profile {
    width: 100%;
    background: white;
    box-shadow: 0 35px 60px -25px rgba(0, 55, 90, 0.2);
    padding: 3rem 2.5rem;
    border: 1px solid rgba(92, 128, 24, 0.2);
    transition: box-shadow 0.2s;
}

.dvc-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* ===== COLOUR PALETTE (UNIOSUN heritage) ===== */
:root {
    --green: #5C8018;
    --gold: #f9c234;
    --navy: #0f2a44;
    --slate: #3b5f7a;
    --light-bg: #f4fafd;
    --border-light: #e2ecf9;
}

/* ===== HERO SECTION (balanced, webometric) ===== */
.dvc-hero-row {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 3rem;
    margin-bottom: 2.8rem;
    align-items: center;
}

.dvc-profile-frame {
    background: #ffffff;
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: 0 20px 30px -8px rgba(92,128,24,0.2);
    border: 6px solid white;
    outline: 2px solid rgba(92,128,24,0.3);
}

.dvc-profile-frame img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.status-pill {
    text-align: center;
    background: var(--gold);
    color: #0f2a44;
    padding: 0.6rem 0.8rem;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

.dvc-intro-content .eyebrow {
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--green);
    font-weight: 700;
    font-size: 0.8rem;
    display: inline-block;
    background: #ecf5e9;
    padding: 0.3rem 1.2rem;
    border-radius: 40px;
    margin-bottom: 1rem;
}

.dvc-intro-content h1 {
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--navy);
    margin-bottom: 1.2rem;
}

.dvc-intro-content .highlight {
    color: var(--green);
    font-weight: 650;
    background: linear-gradient(145deg, #5C8018 0%, #3f6212 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.dvc-intro-content h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #102b42;
    margin-bottom: 0.4rem;
}

.creds {
    font-size: 0.95rem;
    color: #2d5f7a;
    background: #f0f6fe;
    padding: 0.6rem 1.4rem;
    border-radius: 60px;
    display: inline-block;
    font-weight: 500;
    border: 1px solid #cde1f0;
}

/* ===== GENERIC ROW ===== */
.dvc-row {
    display: flex;
    gap: 2rem;
    padding: 2.5rem 2.8rem;
    border-radius: 2rem;
    margin-bottom: 1.8rem;
    background: #ffffff;
    border: 1px solid var(--border-light);
    transition: 0.15s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}

.dvc-row:hover {
    border-color: #bcd0e8;
}

/* ===== TWO COLUMN ROW ===== */
.two-column-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.dvc-col {
    background: #ffffff;
    border-radius: 2rem;
    padding: 2.5rem 2.8rem;
    border: 1px solid var(--border-light);
    transition: 0.15s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}

.dvc-col:hover {
    border-color: #bcd0e8;
}

.row-icon {
    font-size: 2rem;
    color: var(--green);
    background: #edf7e9;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    flex-shrink: 0;
}

.row-content {
    flex: 1;
}

.row-content h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--navy);
    margin-bottom: 1rem;
    letter-spacing: -0.01em;
}

.row-content p {
    color: #2b4c6e;
    font-size: 1.05rem;
    max-width: 720px;
}

/* ===== UNITS CARD ===== */
.units-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.units-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.units-header i {
    font-size: 2rem;
    color: var(--green);
    background: #edf7e9;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    flex-shrink: 0;
}

.units-header h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--navy);
    margin: 0;
    letter-spacing: -0.01em;
}

.units-card p {
    color: #2b4c6e;
    font-size: 1.05rem;
    margin-bottom: 1.2rem;
}

/* ===== MISSION ROW (special dark) ===== */
.mission-row {
    background: var(--navy);
    border: none;
    align-items: center;
    padding: 2.2rem 2.8rem;
}

.mission-row .row-icon {
    background: rgba(249, 194, 52, 0.15);
    color: var(--gold);
}

.mission-statement-text p {
    font-size: 1.2rem;
    font-style: italic;
    color: #e3f0fd;
    font-weight: 400;
    margin: 0;
}

/* ===== ACADEMIC BACKGROUND ===== */
.academic-bg {
    background: linear-gradient(145deg, #f9fcfd, #f0f7fa);
}

.edu-path {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.5rem;
}

.edu-item {
    background: white;
    padding: 0.7rem 1.5rem;
    border-radius: 60px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid #cbdef5;
    color: #113755;
    box-shadow: 0 2px 6px rgba(0,0,0,0.02);
}

/* ===== UNITS TAGS ===== */
.unit-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1.2rem;
}

.unit-tags span {
    background: #eaf1fb;
    color: #1b476b;
    padding: 0.6rem 1.4rem;
    border-radius: 60px;
    font-size: 0.9rem;
    font-weight: 550;
    border: 1px solid #cbdff2;
    transition: 0.1s;
}

.unit-tags span:hover {
    background: #d4e5fa;
    border-color: var(--green);
}

/* ===== IMPACT LIST ===== */
.impact-list {
    list-style: none;
    padding: 0;
}

.impact-list li {
    margin-bottom: 1.2rem;
    padding-left: 2rem;
    position: relative;
    font-size: 1.05rem;
    color: #1e405e;
}

.impact-list li::before {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--green);
    font-size: 1.2rem;
    top: 2px;
}

/* ===== FOOTER ===== */
.dvc-footer {
    text-align: center;
    margin-top: 2.8rem;
    padding-top: 2rem;
    border-top: 2px solid #e2ecf9;
    color: #3d637f;
    font-size: 0.95rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.dvc-footer i {
    color: var(--green);
    font-size: 1.2rem;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .two-column-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .dvc-stack-profile { padding: 2rem 1.5rem; }

    .dvc-hero-row {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }

    .dvc-profile-frame {
        max-width: 260px;
        margin: 0 auto;
    }

    .dvc-intro-content .eyebrow { margin-left: auto; margin-right: auto; }

    .dvc-row {
        flex-direction: column;
        text-align: center;
        padding: 2rem 1.8rem;
        gap: 1.2rem;
    }

    .row-icon {
        margin: 0 auto;
    }

    .impact-list li {
        padding-left: 0px;
        display: flex;
        align-items: baseline;
        gap: 0.7rem;
        text-align: left;
        justify-content: center;
        left: 0;
    }

    .impact-list li::before {
        position: relative;
        margin-right: 0;
        font-size: 1.1rem;
        top: 0;
        flex-shrink: 0;
    }

    .unit-tags {
        justify-content: center;
    }

    .edu-path {
        justify-content: center;
    }

    .mission-statement-text p {
        text-align: left;
    }

    .dvc-col {
        padding: 2rem 1.8rem;
    }

    .units-header {
        justify-content: center;
    }
}

@media (max-width: 500px) {
    .dvc-intro-content h1 { font-size: 1.8rem; }
    .dvc-intro-content h2 { font-size: 1.7rem; }
    .row-content h3 { font-size: 1.5rem; }
    .dvc-row { padding: 1.5rem 1.2rem; }
    .dvc-col { padding: 1.5rem 1.2rem; }
    .units-header h3 { font-size: 1.5rem; }

    .impact-list li {
        flex-direction: column;
        align-items: center;
        gap: 0.2rem;
        text-align: center;
    }

    .impact-list li::before {
        margin-bottom: 0.2rem;
    }
}/* End custom CSS */