@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}
#articleInfo10 .buttom{display:flex;flex-wrap:wrap;justify-content:center}
#articleInfo10 .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}
#articleInfo10 h3{display:flex;justify-content:center;position:relative;color:#fff;margin:2vw 0;font-size:35px}
#articleInfo10 h3:after{content:url(/images/44/img-title.png);position:absolute;z-index:-1;bottom:-20px;zoom:120%}
#articleInfo10 h3#blue{margin-top:5vw}
#articleInfo10 h3#blue:after{content:url(/images/44/img-title1.png)}
#articleInfo10 .buttom a:hover{background:#c75a22;color:#fff}
#articleInfo10 ul{margin-bottom:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:50px 50px}
#articleInfo10 ul li{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;position:relative}
#articleInfo10 ul li .info{display:grid;grid-template-columns:50% 1fr;gap:0 50px}
#articleInfo10 ul li .info .title{width:calc(100% - 90px)}
#articleInfo10 ul li h3{font-size:20px;color:var(--complement);margin-bottom:35px;display:inline-block;position:relative}
#articleInfo10 ul li h3 a{font-size:32px;color:var(--complement)}
#articleInfo10 ul li h3:after{content:'';position:absolute;width:100%;height:30px;background:#c5d5a9;left:0;bottom:0px;border-radius:10px;z-index:-1;zoom:100%}
#articleInfo10 ul li h3.blue:after{background:#a9c5d5}
#articleInfo10 ul li h5{font-size:16px;color:#bebebc;font-family:'Cormorant Garamond',serif;text-transform:capitalize}
#articleInfo10 ul li article{font-size:22px;text-align:justify;color:var(--complement)}
#articleInfo10 ul li article b{display:block;font-weight:400;background:#ede5d5;font-size:20px;color:var(--complement);border-radius:10px;padding:5px 10px;margin-top:20px}
#articleInfo10 ul li p.photo img{border-radius:30px}
#articleInfo10 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin-bottom:30px;margin-top:50px}
#articleInfo10 .bottomBox p{margin:10px 0 20px;text-align:center;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo10 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:1024px){
    #articleInfo10 ul{grid-template-columns:repeat(1,1fr)}
}
@media screen and (max-width:480px){
    #articleInfo10 h3#blue{margin-top:15vw}
    #articleInfo10 h3{margin-bottom:10vw}
    #articleInfo10 ul li .info{grid-template-columns:1fr;gap:30px}
    #articleInfo10 .buttom{display:flex;flex-direction:column}
    #articleInfo10 .buttom a{text-align:center;margin:5px 0;width:100%;padding:0}
    #articleInfo10 ul li h3{line-height:120%}
    #articleInfo10 ul li h5{line-height:120%;margin-top:5px}
}