.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-542 .elementor-element.elementor-element-a5a1f33{--grid-columns:3;}.elementor-542 .elementor-element.elementor-element-a5a1f33 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-542 .elementor-element.elementor-element-a5a1f33 .e-loop-item > .elementor-section, .elementor-542 .elementor-element.elementor-element-a5a1f33 .e-loop-item > .elementor-section > .elementor-container, .elementor-542 .elementor-element.elementor-element-a5a1f33 .e-loop-item > .e-con, .elementor-542 .elementor-element.elementor-element-a5a1f33 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-542 .elementor-element.elementor-element-f98f382 .elementor-button:hover, .elementor-542 .elementor-element.elementor-element-f98f382 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );border-color:var( --e-global-color-secondary );box-shadow:1px 1px 16px 0px rgba(0, 0, 0, 0.6);}.elementor-542 .elementor-element.elementor-element-f98f382 .elementor-button{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );transition-duration:0.4s;border-radius:18px 18px 18px 18px;}.elementor-542 .elementor-element.elementor-element-f98f382 .elementor-button:hover svg, .elementor-542 .elementor-element.elementor-element-f98f382 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-542 .elementor-element.elementor-element-542a5c1 .elementor-button:hover, .elementor-542 .elementor-element.elementor-element-542a5c1 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );border-color:var( --e-global-color-secondary );box-shadow:1px 1px 16px 0px rgba(0, 0, 0, 0.6);}.elementor-542 .elementor-element.elementor-element-542a5c1 .elementor-button{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );transition-duration:0.4s;border-radius:18px 18px 18px 18px;}.elementor-542 .elementor-element.elementor-element-542a5c1 .elementor-button:hover svg, .elementor-542 .elementor-element.elementor-element-542a5c1 .elementor-button:focus svg{fill:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-542 .elementor-element.elementor-element-a5a1f33{--grid-columns:2;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-542 .elementor-element.elementor-element-a5a1f33{--grid-columns:1;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for html, class: .elementor-element-7cb3d63 *//* =========================================
   TCC MEET THE TEAM HERO SHAPE
   SEPARATE HTML WIDGET
   ========================================= */

.elementor-542 .elementor-element.elementor-element-7cb3d63 {
  position: absolute !important;
  z-index: 2 !important;

  inset: 0 !important;

  width: 100% !important;
  max-width: none !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  overflow: hidden !important;
  pointer-events: none;
}


/* Elementor HTML widget wrapper */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .elementor-widget-container {
  position: relative;

  width: 100%;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  overflow: hidden !important;
  pointer-events: none;
}


/* =========================================
   MAIN TEAM ILLUSTRATION
   ========================================= */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-shape {
  position: absolute;

  top: 50%;
  right: -10%;

  width: 61%;
  max-width: 940px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: visible;

  transform: translateY(-50%);
  pointer-events: none;
}


/* SVG stays intentionally oversized */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-shape svg {
  display: block;

  width: 100%;
  max-width: none;
  height: auto;

  overflow: visible;

  transform-origin: center;
  will-change: transform;

  animation: tcc-team-main-float 7s ease-in-out infinite;
}


/* Whole illustration gently floats */

@keyframes tcc-team-main-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(-7px, -6px, 0) scale(1.012);
  }
}


/* Allow SVG groups to animate correctly */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-shape svg g,
.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-shape svg path,
.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-shape svg rect,
.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-shape svg circle,
.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-shape svg line {
  transform-box: fill-box;
  transform-origin: center;
}


/* =========================================
   TEAM MEMBERS
   ========================================= */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-person {
  animation: tcc-team-person-float 5.8s ease-in-out infinite;
}

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-person-left {
  animation-delay: -1.2s;
}

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-person-center {
  animation-delay: -2.5s;
  animation-duration: 6.6s;
}

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-person-right {
  animation-delay: -3.4s;
  animation-duration: 6.2s;
}

@keyframes tcc-team-person-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -5px, 0);
  }
}


/* =========================================
   TEAM CONNECTIONS
   ========================================= */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-connection {
  animation: tcc-team-connection-move 6.5s ease-in-out infinite;
}

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-connection:nth-of-type(2n) {
  animation-delay: -2.2s;
}

