.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s}
#articleInfo12{overflow:hidden}
#articleInfo12 .right .topBox p{text-align:center}
#articleInfo12 .right h3{font-size:22px;color:var(--primary);animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%;text-align:center;margin-top:20px;font-weight:500;letter-spacing:1px}
#articleInfo12 .right h3:hover:after{width:95%}
#articleInfo12 .right article{margin:10px 10% 0 0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo12 .right h4{margin:30px 0 0;font-size:25px;color:#001e61;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo12 .right:nth-child(2){width:45%}
#articleInfo12 .right .topBox{overflow:hidden;display:grid;justify-content:space-between;grid-template-columns:repeat(2,1fr);gap:50px;padding:0 30px;margin-top: 30px;}
#articleInfo12 .right >p{margin:30px 30px 0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;background:var(--primary);text-align:center;padding:20px 0;font-size:22px;letter-spacing:2px;color:var(--white)}
#articleInfo12 .right p:nth-child(2){margin:0 0 0 2%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo12 .right .wow img{aspect-ratio:5 / 3;object-fit:cover;border-radius:35px}
#articleInfo12 .right .downBox{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo12 .right .downBox img{width:100%;aspect-ratio: unset;border-radius: 0;}

@media screen and (max-width:768px){
	#articleInfo12 .right,#articleInfo12 .right:nth-child(2){margin-bottom:15px;width:100%}
}
@media screen and (max-width:480px){
	#articleInfo12 .right >p{margin: 30px 0 0;font-size: 18px;}
	#articleInfo12 .right .topBox{display:block;padding: 0;}
	#articleInfo12 .right .topBox >div{margin-bottom:25px;}
}