.elementor-28 .elementor-element.elementor-element-a2c1762{--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-28 .elementor-element.elementor-element-182e513{--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-28 .elementor-element.elementor-element-9c13f93{--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-28 .elementor-element.elementor-element-67b4d36{--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-28 .elementor-element.elementor-element-e691ec3{--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;}/* Start custom CSS for html, class: .elementor-element-4f5b8ce *//* CONTACT DETAILS — make this feel like a communication band, not cards */
.elementor-28 .elementor-element.elementor-element-4f5b8ce {
  background: linear-gradient(
    135deg,
    rgba(14, 58, 95, 0.10) 0%,
    rgba(31, 107, 58, 0.08) 60%,
    #ffffff 100%
  );
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}

/* Eyebrow — more refined, different from other pages */
.elementor-28 .elementor-element.elementor-element-4f5b8ce .cc-section-eyebrow {
  display: inline-flex;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(31, 107, 58, 0.14);
  color: var(--cc-green);
  font-weight: 600;
}

/* Layout: wide, airy, NOT cardy */
.elementor-28 .elementor-element.elementor-element-4f5b8ce .cc-approach-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin-top: 42px;
}

@media (max-width: 900px) {
  .elementor-28 .elementor-element.elementor-element-4f5b8ce .cc-approach-steps {
    grid-template-columns: 1fr;
  }
}

/* Contact blocks — soft panels, no heavy borders */
.elementor-28 .elementor-element.elementor-element-4f5b8ce .cc-approach-step {
  background: rgba(255,255,255,0.85);
  border-radius: 22px;
  padding: 34px 26px;
  box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12);
  text-align: center;
  border: none;
  position: relative;
}

/* Remove top accent bars so it doesn't match other sections */
.elementor-28 .elementor-element.elementor-element-4f5b8ce .cc-approach-step::before {
  display: none;
}

/* Titles */
.elementor-28 .elementor-element.elementor-element-4f5b8ce .cc-approach-step-title {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--cc-dark);
  margin-bottom: 12px;
}

/* Text */
.elementor-28 .elementor-element.elementor-element-4f5b8ce .cc-approach-step-text {
  font-size: 15px;
  line-height: 1.6;
  color: var(--cc-gray);
}

/* CLICKABLE LINKS — obvious but classy */
.elementor-28 .elementor-element.elementor-element-4f5b8ce .cc-approach-step-text a {
  display: inline-block;
  margin-top: 6px;
  color: var(--cc-blue);
  font-weight: 600;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 2px solid rgba(14, 58, 95, 0.25);
  transition: all 0.25s ease;
}

/* Hover = green shift (signals interactivity) */
.elementor-28 .elementor-element.elementor-element-4f5b8ce .cc-approach-step-text a:hover {
  color: var(--cc-green);
  border-bottom-color: var(--cc-green);
}

/* Optional subtle icon vibe without icons */
.elementor-28 .elementor-element.elementor-element-4f5b8ce .cc-approach-step-title::after {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  margin: 14px auto 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--cc-blue),
    var(--cc-green)
  );
  opacity: 0.7;
}/* End custom CSS */