@keyframes tcc-team-connection-move {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 0.42;
  }

  50% {
    transform: translate3d(2px, -2px, 0);
    opacity: 0.72;
  }
}


/* =========================================
   SHARED TEAM HUB
   ========================================= */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-hub {
  animation: tcc-team-hub-pulse 4.8s ease-in-out infinite;
}

@keyframes tcc-team-hub-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.78;
  }

  50% {
    transform: scale(1.06);
    opacity: 1;
  }
}


/* =========================================
   ROLE / SKILL CARDS
   ========================================= */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-card {
  animation: tcc-team-card-float 6s ease-in-out infinite;
}

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-card-left {
  animation-delay: -1.6s;
}

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-card-right {
  animation-delay: -3.2s;
}

@keyframes tcc-team-card-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, 4px, 0);
  }
}


/* =========================================
   YELLOW TEAMWORK ROUTE

   Route, arrow, and nodes move together.
   ========================================= */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-yellow-route {
  transform-box: fill-box;
  transform-origin: center;

  animation: tcc-team-yellow-route-move 6.5s ease-in-out infinite;
}


/* Prevent route pieces from separating */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-yellow-route path,
.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-yellow-route circle {
  animation: none !important;
}

@keyframes tcc-team-yellow-route-move {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(4px, -2px, 0);
  }
}


/* =========================================
   SMALL DECORATIVE DETAILS
   ========================================= */

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-detail {
  animation: tcc-team-detail-move 5.4s ease-in-out infinite;
}

.elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-detail:nth-of-type(2n) {
  animation-delay: -2.4s;
}

