.employees {
    padding-bottom: 3rem;
}

.employees__list {
    list-style: none;
    gap: var(--gap);
    display: grid;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
    padding: 1rem 0;
}

/* @media screen and (min-width:668px) {
    .employees__list{
        grid-template-columns: 1fr 1fr;

    }
    
} */
.employees__item {
    display: flex;
    /* flex-direction: column; */
    /* align-items: center; */
    /* background:var(--white); */
    /* border-radius: var(--border-radius); */
    /* padding:1rem; */
    gap: 2rem;
}


.employees__featured {
    display: flex;

}

.employees__img {
    border-radius: var(--border-radius);
    object-fit: cover;
    width: 300px;
    height: 300px;
    border: 1px solid var(--background);
    background-color: var(--white);
    box-shadow: var(--box-shadow);

}


.employees__content {
    flex: 1;
    padding: 2rem;
    background-color: var(--white);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.employees__title {
    font-weight: 400;
    font-size: 1.8rem;
    margin: 0;
}


.employees__sublist {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    flex: 7;
    justify-content: flex-end;
}

.employees__sublist .employees__item {
    padding: 0;
    gap: 0.5rem;
    font-weight: 400;
    border-bottom: 1px dotted var(--bgdarkshadow);
    padding: 0.5rem 0;
    display: flex;
}

.employees__sublist .employees__item .icon {
    width: 1rem;
    height: 1rem;
    stroke: var(--primary);
    display: flex;
    margin-top: 0.25rem;
}

.employees__sublist .employees__item p {
    flex: 1;
    margin: 0;
}

.employees__link {
    text-decoration: none;
    font-weight: 300;
}


.btn--employee {
    border: 2px solid var(--primary);
    border-radius: var(--border-radius);
    color: var(--primary);
    padding: 0.25rem 1rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    text-transform: uppercase;

}