.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}
#articleInfo16 .item {overflow: hidden;position: relative;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;align-items: center;}
#articleInfo16 .item::before {
    content: "";
    width: 100%;
    height: 420px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    z-index: -1;
}
#articleInfo16 .item .photo {float: right;width: 49%;animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;position: relative;margin: 14px 0 28px 0;}
#articleInfo16 .item:nth-child(2n) > div {float: right;}
#articleInfo16 .item:nth-child(2n) .photo {animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#articleInfo16 .photo2{
    position: absolute;
    bottom: -40px;
    left: -50px;
    display: none;
}
#articleInfo16 .photo2 img{
    display: block;
    width: 200px;
    height: 200px;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    box-shadow: 0 8px 25px rgb(0 0 0 / 30%);
}
#articleInfo16 .item .photo:before{content:'ABOUT US';position:absolute;font-weight: 700;-webkit-text-stroke: 1px rgb(182 182 182);-webkit-text-fill-color: transparent;color: rgb(182 182 182);bottom: -5px;font-size: 70px;line-height: 100%;right: -7px;}
#articleInfo16 .item:after{content:'';position:absolute;width: 80%;height: 90%;background: #9b1e23;bottom: 0;left: 70px;z-index: -4;clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);}
#articleInfo16 .item .photo img {max-width: 100%;height: auto;display: inline;box-shadow: 10px 10px 0px rgb(182 182 182);}
#articleInfo16 .item .info {margin: 0 0% 0 0%;width: 40%;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;padding: 0px 0px 40px 50px;}
#articleInfo16 .item:nth-child(2n) .info {animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#articleInfo16 .item .info h5 {font-size: 30px;color: #dcdcdc;line-height: 100%;font-weight: 800;margin: 0;}
#articleInfo16 .item .info h3 {padding: 30px 0 20px;color: #292A29;border-bottom: 1px #dcdcdc solid;font-size: 22px;letter-spacing: 1px;}
#articleInfo16 .item .info article {margin: 10px 0 30px 0;line-height: 190%;text-align: justify;letter-spacing: 0.5px;width: 100%;}
#articleInfo16 .item .info p{
    line-height: 190%;
    text-align: justify;
    letter-spacing: 0.5px;
}
@media screen and (max-width: 1440px) {
	#articleInfo16 .item .photo:before{font-size: 75px;}
}

@media screen and (max-width: 1280px) {
	#articleInfo16 .item .photo:before{font-size: 70px;display: none;}
	#articleInfo16 .photo2 img {width: 160px;height: 160px;}
}

@media screen and (max-width: 1024px) {
	#articleInfo16 .item:after,#articleInfo16 .item::before{display: none;}
	#articleInfo16 .item > div, #articleInfo16 .item .info{float: none;width: auto;margin: 0 0 10px;}
	#articleInfo16 .item .info{
    padding: 0px 0px 40px 20px;
}
	#articleInfo16 .item .photo:after{display: none;}
	#articleInfo16 .item .info h5{font-size: 40px;position: relative;color: #f1f1f1;left: 0;}
	#articleInfo16 .item .info h3{padding: 20px 0 20px;font-size: 22px;}
	#articleInfo16 .item .photo:before{font-size: 45px;bottom: -7px;}
	#articleInfo16 .item .photo {position: relative;margin: 0 auto 40px;width: 100%;display: block;}
#articleInfo16 .photo2{
    bottom: -50px;
    left: auto;
    right: 30px;
}
	#articleInfo16 .item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
}

@media screen and (max-width: 768px) {
	#articleInfo16 .item .info {width: calc(100% - 40px);padding: 0px 0px 0px 0px;margin: 0 0 0px;}
	#articleInfo16 .item:nth-child(2n) .info h5 ,#articleInfo16 .item:nth-child(2n) .info h3 {margin: 0 auto 0 0;}
#articleInfo16 .photo2 img{
    width: 180px;
    height: 180px;
}
}
@media screen and (max-width: 480px) {
	#articleInfo16 .photo2 img{
    width: 120px;
    height: 120px;
}
	#articleInfo16 .photo2{
    bottom: -60px;
    right: 20px;
}
	#articleInfo16 .item > div ,#articleInfo16 .item:nth-child(2n) > div {float: none;}
	#articleInfo16 .item .info h5{font-size: 28px;}
	#articleInfo16 .item .info h5 ,#articleInfo16 .item .info h3 ,#articleInfo16 .item:nth-child(2n) .info h5 ,#articleInfo16 .item:nth-child(2n) .info h3 {margin: 0;padding: 0 0 10px;width: 100%;position: relative;}
	#articleInfo16 .item .info article{margin: 20px 0;width: 100%;}
}