.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{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;width:50%;position: relative;}
#articleInfo7 .photoBox:after{content:'DO THE BEST';word-spacing: 100vw;max-width: 100%;position: absolute;bottom: 20px;left: 50px;font-family: "Poppins", sans-serif;font-size: 70px;line-height: 120%;font-weight: 900;color: var(--white);text-shadow: 0 0 15px rgb(0 0 0 / 15%);}
#articleInfo7 .photoBox:before{content:'';position:absolute;width:100%;height:95%;bottom:0;left:20px;z-index:1;border-top-left-radius:400px;border-top-right-radius:400px;border:1px solid rgb(255 255 255 / 100%);}
#articleInfo7 .photoBox img{width:100%;height:100%;object-fit:cover}
#articleInfo7 .info{width:45%}
#articleInfo7 .info h3{position:relative;padding:10px 0;font-size:22px}
#articleInfo7 .info p{font-size:16px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;line-height:190%;text-align:justify;margin:30px 0}
#articleInfo7 .info article{margin:30px 0;line-height:190%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;text-align:justify}
#articleInfo5 ul{position:relative;margin-top:60px}
#articleInfo5 ul li{overflow:hidden;margin:40px 0}
#articleInfo5 ul li > div{float:left;width:125px}
#articleInfo5 ul li .titBox h3{font-size:20px;color:#fff;transition:all 0.4s ease-in-out 0s;width:50px;height:50px;background:#214a9d;border-radius:50px;padding:20px;line-height:130%;text-align:center}
#articleInfo5 ul li .icon{margin:8px 10px 0;width:40px;height:40px;background:#46a4da;-webkit-box-shadow:0 0 0 8px #afdcf8;-moz-box-shadow:0 0 0 8px #afdcf8;-ms-box-shadow:0 0 0 8px #afdcf8;box-shadow:0 0 0 8px #afdcf8;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;text-align:center;line-height:40px;font-size:20px;color:#fff}
#articleInfo5 ul li .info{position:relative;width:calc(100% - 125px)}
#articleInfo5 ul li .info:before{position:absolute;left:-7px;top:18px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #f5f5f5;content:""}
#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{padding:20px;line-height:180%;background:#f5f5f5}

#threeBox h3{margin: 40px 0 20px;font-size: 35px;text-align: center;}
#threeBox .photo{display:inline-block;margin: 0 20px;width: calc((100%/3) - 45px);}
#threeBox p{margin: 25px 0;line-height: 200%;}
#threeBox .box{display:flex;flex-wrap: wrap;justify-content: space-between;}
#threeBox .box .photo{width: calc(100%/3);margin: 0;}

@media screen and (max-width:768px){
	#threeBox h3{font-size:30px;}
	#articleInfo7{position:relative;}
	#articleInfo7 .photoBox{position:relative;width: 100%;}
	#articleInfo7 .info{position:relative;margin-top: 0;margin-left:0;padding: 0;background:none;width: 100%;}
	#articleInfo7 .info h3{left:0;text-align:right}
}
@media screen and (max-width:480px){
	#threeBox .box .photo{width:100%;}
	#threeBox .photo{display:block;width: 90%;margin: 20px auto;}
	#articleInfo7 .photoBox:after{font-size: 30px;bottom: 10px;}
	#articleInfo7 .info h3{padding:20px 0;text-align:left}
	#articleInfo7 .info article{margin-left:0}
}