.elementor-16125 .elementor-element.elementor-element-5d7418b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16125 .elementor-element.elementor-element-13b4d23{--display:flex;}.elementor-16125 .elementor-element.elementor-element-09c9fd1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16125 .elementor-element.elementor-element-ef41c2b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16125 .elementor-element.elementor-element-0e05b86{width:100%;max-width:100%;}.elementor-16125 .elementor-element.elementor-element-ec4a408{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.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 );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-16125 .elementor-element.elementor-element-2e5affb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16125 .elementor-element.elementor-element-2e5affb:not(.elementor-motion-effects-element-type-background), .elementor-16125 .elementor-element.elementor-element-2e5affb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FB;}.elementor-16125 .elementor-element.elementor-element-f0c3719{--display:flex;}.elementor-16125 .elementor-element.elementor-element-3c462c3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-16125 .elementor-element.elementor-element-0cc6fe8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16125 .elementor-element.elementor-element-182612c{--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-16125 .elementor-element.elementor-element-9eeaeb5{--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-16125 .elementor-element.elementor-element-8ff6dff{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16125 .elementor-element.elementor-element-de776c4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1366px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1023px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-16125 .elementor-element.elementor-element-13b4d23{--content-width:1200px;}.elementor-16125 .elementor-element.elementor-element-09c9fd1{--content-width:1200px;}.elementor-16125 .elementor-element.elementor-element-ef41c2b{--content-width:1200px;}.elementor-16125 .elementor-element.elementor-element-ec4a408{--content-width:1200px;}.elementor-16125 .elementor-element.elementor-element-f0c3719{--content-width:1200px;}.elementor-16125 .elementor-element.elementor-element-3c462c3{--content-width:1200px;}.elementor-16125 .elementor-element.elementor-element-0cc6fe8{--content-width:1200px;}.elementor-16125 .elementor-element.elementor-element-182612c{--width:50%;}.elementor-16125 .elementor-element.elementor-element-9eeaeb5{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-2e5affb */background: var(--bg2);/* End custom CSS */
/* Start custom CSS */.kld{background:none; margin:0;}
:root {
--blue: #0A66C2;
--blue-dark: #084f9a;
--blue-light: #E8F1FB;
--navy: #0b1f3a;
--text: #0f1419;
--muted: #6b7280;
--border: #e5e7eb;
--bg: #ffffff;
--bg2: #f8f9fb;
}

.breadcumb-wrapper {
    background-image: url(https://new.qlx.com/wp-content/uploads/2026/03/careers.webp) !important;
}

/* -- HERO -- */
.hero {
background: var(--navy);
padding: 100px 5% 80px;
position: relative;
overflow: hidden;
}

.hero-grid {
position: absolute;
inset: 0;
background-image:
  linear-gradient(rgba(10,102,194,0.08) 1px, transparent 1px),
  linear-gradient(90deg, rgba(10,102,194,0.08) 1px, transparent 1px);
background-size: 60px 60px;
}

.hero-glow {
position: absolute;
top: -100px;
right: -100px;
width: 500px;
height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(10,102,194,0.2) 0%, transparent 70%);
}

.hero-content {
position: relative;
z-index: 2;
max-width: 720px;
}

.hero-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--blue);
background: rgba(10,102,194,0.12);
border: 1px solid rgba(10,102,194,0.25);
padding: 6px 14px;
border-radius: 99px;
margin-bottom: 28px;
}

.hero-eyebrow::before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--blue);
animation: pulse 2s infinite;
}

@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.4; }
}

.hero h1 {
font-family: 'DM Serif Display', serif;
font-size: clamp(40px, 5vw, 64px);
color: #fff;
line-height: 1.08;
margin-bottom: 24px;
font-weight: 400;
}

.hero h1 em {
font-style: italic;
color: #6ab3f8;
}

.hero-sub {
font-size: 16px;
color: rgba(255,255,255,0.6);
max-width: 540px;
line-height: 1.7;
margin-bottom: 40px;
font-weight: 300;
}

.hero-stats {
display: flex;
gap: 40px;
flex-wrap: wrap;
}

