@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}.blog-section{background:#02092f;width:100%;padding:140px 3% 90px;overflow:hidden}.blog-section-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;width:100%;margin-bottom:42px;display:flex}.blog-route{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-route span{color:#8f8f8f;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:24px}.active-blog{color:#ff9800!important;font-weight:600!important}.selected-route{color:#fff!important}.blog-filters{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.blog-filters select{color:#fff;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 12px center/18px no-repeat;border:none;border-bottom:1px solid #5f5f5f;outline:none;min-width:240px;height:46px;padding:0 40px 0 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;transition:all .3s}.blog-filters select:hover,.blog-filters select:focus{border-bottom-color:#ff9800}.blog-filters select option{color:#111;background:#fff}.blog-section-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:28px;width:100%;max-width:1440px;margin:0 auto;display:grid}.no-blog-found{color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;padding:90px 0;font-family:Inter,sans-serif;font-size:18px;font-weight:500;display:flex}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:80px;display:flex}.pagination-number{color:#111;cursor:pointer;background:#f1f3fb;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:all .3s;display:flex}.active-page{color:#fff;background:#ff9800}.pagination-number:hover{transform:translateY(-2px)}.pagination-arrow{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:28px;transition:all .3s;display:flex}.pagination-arrow:hover:not(:disabled){color:#ff9800}.pagination-arrow:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1400px){.blog-section-grid{gap:24px}}@media (max-width:1200px){.blog-section{padding:120px 30px 85px}.blog-section-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (max-width:992px){.blog-section{padding:60px 24px 80px}.blog-section-grid{grid-template-columns:repeat(2,1fr);gap:22px}.blog-route span{font-size:14px}.blog-filters{width:100%}.blog-filters select{flex:1;min-width:220px}}@media (max-width:768px){.blog-section{padding:110px 20px 70px}.blog-section-top{flex-direction:row;justify-content:space-between;align-items:center;gap:18px;display:flex}.blog-route{flex:1}.blog-route span{font-size:14px;line-height:22px}.blog-filters{flex-direction:row;align-items:center;gap:12px;width:50%;display:flex}.blog-filters select{width:180px;min-width:180px;height:42px;padding:0 35px 0 10px;font-size:13px}.blog-section-grid{grid-template-columns:repeat(2,1fr);gap:18px}.pagination{gap:12px;margin-top:55px}.pagination-number{width:42px;height:42px;font-size:14px}.pagination-arrow{font-size:24px}}@media (max-width:480px){.blog-section{padding:120px 25px 65px}.blog-section-grid{grid-template-columns:1fr;gap:18px}.blog-section-top{flex-direction:column;justify-content:space-between;align-items:center;gap:18px;display:flex}.blog-route span{font-size:13px;line-height:20px}.blog-filters{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:85%;display:flex}.blog-filters select{width:100%;height:44px;padding:0 35px 0 14px;font-size:13px}.pagination{gap:10px}.pagination-number{width:38px;height:38px;font-size:13px}.pagination-arrow{font-size:22px}.no-blog-found{padding:70px 0;font-size:16px}}
