.search-container{background-color:var(--Primarywhite);border:1px solid var(--gray1);border-radius:8px;align-items:center;width:100%;max-width:320px;padding:8px 12px;display:flex}.search-icon{margin-right:8px;font-size:16px}.search-container input{width:100%;color:var(--Black);background:0 0;border:none;outline:none;font-size:14px}.journalHeader{justify-content:space-between;align-items:center;margin-top:40px;margin-bottom:25px;display:flex}.journalLeft{color:var(--primaryColor)}.journal-list{max-width:1280px;margin:auto}.JournalCardsAllJournals{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.journal-card{border-radius:16px;width:100%;height:340px;display:grid;position:relative;overflow:hidden}.card-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute}.overlay{z-index:1;background:linear-gradient(#0000 6.73%,#0000003d 39.57%,#000c 100%);width:100%;height:100%;position:absolute}.card-content{z-index:2;color:var(--Primarywhite);cursor:pointer;align-content:end;gap:8px;padding:20px;display:grid;position:relative}.category-para{color:var(--Primarywhite);background:#0000006b;border-radius:8px;padding:4px 12px;font-size:12px;display:inline-flex}.title{margin:0;font-size:16px;font-weight:700;line-height:1.4}.details-grid{opacity:.85;grid-template-columns:repeat(3,auto);gap:10px;font-size:12px;display:grid}.detail{align-items:center;gap:4px;display:flex}.read-more{color:var(--Primarywhite);text-align:end;margin-top:8px;font-size:14px;text-decoration:none;transition:opacity .2s;display:inline-block}.read-more:hover{opacity:.8;text-decoration:underline}.read-more img{margin-left:5px}@media (max-width:768px){.JournalCardsAllJournals{grid-template-columns:repeat(2,1fr)}.journal-list{margin:20px}}@media (max-width:426px){.JournalCardsAllJournals{grid-template-columns:1fr}.journal-list{margin:20px}.journalRight{max-width:200px}}