.hero-stat-num {
font-family: 'DM Serif Display', serif;
font-size: 36px;
color: #fff;
line-height: 1;
margin-bottom: 4px;
}

.hero-stat-label {
font-size: 12px;
color: rgba(255,255,255,0.45);
font-weight: 400;
}


.roles-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}

.section-eyebrow {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--blue);
margin-bottom: 12px;
}
.section-title {
font-family: 'DM Serif Display', serif;
font-size: clamp(28px, 3vw, 40px);
line-height: 1.15;
color: var(--text);
margin-bottom: 16px;
font-weight: 400;
}

/* -- WORK MODELS -- */
.models-section { background: var(--bg); }
.models-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
margin-top: 48px;
}
.model-card {
border: 1px solid var(--border);
border-radius: 14px;
overflow: hidden;
}
.model-card-top {
padding: 24px 28px 20px;
background: var(--navy);
position: relative;
}
.model-card-top.blue { background: var(--blue); }
.model-card-top.slate { background: #1e3a5f; }
.model-badge {
font-size: 10px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255,255,255,0.55);
margin-bottom: 10px;
}
.model-title {
font-family: 'DM Serif Display', serif;
font-size: 22px;
color: #fff;
font-weight: 400;
}
.model-card-body {
padding: 24px 28px;
background: var(--bg);
}
.model-card-body p {
font-size: 13px;
color: var(--muted);
line-height: 1.65;
margin-bottom: 16px;
}
.model-perks {
display: flex;
flex-direction: column;
gap: 8px;
}
.model-perk {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 13px;
color: var(--text);
}
.perk-check {
width: 16px;
height: 16px;
border-radius: 50%;
background: #ecfdf5;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 2px;
}
.perk-check svg {
width: 9px;
height: 9px;
stroke: #065f46;
fill: none;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
}

/* -- TESTIMONIAL -- */
.testimonials-section { background: var(--navy); padding: 80px 5%; }
.testimonials-header { margin-bottom: 48px; }
.testimonials-header .section-title { color: #fff; }
.testimonials-header .section-sub { color: rgba(255,255,255,0.5); }
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.testimonial-card {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 14px;
padding: 28px;
}
.testimonial-quote {
font-size: 14px;
color: rgba(255,255,255,0.75);
line-height: 1.7;
margin-bottom: 20px;
font-style: italic;
}
.testimonial-author {
font-size: 13px;
font-weight: 600;
color: rgba(255,255,255,0.9);
}
.testimonial-role {
font-size: 12px;
color: rgba(255,255,255,0.4);
margin-top: 3px;
}

/* -- CTA BAND -- */
.cta-band {
background: var(--blue);
padding: 64px 5%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
flex-wrap: wrap;
}
.cta-band h2 {
font-family: 'DM Serif Display', serif;
font-size: clamp(24px, 3vw, 36px);
color: #fff;
font-weight: 400;
line-height: 1.2;
}
.cta-band p {
font-size: 14px;
color: rgba(255,255,255,0.7);
margin-top: 8px;
max-width: 460px;
}
.cta-band-btn {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 600;
padding: 14px 28px;
background: #fff;
color: var(--blue);
border-radius: 10px;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s;
flex-shrink: 0;
}
.cta-band-btn:hover { background: #f0f5ff; }


/* -- WHY QUALEX -- */
.why-section { background: var(--bg2); padding: 80px 5%; margin:0 auto; }
.why-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 24px;
margin-top: 48px;
}
.why-card {
background: var(--bg);
border: 1px solid var(--border);
border-radius: 14px;
padding: 28px;
}
.why-icon {
width: 44px;
height: 44px;
border-radius: 10px;
background: var(--blue-light);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 18px;
}
.why-icon svg {
width: 20px;
height: 20px;
stroke: var(--blue);
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.why-card h3 {
font-size: 15px;
font-weight: 600;
color: var(--text);
margin-bottom: 8px;
}
.why-card p {
font-size: 13px;
color: var(--muted);
line-height: 1.65;
}/* End custom CSS */