.blog__header{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:4em;display:flex}.blog__header>h1{color:#292929;font-size:3em}.blog__header p{font-weight:500}.search__bar{justify-content:space-around;width:100%;padding:10px;display:flex}#search__blog{color:#000;background-color:#fff;border:none;border-radius:.2em;padding:10px;font-size:2em}.find__now__btn{color:#fff;cursor:pointer;background-color:#2a60f4;border:none;border-radius:.2em;padding:.2em;font-size:2em}.blog__main{margin-top:2em;display:flex;position:relative}.blogs__all,.blog__categorical{color:#292929;border-top:2px solid #292929;min-width:80%;padding:.2em;font-size:1.6em;position:relative}.blogs__section{flex-wrap:wrap;gap:.2em;display:flex}.blog__categorical,.featured__blogs{flex-direction:column;gap:.2em;max-width:20%;display:flex}.blogs__all>h2,.blog__categorical>h2{z-index:1;background-color:var(--background);width:fit-content;position:relative;top:-30px}@media screen and (max-width:600px){button,#search__blog{font-size:1em}.blog__main{display:block}}
.blog__card{border:1px solid #292929;border-radius:.2em;max-width:300px;height:400px;padding:.2em;position:relative;overflow:hidden}.blog__image{z-index:-1;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}.blog__tag{object-fit:contain;color:#fff;background-color:gray;border-radius:.2em;width:fit-content;margin-top:70%;padding:.2em;font-size:.8em}.blog__title{color:#fff;font-weight:300}.blog__description{color:#fff;font-size:.5em}
.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:20px 0;display:flex}.page-item{color:#333;background:#f1f1f1;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;min-width:40px;padding:8px 12px;font-size:1rem;text-decoration:none;transition:all .25s;display:inline-flex}.page-item:hover:not(.active):not(.disabled){background:#e0e0e0;border-color:#ccc}.page-item.active{color:#fff;cursor:default;background:#007bff;border-color:#007bff}.page-item.disabled{pointer-events:none;opacity:.45}.page-item:first-child,.page-item:last-child{padding:8px 14px;font-size:1.1rem}@media (max-width:500px){.page-item{min-width:32px;padding:6px 10px;font-size:.9rem}}