.blog-filter-wrapper .filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.blog-filter-wrapper .filter-buttons .filter-btn{background:linear-gradient(113.83deg,#142c69 16.42%,#071a4b 83.58%);border-radius:24px;box-shadow:0 4px 12px -4px #1980eb99;color:#fff;font-size:18px;font-weight:400;gap:0;letter-spacing:0;line-height:130%;padding:8px 16px;transition:.3s;vertical-align:middle}.blog-filter-wrapper .filter-buttons button.filter-btn.active,.blog-filter-wrapper .filter-buttons button.filter-btn:hover{background:linear-gradient(120.31deg,#20e5ec 14.61%,#00abc8 86.34%);box-shadow:0 12px 12px -4px #2465a899}.blog-filter-wrapper .blog-listing-grid{display:flex;flex-wrap:wrap;gap:32px;padding-top:32px}.blog-filter-wrapper .blog-listing-grid .blog-card h6.category,.blog-filter-wrapper .blog-listing-grid .blog-card h6.date{color:#071a4b;font-size:18px;font-weight:400;letter-spacing:0;line-height:100%;margin:0;text-transform:uppercase;transition:opacity .5s ease-in-out}.blog-filter-wrapper .blog-listing-grid .blog-card{backdrop-filter:blur(12px);background:#fff;border-radius:18px;box-shadow:0 10px 4px -8px #7ea5e4,inset 8px 8px 12px -4px #ffffff40;cursor:pointer;padding:20px;position:relative;width:calc(25% - 24px)}.blog-filter-wrapper .blog-listing-grid .blog-card:hover h3,.blog-filter-wrapper .blog-listing-grid .blog-card:hover h6.category,.blog-filter-wrapper .blog-listing-grid .blog-card:hover h6.date{color:#fff}.blog-filter-wrapper .blog-listing-grid .blog-card:hover a.read-more{color:#9dc3f8}.blog-filter-wrapper .blog-listing-grid .blog-card:hover a.read-more svg path{fill:#9dc3f8}.blog-filter-wrapper .blog-listing-grid .blog-card h3{color:#4d8adf;font-size:18px;font-weight:800;letter-spacing:0;line-height:120%;text-transform:uppercase}.blog-filter-wrapper .blog-listing-grid .blog-card .card-meta{display:flex;gap:10px;justify-content:space-between;padding-bottom:35px}.blog-filter-wrapper .blog-listing-grid .blog-card a.read-more{align-items:center;color:#071a4b;display:inline-flex;font-size:16px;font-weight:400;gap:16px;letter-spacing:0;line-height:150%;transition:opacity .5s ease-in-out;vertical-align:middle}.blog-filter-wrapper .blog-listing-grid .blog-card a.read-more svg path{fill:#071a4b}.pagination-controls button#prev-btn svg{margin-right:10px}.pagination-controls button#next-btn svg{margin-left:10px}.blog-card.hidden{display:none}.pagination-controls{align-items:center;display:flex;gap:16px;justify-content:left;margin-top:32px}.pagination-controls .pagination-btn{background:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120.31deg,#20e5ec 14.61%,#00abc8 86.34%) border-box;border:1px solid transparent;border-radius:24px;color:#00abc8;font-size:16px;letter-spacing:-1.1%;line-height:150%;padding:12px 24px;text-align:center;transition:.3s}.pagination-controls .pagination-btn svg path{fill:#00abc8}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.filter-btn .filter-check-icon{align-items:center;display:inline-flex;margin-left:10px;vertical-align:middle}.blog-filter-wrapper .blog-listing-grid .blog-card .card-inner{display:flex;flex-direction:column;height:100%;position:relative;z-index:2}.blog-filter-wrapper .blog-listing-grid .blog-card .card-inner h3{flex-grow:1;margin-bottom:35px;transition:opacity .5s ease-in-out}.blog-filter-wrapper .blog-listing-grid .blog-card:before{background:linear-gradient(180deg,#4d8adf,#1b417e);border-radius:18px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .5s ease-in-out;z-index:0}.blog-filter-wrapper .blog-listing-grid .blog-card:hover:before{opacity:1}@media (max-width:767px){.blog-filter-wrapper .blog-listing-grid .blog-card{width:100%}.blog-filter-wrapper .filter-buttons .filter-btn{font-size:16px}.pagination-controls{flex-wrap:wrap;gap:10px;justify-content:center}}@media (min-width:767px) and (max-width:1024px){.blog-filter-wrapper .blog-listing-grid .blog-card{width:calc(50% - 10.3px)}.blog-filter-wrapper .blog-listing-grid{gap:20px}}@media (min-width:1025px) and (max-width:1320px){.blog-filter-wrapper .blog-listing-grid .blog-card{width:calc(33.3% - 13.3px)}.blog-filter-wrapper .blog-listing-grid{gap:20px}}