.categoriesParent{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;background-color:#f9fafc}.childCont{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.2rem;width:100%;max-width:1200px}.categoryItem{display:flex;flex-direction:column;align-items:center;border-radius:12px;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;overflow:hidden}.categoryItem:hover{transform:scale(1.03);box-shadow:0 4px 10px rgba(0,0,0,.15)}.categoryImageContainer{width:100%;height:150px;overflow:hidden;border-bottom:1px solid #eee}.categoryImageContainer img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.categoryLabel{font-size:1rem;color:#333;padding:.8rem 0}.categoryHeading,.categoryLabel{text-align:center;font-weight:600;font-family:Poppins,sans-serif}.categoryHeading{width:100%;font-size:1.4rem;color:#007BC9;letter-spacing:.5px;background:linear-gradient(90deg,#007BC9,#00AEEF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.noDataMessage{grid-column:1/-1;text-align:center;background-color:#fff3f3;border:1px solid #ffbcbc;border-radius:12px;padding:2rem 1rem;color:#d9534f;font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center}.noDataMessage h3{margin:0;font-size:1.2rem;font-weight:600}.noDataMessage p{margin:.5rem 0 0;font-size:.95rem;color:#a94442}@media (max-width:480px){.noDataMessage{padding:1.2rem .6rem}.noDataMessage h3{font-size:1rem}.noDataMessage p{font-size:.85rem}.childCont{grid-template-columns:repeat(2,1fr);gap:.8rem}.categoryImageContainer{height:100px}.categoryLabel{font-size:.85rem;padding:.6rem .4rem}.categoryHeading{font-size:1rem;margin-bottom:1.2rem}}@media (min-width:481px) and (max-width:1024px){.categoriesParent{margin-top:70px}.childCont{grid-template-columns:repeat(3,1fr);gap:1rem}.categoryImageContainer{height:120px}.categoryLabel{font-size:.7rem}.categoryHeading{font-size:1rem;font-weight:600}}@media (min-width:1025px){.categoriesParent{margin-top:90px}.childCont{grid-template-columns:repeat(4,1fr)}.categoryImageContainer{height:150px}.categoryLabel{font-size:1rem}}@media (min-width:1025px) and (max-width:1180px){.categoryImageContainer{height:150px}.categoryLabel{font-size:.8rem}.categoryHeading{font-size:1.2rem;font-weight:600}}