.elementor-11301 .elementor-element.elementor-element-351e07d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11301 .elementor-element.elementor-element-351e07d.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-5605530{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:105px;--margin-right:-105px;}.elementor-11301 .elementor-element.elementor-element-dbec91c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-c7656cc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-4ffed1c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-105px;}.elementor-11301 .elementor-element.elementor-element-498031a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-1f0942e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-70px;}.elementor-11301 .elementor-element.elementor-element-45a3e6a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-427699f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-9715543{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-35px;--margin-right:-35px;}.elementor-11301 .elementor-element.elementor-element-3f1bd26.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-6521d92{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-70px;--margin-right:0px;}.elementor-11301 .elementor-element.elementor-element-9f7452c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-0ef5ce1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-bbaa863{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-105px;--margin-right:0px;}.elementor-11301 .elementor-element.elementor-element-0bf4060.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-c53acc7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-105px;--margin-right:105px;}.elementor-11301 .elementor-element.elementor-element-9942d85.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11301 .elementor-element.elementor-element-c6823a2.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-11301 .elementor-element.elementor-element-5605530{--width:25%;}.elementor-11301 .elementor-element.elementor-element-4ffed1c{--width:25%;}.elementor-11301 .elementor-element.elementor-element-1f0942e{--width:25%;}.elementor-11301 .elementor-element.elementor-element-9715543{--width:25%;}.elementor-11301 .elementor-element.elementor-element-6521d92{--width:25%;}.elementor-11301 .elementor-element.elementor-element-bbaa863{--width:25%;}.elementor-11301 .elementor-element.elementor-element-c53acc7{--width:25%;}}@media(max-width:1024px){.elementor-11301 .elementor-element.elementor-element-351e07d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11301 .elementor-element.elementor-element-5605530{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11301 .elementor-element.elementor-element-4ffed1c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11301 .elementor-element.elementor-element-1f0942e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11301 .elementor-element.elementor-element-9715543{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11301 .elementor-element.elementor-element-6521d92{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11301 .elementor-element.elementor-element-bbaa863{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11301 .elementor-element.elementor-element-c53acc7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-11301 .elementor-element.elementor-element-351e07d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11301 .elementor-element.elementor-element-5605530{--justify-content:center;}.elementor-11301 .elementor-element.elementor-element-4ffed1c{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}}/* Start custom CSS for html, class: .elementor-element-dbec91c *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}


.hex-label {
  color: black; /* Set default text (and img if SVG inline) to black */
  transition: color 0.3s ease;
 }
 
.hex-outer:hover .hex-label {
  color: white;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7656cc *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-498031a *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45a3e6a *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-427699f *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f1bd26 *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f7452c *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ef5ce1 *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0bf4060 *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9942d85 *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6823a2 *//* Outer Hex: red border by default */
.hex-outer {
  width: 164px;
  height: 144px;
  background: #F4364E; /* Border color = red */
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* Inner Hex: white inside */
.hex-inner {
  width: 156px;
  height: 136px;
  background: white;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, color 0.3s ease;
  color: #F4364E;
  text-align: center;
  z-index: 1;
}

/* Icon */
.hex-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(0.8);
}

/* Label */
.hex-label {
  font-size: 12px;
  font-weight: 500;
}

/* Hover Effects */
.hex-outer:hover {
  background: black; /* Border changes to black */
}

.hex-outer:hover .hex-inner {
  background: #F4364E; /* Inner becomes red */
  color: white;
}

.hex-outer:hover .hex-icon {
  filter: brightness(0) invert(1); /* Icon becomes white */
}/* End custom CSS */