.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .item{overflow:hidden;position:relative;margin:30px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
#articleInfo16 .item > div{float:left;width:35%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) .photo{order:2}
#articleInfo16 .item .photo{overflow:hidden}
#articleInfo16 .item .photo img{width:100%}
#articleInfo16 .item .info{width:60%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5{color:#444;font-size:50px;font-family:'Kanit',sans-serif;font-weight:600;text-transform: capitalize;}
#articleInfo16 .item .info h3{font-size:20px;color:var(--primary);font-weight:400;letter-spacing:2px}
#articleInfo16 .item .info article{line-height:220%;text-align:justify;margin-top:20px}
#custom_area .workframe{width:1600px}
#custom_area ul{display:flex;flex-wrap:wrap;justify-content:center}
#custom_area ul li{width:calc(100%/5)}
#custom_area ul li >div{background:#f7f7f7;margin:20px 15px;padding: 40px 20px;border:5px solid #f7f7f7;border-radius:25px;display:flex;flex-direction:column;align-items:center}
#custom_area ul li:hover >div{border-color:var(--secondary)}
#custom_area ul li:hover .clip{background:var(--secondary)}
#custom_area ul li:hover .clip img{-webkit-filter:contrast(0) brightness(150%);filter:contrast(0) brightness(200%)}
#custom_area ul li .clip{width:110px;height:110px;background:var(--white);display:flex;justify-content:center;align-items:center;border-radius:110px}
#custom_area ul li .clip img{width:50px;height:50px}
#custom_area ul li h3{margin:15px 0 30px;font-size:20px;color:#3e3e3e;line-height:150%}
#custom_area ul li:hover h3{color:var(--secondary)}
#custom_area ul li article{color:#3e3e3e;font-weight:300;font-size:15px;text-align:center;height:76px;overflow:hidden}
#custom_area ul li h3:after{content:url(/images/44/box.png);display:block;margin-top:5px}

@media screen and (max-width:1440px){
	#custom_area ul li{width:calc(100%/3)}
}
@media screen and (max-width:768px){
	#custom_area ul li{width: 50%;}
	#articleInfo16 .item > div{width:100%;}
	#articleInfo16 .item .info{width:100%;}
	#articleInfo16 .item:nth-child(2n) .photo{order:0;}
}
@media screen and (max-width:640px){
	#custom_area ul li{width: 100%;}
	#custom_area ul li >div{margin: 10px 0;}
}