.etl-active .page_content_wrap .content_wrap,
.etl-active .content_wrap {
width: min(calc(100% - 32px), 1240px) !important;
max-width: 1240px !important;
margin-inline: auto !important;
}
.etl-active .content,
.etl-active .post_content,
.etl-active .entry-content {
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
.etl-active.etl-hide-theme-header .top_panel_title,
.etl-active.etl-hide-theme-header .page_title_wrap,
.etl-active.etl-hide-theme-header .page_title,
.etl-active.etl-hide-theme-header .page_caption,
.etl-active.etl-hide-theme-header .breadcrumbs,
.etl-active.etl-hide-theme-header .post_header_single,
.etl-active.etl-hide-theme-header .post_header,
.etl-active.etl-hide-theme-header .post_title.entry-title,
.etl-active.etl-hide-theme-header .sc_layouts_title,
.etl-active.etl-hide-theme-header .sc_layouts_title_breadcrumbs {
display: none !important;
}
.etl-active.etl-hide-sidebar .sidebar,
.etl-active.etl-hide-sidebar aside.sidebar,
.etl-active.etl-hide-sidebar .widget_area,
.etl-active.etl-hide-sidebar .sidebar_inner {
display: none !important;
}
.etl-active .vc_row,
.etl-active .vc_column_container,
.etl-active .vc_column-inner,
.etl-active .wpb_wrapper {
margin: 0 !important;
}
.etl-active .eu-auto-featured-image-wrap { display:none !important; }
.etl-active.etl-featured-none .post_featured,
.etl-active.etl-featured-none figure.eu-auto-featured-image-wrap { display:none !important; }
.etl-active .post_featured {
width: min(calc(100% - 32px), 1240px);
max-width: 1240px;
margin: 1rem auto 2rem;
border-radius: 1.4rem;
overflow: hidden;
box-shadow: 0 22px 64px rgba(16,36,59,.14);
}
.etl-active .post_featured img{display:block;width:100%;height:auto}
.eu-tl {
--etl-primary: #10243b;
--etl-secondary: #1d6fcb;
--etl-accent: #8fd446;
--etl-surface: #f4f8fb;
--etl-body: #52677a;
box-sizing: border-box;
width: min(calc(100% - 8px), 1240px);
max-width: 1240px;
margin-inline: auto;
padding: 0 0 4rem;
color: var(--etl-primary);
font-family: inherit;
}
.eu-tl *, .eu-tl *::before, .eu-tl *::after { box-sizing:border-box; }
.eu-tl p,
.eu-tl li,
.eu-tl td,
.eu-tl blockquote {
color: var(--etl-body);
text-align: justify;
line-height: 1.85;
font-size: 1.04rem;
word-break: normal !important;
overflow-wrap: break-word !important;
white-space: normal !important;
hyphens: none !important;
}
.eu-tl h1,.eu-tl h2,.eu-tl h3,.eu-tl h4,.eu-tl h5,.eu-tl h6{
color: var(--etl-primary);
line-height: 1.15;
margin: 0 0 .9rem;
text-wrap: balance;
word-break: normal !important;
overflow-wrap: break-word !important;
}
.eu-tl h1{font-size:clamp(2.5rem,5vw,4.35rem);letter-spacing:-.05em;color:var(--etl-accent)}
.eu-tl h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.04em}
.eu-tl h3{font-size:clamp(1.15rem,2vw,1.5rem)}
.eu-tl a{color:var(--etl-secondary);text-decoration-thickness:.08em;text-underline-offset:.18em}
.eu-tl img{max-width:100%;height:auto}
.eu-tl__progress{position:sticky;top:0;left:0;z-index:40;height:4px;background:rgba(29,111,203,.08);border-radius:999px;overflow:hidden;margin-bottom:1.5rem}
.eu-tl__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--etl-secondary),var(--etl-accent));transition:width .18s linear}
.eu-tl__hero{padding:clamp(2rem,6vw,4.5rem) 0 2rem}
.eu-tl__hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.4rem;align-items:start}
.eu-tl__hero--compact{display:block;max-width:980px}
.eu-tl__brand,.eu-tl__edition,.eu-tl__kicker,.eu-tl__eyebrow,.eu-tl__section-label{
margin:0 0 .7rem;
color:var(--etl-secondary);
font-size:.82rem;
font-weight:850;
letter-spacing:.1em;
text-transform:uppercase;
text-align:left !important;
}
.eu-tl__subtitle,.eu-tl__lead{font-size:1.16rem !important;color:var(--etl-body);max-width:980px}
.eu-tl__hero-note,.eu-tl__notice{
margin-top:1rem;
padding:1.1rem 1.2rem;
border-left:4px solid var(--etl-secondary);
border-radius:1rem;
background:var(--etl-surface);
}
.eu-tl__hero-note strong,.eu-tl__notice strong{display:block;color:var(--etl-primary);margin-bottom:.3rem}
.eu-tl__hero-actions,.eu-tl__cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}
.eu-tl__button{
display:inline-flex;align-items:center;justify-content:center;min-height:3rem;
padding:.88rem 1.22rem;border-radius:999px;font-weight:850;text-decoration:none !important;
line-height:1.2;text-align:center;box-shadow:0 12px 26px rgba(16,36,59,.1)
}
.eu-tl__button--primary{background:var(--etl-secondary);color:#fff !important}
.eu-tl__button--ghost{background:var(--etl-primary);color:#fff !important}
.eu-tl__button--outline{background:#fff;color:var(--etl-primary)!important;border:1px solid #d6e2ec}
.eu-tl__hero-aside,.eu-tl__meta,.eu-tl__faq details,
.eu-tl__card,.eu-tl__timeline-step,.eu-tl__step,
.eu-tl__table-wrap,.eu-tl__feature,
.eu-tl__related a,.eu-tl__stat,
.eu-tl__cta,.eu-tl__featured{
border:1px solid #dce7f0;
background:#fff;
border-radius:1.25rem;
box-shadow:0 20px 54px rgba(16,36,59,.06)
}
.eu-tl__hero-aside{padding:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.eu-tl__stat{padding:1rem}
.eu-tl__stat-number{display:block;color:var(--etl-primary);font-size:1.5rem;font-weight:900;line-height:1.1}
.eu-tl__stat-unit{display:block;color:var(--etl-secondary);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:850;margin-bottom:.35rem}
.eu-tl__stat p{margin:0;font-size:.94rem;line-height:1.65;text-align:left}
.eu-tl__meta{display:flex;flex-wrap:wrap;gap:.8rem;padding:1rem 1.1rem;margin-top:1rem;background:var(--etl-surface)}
.eu-tl__meta span{font-size:.92rem;color:var(--etl-body)}
.eu-tl__content{display:grid;gap:2.2rem}
.eu-tl__content--auto{gap:1.6rem}
.eu-tl__section{padding:1rem 0}
.eu-tl__section--surface{padding:clamp(1.2rem,3vw,2.2rem);background:var(--etl-surface);border-radius:1.5rem}
.eu-tl__toc{padding:1.25rem 1.35rem;border-radius:1.4rem;background:linear-gradient(135deg,var(--etl-surface),#fbfdff);border:1px solid #dce7f0}
.eu-tl__toc ol{margin:1rem 0 0;padding-left:1.25rem;display:grid;gap:.35rem}
.eu-tl__toc a{font-weight:700}
.eu-tl__cards,
.eu-tl__features,
.eu-tl__related,
.eu-tl__grid-2,
.eu-tl__grid-3,
.eu-tl__grid-4{display:grid;gap:1rem}
.eu-tl__cards--2,.eu-tl__grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.eu-tl__cards--3,.eu-tl__grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.eu-tl__cards--4,.eu-tl__grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.eu-tl__card{padding:1.2rem;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}
.eu-tl__card-tag{display:inline-flex;align-self:flex-start;padding:.35rem .6rem;border-radius:999px;background:rgba(29,111,203,.1);color:var(--etl-secondary);font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}
.eu-tl__card p{margin:0}
.eu-tl__card--accent{background:linear-gradient(135deg,#ffffff,#f8fcf3)}
.eu-tl__card--gold{background:linear-gradient(135deg,#ffffff,#fffaf0)}
.eu-tl__card--navy{background:linear-gradient(135deg,#ffffff,#f3f7fd)}
.eu-tl__quote{margin:1rem 0;padding:1rem 1.2rem;border-left:4px solid var(--etl-accent);background:#fbfef8;border-radius:1rem;font-size:1.1rem;color:var(--etl-primary)}
.eu-tl__number-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;padding:1rem 0}
.eu-tl__number-item{padding:1rem;border-radius:1.15rem;background:var(--etl-primary)}
.eu-tl__number-value{display:block;color:var(--etl-accent);font-size:1.75rem;font-weight:900;line-height:1}
.eu-tl__number-label{display:block;color:rgba(255,255,255,.88);margin-top:.35rem;font-size:.92rem;line-height:1.45}
.eu-tl__table-wrap{overflow-x:auto;padding:0}
.eu-tl__table{width:100%;min-width:760px;border-collapse:collapse}
.eu-tl__table th,.eu-tl__table td{padding:1rem;border-bottom:1px solid #e5edf4;vertical-align:top}
.eu-tl__table th{background:var(--etl-primary);color:#fff;text-transform:uppercase;font-size:.82rem;letter-spacing:.05em;text-align:left}
.eu-tl__table td:first-child{font-weight:800;color:var(--etl-primary)}
.eu-tl__timeline,.eu-tl__steps{display:flex;flex-direction:column;gap:.8rem}
.eu-tl__timeline-step,.eu-tl__step,.eu-tl__steps li{
display:grid;grid-template-columns:72px minmax(0,1fr);
gap:1rem;align-items:start;padding:1rem 1.1rem;min-height:unset;height:auto;width:100%
}
.eu-tl__timeline-step::before,.eu-tl__step::before,.eu-tl__steps li::before{
content:attr(data-step);display:grid;place-items:center;width:48px;height:48px;border-radius:14px;
background:#eaf4ff;color:var(--etl-secondary);font-size:.82rem;font-weight:900
}
.eu-tl__timeline-step h3,.eu-tl__step h3,.eu-tl__steps li h3,
.eu-tl__timeline-step p,.eu-tl__step p,.eu-tl__steps li p {
display:block !important;
width:100% !important;
max-width:none !important;
margin:0 0 .3rem 0;
white-space:normal !important;
}
.eu-tl__steps{list-style:none;padding:0;margin:0}
.eu-tl__steps li > span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf4ff;color:var(--etl-secondary);font-size:.82rem;font-weight:900}
.eu-tl__steps li{grid-template-columns:72px minmax(0,1fr)}
.eu-tl__steps li > div{min-width:0;width:100%}
.eu-tl__featured{margin:1rem 0 2rem;overflow:hidden}
.eu-tl__featured img{display:block;width:100%;height:auto}
.eu-tl__featured figcaption{padding:.9rem 1rem;font-size:.9rem;color:var(--etl-body);background:#fff}
.eu-tl__faq{display:grid;gap:.85rem}
.eu-tl__faq details{overflow:hidden}
.eu-tl__faq summary{cursor:pointer;padding:1rem 1.15rem;font-weight:850;color:var(--etl-primary);list-style:none}
.eu-tl__faq summary::-webkit-details-marker{display:none}
.eu-tl__faq details p{padding:0 1.15rem 1rem;margin:0}
.eu-tl__related{grid-template-columns:repeat(3,minmax(0,1fr))}
.eu-tl__related a{display:block;padding:1rem;font-weight:850;text-decoration:none !important}
.eu-tl__cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.4rem;align-items:center;padding:1.4rem;background:linear-gradient(135deg,var(--etl-surface),#ffffff)}
.eu-tl ul,.eu-tl ol{padding-left:1.2rem}
.eu-tl li+li{margin-top:.35rem}
.eu-tl .wpb_single_image,.eu-tl .vc_single_image-wrapper{max-width:100%}
@media (max-width: 1100px){
.eu-tl__hero-grid,.eu-tl__cards--4,.eu-tl__grid-4,.eu-tl__number-band{grid-template-columns:repeat(2,minmax(0,1fr))}
.eu-tl__cards--3,.eu-tl__grid-3,.eu-tl__related{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 900px){
.eu-tl__hero-grid,.eu-tl__cta{grid-template-columns:1fr}
}
@media (max-width: 768px){
.eu-tl{width:min(calc(100% - 18px),100%)}
.eu-tl p,.eu-tl li,.eu-tl td{font-size:1rem;line-height:1.72}
.eu-tl__hero-actions,.eu-tl__cta-actions{display:grid;grid-template-columns:1fr}
.eu-tl__button{width:100%}
.eu-tl__hero-aside,
.eu-tl__cards--2,.eu-tl__cards--3,.eu-tl__cards--4,
.eu-tl__grid-2,.eu-tl__grid-3,.eu-tl__grid-4,
.eu-tl__number-band,.eu-tl__related{grid-template-columns:1fr}
.eu-tl__timeline-step,.eu-tl__step,.eu-tl__steps li{grid-template-columns:56px minmax(0,1fr);padding:.95rem}
.eu-tl__table{min-width:680px}
}  .eu-tl {
--etl-primary: #10243b;
--etl-secondary: #1d6fcb;
--etl-accent: #86c943;
--etl-accent-soft: #eef8e6;
--etl-surface: #f6f9fc;
--etl-body: #4d6276;
--etl-border: #dce6ef;
--etl-shadow: 0 14px 38px rgba(16, 36, 59, 0.06);
} .etl-active .eu-tl h1,
.etl-active .eu-tl h2,
.etl-active .eu-tl h3,
.etl-active .eu-tl h4,
.etl-active .eu-tl h5,
.etl-active .eu-tl h6 {
color: var(--etl-primary) !important;
}
.etl-active .eu-tl h1 {
font-size: clamp(2.45rem, 4.6vw, 4.1rem);
line-height: 1.03;
letter-spacing: -0.045em;
}
.etl-active .eu-tl__section > h2,
.etl-active .eu-tl__toc > h2,
.etl-active .eu-tl__cta h2 {
position: relative;
margin-bottom: 1.2rem !important;
padding-bottom: 0.72rem;
font-size: clamp(1.75rem, 2.75vw, 2.45rem);
line-height: 1.12;
letter-spacing: -0.035em;
}
.etl-active .eu-tl__section > h2::after,
.etl-active .eu-tl__toc > h2::after,
.etl-active .eu-tl__cta h2::after {
content: "";
display: block;
width: 52px;
height: 3px;
margin-top: 0.68rem;
border-radius: 999px;
background: var(--etl-accent);
} .etl-active .eu-tl__brand,
.etl-active .eu-tl__edition,
.etl-active .eu-tl__kicker,
.etl-active .eu-tl__eyebrow,
.etl-active .eu-tl__section-label {
color: var(--etl-secondary) !important;
}
.etl-active .eu-tl__section-label {
display: inline-flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.65rem;
}
.etl-active .eu-tl__section-label::before {
content: "";
width: 18px;
height: 2px;
border-radius: 99px;
background: var(--etl-accent);
} .etl-active .eu-tl__section > p,
.etl-active .eu-tl__section > .eu-tl__lead,
.etl-active .eu-tl__section--surface > p,
.etl-active .eu-tl__section--surface > .eu-tl__lead,
.etl-active .eu-tl__cta > div > p,
.etl-active .eu-tl__hero .eu-tl__subtitle {
width: 100% !important;
max-width: none !important;
}
.etl-active .eu-tl__section > p:not(.eu-tl__section-label),
.etl-active .eu-tl__section > .eu-tl__lead,
.etl-active .eu-tl__section--surface > p:not(.eu-tl__section-label),
.etl-active .eu-tl__section--surface > .eu-tl__lead,
.etl-active .eu-tl__hero .eu-tl__subtitle,
.etl-active .eu-tl__quote {
text-align: justify !important;
text-justify: inter-word;
} .etl-active .eu-tl__card p,
.etl-active .eu-tl__stat p,
.etl-active .eu-tl__steps p,
.etl-active .eu-tl__timeline-step p,
.etl-active .eu-tl__faq p,
.etl-active .eu-tl__notice,
.etl-active .eu-tl__notice p,
.etl-active .eu-tl__meta,
.etl-active .eu-tl__table td,
.etl-active .eu-tl__related a {
text-align: left !important;
} .etl-active .eu-tl__content {
gap: 2.55rem;
}
.etl-active .eu-tl__section {
padding: 1.15rem 0;
}
.etl-active .eu-tl__section--surface {
position: relative;
padding: clamp(1.35rem, 3.1vw, 2.35rem);
border: 1px solid var(--etl-border);
border-radius: 1.25rem;
background:
linear-gradient(180deg, rgba(248, 251, 253, 0.98), rgba(244, 248, 251, 0.98));
box-shadow: none;
}
.etl-active .eu-tl__section--surface::before {
content: "";
position: absolute;
left: 0;
top: 1.4rem;
bottom: 1.4rem;
width: 3px;
border-radius: 99px;
background: linear-gradient(180deg, var(--etl-secondary), var(--etl-accent));
} .etl-active .eu-tl__card {
position: relative;
padding: 1.2rem 1.2rem 1.15rem;
border: 1px solid var(--etl-border);
border-radius: 0.9rem;
background: #fff !important;
box-shadow: var(--etl-shadow);
overflow: hidden;
}
.etl-active .eu-tl__card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, var(--etl-secondary), var(--etl-accent));
opacity: 0.85;
}
.etl-active .eu-tl__card h3 {
margin-bottom: 0.45rem !important;
font-size: 1.13rem;
line-height: 1.28;
}
.etl-active .eu-tl__card p {
line-height: 1.62;
font-size: 0.97rem;
}
.etl-active .eu-tl__card-tag {
margin-bottom: 0.7rem;
padding: 0.28rem 0.55rem;
background: #edf5ff;
color: var(--etl-secondary);
border-radius: 999px;
font-size: 0.7rem;
} .etl-active .eu-tl__steps {
display: block !important;
margin: 1.45rem 0 0 !important;
padding: 0 !important;
border: 1px solid var(--etl-border);
border-radius: 1rem;
overflow: hidden;
background: #fff;
box-shadow: var(--etl-shadow);
list-style: none !important;
}
.etl-active .eu-tl__steps li {
display: grid !important;
grid-template-columns: 58px minmax(0, 1fr) !important;
gap: 1rem !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 1rem 1.15rem !important;
align-items: center !important;
border: 0 !important;
border-bottom: 1px solid #e7eef4 !important;
border-radius: 0 !important;
background: #fff !important;
box-shadow: none !important;
}
.etl-active .eu-tl__steps li:last-child {
border-bottom: 0 !important;
}
.etl-active .eu-tl__steps li::before {
content: none !important;
display: none !important;
}
.etl-active .eu-tl__steps li > span {
display: grid !important;
width: 46px !important;
height: 46px !important;
place-items: center !important;
margin: 0 !important;
border: 1px solid #d8ebc4;
border-radius: 50% !important;
background: var(--etl-accent-soft) !important;
color: #4f8f17 !important;
font-size: 0.75rem !important;
font-weight: 900 !important;
line-height: 1 !important;
}
.etl-active .eu-tl__steps li > div {
min-width: 0 !important;
width: 100% !important;
}
.etl-active .eu-tl__steps li h3 {
display: block !important;
width: 100% !important;
margin: 0 0 0.18rem !important;
color: var(--etl-primary) !important;
font-size: 1.05rem !important;
line-height: 1.3 !important;
}
.etl-active .eu-tl__steps li p {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
color: var(--etl-body) !important;
font-size: 0.95rem !important;
line-height: 1.55 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
} .etl-active .eu-tl__timeline {
gap: 0 !important;
border: 1px solid var(--etl-border);
border-radius: 1rem;
overflow: hidden;
background: #fff;
box-shadow: var(--etl-shadow);
}
.etl-active .eu-tl__timeline-step {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 1rem 1.15rem 1rem 5rem !important;
border: 0 !important;
border-bottom: 1px solid #e7eef4 !important;
border-radius: 0 !important;
background: #fff !important;
box-shadow: none !important;
}
.etl-active .eu-tl__timeline-step:last-child {
border-bottom: 0 !important;
}
.etl-active .eu-tl__timeline-step::before {
left: 1.15rem;
top: 50%;
transform: translateY(-50%);
position: absolute;
width: 46px;
height: 46px;
border-radius: 50%;
background: var(--etl-accent-soft);
color: #4f8f17;
} .etl-active .eu-tl__number-band {
gap: 0.7rem;
}
.etl-active .eu-tl__number-item {
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: 0.85rem;
background: linear-gradient(145deg, #10243b, #173550);
box-shadow: 0 12px 28px rgba(16, 36, 59, 0.11);
}
.etl-active .eu-tl__number-value {
color: #b4dc86 !important;
} .etl-active .eu-tl__table-wrap {
border-radius: 0.85rem;
border: 1px solid var(--etl-border);
box-shadow: var(--etl-shadow);
}
.etl-active .eu-tl__table th {
background: #132b44 !important;
color: #fff !important;
}
.etl-active .eu-tl__table tbody tr:nth-child(even) td {
background: #f8fafc;
} .etl-active .eu-tl__notice,
.etl-active .eu-tl__hero-note {
border: 1px solid #dbe6ef;
border-left: 3px solid var(--etl-secondary);
border-radius: 0.85rem;
background: #f8fbfd;
box-shadow: none;
} .etl-active .eu-tl__faq details {
border-radius: 0.8rem;
border: 1px solid var(--etl-border);
box-shadow: none;
}
.etl-active .eu-tl__faq summary {
position: relative;
padding-right: 3rem;
}
.etl-active .eu-tl__faq summary::after {
content: "+";
position: absolute;
right: 1.1rem;
top: 50%;
transform: translateY(-50%);
color: var(--etl-secondary);
font-size: 1.25rem;
font-weight: 700;
}
.etl-active .eu-tl__faq details[open] summary::after {
content: "–";
} .etl-active .eu-tl__related a {
border-radius: 0.8rem;
border: 1px solid var(--etl-border);
background: #fff;
box-shadow: none;
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.etl-active .eu-tl__related a:hover {
transform: translateY(-2px);
border-color: #b9cee0;
box-shadow: var(--etl-shadow);
} .etl-active .eu-tl__cta {
padding: clamp(1.35rem, 3vw, 2rem);
border: 1px solid #d7e3ed;
border-radius: 1rem;
background: linear-gradient(135deg, #f5f9fc 0%, #ffffff 70%);
box-shadow: var(--etl-shadow);
} @media (min-width: 901px) {
.etl-active .eu-tl__section > p:not(.eu-tl__section-label),
.etl-active .eu-tl__section > .eu-tl__lead,
.etl-active .eu-tl__section--surface > p:not(.eu-tl__section-label),
.etl-active .eu-tl__section--surface > .eu-tl__lead {
max-width: 100% !important;
}
} @media (max-width: 768px) {
.etl-active .eu-tl__section > p:not(.eu-tl__section-label),
.etl-active .eu-tl__section > .eu-tl__lead,
.etl-active .eu-tl__hero .eu-tl__subtitle {
text-align: left !important;
}
.etl-active .eu-tl__section--surface {
padding: 1.15rem;
}
.etl-active .eu-tl__section--surface::before {
top: 1rem;
bottom: 1rem;
}
.etl-active .eu-tl__steps li {
grid-template-columns: 46px minmax(0, 1fr) !important;
gap: 0.8rem !important;
padding: 0.9rem !important;
}
.etl-active .eu-tl__steps li > span {
width: 40px !important;
height: 40px !important;
}
}  body.etl-active .eu-tl,
body.etl-active .eu-tl__content,
body.etl-active .eu-tl__section,
body.etl-active .eu-tl__section > *,
body.etl-active .eu-tl__process,
body.etl-active .eu-tl__process-step,
body.etl-active .eu-tl__process-copy,
body.etl-active .eu-tl__limit-grid,
body.etl-active .eu-tl__limit-card,
body.etl-active .eu-tl__related,
body.etl-active .eu-tl__cards,
body.etl-active .eu-tl__card {
float: none !important;
clear: none !important;
max-width: none !important;
min-width: 0 !important;
}
body.etl-active .eu-tl__content,
body.etl-active .eu-tl__section {
display: block !important;
width: 100% !important;
}
body.etl-active .eu-tl__section > p:not(.eu-tl__section-label),
body.etl-active .eu-tl__section > .eu-tl__lead {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
float: none !important;
clear: both !important;
text-align: justify !important;
text-justify: inter-word;
} body.etl-active .eu-tl h1,
body.etl-active .eu-tl h2,
body.etl-active .eu-tl h3 {
color: #10243b !important;
}
body.etl-active .eu-tl__section > h2 {
display: block !important;
width: 100% !important;
max-width: 100% !important;
} body.etl-active .eu-tl__section--surface {
display: block !important;
width: 100% !important;
} body.etl-active .eu-tl__process {
display: block !important;
width: 100% !important;
margin: 1.5rem 0 0 !important;
padding: 0 !important;
border: 1px solid #dbe6ef !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #ffffff !important;
box-shadow: 0 12px 34px rgba(16, 36, 59, 0.05) !important;
}
body.etl-active .eu-tl__process-step {
position: relative !important;
display: grid !important;
grid-template-columns: 54px minmax(190px, 0.34fr) minmax(0, 1fr) !important;
column-gap: 1.15rem !important;
align-items: center !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 1.05rem 1.25rem !important;
border: 0 !important;
border-bottom: 1px solid #e7eef4 !important;
border-radius: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
}
body.etl-active .eu-tl__process-step:last-child {
border-bottom: 0 !important;
}
body.etl-active .eu-tl__process-number {
display: grid !important;
width: 42px !important;
height: 42px !important;
place-items: center !important;
margin: 0 !important;
border: 1px solid #d4e9be !important;
border-radius: 50% !important;
background: #f0f8e8 !important;
color: #538e20 !important;
font-size: 0.72rem !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body.etl-active .eu-tl__process-step h3 {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
color: #10243b !important;
font-size: 1.03rem !important;
line-height: 1.3 !important;
word-break: normal !important;
overflow-wrap: normal !important;
white-space: normal !important;
}
body.etl-active .eu-tl__process-copy {
display: block !important;
width: 100% !important;
}
body.etl-active .eu-tl__process-copy p {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
color: #52677a !important;
font-size: 0.96rem !important;
line-height: 1.58 !important;
text-align: left !important;
word-break: normal !important;
overflow-wrap: break-word !important;
white-space: normal !important;
} body.etl-active .eu-tl__steps {
display: none !important;
} body.etl-active .eu-tl__limit-panel {
display: block !important;
width: 100% !important;
padding: clamp(1.4rem, 3vw, 2.2rem) !important;
border: 1px solid #dbe6ef !important;
border-radius: 14px !important;
background: linear-gradient(135deg, #f7fafc 0%, #ffffff 100%) !important;
}
body.etl-active .eu-tl__limit-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1rem !important;
width: 100% !important;
margin-top: 1.25rem !important;
}
body.etl-active .eu-tl__limit-card {
display: block !important;
width: 100% !important;
min-height: 100% !important;
padding: 1.15rem 1.2rem !important;
border: 1px solid #dfe8f0 !important;
border-radius: 12px !important;
background: #ffffff !important;
}
body.etl-active .eu-tl__limit-card--positive {
border-top: 3px solid #1d6fcb !important;
}
body.etl-active .eu-tl__limit-card--caution {
border-top: 3px solid #86c943 !important;
}
body.etl-active .eu-tl__limit-card h3 {
margin: 0 0 0.55rem !important;
font-size: 1.1rem !important;
}
body.etl-active .eu-tl__limit-card p,
body.etl-active .eu-tl__limit-card li {
text-align: left !important;
font-size: 0.96rem !important;
line-height: 1.62 !important;
}
body.etl-active .eu-tl__limit-card ul {
margin: 0 !important;
padding-left: 1.1rem !important;
} body.etl-active .eu-tl__related {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 0.85rem !important;
width: 100% !important;
}
body.etl-active .eu-tl__related a {
display: flex !important;
min-height: 64px !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
margin: 0 !important;
padding: 0.95rem 1rem !important;
border: 1px solid #dce6ef !important;
border-radius: 10px !important;
background: #ffffff !important;
color: #17324d !important;
font-size: 0.94rem !important;
font-weight: 800 !important;
line-height: 1.35 !important;
text-align: left !important;
text-decoration: none !important;
}
body.etl-active .eu-tl__related a::before {
content: "";
flex: 0 0 auto;
width: 7px;
height: 7px;
margin-right: 0.7rem;
border-radius: 50%;
background: #86c943;
} body.etl-active .eu-tl__cards {
width: 100% !important;
}
body.etl-active .eu-tl__card {
width: 100% !important;
}
body.etl-active .eu-tl__card p,
body.etl-active .eu-tl__card a {
word-break: normal !important;
overflow-wrap: break-word !important;
white-space: normal !important;
} @media (max-width: 900px) {
body.etl-active .eu-tl__process-step {
grid-template-columns: 46px minmax(0, 1fr) !important;
row-gap: 0.28rem !important;
padding: 0.95rem !important;
}
body.etl-active .eu-tl__process-step h3 {
grid-column: 2 !important;
}
body.etl-active .eu-tl__process-copy {
grid-column: 2 !important;
}
body.etl-active .eu-tl__limit-grid,
body.etl-active .eu-tl__related {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 768px) {
body.etl-active .eu-tl__section > p:not(.eu-tl__section-label),
body.etl-active .eu-tl__section > .eu-tl__lead {
text-align: left !important;
}
}  body.etl-active .eu-tl__section,
body.etl-active .eu-tl__section--surface,
body.etl-active .eu-tl__limit-panel {
display: flow-root !important;
width: 100% !important;
max-width: none !important;
clear: both !important;
float: none !important;
} body.etl-active .eu-tl__section > p:not(.eu-tl__section-label),
body.etl-active .eu-tl__section > .eu-tl__lead,
body.etl-active .eu-tl__section--surface > p:not(.eu-tl__section-label),
body.etl-active .eu-tl__section--surface > .eu-tl__lead,
body.etl-active .eu-tl__limit-panel > p:not(.eu-tl__section-label) {
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
float: none !important;
clear: both !important;
text-align: justify !important;
text-justify: inter-word !important;
} body.etl-active .eu-tl__process {
display: block !important;
width: 100% !important;
margin: 1.45rem 0 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 1px solid #dbe6ef !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: 0 12px 34px rgba(16,36,59,.05) !important;
}
body.etl-active .eu-tl__process-step {
position: relative !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 1rem !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 1rem 1.15rem !important;
border: 0 !important;
border-bottom: 1px solid #e7eef4 !important;
border-radius: 0 !important;
background: #fff !important;
box-shadow: none !important;
float: none !important;
clear: both !important;
}
body.etl-active .eu-tl__process-step:last-child {
border-bottom: 0 !important;
}
body.etl-active .eu-tl__process-step::before,
body.etl-active .eu-tl__process-step::after {
content: none !important;
display: none !important;
}
body.etl-active .eu-tl__process-number {
flex: 0 0 42px !important;
display: grid !important;
width: 42px !important;
height: 42px !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #d4e9be !important;
border-radius: 50% !important;
background: #f0f8e8 !important;
color: #538e20 !important;
font-size: .72rem !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body.etl-active .eu-tl__process-body {
flex: 1 1 auto !important;
display: block !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
}
body.etl-active .eu-tl__process-body h3 {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 0 .28rem !important;
padding: 0 !important;
color: #10243b !important;
font-size: 1.05rem !important;
line-height: 1.28 !important;
text-align: left !important;
word-break: normal !important;
overflow-wrap: normal !important;
white-space: normal !important;
}
body.etl-active .eu-tl__process-body p {
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
color: #52677a !important;
font-size: .96rem !important;
line-height: 1.58 !important;
text-align: left !important;
word-break: normal !important;
overflow-wrap: break-word !important;
white-space: normal !important;
} body.etl-active .eu-tl__steps,
body.etl-active .eu-tl__process-copy {
display: none !important;
} body.etl-active .eu-tl__card,
body.etl-active .eu-tl__card > *,
body.etl-active .eu-tl__limit-card,
body.etl-active .eu-tl__limit-card > * {
max-width: none !important;
} @media (min-width: 769px) {
body.etl-active .eu-tl__section > p:not(.eu-tl__section-label),
body.etl-active .eu-tl__section > .eu-tl__lead,
body.etl-active .eu-tl__section--surface > p:not(.eu-tl__section-label),
body.etl-active .eu-tl__section--surface > .eu-tl__lead {
width: 100% !important;
max-width: none !important;
}
} @media (max-width: 768px) {
body.etl-active .eu-tl__process-step {
gap: .8rem !important;
padding: .9rem !important;
}
body.etl-active .eu-tl__process-number {
flex-basis: 38px !important;
width: 38px !important;
height: 38px !important;
}
body.etl-active .eu-tl__section > p:not(.eu-tl__section-label),
body.etl-active .eu-tl__section > .eu-tl__lead,
body.etl-active .eu-tl__section--surface > p:not(.eu-tl__section-label),
body.etl-active .eu-tl__section--surface > .eu-tl__lead {
text-align: left !important;
}
}