.list-leader {display: flex;gap: 64px 40px;align-items: center;flex-wrap: wrap;padding: 0 0 64px;border-bottom: 1px solid #CCCCCC;}
.list-leader .item {flex: 0 0 calc(100% / 4 - 30px);border-radius: 12px;overflow: hidden;position: relative;}
.list-leader .item a .img-person img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.list-leader .item a:hover .img-person img {transform: scale(1.05);}
.list-leader .item a .txt-person {position: absolute;bottom: 0;left: 0;padding: 41px 20px 24px;text-align: center;width: 100%;box-sizing: border-box;}
.list-leader .item a .txt-person:before {content: "";position: absolute;background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 101.98%);width: 100%;bottom: 0;left: 0;height: 100%;z-index: 0;}
.list-leader .item a .txt-person .txt {font-weight: 400;font-size: 20px;line-height: 150%;letter-spacing: -0.2px;text-align: center;color: #fff;padding: 0 0 4px;position: relative;}
.list-leader .item a .txt-person .name {font-weight: 600;font-size: 24px;line-height: 150%;text-align: center;letter-spacing: -0.2px;color: #fff;position: relative;}


@media (max-width: 1024px) {
	.list-leader .item {flex: 0 0 calc(100%/3 - 27px);}
}

@media (max-width: 768px) {
	.list-leader {gap: 30px 20px;padding: 0 0 30px;}
	.list-leader .item {flex: 0 0 calc(100%/2 - 10px);}
	.list-leader .item a .txt-person .txt {font-size: 18px;}
	.list-leader .item a .txt-person .name {font-size: 22px;}
}

@media (max-width: 500px) {
	.list-leader {flex-direction: column;}
	.list-leader .item {flex: 1;width: 100%;}
}