.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}
#articleInfo16{display: flex;flex-wrap: wrap;align-items: flex-start;}
#articleInfo16 .item {overflow: hidden;position: relative;display: flex;flex-direction: column;width: calc((100% / 4) - 40px);margin: 15px;border: 5px solid rgb(155 155 155 / 10%);}
#articleInfo16 .item > div {animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#articleInfo16 .item:nth-child(2n) > div {}
#articleInfo16 .item:nth-child(2n) .photo {animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#articleInfo16 .item .photo {overflow: hidden;background-position: 50%;background-repeat: no-repeat;background-size: cover;width: 100px;margin: auto;position: relative;padding: 20px 20px 0;}
#articleInfo16 .item .photo img {width: 100%;}
#articleInfo16 .item .info {animation-name: fadeInRight;-webkit-animation-name: fadeInRight;position: relative;}
#articleInfo16 .item:after {content: '';position: absolute;background-color: rgb(197 197 197 / 20%);top: 10px;left: -70%;z-index: -1;transform: skewX(45deg);width: 220px;height: 620px;}
#articleInfo16 .item:nth-child(2n) .info {animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;margin: 0px 0px 0 0px;}
#articleInfo16 .item .info h5 {padding: 0px 15px;text-align: center;line-height: 0%;margin: 10px 0 0px;color: #242424;font-size: 50px;-webkit-text-stroke: 1px rgb(40 40 40 / 50%);-webkit-text-fill-color: transparent;margin-left: 0px;line-height: 110%;font-style: oblique;font-weight: 500;position: relative;}
#articleInfo16 .item .photo:after {content: '';width: 70px;height: 70px;background: #caaf713b;top: 10%;left: 30%;transform: translateX(-50%);position: absolute;border-radius: 50%;z-index: -1;opacity: 1;}
#articleInfo16 .item .info h3 {padding: 0 0px 10px 0px;color: #caaf71;margin-bottom: 20px;border-bottom: 3px solid rgb(210 204 202 / 32%);font-weight: 500;letter-spacing: 1.8px;font-size: 24px;text-align: center;}
#articleInfo16 .item .info article {margin: 20px 15px 0px;font-weight: 500;line-height: 180%;color: #333;letter-spacing: 1.2px;font-size: 15px;}p.wow.delay2 {text-align: center;padding: 0 20px 20px;}


@media screen and (max-width: 1280px) {
	#articleInfo16 .item {overflow: hidden;position: relative;display: flex;flex-direction: column;width: calc((100% / 2) - 40px);margin: 15px;border: 5px solid rgb(155 155 155 / 10%);}
}

@media screen and (max-width: 768px) {
	#articleInfo16 .item:nth-child(2n) .photo {right: 0;}
	#articleInfo16 .item .info {margin: 0;width: 100%;}
	#articleInfo16 .item .info h5 ,#articleInfo16 .item .info h3 {margin: 0 0 0 auto;padding: 10px 0%;width: 100%;}
	#articleInfo16 .item .info h3 {padding: 15px 0%;margin-bottom: 15px;}
	#articleInfo16 .item .info:after{display: none}
	#articleInfo16 .item {overflow: hidden;position: relative;width: calc((100% / 1) - 0px);margin: 15px 0;}
	p.wow.delay2{text-align: center;}
}
@media screen and (max-width: 480px) {
	#articleInfo16 .item > div ,#articleInfo16 .item:nth-child(2n) > div {float: none;}
	#articleInfo16 .item .info h5 ,#articleInfo16 .item .info h3 ,#articleInfo16 .item:nth-child(2n) .info h5 ,#articleInfo16 .item:nth-child(2n) .info h3 {padding: 0px 2% 11px;width: 100%;text-align: center;}
	#articleInfo16 .item .info h5{font-size: 50px;}
}