.tr-wrap{color:#fff;padding:60px 20px}.tr-filters{display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:25px}.tr-search{position:relative}.tr-search input{background:#121212;border:1px solid #2a2a2a;border-radius:10px;color:#fff;height:55px;padding-left:40px;width:100%}.tr-search i{color:#888;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.tr-btn{all:unset;align-items:center;background:#1b1b1b;border:1px solid #333;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:55px;justify-content:space-evenly;white-space:nowrap;width:100%}.tr-btn.active,.tr-btn:hover{background:linear-gradient(90deg,#00aeee,#47bc87 50.5%,#97c93c);color:#000}.tr-filter{position:relative}.tr-drop{background:#fff;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.25);display:none;max-width:fit-content;min-width:280px;padding:12px;position:absolute;top:60px;width:100%;z-index:9}.tr-drop label{border-radius:6px;color:#000;cursor:pointer;display:block;padding:8px}.tr-drop label:hover{background:#f3f3f3}#tr-count{color:#aaa;margin-bottom:20px}.tr-grid{display:grid;gap:22px;grid-template-columns:repeat(4,1fr)}.tr-card{background:#161616;border:1px solid #262626;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:.3s}.tr-card:hover{border-color:#6be5bc;transform:translateY(-6px)}.tr-img{height:100%;position:relative}.tr-img img{height:100%;object-fit:cover;width:100%}.tr-badge{background:#6be5bc;border-radius:0 8px 0 0;bottom:0;color:#000;font-size:11px;left:0;padding:4px 10px;position:absolute}.tr-body{padding:16px}.tr-date{color:#aaa;font-size:12px;margin-bottom:6px}.tr-body h3{color:#fff;font-size:18px;margin:0 0 8px}.tr-body h3,.tr-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tr-body p{color:#bbb;font-size:14px;margin:0}#tr-load{background:transparent;border:1px solid #6be5bc;border-radius:8px;color:#6be5bc;cursor:pointer;display:block;margin:0 auto;margin-top:50px!important;max-width:300px;padding:12px 40px;text-align:center}#tr-load:hover{background:#6be5bc;color:#000}@media(max-width:900px){.tr-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tr-grid{grid-template-columns:1fr}.tr-filters{grid-template-columns:unset!important}}@media(max-width:768px){.tr-drop{left:0;right:auto}}