.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;margin: 0 10px;padding: 40px;background: rgba(58, 61, 63, 0.3);}
#articleInfo7 .photoBox{width:100%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;margin-bottom: 20px;}
#articleInfo7 .photoBox img{width:100%;}
#articleInfo7 .info{}
#articleInfo7 .info h3{position:relative;margin:15px 0;font-size:25px;color:var(--complement);display:flex;align-items:center}
#articleInfo7 .info h3 b{background:var(--complement);color:var(--white);padding:3px 10px;border-radius:50px;margin-left:20px}
#articleInfo7 .info p{font-size:16px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;font-weight:700}
#articleInfo7 .info article{margin:10px 0;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-size: 15px;}
#articleInfo7 .info ol{padding-left: 20px;}
#articleInfo7 .info li{list-style: decimal;margin: 2px 0;font-size: 15px;}

@media screen and (max-width:640px){
    #articleInfo7{padding: 20px;}
}