.submit-btn{color:var(--Black);cursor:pointer;border:none;border:1px solid var(--Black);background-color:#fff;border-radius:12px;align-items:center;gap:14px;margin-top:30px;margin-bottom:30px;padding:10px 20px;font-size:18px;font-weight:500;transition:background-color .3s;display:inline-flex}.journalHeader{display:flex;justify-content:space-between;align-items:center}.journalLeft{color:var(--primaryColor)}.journal-list{max-width:1280px;margin:50px auto 100px}.JournalCards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px}.journal-card{position:relative;display:grid;border-radius:16px;overflow:hidden;width:100%;height:340px}.card-image{object-fit:cover;z-index:0}.card-image,.overlay{position:absolute;width:100%;height:100%}.overlay{background:linear-gradient(180deg,rgba(0,0,0,0) 6.73%,rgba(0,0,0,.24) 39.57%,rgba(0,0,0,.8));z-index:1}.card-content{position:relative;z-index:2;display:grid;padding:20px;align-content:end;color:white;grid-gap:8px;gap:8px;cursor:pointer}.category-para{background:#0000006B;color:var(--Primarywhite);padding:4px 12px;border-radius:8px;font-size:12px;display:inline-flex}.title{font-size:16px;font-weight:700;margin:0;line-height:1.4}.details-grid{display:grid;grid-template-columns:repeat(3,auto);grid-gap:10px;gap:10px;font-size:12px;opacity:.85}.detail{display:flex;align-items:center;gap:4px}.read-more{color:white;text-decoration:none;font-size:14px;margin-top:8px;display:inline-block;transition:opacity .2s ease;text-align:end}.read-more:hover{opacity:.8;text-decoration:underline}.read-more img{margin-left:5px}@media (max-width:768px){.JournalCards{grid-template-columns:repeat(2,1fr)}.journal-list{margin:20px}}@media (max-width:426px){.JournalCards{grid-template-columns:1fr}.journal-list{margin:20px}}