.category-section{background:#fff}.category-section .grid{flex-wrap:wrap;justify-content:center;gap:32px;max-width:1179px;margin-inline-start:auto;margin-inline-end:auto;display:flex}@media only screen and (min-width:1200px) and (max-width:1399px){.category-section .grid{gap:20px}}.category-section .card{text-align:center;cursor:pointer;background:#f4f5f6;border:none;flex-direction:column;justify-content:center;align-items:center;width:210px;height:180px;padding:20px;transition:all .3s;display:flex}@media only screen and (min-width:1200px) and (max-width:1399px){.category-section .card{width:200px}}.category-section .card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.category-section .card .image{margin-bottom:15px}.category-section .card .image img{object-fit:contain;width:100%;max-width:160px;height:100px}.category-section .card p{color:#0f172a;font-size:16px;font-weight:400}.category-section .featured{color:#fff;text-align:left;background:#000c;align-items:flex-start;padding-inline-start:12px;padding-inline-end:12px}.category-section .featured .content{width:100%}.category-section .featured .content h3{font-size:16px;font-weight:500}.category-section .featured .content p{color:#fff;margin-top:10px;font-size:14px;font-weight:400}.category-section .featured:hover{box-shadow:none;background:#0f172a;transform:none}@media only screen and (max-width:1199px){.category-section .grid{gap:20px}.category-section .card{width:180px;height:160px}.category-section .card .image{margin-bottom:10px}.category-section .card .image img{max-width:120px;height:80px}.category-section .featured{padding-inline-start:12px;padding-inline-end:12px}.category-section .featured .content h3{font-size:14px;font-weight:500}.category-section .featured .content p{margin-top:5px;font-size:13px;line-height:18px}}@media only screen and (max-width:767px){.category-section .grid{gap:10px}.category-section .card{width:150px;height:130px;padding:10px}.category-section .card .image{margin-bottom:5px}.category-section .card .image img{max-width:90px;height:60px}.category-section .card p{font-size:14px}}@media only screen and (max-width:380px){.category-section .grid{gap:10px}.category-section .card{width:120px;height:100px;padding:10px}.category-section .card .image{margin-bottom:5px}.category-section .card .image img{max-width:70px;height:45px}.category-section .card p{font-size:13px}}