@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .item{position:relative;margin:30px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap: wrap;}
#articleInfo16 .item > div{float:left;width:35%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) > div{float:right}
#articleInfo16 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;order:2}
#articleInfo16 .item .photo{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;position:relative}
#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 p{font-size: 30px;color: #0a285e;margin: 25px 0 0;font-family: 'Playball', cursive;}
#articleInfo16 .item .info h3{color:#0a285e;font-size: 26px;line-height:120%;margin-top:10px;letter-spacing: 2.5px;font-weight:bold}
#articleInfo16 .item .info article{margin:20px 0 0;text-align:justify;line-height:200%}
#articleInfo16 .item .info li{margin:5px 0px 5px 20px;list-style-type:disc;list-style-position:inherit;color:#303030;line-height:180%;font-weight:400;text-align:justify}
#articleInfo16 {position:relative;}
#articleInfo16 .abs{width: 100px;position: absolute;right: 36%;bottom: 0;}

@media screen and (max-width:1024px){
	#articleInfo16 .abs{right:0;}
}
@media screen and (max-width:768px){
	#articleInfo16 .abs{position: relative;margin: -20px 0 0 auto;}
	#articleInfo16 .item .photo{width: 100%;}
	#articleInfo16 .item:nth-child(2n) .photo{margin-top: 30px;}
	#articleInfo16 .item .info{margin:0;width:100%}
	#articleInfo16 .item .info h5,#articleInfo16 .item .info h3{margin: 25px 0 0 auto;width: 100%;}
	#articleInfo16 .item:nth-child(2n) .info h5,#articleInfo16 .item:nth-child(2n) .info h3{margin:0 auto 0 0}
}
@media screen and (max-width:480px){
	#articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
	#articleInfo16 .item .photo{margin:0 auto 10px;}
	#articleInfo16 .item .info h5,#articleInfo16 .item .info h3,#articleInfo16 .item:nth-child(2n) .info h5,#articleInfo16 .item:nth-child(2n) .info h3{margin:0;padding:10px 2%;width:96%}
}