@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";.blog-container{text-align:center;padding:50px 5%;background:#ffe6f0;margin-top:100px;display:flex;flex-direction:column;align-items:center}.blog-container .blog-title{font-size:2.5rem;font-weight:700;color:#d63384;margin-bottom:40px;text-transform:uppercase}.blog-container .blog-list{display:flex;flex-direction:column;gap:40px;width:100%;max-width:1600px}.blog-container .blog-card{margin-top:40px;display:flex;flex-direction:row;align-items:center;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease-in-out;padding:20px;gap:30px}.blog-container .blog-card:hover{transform:translateY(-10px)}.blog-container .blog-card .blog-image{flex:1;max-width:400px;height:300px;overflow:hidden;border-radius:12px}.blog-container .blog-card .blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}.blog-container .blog-card .blog-image img:hover{transform:scale(1.05)}.blog-container .blog-card .blog-content{flex:2;padding:20px;text-align:left}.blog-container .blog-card .blog-content h2{font-size:1.8rem;color:#d63384;margin-bottom:10px;font-weight:600}.blog-container .blog-card .blog-content .blog-date{font-size:.9rem;color:#888;margin-bottom:15px;display:block}.blog-container .blog-card .blog-content p{font-size:1rem;color:#555;line-height:1.6;margin-bottom:10px}.blog-container .blog-card .blog-content .blog-link{text-decoration:none;color:#d63384;font-weight:700;display:inline-block;transition:all .3s ease-in-out;margin-top:10px}.blog-container .blog-card .blog-content .blog-link:hover{color:#b71c57;transform:scale(1.05)}@media screen and (max-width:1024px){.blog-container{padding:40px 5%}.blog-title{font-size:2.3rem}.blog-card{flex-direction:column;align-items:center;text-align:center;padding:30px}.blog-image{max-width:100%;height:250px}.blog-content{padding:20px;text-align:center}}@media screen and (max-width:768px){.blog-container{padding:30px 5%}.blog-title{font-size:2rem}.blog-card{padding:25px}.blog-content h2{font-size:1.5rem}.blog-content p{font-size:1rem}}@media screen and (max-width:480px){.blog-container{padding:20px 3%}.blog-title{font-size:1.8rem}.blog-card{flex-direction:column;padding:20px}.blog-image{height:200px}.blog-content h2{font-size:1.4rem}.blog-content p{font-size:.9rem}}