.aboutItem .item{display:grid;grid-template-columns: 46% 52%;gap: 20px 20px;}
.aboutItem .item .Img{position:relative;max-width:100%;z-index:3}
.aboutItem .item .Img img{max-width:100%;aspect-ratio: 4 / 4;object-fit: cover;}
.aboutItem .item .Txt{position:relative;z-index:3}
.aboutItem .item .Txt .titleBox{position:relative;margin-bottom:20px}
.aboutItem .item .Txt .titleBox .titleEn{font-size:18px;color:#d7cfb9;position:relative;font-family:"Rammetto One",sans-serif;text-transform:uppercase;line-height:130%;font-size:32px;font-weight:400}
.aboutItem .item .Txt .titleBox .titleTw{letter-spacing:2px;font-weight:600;font-size:34px;color:var(--info)}
.aboutItem .item .Txt .titleBox .line{background-color:rgba(255,255,255,0.25);bottom:-40px;height:1px;left:-500%;position:absolute;width:400%;z-index:1}
.aboutItem .item .Txt .contentTitle{margin-bottom:30px;letter-spacing:2px;font-weight:600;font-size:22px}
.aboutItem .item .Txt .content p{color:#414141;line-height:180%;letter-spacing:1.2px;margin-bottom:20px}


.processArea{position:relative;margin-top:70px;margin-bottom:60px}
.processArea .left{position:relative;z-index:2}
.processArea .left .titleEn{font-weight:600;font-size:32px;letter-spacing:0.5px;max-height:150px;text-transform:uppercase;line-height:130%;color:#d7cfb9;position:relative;font-family:"Rammetto One",sans-serif;text-align:center;margin-bottom:10px}
.processArea .left .titleCh{margin-bottom:50px;letter-spacing: 1px;font-weight:600;font-size:22px;color:var(--info);text-align:center}
.processArea .left p{color:#414141;line-height:180%;letter-spacing:1.2px}
.processArea .processList{display:grid;grid-template-columns:repeat(4,1fr);gap: 40px 20px;}
.processArea .processItem{transform-origin:left}
.processArea .processItem .item{align-items:center;display:flex;flex-direction:column-reverse;padding:0 10px}
.processArea .processItem .item .Txt{text-align:center;margin-bottom: 10px;}
.processArea .processItem .item .Txt .title{color:#d7679e;font-size:22px;font-weight:700;letter-spacing:1.2px;margin-bottom:10px;padding-bottom:10px;text-align:center}
.processArea .processItem:nth-child(2) .item .Txt .title{color:#d66441}
.processArea .processItem:nth-child(2) .item .Txt .titleEn{color:#d66441}
.processArea .processItem:nth-child(3) .item .Txt .title{color:#f1d759}
.processArea .processItem:nth-child(3) .item .Txt .titleEn{color:#f1d759}
.processArea .processItem:nth-child(4) .item .Txt .title{color:#5ea656}
.processArea .processItem:nth-child(4) .item .Txt .titleEn{color:#5ea656}
.processArea .processItem:nth-child(5) .item .Txt .title{color:#69b9b7}
.processArea .processItem:nth-child(5) .item .Txt .titleEn{color:#69b9b7}
.processArea .processItem:nth-child(6) .item .Txt .title{color:#5392ce}
.processArea .processItem:nth-child(6) .item .Txt .titleEn{color:#5392ce}
.processArea .processItem:nth-child(7) .item .Txt .title{color:#7158cb}
.processArea .processItem:nth-child(7) .item .Txt .titleEn{color:#7158cb}
.processArea .processItem .item .Txt .titleEn{color:#d7679e;font-weight:600;letter-spacing:0.5px;margin-bottom:12px;text-transform:uppercase;font-family:"Oswald",sans-serif;opacity:.5}
.processArea .processItem .item .Txt .content{box-sizing:content-box;padding:20px;color:#414141;line-height:180%;letter-spacing:1.2px}
.processArea .processItem .item .Img{display:flex;justify-content:center;position:relative}
.processArea .processItem .item .Img p{align-items:center;background-color:#d7679e;border-radius:1000px;display:flex;justify-content:center;position:relative;height:160px;width:160px;color:#fff;font-size: 80px;font-family:"Rammetto One",sans-serif}
.processArea .processItem:nth-child(2) .item .Img p,.processArea .processItem:nth-child(2) .item .Img::after{background-color:#d66441}
.processArea .processItem:nth-child(3) .item .Img p,.processArea .processItem:nth-child(3) .item .Img::after{background-color:#f1d759}
.processArea .processItem:nth-child(4) .item .Img p,.processArea .processItem:nth-child(4) .item .Img::after{background-color:#5ea656}
.processArea .processItem:nth-child(5) .item .Img p,.processArea .processItem:nth-child(5) .item .Img::after{background-color:#69b9b7}
.processArea .processItem:nth-child(6) .item .Img p,.processArea .processItem:nth-child(6) .item .Img::after{background-color:#5392ce}
.processArea .processItem:nth-child(7) .item .Img p,.processArea .processItem:nth-child(7) .item .Img::after{background-color:#7158cb}
.processArea .processItem .item .Img::after{background-color:#d7679e;border-radius:1000px;content:"";height:200px;left:-20px;top:-20px;width:200px;position:absolute;z-index:-1;opacity:.2}
.processArea .processItem .item .Img img{height:80px;-o-object-fit:contain;object-fit:contain;position:relative;width:80px;z-index:3}



@media (max-width:1024px){
	.processArea{margin-top:60px;margin-bottom:20px}
	.processArea .wrap{align-items:center;flex-direction:column}
	.processArea .processItem .item{padding:0 10px}
}

@media (max-width:1440px){
	.processArea .processList{grid-template-columns: repeat(3,1fr);}
	.processArea .processItem .item{padding:0 20px}
}
@media (max-width:1280px){
	.processArea .processItem .item .Txt .title{font-size:18px}
	.processArea .processItem .item .Img{/* height:120px; *//* width:120px; */}
	.processArea .processItem .item .Img::after{/* height:150px; *//* left:-15px; *//* top:-15px; *//* width:150px; */}
	.processArea .processItem .item .Img img{height:60px;width:60px}

}
@media (max-width:1024px){
	.processArea .processItem .item .Txt .content{padding:20px 10px}
	.processArea .processItem .item .Img{height:100px;width:100px}
	.processArea .processItem .item .Img p{height: 100px;width: 100px;font-size: 40px;}
	.processArea .processItem .item .Img::after{height:120px;left:-10px;top:-10px;width:120px}
	.aboutItem .item{align-items:center;grid-template-columns:repeat(2,1fr)}
	.aboutItem .item{align-items:center;display:flex;flex-direction:column}
	.aboutItem .item .Img{margin-top:20px}
	.aboutItem .item .Txt .titleBox .titleTw{font-size:24px}
    .aboutItem .item .Txt .contentTitle{font-size: 18px;margin-bottom: 20px;}
}

@media (max-width:640px){
	.processArea .processList{grid-template-columns: repeat(2,1fr);gap: 30px 0px;}
	.processArea .processItem .item .Txt .title{margin-bottom: 5px;padding-bottom: 5px;}
	.processArea .processItem .item .Txt .content{padding:0}
	.aboutItem .item .Txt .titleBox .line{bottom:-20px}
}