
/* ======================================================= */
/* ����璅∠���憛�css */
/* ======================================================= */


.team_bg{

}
    .team_bg .wrap{
        /*max-width: 53.4375rem; *//*855*/
        max-width: 30.25rem; /*484*/
    }





.people_area{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    row-gap: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
    column-gap: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 30.97px , 3.1250vw , 60.00px */
    /*margin: 0 -1.5625rem;*/ /*0 25*/
}
    /* �賊�����∪��銵� */
    .people_list{
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        width: 100%;
        /*padding: 0 1.5625rem; *//*0 25*/
        color: #fff;
        font-size: clamp(1.0000rem, 0.9896vw, 1.1875rem); /* 16.00px , 0.9896vw , 19.00px */
        font-weight: 300;
    }




/* .people_list a , */
.people_card{
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    /* color:var(--dark_color); */
    display: flex;
    flex-direction: column;
    gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
}

.people_Img{
    box-sizing: border-box;
    width: 100%;
} 
    .people_Img span{
        overflow: hidden;
        position: relative;
        aspect-ratio: 123 / 170;
        display: block;
        width: 100%;
        border-radius:.625rem; /*10*/
        background-color: #232526;
    }  
        .people_Img img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            float: none;
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
            transition: 0.3s ease all;
        } 
        .people_list a:hover .people_Img img{
            transform: scale(1.2);
            opacity: 0.7;
            transition: 0.3s ease all;
        } 
    
    



/* �賊�����∪��銵刻�閮� */
/* .people_list ul */
.people_info{
    display: block;
    margin: 0;
    list-style-type: none;
    padding: 0;
    font-size: inherit;
     /* 13px , 0.8333vw , 16px */
    line-height: 1.2;
    color: inherit;
    font-weight: inherit;
    line-height: 1.23;
    /* letter-spacing: 1.95px; */
    display: flex;
    flex-direction: column;
    gap: clamp(0.2903rem, 0.4688vw, 0.5625rem); /* 4.65px , 0.4688vw , 9.00px */
}

.people_info_list{
    font-size: 1rem;
    font-weight: inherit;
}
.people_info_list1{
    /* font-size: 0.875rem; */ /*14*/
    font-size: clamp(0.7500rem, 0.6771vw, 0.8125rem); /* 12.00px , 0.6771vw , 13.00px */
    display: flex;
    flex-direction: column;
    gap: 5px;
}
    .people_info_list1 p{
        /* background-color:var(--primary_color); */
        /* color: #fff; */
        /* border-radius: 3.125rem; */
        /* padding: .375rem .625rem; */
        display: inline-block;
    }



.people_info_list2{
    
     /* 18px , 1.25vw , 24px */
    font-weight: 600;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: first baseline;
    gap: 0.3125rem 0.9375rem; /*5 15*/
    font-size: inherit;
}
.people_info_list2 p{
    font-size: inherit;
    color: inherit;
    display: inline;
    font-weight: inherit;
}
.people_info_list2 b{
    /* font-size: 15px; */
    display: inline;
    font-weight: inherit;
    color: inherit;
}




/* .people_list ul {
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.9375rem 0;
}
    .people_list li{
        font-size: inherit;
        color: inherit;
        list-style-image: url('../../../images/title_icon.svg');
    }
    .people_list li:first-of-type{	
    }	
    
    
.people_list a:hover .people_Img img{	
    transition: 0.3s ease all;
}
.people_list a:hover{
    transition: 0.3s ease all;
} */

            

@media (max-width: 768px){ 

.people_area{
    grid-template-columns: repeat(2 , 1fr);
    row-gap:2.1875rem;
}
    .people_area{
    /*row-gap: 1.25rem;*/ /* 20px */
    /* margin: 0 -0.625rem; */
    }

    /* �賊�����∪��銵� */
    .people_list{
        /*width: 50%;
        padding:  0 0.625rem;*/
    }

}

            
@media (max-width: 640px){ 

    .people_info_list2 {
        display: flex;
        flex-direction: column;
    }
        .people_info {
            gap: .5rem;
        }
}


@media (max-width: 350px){ 

.people_area{
    grid-template-columns: unset;
    display: flex;
    flex-direction: column;
}



/* �賊�����∪��銵� */
.people_list{
    /*width: 100%;
    padding: 0;*/
}
    .people_card {
        /*gap: .9375rem;*/ /*15*/
    }
        .people_info {
            /*gap: .9375rem;*/ /*15*/
        }
}





@media (max-width: 390px){ 

}

