/**
 * Icon Tiles Block.
 */
.dbio_icon_tiles_container .icon_tiles_wrapper {
	position: relative;
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-template-columns: repeat(7, 1fr);
}

.dbio_icon_tiles_container .icon_tiles_wrapper .icon_tile_item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 15px;
	border-radius: 8px;
	transition: all 0.2s;
}

.dbio_icon_tiles_container  .icon_tile_item .icon_tile_img_wrapper {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
}

.dbio_icon_tiles_container .icon_tile_item .icon_tile_img_wrapper .icon_tile_img {
	position: absolute;
	width: 50px;
	height: 50px;
	transition: all 0.2s;
}

.dbio_icon_tiles_container  .icon_tile_item .icon_tile_img_wrapper .icon_tile_img.secondary {
	opacity: 0;
}

.dbio_icon_tiles_container  .icon_tile_item:hover .icon_tile_img.secondary {
	opacity: 1;
}

.dbio_icon_tiles_container  .icon_tile_item:hover .icon_tile_img.primary {
	opacity: 0;
}

.dbio_icon_tiles_container  .icon_tile_item .icon_tile_title {
	font-size: 19px;
	font-weight: 700;
	text-align: center;
}

.dbio_icon_tiles_container  .icon_tile_item:hover .icon_tile_title {
	color: #FFFFFF;
}

.dbio_icon_tiles_container  .icon_tile_item .icon_tile_cta {
	display: flex;
	align-items: center;
}

.dbio_icon_tiles_container  .icon_tile_item:hover .icon_tile_cta {
	color: #FFFFFF;
}

.dbio_icon_tiles_container  .icon_tile_item .icon_tile_cta svg path {
	stroke: #AA33FF;
}

.dbio_icon_tiles_container  .icon_tile_item:hover .icon_tile_cta svg path {
	stroke: #FFFFFF;
}

/* Responsive */
@media screen and (max-width: 1367.98px) {
	.dbio_icon_tiles_container .icon_tiles_wrapper {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media screen and (max-width: 991.98px) {
	.dbio_icon_tiles_container .icon_tiles_wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 479.98px) {
	.dbio_icon_tiles_container .icon_tiles_wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}