.title__teamleader h2{
    padding: 20px 0;
    text-align: center;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: -.02rem;
    background-color: var(--bg-4);
}
.box__header_teamleader {
    margin-top: 20px;
    display: flex;
    white-space: nowrap;
    overflow: auto; /* Ẩn nội dung bên ngoài khung nhìn */
    padding-left: 20px;
}
.box__header_teamleader::-webkit-scrollbar {
    display: none; /* Ẩn thanh cuộn trên trình duyệt Chrome, Safari và các trình duyệt dựa trên Webkit */
}
.box__teamleader{
    display: none;
}
.box__teamleader.active{
    display: block;
}
.item__header_teamleader{
    margin-right: 48px;
    padding-bottom: 10px;
    cursor: pointer;
}

.heading__teamleader{
    border-bottom: 1px solid var(--color-border);
}
.heading__teamleader .item__header_teamleader:hover{
    border-bottom: 2px solid var(--color-2);
}
.heading__teamleader .item__header_teamleader.active{
    border-bottom: 2px solid var(--color-2);
}
.content__teamleader{
    margin-top: 40px;
}
.img__teamleader{
    width: 100px;
    height: 100px;
}
.img__teamleader img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.information__teamleader{
    padding-left: 17px;
}
.gender__teamleader{
    margin-bottom: 7px;
}
.name__teamleader{
    margin-bottom: 7px;
}
.item__teamleader{
    padding: 40px 0;
    border-bottom: 1px solid var(--color-border);
}
.information__teamleader{
    margin-top: 7px;
}
.gender__teamleader a, .name__teamleader a{
    color: var(--color-second);
}
/* Ẩn thanh cuộn scrollbar trên tất cả các trình duyệt */
.box__header_teamleader {
    /* Chrome, Safari, Opera */
    scrollbar-width: none;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

/* Firefox */
.box__header_teamleader::-webkit-scrollbar {
    display: none;
}

/* Edge */
.box__header_teamleader {
    -ms-overflow-style: none;
}
.row__teamleader{
    margin-inline: 0;
}
/* Firefox */
.box__header_teamleader {
    scrollbar-width: none;
}
.information__teamleader{
    width: calc(100% - 100px);
}
.popup__teamleader{
    z-index: 11;
    background: rgba(0,0,0,.5);
    padding: 0 20px;
    display: none;
}
.popup__content_teamleader{
    overflow: auto;
    background-color: var(--color-primary);
    max-height: calc(100% - 150px);
    margin: 90px auto;
}
.popup__text_teamleader{
    padding: 20px 15px 30px;
}
.popup__profile_teamleader{
    padding: 30px 15px;
    width: 100%;
}
.close__popup_teamleader{
    right: 0px;
    fill: var(--color-second);
    z-index: 12;
    background: unset;
}
.popup__text_teamleader {
    width: 100%;
}
.box__teamleader.remove .item__teamleader{
    width: 50%;
    max-width: 50%;
    justify-content: left;
}
@media(min-width: 576px){
    .box__header_teamleader{
        padding-left: 0;
    }
    .img__teamleader{
        width: 150px;
    }
}
@media(min-width: 768px){
    .img__teamleader{
        width: 200px;
        height: 200px;
    }
    .popup__profile_teamleader{
        order: 1;
    }
    .popup__profile_teamleader{
        padding: 58px 0 100px 74px;
    }
    .popup__text_teamleader{
        padding: 58px 79px 107px 72px;
    }
}
@media(min-width: 991px){
   .item__teamleader:nth-child(1){
        max-width: 100%;
        width: 100%;
        justify-content: center;
    }
    
}
@media(min-width: 1200px){
    
    .information__teamleader{
        width: calc(100% - 200px);
    }
    
    .title__teamleader h2{
        padding: 40px 0;
    }
    .title__teamleader{
        margin-bottom: 60px;
    }
    .wrap__item_leader{
        max-width: 638px;
    }
}
@media(min-width: 1400px){
    .box__header_teamleader{
        justify-content: center;
    }
}