.elementor-719 .elementor-element.elementor-element-3ebdccc{--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-719 .elementor-element.elementor-element-0f9c79d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-5ada4c6 *//* mission.css - paste into Additional CSS or theme stylesheet */

/* Reset / base safe rules (minimal, non-invasive) */
.rcc-mission { background: #ffffff; padding: 48px 20px; box-sizing: border-box; }
.rcc-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 18px;
}

/* Title (centered & big) */
.rcc-title {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-size: 48px;             /* large like screenshot */
  line-height: 1.05;
  margin: 8px 0 28px;
  text-align: center;          /* centered headline */
  color: #111827;
  font-weight: 700;
}

/* Card wrapper (the white box with subtle border and shadow) */
.rcc-card {
  background: #ffffff;
  border-radius: 8px;
  border: 2px solid rgba(196, 52, 191, 0.08); /* pale pink/purple outline like screenshot */
  padding: 36px;
  box-shadow: 0 14px 40px rgba(2, 6, 23, 0.06);
  box-sizing: border-box;
}

/* Text inside card */
.rcc-text {
  font-family: "Inter", "Roboto", Arial, sans-serif;
  color: #374151;              /* muted dark */
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 28px;
  max-width: 900px;
}

/* CTA container centered */
.rcc-cta { text-align: center; }

/* Black button style (rounded, shadow, hover) */
.rcc-btn {
  display: inline-block;
  background: #000;            /* black as requested */
  color: #fff !important;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 16px;
  box-shadow: 0 8px 22px rgba(2,6,23,0.25);
  transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms;
  border: none;
}

/* Hover/focus */
.rcc-btn:hover,
.rcc-btn:focus {
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(2,6,23,0.30);
  opacity: 0.98;
  outline: none;
}

/* Responsive smaller screens */
@media (max-width: 720px) {
  .rcc-title { font-size: 36px; margin-bottom: 18px; }
  .rcc-card { padding: 22px; }
  .rcc-text { font-size: 16px; }
}

/* If your theme forces big container padding, add this safe override */
.rcc-mission .elementor-widget-container,
.rcc-mission .wp-block {
  box-sizing: border-box;
}

/* OPTIONAL: small utility to center the entire section (if your theme adds sidebars) */
.rcc-mission { display: block; }/* End custom CSS */