section.blog-list{.container{padding-top:60px;@media(max-width:768px){padding-top:30px}.blogs{.blog-item{margin-bottom:25px;z-index:0;.blog-inner{display:flex;flex-direction:column;height:100%;border-radius:0 0 5px 5px;box-shadow:rgba(0,0,0,0.1) 0 4px 12px,rgba(100,100,111,0.1) 0 7px 29px 0}&:hover .blog_top_image img{transform:scale(1.05)}.blog_top_image{a{position:relative;padding-bottom:66%;display:block}border-radius:5px 5px 0 0;overflow:hidden;img{position:absolute;width:100%;transition:all .6s ease;height:100%;object-fit:cover;width:#ddd}}.blog_bottom_content{display:flex;z-index:99999;border-radius:0 0 5px 5px;flex:1;flex-direction:column;justify-content:space-between;gap:18px;width:100%;background-color:white;padding:20px;h4{font-style:normal;font-weight:600;flex:1;margin-bottom:0;font-size:18px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;@media(max-width:768px){font-size:14px}}span.date{font-family:"Lato",serif;font-size:14px;font-weight:500;display:flex;gap:8px;line-height:1.5;align-items:center;@media(max-width:768px){font-size:12px}i{font-size:14px;color:#681e77;@media(max-width:768px){font-size:12px}}}}}}.pagination{margin-top:10px;.pagination-inner{gap:10px;button.btn{font-size:18px;color:#681e77;padding:6px 9px;display:flex}ul{li{list-style:none}}.available-pages{gap:10px;.page{list-style:none;a{font-size:16px;border-radius:60px;transition:all .6s ease;width:30px;height:30px;display:flex;color:#681e77;align-items:center;justify-content:center;&:hover{background-color:#681e77;color:#fff}}&.active{a{background-color:#681e77;color:#fff}}}}}}}}