.blog-card{background:#fff;border:1px solid #f8f6f6;border-radius:16px;flex-direction:column;gap:12px;height:100%;padding:12px;display:flex}.blog-card .blog-image{border-radius:8px;width:100%;height:227px;overflow:hidden}.blog-card .blog-category{color:#d5b360;background:#fff8e9;border-radius:4px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.blog-card .blog-title{color:#2b2865;min-height:52px;margin:0;font-size:18px;font-weight:600;line-height:26px}.blog-card .blog-excerpt{color:#1e1e1e;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:22px;display:-webkit-box;overflow:hidden}.blog-card .blog-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.blog-card .blog-meta .blog-author,.blog-card .blog-meta .blog-date{color:#2b2865;align-items:center;gap:8px;font-size:12px;display:flex}.blog-card .blog-meta .blog-author svg,.blog-card .blog-meta .blog-date svg{color:#2b2865}
.blogs-page .hero-section{background:linear-gradient(90deg,#f5f5ffcc 0%,#fffbf1cc 100%);padding:40px 0}@media (max-width:767px){.blogs-page .hero-section{padding:0}}.blogs-page .blogs-header h1{color:#2b2865;margin-bottom:20px;font-size:52px;font-weight:800;line-height:64px}@media (max-width:768px){.blogs-page .blogs-header h1{font-size:36px;line-height:44px}}.blogs-page .blogs-header p{color:#1e1e1e;margin:0;font-size:18px;line-height:26px}@media (max-width:768px){.blogs-page .blogs-header p{font-size:16px;line-height:24px}.blogs-page .desktop{display:none}}.blogs-page .blogs-content-section{background:#fff;padding:40px 0}@media (max-width:767px){.blogs-page .blogs-content-section{padding:0}}.blogs-page .blogs-content-section .blogs-title-section{text-align:center;margin-bottom:24px}.blogs-page .blogs-content-section .blogs-title-section h2{color:#2b2865;margin-bottom:12px;font-size:32px;font-weight:700;line-height:40px}@media (max-width:768px){.blogs-page .blogs-content-section .blogs-title-section h2{font-size:24px;line-height:32px}}.blogs-page .blogs-content-section .blogs-title-section p{color:#000;opacity:.6;max-width:800px;margin:0 auto;font-size:16px;line-height:22px}@media (max-width:768px){.blogs-page .blogs-content-section .blogs-title-section p{font-size:14px;line-height:20px}}.blogs-page .blogs-content-section .search-tabs-container{align-items:center;gap:24px;margin-bottom:24px;display:flex}@media (max-width:768px){.blogs-page .blogs-content-section .search-tabs-container{flex-direction:column;margin-bottom:0}}.blogs-page .blogs-content-section .search-tabs-container .search-field{min-width:280px}@media (max-width:768px){.blogs-page .blogs-content-section .search-tabs-container .search-field{width:100%}}.blogs-page .blogs-content-section .search-tabs-container .search-field .MuiIconButton-root{background-color:var(--secondary);color:var(--white);border-radius:0 8px 8px 0}.blogs-page .blogs-content-section .search-tabs-container .search-field .MuiOutlinedInput-root{background:#fff;border-radius:8px;min-height:48px;padding-left:16px;padding-right:0}.blogs-page .blogs-content-section .search-tabs-container .search-field .MuiOutlinedInput-root input{color:#1e1e1e;height:100%;padding:0;font-size:12px}.blogs-page .blogs-content-section .search-tabs-container .search-field .MuiOutlinedInput-root input::placeholder{color:#bbb;opacity:1}.blogs-page .blogs-content-section .search-tabs-container .search-field .MuiOutlinedInput-root .MuiInputAdornment-root{background:#d5b360;border-radius:0 8px 8px 0;justify-content:center;align-items:center;margin:0;display:flex}.blogs-page .blogs-content-section .search-tabs-container .search-field .MuiOutlinedInput-root .MuiInputAdornment-root img{width:24px;height:24px}.blogs-page .blogs-content-section .search-tabs-container .search-field .MuiOutlinedInput-root .MuiInputAdornment-root svg{color:#fff;font-size:24px}.blogs-page .blogs-content-section .search-tabs-container .search-field .MuiOutlinedInput-root fieldset{border-width:1px;border-color:#b5b5b5}.blogs-page .blogs-content-section .search-tabs-container .search-field .MuiOutlinedInput-root:hover fieldset,.blogs-page .blogs-content-section .search-tabs-container .search-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#2b2865}.blogs-page .blogs-content-section .search-tabs-container .tabs-container{flex:1}@media (max-width:768px){.blogs-page .blogs-content-section .search-tabs-container .tabs-container{width:100%;overflow:hidden}}.blogs-page .blogs-content-section .search-tabs-container .tabs-container .blog-tabs{background:#f7f7f7;border-radius:12px;min-height:48px;padding:4px}@media (max-width:768px){.blogs-page .blogs-content-section .search-tabs-container .tabs-container .blog-tabs{min-height:auto;padding:6px 4px}}.blogs-page .blogs-content-section .search-tabs-container .tabs-container .blog-tabs .MuiTabs-flexContainer{gap:12px}@media (max-width:768px){.blogs-page .blogs-content-section .search-tabs-container .tabs-container .blog-tabs .MuiTabs-flexContainer{gap:4px}}.blogs-page .blogs-content-section .search-tabs-container .tabs-container .blog-tabs .MuiTab-root{text-transform:none;color:#1e1e1e;border-radius:8px;min-height:40px;padding:8px 12px;font-size:18px;font-weight:500;line-height:26px;transition:all .3s}@media (max-width:768px){.blogs-page .blogs-content-section .search-tabs-container .tabs-container .blog-tabs .MuiTab-root{white-space:nowrap;min-width:auto;min-height:30px;padding:6px 8px;font-size:12px;line-height:16px}}.blogs-page .blogs-content-section .search-tabs-container .tabs-container .blog-tabs .MuiTab-root.active-tab{background:var(--secondary);color:var(--white)}@media (max-width:768px){.blogs-page .blogs-content-section .search-tabs-container .tabs-container .blog-tabs .MuiTabs-scrollButtons{width:28px;padding:4px}.blogs-page .blogs-content-section .search-tabs-container .tabs-container .blog-tabs .MuiTabs-scrollButtons svg{font-size:18px}}.blogs-page .blogs-content-section .search-tabs-container .tabs-container .blog-tabs .MuiTabs-scrollButtons.Mui-disabled{opacity:.3}.blogs-page .blogs-content-section .blogs-grid{margin-bottom:24px}.blogs-page .blogs-content-section .blog-card{background:#fff;border:1px solid #e6e6e6;border-radius:16px;flex-direction:column;gap:12px;height:100%;padding:12px;display:flex}.blogs-page .blogs-content-section .blog-card .blog-image{border-radius:8px;width:100%;height:227px;overflow:hidden}.blogs-page .blogs-content-section .blog-card .blog-category{color:#d5b360;background:#fff8e9;border-radius:4px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.blogs-page .blogs-content-section .blog-card .blog-title{color:#2b2865;text-align:justify;min-height:52px;margin:0;font-size:18px;font-weight:600;line-height:26px}.blogs-page .blogs-content-section .blog-card .blog-excerpt{color:#1e1e1e;-webkit-line-clamp:3;text-align:justify;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:22px;display:-webkit-box;overflow:hidden}.blogs-page .blogs-content-section .blog-card .blog-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.blogs-page .blogs-content-section .blog-card .blog-meta .blog-author,.blogs-page .blogs-content-section .blog-card .blog-meta .blog-date{color:#2b2865;align-items:center;gap:8px;font-size:12px;display:flex}.blogs-page .blogs-content-section .blog-card .blog-meta .blog-author svg,.blogs-page .blogs-content-section .blog-card .blog-meta .blog-date svg{color:#2b2865}.blogs-page .blogs-content-section .blog-card .blog-button{color:#fff;text-transform:none;background:#2b2865;border-radius:8px;width:100%;padding:8px 16px;font-size:12px;font-weight:500;transition:all .3s}.blogs-page .blogs-content-section .blog-card .blog-button:hover{background:#1b1a40}.blogs-page .blogs-content-section .pagination-container{justify-content:center;margin-top:40px;display:flex}.blogs-page .blogs-content-section .pagination-container .MuiPagination-ul{gap:8px}.blogs-page .blogs-content-section .pagination-container .MuiPagination-ul .MuiPaginationItem-root{color:#000;border-radius:36px;font-size:16px}.blogs-page .blogs-content-section .pagination-container .MuiPagination-ul .MuiPaginationItem-root.Mui-selected{color:#fff;background:#2b2865;font-weight:600}.blogs-page .blogs-content-section .pagination-container .MuiPagination-ul .MuiPaginationItem-root:hover{background:#2b28651a}.blogs-page .blogs-content-section .pagination-container .MuiPagination-ul .MuiPaginationItem-root.MuiPaginationItem-previousNext svg,.blogs-page .blogs-content-section .pagination-container .MuiPagination-ul .MuiPaginationItem-root.MuiPaginationItem-firstLast svg{color:#2b2865}