.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}
#articleInfo7 .photoBox{position:absolute;padding:20px;width:50%;top:50px;left:0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .photoBox img{-webkit-box-shadow:0 7px 27px #464646;-moz-box-shadow:0 7px 27px #464646;-ms-box-shadow:0 7px 27px #464646;box-shadow:0 7px 27px #464646;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}
#articleInfo7 .photoBox:hover img{opacity:0.7;-webkit-transform:scale(0.98);transform:scale(0.98)}
#articleInfo7 .info{box-shadow:0 0 50px rgb(0 0 0 / 15%);margin:50px;padding:60px 80px;border-radius:60px}
#articleInfo7 .info h3{position:relative;font-size:40px;font-weight:600;color:var(--info);display:inline-block;letter-spacing:2px}
#articleInfo7 .info p{font-size:18px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;font-size: 18px;font-weight:500;overflow:hidden;-webkit-box-orient:vertical;color:#000000;letter-spacing:1px;line-height:200%}
#articleInfo7 .info article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-size:30px;color:#ffeb46;line-height:100%;margin:0 0 30px}

@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
	#articleInfo7 .info{margin: 0 5px;padding: 30px 20px;box-shadow: 0 0 25px rgb(0 0 0 / 15%);border-radius: 30px;}
	#articleInfo7 .info h3{font-size: 25px;}
	#articleInfo7 .info p{font-size:16px;font-weight: 500;}
}