.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo7{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end}
#articleInfo7 .photoBox{position:absolute;width:40%;top:0;left:0;height:100%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .photoBox img{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;width:100%;height:100%;object-fit:cover}
#articleInfo7 .info{width:55%}
#articleInfo7 .info h3{position:relative;font-size:30px;margin-bottom:10px;color:var(--primary);font-weight:500}
#articleInfo7 .info p{font-size:22px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo7 .info article{margin:15px 0;line-height:200%;text-align:justify;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo7 .info ul{display:flex;margin-top:30px;flex-wrap:wrap;justify-content:space-between}
#articleInfo7 .info li{width:calc((100%/5) - 10px);animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo7 .info li .circle{width:70%;margin:0 auto}
#articleInfo7 .info li .item{box-shadow:0 0 5px rgb(0 0 0 / 15%);padding:25px 15px}
#articleInfo7 .info li .item p{font-size:16px;line-height:120%;text-align:center;margin-top:15px;height: 40px;overflow: hidden;}

@media screen and (max-width:1280px){
	#articleInfo7 .photoBox{position:relative;width: 100%;}
	#articleInfo7 .info{width:100%;margin-top: 20px;}
	#articleInfo7 .photoBox img{height:400px;}
}
@media screen and (max-width:1024px){
	#articleInfo7 .info li{width: calc((100%/5) - 25px);}
}
@media screen and (max-width:768px){
	#articleInfo7 .info ul{justify-content: center;}
	#articleInfo7 .info li{width: calc((100%/3) - 35px);margin: 15px;}
}
@media screen and (max-width:480px){
	#articleInfo7 .info li{width: calc(100% - 35px);margin: 15px;}
	#articleInfo7 .info h3{text-align:left}
	#articleInfo7 .info article{margin-left:0}
	#articleInfo7 .info li .item p{height:auto;}
	#articleInfo7 .info li .circle{width:50%;}
}