.team-details__client-list {
    display: flex; /* Align list items horizontally */
    flex-wrap: wrap; /* Allow wrapping if necessary */
    gap: 20px; /* Adjust gap between items if needed */
}

.team-details__client-list li {
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    list-style: none; /* Remove bullet points */
}

.team-details__client-list p {
    margin: 0; /* Remove default margin */
    font-size: 16px; /* Adjust font size if needed */
}

.team-details__client-list span {
    font-weight: bold; /* Make the labels bold */
    margin-right: 5px; /* Add space between label and value */
}
.team-details__top {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.team-details__client-img {
    flex-shrink: 0;
    width: 300px;
    height: auto;
}

.team-details__client-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.team-details__client-content {
    flex-grow: 1;
}

@media (max-width: 768px) {
    .team-details__top {
        flex-direction: column;
        align-items: center;
    }

    .team-details__client-img {
        width: 100%;
        max-width: 300px;
    }

    .team-details__client-img img {
        width: 115%;
        height: auto;
    }
}

.justify{
    text-align: justify;
}

/* Default styling (visible on all screens) */
.team-details__top-shape-1 {
    display: block;
}

/* Hide the div in mobile view */
@media (max-width: 767px) {
    .team-details__top-shape-1 {
        display: none;
    }
}

/* Default styling for desktop view */
.page-header__title,
.thm-breadcrumb .breadcrumb-item a {
    color: black;
}

/* Styling for mobile view */
@media (max-width: 767px) {
    .page-header__title,
    .thm-breadcrumb .breadcrumb-item a {
        color: white;
    }
}




.team-details {
    position: relative;
    display: block;
    padding: 36px 0px 79px;
    z-index: 1;
}
@media (max-width: 767px) { /* Adjust the max-width value based on your mobile breakpoint */
    .team-details {
        position: relative;
        display: block;
        padding: 36px 0px 19px;
        z-index: 1;
    }
}