@font-face{font-family:Trueno;src:url(/fonts/TruenoLt.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoRg.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoRg.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoSBd.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoBd.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoBlk.otf)format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/fonts/ProximaNova.otf)format("opentype");font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsMedium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsSemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsBold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--vmax:calc(100dvh - 80px)}@media (max-width:850px){:root{--vmax:calc(100dvh - 60px)}}@media (max-width:768px){:root{--vmax:calc(100dvh - 60px - 20px)}}#cases h2{font-size:40px}#cases .filters{justify-content:space-between;align-items:center;gap:12px;display:flex}@media only screen and (max-width:600px){#cases .filters{flex-direction:column;align-items:flex-start;gap:12px}}#cases .filters .search{border:1px solid #2c324a;border-radius:10px;align-items:center;gap:20px;width:400px;padding:0 0 0 20px;display:flex;position:relative}@media only screen and (max-width:600px){#cases .filters .search{width:100%}}#cases .filters .search input{color:#fff;width:100%;height:50px;font-family:Poppins;font-size:17px;font-weight:500}#cases .filters .search input::placeholder{color:#3c4361}#cases .filters .sort{align-items:center;gap:12px;display:flex}@media only screen and (max-width:600px){#cases .filters .sort{width:100%}}#cases .filters .sort .btn-content{align-items:center;gap:8px;display:flex}#cases .filters .sort button.create-case-btn{white-space:nowrap;height:45px}#cases .filters .sort button:not(.create-case-btn){background:#303757;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:175px;height:45px;padding:0 20px;font-family:Poppins;font-size:14px;font-weight:500;display:flex}@media only screen and (max-width:600px){#cases .filters .sort button:not(.create-case-btn){width:100%}#cases .filters .sort .dropdown-wrapper{flex:1}}#cases .filters .sort .dropdown{border-radius:8px;margin-top:5px}#cases .filters .sort .dropdown .item{font-family:Poppins;font-size:13px}#cases .cases{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:20px;width:100%;margin-top:30px;display:grid}:is(#cases .cases:has(.case-loading),#cases .cases:has(.no-cases)){display:block}#cases .cases .no-cases{text-align:center;color:#4b5473}#cases .cases .case-loading{justify-content:center;align-items:center;width:100%;min-height:500px;display:flex}@media only screen and (max-width:1860px){#cases .cases{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media only screen and (max-width:1620px){#cases .cases{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width:800px){#cases .cases{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:600px){#cases .cases{grid-template-columns:1fr 1fr}}#cases .pagination-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}#cases .pagination-controls .center{align-items:center;gap:10px;display:flex}#cases .pagination-controls button{background:#212740;border:1px solid #0000;border-radius:8px;min-width:45px;height:40px;font-family:Poppins;font-size:14px;font-weight:500}#cases .pagination-controls button.active{cursor:default;background:#4b5473}#cases .pagination-controls .page-numbers{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#cases .pagination-controls .page-numbers .ellipsis{color:#4b5473;padding:0 4px;font-family:Poppins;font-size:14px}@media only screen and (max-width:600px){#cases .pagination-controls{justify-content:center}}
