.urm_hero_category_list {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1260px;
	margin: auto;
	padding: 0px 10px;
	gap: 30px;
}

@media only screen and (max-width: 780px) {
	.urm_hero_category_list {
	  overflow: auto;
	  justify-content: flex-start;
	  gap: 15px;
		padding: 0px 10px 0px 17px;
	}

	/* Hide scrollbar for Chrome, Safari and Opera */
	.urm_hero_category_list::-webkit-scrollbar {
	  display: none;
	  width: 0;
	  height: 0;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	.urm_hero_category_list {
	  -ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;  /* Firefox */
	}
}

.urm_hero_category_list .urm_hero_category {
  max-width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: unset;
  overflow: hidden;
	width: 100%;
}

@media only screen and (max-width: 780px) {
	.urm_hero_category_list .urm_hero_category {
		overflow: unset;
	}
}

.urm_hero_category_list .urm_hero_category picture {
  overflow: hidden;
	width: 100%;
}

@media only screen and (max-width: 780px) {
	.urm_hero_category_list .urm_hero_category picture {
	  width: 100px;
	  height: 100px;
	}
}

.urm_hero_category_list .urm_hero_category .hero_category_image {
  border-radius: 6px;
  transition: transform 1s ease;
	aspect-ratio: 1;
	width: 100%;
}

@media only screen and (max-width: 780px) {
	.urm_hero_category_list .urm_hero_category .hero_category_image {
	  width: 100px!important;
	  height: 100px;
	}
}

.urm_hero_category_list.circular .urm_hero_category .hero_category_image {
	border-radius: 50%;
}

.urm_hero_category_list .urm_hero_category:hover .hero_category_image {
  transform: scale(1.05);
}

.urm_hero_category_list .urm_hero_category .hero_category_icon {
  background-color: #f2f3ff;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  border-radius: 6px;
  transition: transform 1s ease;
}


@media only screen and (max-width: 780px) {
	.urm_hero_category_list .urm_hero_category .hero_category_icon {
	  width: 100px;
	  height: 100px;
	}
}

.urm_hero_category_list .urm_hero_category:hover .hero_category_icon {
  transform: scale(1.5);
}

.urm_hero_category_list .urm_hero_category .hero_category_icon .icon {
  background-color: #02196b;
  width: 60px;
  height: 60px;
}


@media only screen and (max-width: 780px) {
	.urm_hero_category_list .urm_hero_category .hero_category_icon .icon  {
	  width: 40px;
	  height: 40px;
	}
}

.urm_hero_category_list .urm_hero_category span {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  color: #1a1a1a;
  margin-top: 10px;
}

@media only screen and (max-width: 780px) {
	.urm_hero_category_list .urm_hero_category span {
		font-size: 14px;
	}
}
