@import url('/css/animate.css');

#articleInfo34 .item { position: relative; display: flex; justify-content: flex-end; flex-wrap: wrap; }
#articleInfo34 .item>div { float: left; width: 45%; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; }
#articleInfo34 .item:nth-child(2n)>div { float: right; }
#articleInfo34 .item:nth-child(2n) .photo { animation-name: fadeInRight; -webkit-animation-name: fadeInRight; }
#articleInfo34 .item .photo { overflow: hidden; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 350px 0 0 350px; position: absolute; left: 0; top: 0; height: 100%; }
#articleInfo34 .item .photo: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%); }
#articleInfo34 .item .photo img { width: 100%; height: 100%; object-fit: cover; position: relative; }
#articleInfo34 .item .info { margin: 50px 0 50px 5%; width: 50%; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; }
#articleInfo34 .item:nth-child(2n) .info { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; }
#articleInfo34 .item .info h5 { padding: 0 0 10px; font-size: 55px; line-height: 110%; color: var(--primary); position: relative; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 400; }
#articleInfo34 .item .info h5:before { content: "ABOUT"; position: absolute; right: 0; font-size: 180px; font-weight: 800; z-index: -1; color: #e9e9e93b; top: 25px; }
#articleInfo34 .item .info h3 { padding: 5px 0 20px 0; font-size: 26px; color: var(--primary); font-weight: 600; letter-spacing: 0.5px; line-height: 160%; }
#articleInfo34 .item .info article p { position: relative; text-align: justify; width: 100%; margin-top: 20px; line-height: 200%; letter-spacing: 1px; border-bottom: #dedede57 1px solid; padding-bottom: 15px; }
#articleInfo34 .item .info article p:before { content: ""; position: absolute; width: 75px; height: 2px; background: #172852; bottom: -1px; right: 0; }

@media screen and (max-width:768px) {
	#articleInfo34 .item .photo { position: relative; width: 100%; margin-bottom: 20px; }
	#articleInfo34 .item:nth-child(2n) .photo { right: 0; }
	#articleInfo34 .item .info { margin: 0; width: 100%; }
	#articleInfo34 .item:nth-child(2n) .info h5, #articleInfo34 .item:nth-child(2n) .info h3 { margin: 0 auto 0 0; }
	#articleInfo34 .item .info h5:before { font-size: 130px; }
}
@media screen and (max-width:480px) {
	#articleInfo34 .item>div, #articleInfo34 .item:nth-child(2n)>div { float: none; }
	#articleInfo34 .item .photo:before { border: 4px double rgb(255 255 255); }
	#articleInfo34 .item .info h5 { font-size: 30px; padding: 0; }
	#articleInfo34 .item .info h5:before { font-size: 80px; }
}