.search{margin:150px 20px 20px}.search-list{display:flex;flex-wrap:wrap;margin-bottom:20px;gap:20px}.search-list-item{width:calc(25% - 20px);box-sizing:border-box;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;padding:15px;transition:box-shadow 0.3s,transform 0.3s}@media (max-width:1024px){.search-list-item{width:calc(33.33% - 20px)}}@media (max-width:768px){.search-list-item{width:calc(50% - 20px)}}@media (max-width:480px){.search-list-item{width:100%}}.search-list-item a{text-decoration:none;color:#333;display:block}.search-list-item h3{margin:0 0 10px;font-size:18px;color:#001f98}.search-list-item p{margin:0;font-size:14px;color:#555}.search-list-item a{display:flex;flex-direction:column;gap:20px;text-decoration:none;color:#333;align-items:center;justify-content:space-between}.search-list-item .search-list-item-image{padding:0;min-width:150px;display:flex;align-items:center;justify-content:center;min-height:150px;max-width:150px;max-height:150px}.search-list-item .search-list-item-image img{border-radius:10px}.search-list-item .search-list-item-details{border:none;text-align:left}.search-list-item:hover{box-shadow:0 4px 8px rgb(0 0 0 / .1);transform:translateY(-5px)}.paginattion{display:flex;justify-content:center;align-items:center;margin-top:20px;list-style-type:none;padding:0;gap:8px}.paginattion .page-numbers{text-decoration:none;color:#001f98;padding:10px 15px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;transition:background-color 0.3s,color 0.3s}.paginattion .page-numbers:hover{background-color:#001f98;color:#fff}.paginattion .current{background-color:#001f98;color:#fff;border-color:#001f98}.paginattion .dots{color:#333;padding:10px 15px}.paginattion .next,.paginattion .prev{font-weight:700;text-transform:uppercase;padding:10px 15px}.paginattion .next:hover,.paginattion .prev:hover{background-color:#001f98;color:#fff}.paginattion .disabled{color:#999;pointer-events:none;background-color:#f0f0f0;border:1px solid #ddd}@media (max-width:768px){.paginattion{gap:4px}.paginattion .page-numbers,.paginattion .next,.paginattion .prev,.paginattion .dots{padding:8px 12px;font-size:14px}}@media (max-width:480px){.paginattion{flex-wrap:wrap;gap:4px}.paginattion .page-numbers,.paginattion .next,.paginattion .prev,.paginattion .dots{padding:6px 10px;font-size:12px}}