.elementor .e-2ab676d{flex-direction:column;/* =========================================
 TCC ABOUT PAGE HEADER
 ========================================= */

.tcc-page-header {
position: relative;
overflow: hidden;
width: 100%;
padding: 50px 24px 50px;
background:
  radial-gradient(
    circle at 12% 18%,
    rgba(255, 206, 0, 0.14) 0,
    rgba(255, 206, 0, 0) 30%
  ),
  linear-gradient(
    135deg,
    #0a192f 0%,
    #101f4d 55%,
    #15295e 100%
  );
color: #ffffff;
}

/* Subtle dotted accent */
.tcc-page-header::before {
content: "";
position: absolute;
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 */
.tcc-page-header::after {
content: "";
position: absolute;
right: -120px;
bottom: -170px;
width: 420px;
height: 420px;
border-radius: 50%;
background: rgba(255, 206, 0, 0.08);
filter: blur(10px);
pointer-events: none;
}

.tcc-page-header-inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 1180px;
margin: 0 auto;
}

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

.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-page-header-eyebrow::before {
content: "";
width: 34px;
height: 3px;
border-radius: 999px;
background: #ffce00;
}

.tcc-page-header-title {
margin: 0 0 22px;
color: #ffffff;
font-size: clamp(42px, 6vw, 72px);
font-weight: 800;
line-height: 1.03;
letter-spacing: -2px;
}

.tcc-page-header-title-highlight {
color: #ffce00;
}

.tcc-page-header-description {
max-width: 760px;
margin: 0;
color: rgba(255, 255, 255, 0.84);
font-size: clamp(18px, 2vw, 22px);
font-weight: 400;
line-height: 1.65;
}

/* Optional button area */
.tcc-page-header-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}

.tcc-page-header-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 15px 28px;
border: 2px solid #ffce00;
border-radius: 10px;
background: #ffce00;
color: #0a192f;
font-size: 17px;
font-weight: 800;
line-height: 1.2;
text-decoration: none;
box-shadow: 0 14px 30px rgba(255, 206, 0, 0.2);
transition:
  transform 0.25s ease,
  background-color 0.25s ease,
  color 0.25s ease,
  box-shadow 0.25s ease;
}

.tcc-page-header-button:hover,
.tcc-page-header-button:focus {
background: transparent;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 18px 34px rgba(0, 0, 0, 0.18);
text-decoration: none;
}

/* Optional secondary button */
.tcc-page-header-button-secondary {
background: transparent;
color: #ffffff;
border-color: rgba(255, 255, 255, 0.45);
box-shadow: none;
}

.tcc-page-header-button-secondary:hover,
.tcc-page-header-button-secondary:focus {
background: rgba(255, 255, 255, 0.08);
border-color: #ffce00;
color: #ffce00;
}

/* Tablet */
@media (max-width: 1024px) {
.tcc-page-header {
  padding: 90px 30px 78px;
}

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

/* Mobile */
@media (max-width: 767px) {
.tcc-page-header {
  padding: 72px 20px 62px;
}

.tcc-page-header::before {
  top: 20px;
  left: 18px;
  width: 100px;
  height: 100px;
  background-size: 13px 13px;
  opacity: 0.45;
}

.tcc-page-header-title {
  margin-bottom: 18px;
  font-size: clamp(38px, 12vw, 52px);
  line-height: 1.08;
  letter-spacing: -1.2px;
}

.tcc-page-header-description {
  font-size: 18px;
  line-height: 1.6;
}

.tcc-page-header-actions {
  flex-direction: column;
  width: 100%;
  margin-top: 28px;
}

.tcc-page-header-button {
  width: 100%;
}
}\n}.elementor .e-b5a888f{width:90%;flex-direction:column;align-items:stretch;}.elementor .e-dd2f1c3{width:55%;flex-direction:column;gap:0px;justify-content:flex-start;}.elementor .e-01e4a98-722f8d2{width:100%;max-width:1250px;padding-inline-start:24px;padding-inline-end:24px;gap:60px;justify-content:space-between;align-items:start;}.elementor .e-20e3a21{width:100%;max-width:1800px;flex-direction:column;selector {
width: 100%;
max-width: 1180px;
margin: 70px auto 0;
padding: 60px 24px 80px;
box-sizing: border-box;
background: #f7f8fb;
border-radius: 24px;
}

@media (max-width: 767px) {
selector {
  margin-top: 50px;
  padding: 36px 18px 50px;
  border-radius: 16px;
}
}\n}