@keyframes tcc-team-detail-move {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 0.45;
  }

  50% {
    transform: translate3d(3px, -2px, 0);
    opacity: 0.75;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {
  .elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-shape {
    right: -16%;

    width: 69%;
    max-width: 860px;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-542 .elementor-element.elementor-element-7cb3d63 {
    display: none !important;
  }
}


/* =========================================
   ACCESSIBILITY
   ========================================= */

@media (prefers-reduced-motion: reduce) {
  .elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-shape svg,
  .elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-person,
  .elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-connection,
  .elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-hub,
  .elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-card,
  .elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-yellow-route,
  .elementor-542 .elementor-element.elementor-element-7cb3d63 .tcc-team-detail {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11e77bc *//* =========================================
   TCC MEET THE TEAM HERO FLEXBOX
   NO-MANUAL-CLASS VERSION

   Paste into:
   Appearance > Customize > Additional CSS

   Requires NOTHING typed into the Elementor
   Flexbox container settings.

   Automatically targets:
   - The Flexbox container holding the section
     with class "tcc-team-page-header"
   - The HTML widget holding ".tcc-team-shape"

   Uses the :has() .elementor-542 .elementor-element.elementor-element-11e77bc.
   ========================================= */


/* =========================================
   MAIN FLEXBOX CONTAINER
   ========================================= */

.e-con:has(> .elementor-widget-text-editor .tcc-team-page-header),
.e-con:has(
  > .e-con-inner
  > .elementor-widget-text-editor
  .tcc-team-page-header
) {
  position: relative;
  isolation: isolate;

  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;

  width: 100%;
  max-width: 100%;
  min-height: 420px;

  margin: 0;
  padding: 0;

  color: #ffffff;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255, 206, 0, 0.14) 0%,
      rgba(255, 206, 0, 0) 30%
    ),
    radial-gradient(
      circle at 82% 48%,
      rgba(47, 132, 230, 0.12) 0%,
      rgba(47, 132, 230, 0) 38%
    ),
    linear-gradient(
      135deg,
      #0a192f 0%,
      #101f4d 55%,
      #15295e 100%
    ) !important;

  overflow: hidden !important;
}


/* =========================================
   YELLOW DOTTED ACCENT
   ========================================= */

.e-con:has(> .elementor-widget-text-editor .tcc-team-page-header)::before,
.e-con:has(
  > .e-con-inner
  > .elementor-widget-text-editor
  .tcc-team-page-header
)::before {
  content: "";

  position: absolute;
  z-index: 0;

  top: 34px;
  left: 34px;

  width: 145px;
  height: 145px;

  background-image: radial-gradient(
    rgba(255, 206, 0, 0.32) 1.5px,
    transparent 1.5px
  );

  background-size: 15px 15px;
  opacity: 0.7;

  pointer-events: none;
}


/* =========================================
   SOFT YELLOW GLOW
   ========================================= */

.e-con:has(> .elementor-widget-text-editor .tcc-team-page-header)::after,
.e-con:has(
  > .e-con-inner
  > .elementor-widget-text-editor
  .tcc-team-page-header
)::after {
  content: "";

  position: absolute;
  z-index: 0;

  right: -120px;
  bottom: -170px;

  width: 420px;
  height: 420px;

  border-radius: 50%;

  background: rgba(255, 206, 0, 0.08);
  filter: blur(10px);

  pointer-events: none;
}


/* =========================================
   OPTIONAL ELEMENTOR INNER WRAPPER
   ========================================= */

.e-con:has(
  > .e-con-inner
  > .elementor-widget-text-editor
  .tcc-team-page-header
)
> .e-con-inner {
  position: relative;
  z-index: 1;

  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;

  width: 100%;
  max-width: none !important;
  min-height: 420px;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
}


/* =========================================
   TEXT EDITOR WIDGET
   ========================================= */

.elementor-widget-text-editor:has(.tcc-team-page-header) {
  position: relative !important;
  z-index: 3 !important;

  flex: 0 0 100% !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}

.elementor-widget-text-editor:has(.tcc-team-page-header)
> .elementor-widget-container {
  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


/* =========================================
   HEADER SECTION
   ========================================= */

.tcc-team-page-header {
  position: relative;
  z-index: auto;

  display: flex;
  align-items: center;

  width: 100%;
  min-height: 420px;

  margin: 0;
  padding: 50px 24px;

  color: #ffffff;

  background: transparent !important;
  overflow: visible;
}


/* Disable old section-level decorations */
.tcc-team-page-header::before,
.tcc-team-page-header::after {
  content: none !important;
  display: none !important;
}


/* =========================================
   HEADER CONTENT
   ========================================= */

.tcc-team-page-header .tcc-page-header-inner {
  position: relative;
  z-index: 5 !important;

  width: 100%;
  max-width: 1180px;

  margin: 0 auto;
}

.tcc-team-page-header .tcc-page-header-content {
  position: relative;
  z-index: 5 !important;

  width: 100%;
  max-width: 850px;
}


/* =========================================
   EYEBROW
   ========================================= */

.tcc-team-page-header .tcc-page-header-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin: 0 0 18px;

  color: #ffce00;

  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}

.tcc-team-page-header .tcc-page-header-eyebrow::before {
  content: "" !important;
  display: inline-block !important;

  width: 34px;
  height: 3px;
  flex: 0 0 34px;

  border-radius: 999px;
  background: #ffce00;
}


/* =========================================
   TITLE
   ========================================= */

.tcc-team-page-header .tcc-page-header-title {
  max-width: 850px;

  margin: 0 0 22px;

  color: #ffffff !important;

  font-size: clamp(42px, 6vw, 72px);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -2px;
}

.tcc-team-page-header .tcc-page-header-title-highlight {
  display: block;

  color: #ffce00;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.tcc-team-page-header .tcc-page-header-description {
  max-width: 760px;

  margin: 0;

  color: rgba(255, 255, 255, 0.84) !important;

  font-size: clamp(18px, 2vw, 22px);
  font-weight: 400;
  line-height: 1.65;
}


/* =========================================
   SEPARATE HTML SHAPE WIDGET
   ========================================= */

.elementor-widget-html:has(.tcc-team-shape) {
  position: absolute !important;
  z-index: 2 !important;

  inset: 0 !important;

  width: 100% !important;
  max-width: none !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  overflow: hidden !important;
  pointer-events: none;
}

.elementor-widget-html:has(.tcc-team-shape)
> .elementor-widget-container {
  position: relative;

  width: 100%;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  overflow: hidden !important;
  pointer-events: none;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {
  .e-con:has(> .elementor-widget-text-editor .tcc-team-page-header),
  .e-con:has(
    > .e-con-inner
    > .elementor-widget-text-editor
    .tcc-team-page-header
  ),
  .e-con:has(
    > .e-con-inner
    > .elementor-widget-text-editor
    .tcc-team-page-header
  )
  > .e-con-inner {
    min-height: 420px;
  }

  .tcc-team-page-header {
    min-height: 420px;

    padding: 70px 30px 68px;
  }

  .tcc-team-page-header .tcc-page-header-content {
    max-width: 650px;
  }

  .tcc-team-page-header .tcc-page-header-title {
    max-width: 650px;

    font-size: clamp(42px, 5.5vw, 60px);
  }

  .tcc-team-page-header .tcc-page-header-description {
    max-width: 600px;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .e-con:has(> .elementor-widget-text-editor .tcc-team-page-header),
  .e-con:has(
    > .e-con-inner
    > .elementor-widget-text-editor
    .tcc-team-page-header
  ) {
    display: block;

    min-height: auto;

    overflow: hidden !important;
  }

  .e-con:has(
    > .e-con-inner
    > .elementor-widget-text-editor
    .tcc-team-page-header
  )
  > .e-con-inner {
    display: block;

    min-height: auto;
  }

  .tcc-team-page-header {
    min-height: auto;

    padding: 72px 20px 62px;
  }

  .e-con:has(> .elementor-widget-text-editor .tcc-team-page-header)::before,
  .e-con:has(
    > .e-con-inner
    > .elementor-widget-text-editor
    .tcc-team-page-header
  )::before {
    top: 20px;
    left: 18px;

    width: 100px;
    height: 100px;

    background-size: 13px 13px;
    opacity: 0.45;
  }

  .tcc-team-page-header .tcc-page-header-content {
    max-width: 100%;
  }

  .tcc-team-page-header .tcc-page-header-title {
    max-width: 100%;

    margin-bottom: 18px;

    font-size: clamp(38px, 12vw, 52px);
    line-height: 1.08;
    letter-spacing: -1.2px;
  }

  .tcc-team-page-header .tcc-page-header-description {
    max-width: 100%;

    font-size: 18px;
    line-height: 1.6;
  }

  /* Hide decorative graphic on phones */
  .elementor-widget-html:has(.tcc-team-shape) {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0c13237 *//* =========================================
   MEET THE TEAM INTRO SECTION
   ========================================= */

.tcc-team-intro {
  width: 100%;

  padding: 10px 24px 54px;

  background: #ffffff;
}

.tcc-team-intro-inner {
  width: 100%;
  max-width: 900px;

  margin: 0 auto;

  text-align: center;
}

/* Eyebrow */

.tcc-team-intro-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  margin: 0 0 18px;

  color: #b88d00;

  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.tcc-team-intro-eyebrow::before,
.tcc-team-intro-eyebrow::after {
  content: "";

  width: 34px;
  height: 3px;

  border-radius: 999px;

  background: #ffce00;
}

/* Heading */

.tcc-team-intro-title {
  margin: 0 0 22px;

  color: #101f4d;

  font-size: clamp(36px, 5vw, 56px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.tcc-team-intro-title span {
  color: #d9a900;
}

/* Description */

.tcc-team-intro-description {
  max-width: 820px;

  margin: 0 auto;

  color: #52627a;

  font-size: clamp(17px, 1.8vw, 20px);
  font-weight: 400;
  line-height: 1.7;
}

/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {
  .tcc-team-intro {
    padding: 68px 30px 48px;
  }

  .tcc-team-intro-inner {
    max-width: 760px;
  }
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .tcc-team-intro {
    padding: 56px 20px 40px;
  }

  .tcc-team-intro-eyebrow {
    font-size: 12px;
    letter-spacing: 1.5px;
  }

  .tcc-team-intro-eyebrow::before,
  .tcc-team-intro-eyebrow::after {
    width: 22px;
  }

  .tcc-team-intro-title {
    margin-bottom: 18px;

    font-size: clamp(34px, 11vw, 46px);
    letter-spacing: -1px;
  }

  .tcc-team-intro-description {
    font-size: 17px;
    line-height: 1.65;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e39d152 *//* =========================================
   TCC MEET THE TEAM CTA
   NO FLEXBOX CLASSES REQUIRED

   ELEMENTOR STRUCTURE:

   Outer Flexbox
   ├── Left Flexbox
   │   └── Text Editor
   │       └── .tcc-team-cta-content
   └── Right Flexbox
       ├── Button
       └── Button

   IMPORTANT FIX:
   The left column no longer grows across the
   entire screen. Both columns are centered
   together with a controlled gap.
   ========================================= */


/* =========================================
   OUTER FLEXBOX
   ========================================= */

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
) {
  position: relative !important;
  isolation: isolate !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: stretch !important;
  justify-content: center !important;

  gap: clamp(36px, 5vw, 72px) !important;

  width: 100% !important;
  max-width: 100% !important;
  min-height: 430px !important;

  margin: 0 !important;
  padding: 64px 48px !important;

  color: #ffffff !important;

  background-color: #101f4d !important;

  background-image:
    radial-gradient(
      circle at 12% 20%,
      rgba(255, 206, 0, 0.14) 0%,
      rgba(255, 206, 0, 0) 30%
    ),
    radial-gradient(
      circle at 88% 65%,
      rgba(47, 132, 230, 0.16) 0%,
      rgba(47, 132, 230, 0) 34%
    ),
    linear-gradient(
      135deg,
      #081226 0%,
      #101f4d 55%,
      #15295e 100%
    ) !important;

  overflow: hidden !important;
}


/* =========================================
   FORCE BOTH INNER FLEXBOXES TRANSPARENT
   ========================================= */

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
> .e-con {
  position: relative !important;
  z-index: 2 !important;

  margin: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;
}


/* =========================================
   LEFT TEXT FLEXBOX

   FIX:
   Uses a controlled width instead of flex-grow.
   ========================================= */

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
> .e-con:has(.tcc-team-cta-content) {
  display: flex !important;

  flex: 0 1 760px !important;
  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
  min-height: 300px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


/* =========================================
   TEXT EDITOR WIDGET
   ========================================= */

.elementor-widget-text-editor:has(.tcc-team-cta-content) {
  width: 100% !important;
  max-width: 760px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}

.elementor-widget-text-editor:has(.tcc-team-cta-content)
> .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


/* =========================================
   RIGHT BUTTON FLEXBOX

   Fixed-size column positioned directly
   beside the left text column.
   ========================================= */

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
> .e-con:has(
  > .elementor-widget-button
):not(
  :has(.tcc-team-cta-content)
) {
  display: flex !important;

  flex: 0 0 320px !important;
  flex-direction: column !important;

  align-items: stretch !important;
  justify-content: center !important;

  width: 320px !important;
  max-width: 320px !important;
  min-width: 320px !important;
  min-height: 300px !important;

  gap: 16px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}


/* =========================================
   BUTTON WIDGETS
   ========================================= */

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
> .e-con:has(
  > .elementor-widget-button
)
> .elementor-widget-button {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
.elementor-widget-button
> .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Both buttons */

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
.elementor-widget-button
.elementor-button {
  display: flex !important;

  width: 100% !important;
  min-height: 64px !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 16px 22px !important;

  border-radius: 8px !important;

  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  text-align: center !important;

  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
.elementor-widget-button
.elementor-button:hover {
  transform: translateY(-3px);
}


/* =========================================
   FIRST BUTTON
   ========================================= */

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
> .e-con:has(
  > .elementor-widget-button
)
> .elementor-widget-button:first-child
.elementor-button {
  border: 1px solid #ffce00 !important;

  background: #ffce00 !important;
  color: #081226 !important;

  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18) !important;
}

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
> .e-con:has(
  > .elementor-widget-button
)
> .elementor-widget-button:first-child
.elementor-button:hover {
  border-color: #ffd735 !important;

  background: #ffd735 !important;
  color: #081226 !important;
}


/* =========================================
   SECOND BUTTON
   ========================================= */

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
> .e-con:has(
  > .elementor-widget-button
)
> .elementor-widget-button:last-child
.elementor-button {
  border: 1px solid rgba(255, 255, 255, 0.65) !important;

  background: transparent !important;
  color: #ffffff !important;

  box-shadow: none !important;
}

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)
> .e-con:has(
  > .elementor-widget-button
)
> .elementor-widget-button:last-child
.elementor-button:hover {
  border-color: #ffce00 !important;

  background: rgba(255, 206, 0, 0.1) !important;
  color: #ffce00 !important;
}


/* =========================================
   YELLOW DOT PATTERN
   ========================================= */

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)::before {
  content: "";

  position: absolute;
  z-index: 0;

  top: 28px;
  left: 18px;

  width: 170px;
  height: 170px;

  background-image: radial-gradient(
    rgba(255, 206, 0, 0.3) 1.5px,
    transparent 1.5px
  );

  background-size: 15px 15px;
  opacity: 0.5;

  pointer-events: none;
}


/* =========================================
   SOFT BACKGROUND GLOW
   ========================================= */

.e-con:has(
  > .e-con .tcc-team-cta-content
):has(
  > .e-con > .elementor-widget-button
)::after {
  content: "";

  position: absolute;
  z-index: 0;

  right: -140px;
  bottom: -210px;

  width: 480px;
  height: 480px;

  border-radius: 50%;

  background: rgba(255, 206, 0, 0.07);
  filter: blur(12px);

  pointer-events: none;
}


/* =========================================
   CTA CONTENT
   ========================================= */

.tcc-team-cta-content {
  position: relative;
  z-index: 3;

  width: 100%;
  max-width: 760px;

  color: #ffffff;
}


/* Eyebrow */

.tcc-team-cta-eyebrow {
  display: inline-flex !important;

  align-items: center;
  gap: 10px;

  margin: 0 0 18px !important;

  color: #ffce00 !important;

  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

.tcc-team-cta-eyebrow::before {
  content: "";

  display: inline-block;

  width: 34px;
  height: 3px;
  flex: 0 0 34px;

  border-radius: 999px;

  background: #ffce00;
}


/* Heading */

.tcc-team-cta-title {
  display: block !important;

  max-width: 760px;

  margin: 0 0 22px !important;

  color: #ffffff !important;

  font-size: clamp(38px, 4.5vw, 62px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -1.6px !important;
}

.tcc-team-cta-title span {
  display: block !important;

  color: #ffce00 !important;
}


/* Description */

.tcc-team-cta-description {
  display: block !important;

  max-width: 720px;

  margin: 0 !important;

  color: rgba(255, 255, 255, 0.86) !important;

  font-size: clamp(17px, 1.5vw, 20px) !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {
  .e-con:has(
    > .e-con .tcc-team-cta-content
  ):has(
    > .e-con > .elementor-widget-button
  ) {
    gap: 32px !important;

    padding: 56px 30px !important;
  }

  .e-con:has(
    > .e-con .tcc-team-cta-content
  ):has(
    > .e-con > .elementor-widget-button
  )
  > .e-con:has(.tcc-team-cta-content) {
    flex-basis: 620px !important;
    max-width: 620px !important;
  }

  .e-con:has(
    > .e-con .tcc-team-cta-content
  ):has(
    > .e-con > .elementor-widget-button
  )
  > .e-con:has(
    > .elementor-widget-button
  ):not(
    :has(.tcc-team-cta-content)
  ) {
    flex-basis: 270px !important;

    width: 270px !important;
    max-width: 270px !important;
    min-width: 270px !important;
  }

  .tcc-team-cta-title {
    font-size: clamp(36px, 5vw, 52px) !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .e-con:has(
    > .e-con .tcc-team-cta-content
  ):has(
    > .e-con > .elementor-widget-button
  ) {
    flex-direction: column !important;

    align-items: stretch !important;

    gap: 28px !important;

    min-height: auto !important;

    padding: 54px 20px !important;
  }

  .e-con:has(
    > .e-con .tcc-team-cta-content
  ):has(
    > .e-con > .elementor-widget-button
  )
  > .e-con:has(.tcc-team-cta-content) {
    order: 1;

    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;

    padding: 0 !important;
  }

  .e-con:has(
    > .e-con .tcc-team-cta-content
  ):has(
    > .e-con > .elementor-widget-button
  )
  > .e-con:has(
    > .elementor-widget-button
  ):not(
    :has(.tcc-team-cta-content)
  ) {
    order: 2;

    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;

    padding: 0 !important;
  }

  .tcc-team-cta-title {
    margin-bottom: 18px !important;

    font-size: clamp(34px, 11vw, 46px) !important;
    letter-spacing: -1px !important;
  }

  .tcc-team-cta-description {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  .e-con:has(
    > .e-con .tcc-team-cta-content
  ):has(
    > .e-con > .elementor-widget-button
  )::before {
    top: 16px;
    left: 10px;

    width: 100px;
    height: 100px;

    background-size: 13px 13px;
    opacity: 0.32;
  }
}/* End custom CSS */