/* Team page styles. Breadcrumb styling remains in breadcrumb.css. */
.dm-team-section {
    background: #f5f9fc;
}

.dm-team-eyebrow {
    display: inline-block;
    margin-bottom: .65rem;
    color: #168b8b;
    font-size: .78rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dm-team-heading {
    margin-bottom: .85rem;
    color: #123b5d;
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.dm-team-intro {
    margin: 0 auto;
    color: #617181;
    line-height: 1.75;
    letter-spacing: 1px;
}

.dm-team-card {
    overflow: hidden;
    border: 1px solid #e2ebf0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(18, 59, 93, .07);
    transition: transform .25s ease, box-shadow .25s ease;
}

.dm-team-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 36px rgba(18, 59, 93, .14);
}

.dm-team-image-wrap {
    aspect-ratio: 4 / 4.25;
    overflow: hidden;
    background: #dcecef;
}

.dm-team-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.dm-team-card:hover .dm-team-image {
    transform: scale(1.04);
}

.dm-team-content {
    padding: 1.35rem 1.15rem 1.45rem;
    text-align: center;
}

.dm-team-name {
    margin-bottom: .35rem;
    color: #123b5d;
    font-size: 1.18rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.dm-team-designation {
    margin-bottom: 0;
    color: #168b8b;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

@media (max-width: 767.98px) {
    .dm-team-heading {
        font-size: 1.85rem;
    }

    .dm-team-section {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
}