.blog-container{width:100%;height:auto;position:relative}.blogImageContainer{border-radius:12px;width:95%;max-width:95%;height:400px;position:relative;overflow:hidden}.blogImage{position:relative}.blogImage img{object-fit:cover;border-radius:12px;width:100%;height:100%}.custom-blog-prev,.custom-blog-next{color:#fff;cursor:pointer;z-index:50;background:#ffa71c;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:22px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.custom-blog-prev{left:8px}.custom-blog-next{right:8px}.custom-blog-prev:hover,.custom-blog-next:hover{background:#ffa71c}.overlay-card{z-index:50;background:#fff;border-radius:12px;width:600px;padding:20px;position:absolute;bottom:10px;left:360px;right:20px;box-shadow:0 4px 20px #0000001a}.overlay-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category-badge{color:#22c55e;background:#e8f5e8;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.article-date{color:#6b7280;font-size:12px;font-weight:400}.overlay-title{color:#0b571a;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.3}.overlay-description{color:#6b7280;margin-bottom:16px;font-size:13px;line-height:1.4}.overlay-button{color:#fff;cursor:pointer;background:#ffa71c;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s}.overlay-button:hover{background:#ff8c00;transform:translateY(-1px)}@media (max-width:1024px){.blogImageContainer{height:350px}.overlay-card{width:70%;padding:18px;left:20%}.overlay-title{font-size:17px}.overlay-description{font-size:12.5px}.custom-blog-prev{left:-10px}.custom-blog-next{right:-10px}}@media (max-width:768px){.blogImageContainer{height:320px}.overlay-card{width:auto;padding:16px;bottom:15px;left:15px;right:15px}.overlay-title{font-size:16px}.overlay-description{font-size:12px}.custom-blog-prev,.custom-blog-next{width:30px;height:30px;font-size:18px}}@media (max-width:480px){.blogImageContainer{height:250px}.overlay-card{padding:12px;bottom:10px}.overlay-title{font-size:15px}.overlay-description{font-size:11px}.overlay-button{padding:6px 14px;font-size:11px}.category-badge{padding:3px 10px;font-size:10px}.article-date{font-size:10px}}