/* Team Images Fix - Perfect Circles */
/* Adjustments for single line layout */
@media (min-width: 1200px) {
    .ud-team .row {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 0;
    }

    .ud-team .col-xl-3 {
        max-width: 20%;
        flex: 0 0 20%;
        padding: 0 5px;
        /* Reduced side padding */
    }

    /* Compact the team section */
    .ud-team {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .ud-section-title {
        margin-bottom: 30px;
    }
}

/* Increased size for team image wrapper */
.ud-single-team .ud-team-image-wrapper {
    width: 140px;
    /* Increased from 120px */
    height: 140px;
    /* Increased from 120px */
    margin: 0 auto 8px;
    /* Reduced bottom margin */
}

.ud-single-team .ud-team-image {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    /* 1:1 Aspect Ratio */
    overflow: hidden;
    border-radius: 50%;
}

.ud-single-team .ud-team-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    /* Focus on faces */
    border-radius: 50%;
    transition: transform 0.3s ease;
}

/* Add subtle zoom effect on hover */
.ud-single-team:hover .ud-team-image img {
    transform: scale(1.05);
}

/* Make team info text smaller with reduced spacing */
.ud-single-team .ud-team-info {
    margin-bottom: 10px;
    /* Reduced from default 20px */
}

.ud-single-team .ud-team-info h5 {
    font-size: 16px;
    margin-bottom: 2px;
    /* Reduced from 5px */
}

.ud-single-team .ud-team-info h6 {
    font-size: 12px;
    margin-bottom: 0;
}

/* Adjust spacing for better fit */
.ud-single-team {
    margin-bottom: 15px;
    /* Reduced from 20px */
}

/* Enhance the shape elements to fit better with larger images */
.ud-single-team .shape {
    transform: scale(0.9);
}

/* Fix for smaller screens */
@media (max-width: 1199px) {
    .ud-team .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .ud-single-team .ud-team-image-wrapper {
        width: 120px;
        height: 120px;
    }
}