.subherder {
    position: relative;
}

.subimagesarea {
    position: relative;
}
.subimagesarea img {
    position: relative;
    width:100%;
}
img.subimages {
    width: 100%;
}
.pagetitle {
    font-size: 26px;
    text-align: center;
    padding: 15px 0;
    font-family: 'Inter', sans-serif;
    margin-bottom: 0;
}
.vls-mv-img-cell img {
    width: 240px !important;
}
.subheading {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #fff !important;
}

.table .thead-success th {
    color: #fff;
    background-color: #28844e;
    border-color: #28844e;
}

.bodydata {
    position: relative;
}

/*.bodybg::before {
    content: '';
    position: absolute;
    background: url('images/open-site/content-bg.jpg');
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.05;
    background-repeat: repeat;
    background-attachment: fixed;
}*/

/*.content {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: #fff;
    padding: 0px 15px;
    margin: 15px 0px;
    border-radius: 6px;
}*/
.mivision-visiton-section {
  background: #fff;
    padding: 42px 0;
}

.our-story-team-sec {
    position: relative;
}

.our-story-team {
    position: absolute;
    top: calc(100% - 60%);
    background: #fff;
    left: 30px;
    padding: 30px;
    width: calc(100% - 36%);
    height: 50%;
}

    .our-story-team  a, .AwardsandCertificate  a {
        font-weight: 600;
    }



.ethics {
    border-radius: 7px;
    height: 100%;
}
 .text-primary {
    color: #28844e !important;
}
.ethics-img {
    width: 65px;
    height: 65px;
    background: #007540;
    margin: 0px auto;
    border-radius: 50%;
    background-size: 60%;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.Trust {
 background-image: url('images/icons/trust.webp');
}
.Teamwork {
    background-image: url('images/icons/Teamwork.webp');
}
.Excellence {
    background-image: url('images/icons/Excellence.webp');
}
.Fair-Ethical {
    background-image: url('images/icons/Fair-Ethical.webp');
}
.ethics h5 {
    text-align: center;
}

.new-about-ourstory {
    position: absolute;
    top: -30px;
    background: #fff;
    height: calc(100% + 60px);
    right: 60px;
    padding: 50px;
    box-shadow: 0 0 6px;
    width: 36%;
    border-radius: 9px;
}

.about-statistics {
    background-image: url(/images/open-site/leaf-bg.webp);
}

.about-statistics-card {
    background: #fff;
    padding: 16px;
    margin: 37px 0;
    border-radius: 5px;
    text-align: center;
}

    .about-statistics-card h1 {
        font-weight: bold;
        color: #007540;
    }

    .about-statistics-card h4 {
        font-size: 18px;
    }

.about-image, .ethics-sec, .about-text, .new-ourstory {
    position: relative;
}

.about-image::before {
    left: -77px;
    content: "";
    position: absolute;
    bottom: 9%;
    width: 153px;
    height: 140px;
    background-image: url(images/icons/h6_leaf-1.png);
    background-size: 165px;
    background-repeat: no-repeat;
}

.ethics-sec::before {
    right: -110px;
    content: "";
    position: absolute;
    bottom: 9%;
    width: 153px;
    height: 140px;
    background-image: url(images/icons/h6_leaf-1.png);
    background-size: 134px;
    background-repeat: no-repeat;
    transform: rotateY(180deg);
}
 

.about-text::after {
    content: "";
    position: absolute;
    right: -48px;
    top: -62px;
    width: 99px;
    height: 112px;
    background-image: url(images/icons/h6_leaf-1.png);
    background-size: 105px;
    background-repeat: no-repeat;
}
.about-text::after {
    content: "";
    position: absolute;
    right: -48px;
    top: -62px;
    width: 99px;
    height: 112px;
    background-image: url(images/icons/h6_leaf-1.png);
    background-size: 105px;
    background-repeat: no-repeat;
}
.new-ourstory::before {
    right: -31px;
    content: "";
    position: absolute;
    bottom: 9%;
    width: 153px;
    height: 140px;
    background-image: url(images/icons/h6_leaf-1.png);
    background-size: 110px;
    background-repeat: no-repeat;
    transform: rotateY(180deg);
}
.about-statistics-card h4 {
    min-height: 44px;
}
 
 
@media only screen and (max-width: 480px) {
    .our-story-team {
        top: calc(100% - 87%);
        left: 15px;
        width: calc(100% - 30px);
        height: 78%;
    }

    .new-about-ourstory {
        position: initial;
        height: auto;
        padding: 20px;
        width: 100%;
        margin-top: 20px;
    }

    .about-statistics-card {
        margin: 11px 0;
    }
    .about-image::before, .about-text::after, .ethics-sec::before, .new-ourstory::before {
        display: none;
    }
}

.vls-au-section {
    padding: 72px 0 80px;
    background: #fff;
}

/* ── HEADER ── */
.vls-au-title {
    font-size: clamp(1.9rem, 3.5vw, 2.5rem);
    font-weight: 800;
    color: #111827;
    margin-bottom: 16px;
}

.vls-au-desc {
    font-size: 0.95rem;
    color: #6b7280;
    max-width: 640px;
    margin: 0 auto 48px;
    line-height: 1.8;
}

/* ── OWL WRAPPER ── */
.vls-au-owl-wrap {
    position: relative;
}

/* ── SLIDE PADDING ── */
.vls-au-owl .vls-au-slide {
    padding: 0 8px;
}

/* ══════════════════
       CARD BASE
    ══════════════════ */
.vls-au-card {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    height: 420px;
    cursor: pointer;
}
a.communinitylink {
    text-decoration: none;
    color: #fff;
}
/* ══════════════════
       TEXT CARD  (Origin Story)
    ══════════════════ */
.vls-au-card--text {
    background: linear-gradient(145deg, #f3e8ff 0%, #e9d5ff 55%, #ddd6fe 100%);
}

/* Default content inside text card */
.vls-au-text-default {
    position: absolute;
    inset: 0;
    padding: 30px 26px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: opacity 0.35s ease;
    z-index: 1;
}

.vls-au-card--text:hover .vls-au-text-default {
    opacity: 0;
}

.vls-au-text-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #7c3aed;
    margin-bottom: 14px;
}

.vls-au-text-body {
    font-size: 0.875rem;
    color: #374151;
    line-height: 1.78;
}

/* hover overlay for text card — same purple style as image cards */
.vls-au-card--text .vls-au-hover-overlay {
    background: linear-gradient(to top, rgba(109,40,217,0.95) 0%, rgba(109,40,217,0.55) 55%, rgba(109,40,217,0.2) 100%);
    z-index: 2;
}

.vls-au-card--text:hover .vls-au-hover-overlay {
    opacity: 1;
}

.vls-au-card--text:hover .vls-au-hover-title,
.vls-au-card--text:hover .vls-au-hover-body {
    transform: translateY(0);
}

/* ══════════════════
       IMAGE CARD
    ══════════════════ */
.vls-au-card--img .vls-au-img-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}

