@import url('/css/animate.css'); 
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap') ;

.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}
#articleInfo37 .buttom{display:flex;flex-wrap:wrap;justify-content:center}
#articleInfo37 .buttom a{margin:-1px 0 0 -1px;width:calc((100% / 5) + 1px);display:inline-block;border:1px #d6d6d6 solid;text-align:center;padding:0 15px;height:57px;text-align:center;line-height:57px;color:#303030;font-weight:400}
#articleInfo37 .buttom a:hover{background:#c75a22;color:#fff}
#articleInfo37 ul{margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo37 ul li{padding:45px;width: calc((100%/2) - 110px);margin: 20px 0;background:#fff;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;position:relative;box-shadow: 0px 0px 8px 3px rgb(239 239 239 / 90%);}
#articleInfo37 ul li .info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
#articleInfo37 ul li .info .title{width:calc(100% - 90px)}
#articleInfo37 ul li h3{font-size:20px;font-weight: 400;}
#articleInfo37 ul li h5{font-size:16px;color:#bebebc;text-transform:capitalize;font-family: "Poppins", serif;font-weight: 300;}
#articleInfo37 ul li article{font-size:15px;text-align:justify;display: none;}
#articleInfo37 ul li:hover article{display:block;margin-top:20px;}
#articleInfo37 ul li p.photo{width:60px}
#articleInfo37 .bottomBox h3{text-align:center;font-size: 26px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin-bottom:30px;margin-top:50px;font-weight: 500;letter-spacing: 1px;}
#articleInfo37 .bottomBox p{margin:10px 0 20px;text-align:center;font-size: 16px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo37 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp
}
@media screen and (max-width:1024px){
	#articleInfo37 ul li:after{font-size:60px;right:10px;top:unset;bottom:10px}
}
@media screen and (max-width:768px){
	#articleInfo37 .buttom a{width:calc((100% / 3) + 1px)}
	#articleInfo37 ul li{width:calc((100%/2) - 55px)}
	#articleInfo37 ul li:first-child,#articleInfo37 ul li{margin-bottom:10px;width:calc(100% - 55px)}
}
@media screen and (max-width:480px){
	#articleInfo37 .bottomBox h3{font-size: 23px;letter-spacing: 0;}
	#articleInfo37 ul li:after{position:relative;text-align:end;display:block;right:0;bottom:0}
	#articleInfo37 .buttom{display:flex;flex-direction:column}
	#articleInfo37 .buttom a{text-align:center;margin:5px 0;width:100%;padding:0}
	#articleInfo37 ul li h3{line-height:120%}
	#articleInfo37 ul li h5{line-height:120%;margin-top:5px}
	#articleInfo37 ul li:first-child,#articleInfo37 ul li{width:100%;padding:35px}
}