.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}
#articleInfo5 ul{position:relative}
#articleInfo5 ul li{overflow:hidden;margin:15px 0;display:flex;flex-wrap:wrap}
#articleInfo5 ul li > div{width:160px}
#articleInfo5 ul li .titBox p,#articleInfo5 ul li .titBox h3{margin-right:10px;text-align:right;color:#84bcde}
#articleInfo5 ul li .titBox h3{font-size:20px;transition:all 0.4s ease-in-out 0s;display:flex;align-items:center;font-family:'Montserrat',sans-serif;color:var(--info);margin-top:5px}
#articleInfo5 ul li .titBox h3 b{font-size:15px;padding:7px 20px;border-radius:50px;background:var(--primary);color:var(--white);font-weight:400;margin:0 15px}
#articleInfo5 ul li .info{width:calc(100% - 200px)}
#articleInfo5 ul li .info h3{padding:10px;background:#46a4da;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;font-size:18px;color:#fff}
#articleInfo5 ul li .info article{border:1px solid #ddd;padding:40px 50px;border-radius:20px}

@media screen and (max-width:1280px){
	#articleInfo5 ul:before{margin-left:-4px}
}
@media screen and (max-width:768px){
	#articleInfo5 ul:before{margin-left:3px}
	#articleInfo5 ul li .titBox h3{font-size:20px}
}
@media screen and (max-width: 640px){
	#articleInfo5 ul:before{display:none}
	#articleInfo5 ul li .titBox{width:auto}
	#articleInfo5 ul li .icon{-webkit-box-shadow:0 0 0 8px #fff;-moz-box-shadow:0 0 0 8px #fff;-ms-box-shadow:0 0 0 8px #fff;box-shadow:0 0 0 8px #fff}
	#articleInfo5 ul li .info{margin: 10px 0;width:100%}
	#articleInfo5 ul li .info article{padding: 25px 20px;border-radius: 10px;}
	#articleInfo5 ul li .info:before{left:40px;top:-7px;border-top:0;border-bottom:7px solid #46a4da;border-right:7px solid transparent;border-left:7px solid transparent}
}