.elementor-4577 .elementor-element.elementor-element-42937e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4577 .elementor-element.elementor-element-0de8bab{--display:flex;}/* Start custom CSS for html, class: .elementor-element-7a21261 *//* 🔗 Sector Path Container */
.sector-path {
  margin: 1.5rem 0;
  overflow-x: auto;
  white-space: nowrap;
}

/* 🧭 Horizontal Trail */
.sector-trail {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* 📦 Sector Node Capsule */
.sector-node {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  background-color: #f5f5f5;
  border-radius: 999px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 0 transparent;
}

.sector-node:hover {
  background-color: #e0e0e0;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.15);
}

/* 🎯 Current Sector Highlight */
.sector-node.current {
  background-color: #d1eaff;
  color: #005a9c;
  font-weight: 600;
  box-shadow: 0 0 0.25rem rgba(0, 90, 156, 0.3);
}

/* 🖼️ Icon Styling */
.sector-node .icon {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

/* ➡️ Arrow Styling */
.arrow {
  font-size: 1.2rem;
  color: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ffe481 */.cta-banner {
  background-color: #007BFF; /* Bootstrap blue */
  color: #ffffff;
  padding: 0.75em 1.25em;
  margin-top: -1em;
  margin-bottom: 1.5em;
  border-left: 5px solid #0056b3;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.cta-banner span {
  text-decoration: underline;
  cursor: pointer;
}
.header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1em;
}

.cta-ribbon {
  background-color: #007BFF;
  color: #ffffff;
  padding: 4px 10px;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.cta-ribbon span {
  text-decoration: underline;
  cursor: pointer;
}
.header-row {
  display: flex;
  align-items: center;
  justify-content: center; /* centers the whole row content */
  gap: 1rem; /* space between h2 and ribbon */
  margin-bottom: 1em;
}

.header-row h2 {
  margin: 0;
}

.cta-ribbon {
  background-color: #007BFF;
  color: #ffffff;
  padding: 4px 10px;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.cta-ribbon span {
  text-decoration: underline;
  cursor: pointer;
}/* End custom CSS */