.AppCategorysec { padding: 50px 0;}
.AppCategoryTitle {  text-align: center;  position: relative; padding-bottom: 10px;}
.AppCategoryTitle:before { background: #258dc6; bottom: 0; content: ""; height: 5px; left: 50%; position: absolute; transform: translateX(-50%); width: 50px;}
.AppCategoryListingBox {  padding-top: 50px; align-items: flex-start;display: flex; flex-wrap: wrap; gap: 30px;}
.AppCategoryBoxInner {  background: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1); max-width: calc(25% - 22.5px); padding: 25px; position: relative;  width: 100%; transition: all ease-in-out 0.3s;}
.AppCategoryBoximg { background-position: 50%; background-repeat: no-repeat; background-size: contain; padding-bottom: 56.25%; width: 100%;}
.AppCategoryBoxtitle {  padding-top: 25px; text-align: center;}
.AppCategoryBoxtitle h4 { font-size: 20px;}
.AppCategoryBoxLink { height: 100%; left: 0; position: absolute; top: 0; width: 100%;  z-index: 2;  cursor: pointer;}
.AppCategoryBoxLink a { width: 100%; display: block; height: 100%;}


@media (max-width: 1230px){ .AppCategoryBoxInner{max-width: calc(33.33% - 20px); width:100%; }
@media (max-width: 767px){ .AppCategoryBoxInner{max-width: calc(50% - 15px); width:100%; }
@media (max-width: 481px){ .AppCategoryBoxInner{max-width: 100%; width:100%; }