.membersArea{padding:115px 0 35px}
.membersArea .wrap{max-width:1380px;padding:0 40px}
.membersArea .membersList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.membersArea .membersList .membersItem{width: calc((100% / 3) - 80px);margin-bottom: 40px;padding: 20px 40px;position:relative;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.membersArea .membersList .membersItem::before,.membersArea .membersList .membersItem::after{content:"";width:1px;position:absolute;top:0;left: 9px;}
.membersArea .membersList .membersItem::before{height:100%;background-color:#e5e5e5;z-index:1}
.membersArea .membersList .membersItem::after{height:60px;background-color:#29abe2;z-index:2}

.membersArea .membersList .membersItem .item{position:relative;z-index:3;}
.membersArea .membersList .membersItem .topBox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content: flex-end;margin-top: 0;margin-bottom: 15px;position:relative;z-index:1}
.membersArea .membersList .membersItem .topBox .stepBox{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#888;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:"Cardo",serif}
.membersArea .membersList .membersItem .topBox .stepBox .number{display:inline-block;font-size:40px;line-height:0.8}
.membersArea .membersList .membersItem .topBox .stepBox .text{display:inline-block;font-size:16px;line-height:1;letter-spacing:0.75px;margin-left:10px}
.membersArea .membersList .membersItem .topBox .Img{width:60px;height:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #dcdcdc;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.membersArea .membersList .membersItem .topBox .Img img{aspect-ratio:1/1;max-width:100%;display:inline-block;vertical-align:middle}
.membersArea .membersList .membersItem .Txt{position:relative;z-index:1;margin-bottom: 10px;}
.membersArea .membersList .membersItem .Txt .title{margin-bottom: 10px;padding-bottom: 14px;position:relative;font-size: 18px;line-height: 160%;}
.membersArea .membersList .membersItem .Txt .title::before{content:"";width:25px;height:1px;background-color:#666;position:absolute;bottom:0;left:0;z-index:1}
.membersArea .membersList .membersItem .Txt .title a{display:block;font-size:18px;font-weight:500;line-height:1.2;letter-spacing:1.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.membersArea .membersList .membersItem .Txt .text{max-height:60px;color:#626262;line-height:1.65;letter-spacing:0.6px;font-size: 15px;}


@media (max-width:1640px){
	.membersArea{padding:115px 0 0}
}
@media (max-width:1560px){
	.membersArea .membersList .membersItem{padding:0 30px;width: calc((100% / 3) - 60px);}
}
@media (max-width:1440px){
	.membersArea .membersList .membersItem{margin-bottom:70px}
}

@media (max-width:1200px){
	.membersArea{padding:50px 0}
	.membersArea .wrap{padding: 0 0px;}
	.membersArea .membersList .membersItem{margin-bottom:50px}
}

@media (min-width:1201px){
	.membersArea .membersList .membersItem:hover::before,.membersArea .membersList .membersItem:hover::after{z-index:0}
	.membersArea .membersList .membersItem:hover + .membersItem::before,.membersArea .membersList .membersItem:hover + .membersItem::after{opacity:0}
	.membersArea .membersList .membersItem:hover{background-color:#fff;-webkit-box-shadow:0 0 30px 10px rgba(0,0,0,0.1);box-shadow:0 0 30px 10px rgba(0,0,0,0.1);z-index:1;}
	.membersArea .membersList .membersItem:hover .topBox .stepBox{color:#29abe2}
	.membersArea .membersList .membersItem:hover .topBox .Img{background: linear-gradient(to right,var(--primary),var(--secondary));color: #fff;}
	.membersArea .membersList .membersItem:hover .topBox .Img span{-webkit-filter:contrast(0) brightness(2);filter:contrast(0) brightness(2);}
	.membersArea .membersList .membersItem:hover .Txt .title a{color:#29abe2}
}

@media (max-width:1024px){
	.membersArea .membersList .membersItem{width: calc((100% / 3) - 60px);}
	.membersArea .membersList .membersItem:nth-child(5n)::before,.membersArea .membersList .membersItem:nth-child(5n)::after{display:block}
	.membersArea .membersList .membersItem:nth-child(3n+1)::before,.membersArea .membersList .membersItem:nth-child(3n+1)::after{display:none}
}

@media (max-width:768px){
	.membersArea .membersList .membersItem{width: calc((100% / 2) - 60px);margin-bottom:35px}
	.membersArea .membersList .membersItem:nth-child(3n+1)::before,.membersArea .membersList .membersItem:nth-child(3n+1)::after{display:block}
	.membersArea .membersList .membersItem:nth-child(odd)::before,.membersArea .membersList .membersItem:nth-child(odd)::after{display:none}
	.membersArea .membersList .membersItem .topBox{margin-bottom:15px}
	.membersArea .membersList .membersItem .topBox .stepBox .number{font-size:32px}
	.membersArea .membersList .membersItem .topBox .stepBox .text{font-size:15px;margin-left:5px}
	.membersArea .membersList .membersItem .topBox .Img{width:55px;height:55px}
	.membersArea .membersList .membersItem .topBox .Img img{width:70%}
	.membersArea .membersList .membersItem .Txt .title{margin-bottom:10px;padding-bottom:18px}
	.membersArea{padding: 10px 0;}
}

@media (max-width:480px){
	.membersArea .membersList .membersItem{width: calc((100% / 1) - 20px);padding: 20px 10px;margin-bottom:20px}
	.membersArea .membersList .membersItem::before{width:calc(100% - 40px);height:1px;left:20px}
	.membersArea .membersList .membersItem::after{width:60px;height:1px;left: 10px;}
	.membersArea .membersList .membersItem:nth-child(odd)::before,.membersArea .membersList .membersItem:nth-child(odd)::after{display:block}
	.membersArea .membersList .membersItem:first-child{margin-bottom: 10px;}
	.membersArea .membersList .membersItem:first-child::before,.membersArea .membersList .membersItem:first-child::after{display:none}
	.membersArea .membersList .membersItem:last-child{margin-bottom:0}
	.membersArea .membersList .membersItem .topBox{margin-top:12px;margin-bottom:12px;position: absolute;right: 0;}
	.membersArea .membersList .membersItem .Txt .title{width: 90%;}
}