.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: space-between;}
#articleInfo7 .photoBox{width:50%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;padding-bottom: 30px;margin-bottom: 30px;}
#articleInfo7 .photoBox img{width:100%;height: 100%;object-fit: cover;}

#articleInfo7 .info{width:100%;padding-bottom:30px;margin-bottom:30px}
#articleInfo7 .infoTop{width:45%}
#articleInfo7 .info h3{position:relative;padding:0 0 15px;font-size:35px;color:#363636;line-height:140%;font-weight:500}
#articleInfo7 .info p{font-size:23px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;border-bottom:1px solid #e2e2e2;padding-bottom:20px;letter-spacing:2px;margin-bottom:20px}
#articleInfo7 .info article{line-height:220%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-size:16px;text-align:justify}
#articleInfo7 .info-contact{display:grid;grid-template-columns:1fr 20%;gap:30px;align-items:end}
#articleInfo7 .info-contact .fcontact li{margin-top:5px}
#articleInfo7 .info-contact .fcontact li a{display:block;background:#122a88;text-align:center;color:#fff;padding: 15px 25px;transition:all linear .3s;border-radius:25px}
#articleInfo7 .info-contact .fcontact li:hover a{background:#28a7e1}

@media screen and (max-width:1024px){
	#articleInfo7 .photoBox{width:100%;}
	#articleInfo7 .info{width:100%;margin-bottom: 0;}
	#articleInfo7 .info-contact{grid-template-columns: 1fr;}
	#articleInfo7 .info-contact .fcontact{display: flex;align-items: center;justify-content: center;gap: 20px;}
}
@media screen and (max-width:640px){
	#articleInfo7 .info h3{font-size: 22px;}
	#articleInfo7 .info p{font-size: 19px;}
}