.elementor .e-d85188d-b818778{width:100%;min-height:420px;flex-direction:row;justify-content:flex-start;align-items:center;/* =========================================
 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.

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

 IMPORTANT:
 Your separate shape HTML widget must use:
 class="tcc-team-shape"

 Uses the :has() selector.
 ========================================= */


/* =========================================
 THE FLEXBOX CONTAINER

 Auto-detected:
 Any Elementor container whose direct
 Text Editor child contains the team header.
 ========================================= */

.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

 Auto-detected:
 The Text Editor widget containing the
 Meet the Team header section.
 ========================================= */

.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 any 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

 Auto-detected:
 The HTML widget containing .tcc-team-shape
 ========================================= */

.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;
}
}\n}.elementor .e-8abf043{flex-direction:column;}.elementor .e-7c0f6d2{flex-direction:column;}.elementor .e-2347aa4{width:1180px;display:flex;flex-direction:column;}.elementor .e-4b99c80{flex-direction:column;justify-content:space-evenly;align-items:stretch;}.elementor .e-1427890{width:50%;flex-direction:column;}.elementor .e-2653060{flex-direction:row;}