.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}
#articleInfo17{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 60px}
#articleInfo17.bottomm{display:block;grid-column: 1 / 3;}
#articleInfo17 .info h2{font-size:35px;color:var(--primary);animation-name:fadeInDown;-webkit-animation-name:fadeInDown;line-height:170%}
#articleInfo17 .info h5{margin-bottom:20px;font-size:16px;animation-name:fadeInDown;-webkit-animation-name:fadeInDown}
#articleInfo17 .info .item{padding:20px 0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo17 .info .item:nth-child(2n){border-top:1px solid #e4e4e4}
#articleInfo17 .info .item h3{margin-bottom: 20px;font-size: 22px;color:var(--primary);line-height:170%;font-weight: 400;}
#articleInfo17 .info .item h3 span{font-size: 16px;font-weight: 300;color: #313131;}
#articleInfo17 .info .item h3 span:before{margin:0 15px;content:"/"}
#articleInfo17 .info .item p{line-height: 2.2;letter-spacing: .5px;text-align:justify;font-weight: 400;font-size: 17px;}
#articleInfo17 .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;display: flex;flex-direction: column;gap: 130px;}
#articleInfo17 .photo > div{position:relative;display:flex;text-align:center}
#articleInfo17 .photo .focus{-webkit-animation-name:LeftToFront;animation-name:LeftToFront}
#articleInfo17 .photo .focus:nth-child(2){-wanimation-name:RightToFront;animation-name:RightToFront}
#articleInfo17 .photo .blur{-webkit-animation-name:LeftToBack;animation-name:LeftToBack}
#articleInfo17 .photo .blur:nth-child(2){-wanimation-name:RightToBack;animation-name:RightToBack}

@-webkit-keyframes LeftToFront{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(-10%)}
100{-webkit-transform:translateX(0)}
}
@keyframes LeftToFront{0%{transform:translateX(0)}
30%{transform:translateX(-10%)}
100{transform:translateX(0)}
}
@-webkit-keyframes LeftToBack{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(-5%)}
100{-webkit-transform:translateX(0)}
}
@keyframes LeftToBack{0%{transform:translateX(0)}
30%{transform:translateX(-5%)}
100{transform:translateX(0)}
}
@-webkit-keyframes RightToFront{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(10%)}
100{-webkit-transform:translateX(0)}
}
@keyframes RightToFront{0%{transform:translateX(0)}
30%{transform:translateX(10%)}
100{transform:translateX(0)}
}
@-webkit-keyframes RightToBack{0%{-webkit-transform:translateX(0)}
30%{-webkit-transform:translateX(5%)}
100{-webkit-transform:translateX(0)}
}
@keyframes RightToBack{0%{transform:translateX(0)}
30%{transform:translateX(5%)}
100{transform:translateX(0)}
}
@media screen and (max-width:768px){
    #articleInfo17.bottomm{grid-column:unset}
    #articleInfo17 .photo .focus:nth-child(2){display:none;}
	#articleInfo17{grid-template-columns:1fr}
	#articleInfo17 .photo > div,#articleInfo17 .info .item h3{font-size:22px}
	#articleInfo17 .info h2{font-size:27px}
	#articleInfo17 .photo > div .photo-box img,#articleInfo17 .photo .focus .photo-box img{height:auto;aspect-ratio: 4/2.5;object-fit: cover;}
}