.tools-row{display:flex;gap:20px}.categories{position:sticky;top:120px;max-height:calc(100vh - 130px);overflow-y:auto}.tools-grid .row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.categories .btn{text-align:left}.search-box{position:relative}.search-box .search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#555;pointer-events:none}.category-button.active{background-color:#0d6efd;color:#fff}.tools-section .card{transition:transform .2s,box-shadow .2s}.tools-section .card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.tools-section .card i{color:#0d6efd}.tools-section .card-title{font-size:1.1rem;font-weight:600}.tools-section .card-text{font-size:.9rem;color:#555}.search-box{position:relative}.search-box input{padding-right:40px}.search-box .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#0d6efd}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.tool-card{display:block;transition:transform .3s,box-shadow .3s}.tool-card .card{height:100%;text-align:center;padding:1rem}.tool-card:hover .card{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}h1{text-align:center;margin-bottom:30px;color:#333}.breadcrumb{font-size:14px;margin-bottom:20px}.breadcrumb a{color:#007bff;text-decoration:none}.breadcrumb span{color:#555}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.tool-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.tool-icon{font-size:36px;color:#007bff;margin-bottom:15px}.tool-title{font-size:18px;font-weight:600;margin-bottom:10px;color:#333}.tool-description{font-size:14px;color:#666;margin-bottom:15px}.tool-link{display:inline-block;padding:8px 14px;background:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-size:14px}.tool-link:hover{background:#0056b3}@media(max-width:600px){.tool-icon{font-size:28px}}
/*# sourceMappingURL=tools.css.map */