.vls-au-card--img:hover .vls-au-img-bg {
    transform: scale(1.07);
}

/* ── BOTTOM LABEL (default visible) ── */
.vls-au-bottom-label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 22px 20px 18px;
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
    transition: opacity 0.35s ease;
}

    .vls-au-bottom-label span {
        font-size: 1rem;
        font-weight: 700;
        color: #fff;
    }

.vls-au-card--img:hover .vls-au-bottom-label {
    opacity: 0;
}

/* ── HOVER OVERLAY (hidden by default) ── */
.vls-au-hover-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(109,40,217,0.92) 0%, rgba(109,40,217,0.5) 55%, rgba(109,40,217,0.15) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 26px 22px;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.vls-au-card--img:hover .vls-au-hover-overlay {
    opacity: 1;
}

.vls-au-hover-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    transform: translateY(12px);
    transition: transform 0.35s ease;
}

.vls-au-hover-body {
    font-size: 0.84rem;
    color: rgba(255,255,255,0.88);
    line-height: 1.68;
    transform: translateY(12px);
    transition: transform 0.35s ease 0.06s;
    margin: 0;
}

.vls-au-card--img:hover .vls-au-hover-title,
.vls-au-card--img:hover .vls-au-hover-body {
    transform: translateY(0);
}

/* ══════════════════
       OWL DOTS
    ══════════════════ */
.vls-au-owl .owl-dots {
    margin-top: 28px !important;
    text-align: center;
}

.vls-au-owl .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    background: #e9d5ff !important;
    border-radius: 50% !important;
    margin: 0 4px !important;
    transition: all 0.25s ease !important;
    display: block;
}

.vls-au-owl .owl-dot.active span {
    background: #9333ea !important;
    width: 28px !important;
    border-radius: 10px !important;
}

.vls-au-owl .owl-nav {
    display: none !important;
}

/* ══════════════════
       CUSTOM NAV BUTTONS
    ══════════════════ */
.vls-au-nav-row {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 22px;
}

.vls-au-nav-arrow {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1.5px solid #d8b4fe;
    background: #fff;
    color: #7c3aed;
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    line-height: 1;
}

    .vls-au-nav-arrow:hover {
        background: #9333ea;
        color: #fff;
        border-color: #9333ea;
    }

/* ══════════════════
       RESPONSIVE
    ══════════════════ */
@media (max-width: 575px) {
    .vls-au-section {
        padding: 50px 0 56px;
    }

    .vls-au-card {
        height: 260px;
    }
}
.bg-director {
    background: #FAFAFA;
}
    .bg-director b {
        color: #9133EA;
    }
h5.personname{
    font-size:25px !important;
}
    h5.personname span {
        font-size: 18px;
        color: #000;
    }
.vls-mv-section {
    padding: 72px 0 80px;
    background: #faf5ff;
}

/* ── SEPARATE CARD ── */
.vls-mv-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 28px rgba(147,51,234,0.08);
    border: 1.5px solid #f3e8ff;
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .vls-mv-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 16px 48px rgba(147,51,234,0.14);
    }

/* ── IMAGE AREA ── */
.vls-mv-img-cell {
    position: relative;
    height: 240px;
    overflow: hidden;
}

    .vls-mv-img-cell img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.4s ease;
    }

.vls-mv-card:hover .vls-mv-img-cell img {
    transform: scale(1.04);
}

/* Placeholder gradient */
.vls-mv-img-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
}

.vls-mv-img-placeholder--mission {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 40%, #ffffff 100%);
}

.vls-mv-img-placeholder--vision {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 40%, #ffffff 100%);
}

/* ── CONTENT AREA ── */
.vls-mv-content-cell {
    padding: 28px 30px 32px;
    border-top: 2px solid #f3f0ff;
}

/* ── ICON + TITLE ROW ── */
.vls-mv-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.vls-mv-logo-icon {
    width: 36px;
    height: 32px;
    flex-shrink: 0;
}

.vls-mv-head-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

/* ── BODY TEXT ── */
.vls-mv-body {
    font-size: 0.9rem;
    color: #4b5563;
    line-height: 1.85;
    margin: 0;
}

/* ── RESPONSIVE ── */
@media (max-width: 767px) {
    .vls-mv-img-cell {
        height: 200px;
    }

    .vls-mv-content-cell {
        padding: 22px 22px 26px;
    }

    .vls-mv-section {
        padding: 50px 0 56px;
    }
}
.vls-mv-img-placeholder img {
    width: 240px !important;
}