.blog-section{grid-template-columns:7fr 3fr}.blog-section .right h2{margin-top:30px}.blog-section .right p{padding-top:5px;padding-bottom:5px}.blog-section .right p a{transition:.4s}.blog-section .right p a:hover{transition:.4s;color:#23a455}.blog-section .left hr{margin-top:15px;margin-bottom:10px;border:none;border-top:2px solid #23a455}.blog-section .right hr{margin-top:15px;margin-bottom:10px;border:none;border-top:2px solid #23a455}.blog-section form{display:flex;align-items:center}.blog-section input[type=text]{padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px 0 0 4px;flex:1}.blog-section button{background-color:#23a455;border:none;padding:8px 12px;box-sizing:border-box;height:44px;cursor:pointer;color:#fff;border-radius:0 4px 4px 0;transition:.4s}.blog-section button:hover{background-color:#1c8746;transition:.4s}.blog-section button img{width:20px;height:20px;margin-top:4px}.blog-section input[type=text]::placeholder{color:#999}.recent-post{display:flex;align-items:center;text-decoration:none;color:inherit;border-bottom:1px solid #ddd;padding:10px 0}.recent-post:hover{background-color:#f9f9f9}.right .post-thumbnail{margin-right:20px}.right .post-thumbnail img{width:40px;height:40px;object-fit:cover}.post-title h3{font-size:14px;margin:0;transition:.4s}.post-title h3:hover{transition:.4s;color:#23a455}.latest-posts-container{max-width:800px;margin:0 auto}.post-item{margin-bottom:40px}.left .post-thumbnail{margin-bottom:15px}.left .post-thumbnail img{width:100%;height:auto;aspect-ratio:2;object-fit:cover;border-radius:5px}.left h2{font-size:30px}.post-meta{display:flex;align-items:center;margin-bottom:10px;font-size:14px;color:#555}.post-meta .author{display:flex;align-items:center;margin-right:20px}.post-meta .author img{border-radius:50%;margin-right:10px}.post-meta .date{color:#888}.post-excerpt{margin-bottom:20px}.read-more .btn{background-color:#23a455;color:#fff;padding:10px 20px;text-decoration:none;border-radius:4px;transition:background-color .3s}.read-more .btn:hover{background-color:#1c8746}.pagination{text-align:center;margin-top:25px}.pagination a{margin:0 5px;padding:10px 15px;background-color:#eee;text-decoration:none;border-radius:3px;color:#333}.pagination a:hover{background-color:#23a455;color:#fff}@media screen and (max-width:820px){.blog-section{grid-template-columns:1fr}}