.elementor-3353 .elementor-element.elementor-element-5c9031e{--display:flex;--border-radius:6px 6px 6px 6px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}.elementor-3353 .elementor-element.elementor-element-442fca7{width:var( --container-widget-width, 37.045% );max-width:37.045%;--container-widget-width:37.045%;--container-widget-flex-grow:0;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-3353 .elementor-element.elementor-element-442fca7 > .elementor-widget-container{margin:8px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-3353 .elementor-element.elementor-element-442fca7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3353 .elementor-element.elementor-element-442fca7 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3353 .elementor-element.elementor-element-442fca7 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3353 .elementor-element.elementor-element-442fca7 .elementor-icon-list-text{transition:color 0.3s;}/* Start custom CSS for icon-list, class: .elementor-element-442fca7 *//* Make the widget a neat, thin menu panel */
.elementor-3353 .elementor-element.elementor-element-442fca7 {
  max-width: 340px;              /* keep it narrow under “Industries” */
}

/* Each row */
.elementor-3353 .elementor-element.elementor-element-442fca7 .elementor-icon-list-item {
  display: flex;
  align-items: center;
  gap: 12px;                      /* space between icon and text */
  padding: 8px 12px;
  border-radius: 8px;
  transition: background .2s ease;
}

/* Hover row highlight */
.elementor-3353 .elementor-element.elementor-element-442fca7 .elementor-icon-list-item:hover {
  background: #f6f6f6;
}

/* ICON BOX — style the wrapper, not the <i>/<svg> */
.elementor-3353 .elementor-element.elementor-element-442fca7 .elementor-icon-list-icon {
  display: inline-flex;           /* ensures width/height apply */
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background: #FD5B1C;           /* Taskly orange */
  border-radius: 10px;            /* rounded square */
}

/* Icon color (works for both FA <i> and SVG packs) */
.elementor-3353 .elementor-element.elementor-element-442fca7 .elementor-icon-list-icon i,
.elementor-3353 .elementor-element.elementor-element-442fca7 .elementor-icon-list-icon svg {
  color: #fff;                    /* white icon */
  width: 20px;                    /* SVGs respect this */
  height: 20px;
  fill: currentColor;             /* ensures white for SVG paths */
}

/* Optional: tighten vertical rhythm */
.elementor-3353 .elementor-element.elementor-element-442fca7 .elementor-icon-list-items {
  row-gap: 8px;                   /* newer Elementor uses gap; harmless if not */
}

/* Apply Inter font to the Icon List text */
.elementor-3353 .elementor-element.elementor-element-442fca7 .elementor-icon-list-text {
  font-family: 'Inter', sans-serif !important;
  font-weight: 500;   /* adjust: 400=regular, 500=medium, 600=semi-bold */
}

/* Mobile breakpoint adjustments */
@media (max-width: 768px) {
  .elementor-icon-list-icon {
    background: none !important;  /* remove orange box */
    color: #FD5B1C !important;    /* orange text/icons instead */
    width: auto !important;
    height: auto !important;
  }
  .elementor-icon-list-text {
    font-size: 16px !important;
    font-weight: 500;
  }
  .elementor-icon-list-item {
    padding: 10px !important;
    border-radius: 0 !important;
    background: none !important;
  }
}/* End custom CSS */