.card{width:100%;padding:0;background-color:#00000014;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:all .3s ease}.card:hover{transform:scale(1.03);background-color:var(--primary-color)}.card:hover *{color:var(--light-color)!important}.card img{width:100%;height:340px;background-color:#fff;object-position:center;object-fit:fill;border-radius:12px 12px 0 0}.card-content{padding:20px;display:flex;flex-direction:column;gap:10px}.card:hover .card-badge{background-color:var(--light-color)!important;color:var(--primary-color)!important}.card-badge{transition:all .3s ease;margin-top:-36px;width:fit-content;background-color:var(--primary-color);padding:7px 15px;border-radius:30px;font-size:16px;color:var(--light-color)}.card-title{line-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:1.2rem;font-weight:600;margin:10px 0 5px}.card-subtitle{line-height:22px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:.95rem;color:#666;margin-bottom:10px}.read-more-btn{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--primary-color);text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative}.blog{gap:30px;display:grid;grid-template-columns:1fr 1fr 1fr}@media (max-width:1025px){.blog{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:768px){.blog{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:590px){.blog{display:grid;grid-template-columns:1fr}}img{max-height:400px}@media (min-width:1920px){.blog{grid-template-columns:1fr 1fr 1fr 1fr}}