.blog-banner{position:relative;width:98%;height:60vh;overflow:hidden;border-radius:16px;margin:15px}.banner-image{z-index:0}.banner-title{position:absolute;top:80%;left:3%;transform:translateY(-50%);z-index:1;color:#fff}.banner-title h1{font-family:Poppins,sans-serif;margin:0}@media (min-width:1024px){.blog-banner{height:400px}.banner-title h1{font-size:2rem}}@media (min-width:640px) and (max-width:1023px){.blog-banner{height:400px;margin:8px}.banner-title h1{font-size:3rem}}@media (max-width:639px){.blog-banner{height:300px;margin:4px}.banner-title h1{font-size:2rem;left:10%}}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin:40px;padding:0 20px}.card{width:320px;background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden;font-family:poppins;display:flex;flex-direction:column}.card-image{width:100%;height:200px;object-fit:cover;object-position:center}.content{flex-direction:column;flex-grow:1;padding:16px;margin:10px}.cateDat,.content{display:flex;justify-content:space-between;font-family:poppins}.cateDat{font-size:12px;color:#888;margin-bottom:8px}.category{font-weight:700;text-transform:uppercase}.cardHeading{font-size:15px;font-weight:600;margin:8px 0;font-family:poppins}.card-description{font-size:14px;color:#555;margin-bottom:16px}.read-more{text-decoration:none;color:#4f46e5;font-weight:700;font-size:14px;margin-top:auto}.read-more:hover{text-decoration:underline}@media (max-width:1074px){.content{margin-left:10px}}@media (max-width:780px){.card-container{justify-content:center;margin:20px auto;padding:0 10px}}@media (max-width:600px){.card-image{height:160px}}