.blog{margin:20px 0;padding:0 10px}
.blog-container{display:flex;justify-content:center;flex-direction:row;margin-bottom:50px;word-break:break-word}
.blog-wrapper{display:flex;min-height:372px;padding:0 !important;flex-direction:column;transition:.3s;box-shadow:4px 4px 0 0 rgb(0 0 0 / 16%)}
.blog-cardTitle{text-transform:uppercase;margin-bottom:0 !important;padding-bottom:15px;border-bottom:1px solid;line-height:32px}
.blog .blog-cardImage .blog-imageContainer{position:relative;overflow:hidden}
.blog .btn-pad{margin-top:25px}
.blog .blog-cardText,.blog .blog-cardImage{display:flex;flex-direction:column;justify-content:start}
.blog .blog-cardImage,.blog-imageContainer{max-height:278px}
.blog .blog-wrapper .blog-cardText{padding:30px;flex:1;position:relative}
.blog .blog-cardText p{margin-top:15px;min-height:auto;margin-bottom:0;font-size:16px}
.blog .blog-cardText .button{margin-top:18px}
.blog .blog-cardImage{position:relative}
.blog .blog-cardDetails{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start}
.blog-desc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.blog-pagination{display:flex;justify-content:center;font-family:"NotoSans-Bold"}
.blog-pagination a{color:#767676;float:left;padding:0 8px;text-decoration:none;font-size:16px}
.blog-pagination a.active{color:#4caf50;border-bottom:1px solid}
.blog-pagination a:hover:not(.active){background-color:#ddd}
.left-icon{transform:rotate(180deg)}
.blog-header{margin-bottom:20px;font-size:40px}
.blog-desc{margin-bottom:30px;font-size:20px}
.blog-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.art-pagination ul{display:flex;list-style:none;justify-content:center;align-items:center;flex-wrap:wrap}
.art-pagination ul>li{margin:0 !important;padding:0 5px !important}
.art-pagination ul li.active{padding:0 15px}
.art-pagination .page-link{color:#2a641c !important}
.art-pagination .page-link:hover{color:#2d4f2a !important}
@media only screen and (max-width:768px){.blog-description{-webkit-line-clamp:5}
}
@media only screen and (max-width:576px){.art-pagination ul>li{padding:10px 5px !important}
.blog-description{-webkit-line-clamp:10}
}
@media only screen and (max-width:376px){.blog-container .blog-wrapper{max-width:100%}
}
.art-pagination .page-link:focus{box-shadow:0 0 0 3px #1157be}