:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;


--base-color: #E01839;


--base-text-color: #fff;


--footer-color: #3C3C3C;


--footer-text-color: #fff;


--button-color: #4FAB2A;


--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

/* Flex Container */
.flex-container {
  display: flex;
  align-items: stretch;
 justify-content: space-around;
  text-align: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 16px;
    box-sizing: border-box;
height: auto !important;
}

.flex-container > div {
  background-color: #ffffff;
height: auto;
  margin: 10px;
  padding: 20px;
  font-size: 30px;
    flex: 1 1 17%;
    min-width: 0;
    padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    text-align: center;
    border-radius: 8px; /* Rounded corners */
box-sizing: border-box;
}

/* Image Styling */
.flex-container img {
    vertical-align: middle;
    width: 50px;
    margin-bottom: 10px; /* Space between image and text */
}

/* Text Styling */
.flex-container p {
    font-size: small;
    color: #333; /* Darker text color */
    margin: 0;
}

/* Hover Effect */
.flex-container > div:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px); /* Slight lift on hover */
}