:root{--de-navy:#071a38;--de-blue:#173e72;--de-red:#d71920;--de-gold:#f5b82e;--de-gold2:#ffd45f;--de-cream:#faf7ef;--de-muted:#667085;--de-border:#e5e7eb;--de-shadow:0 22px 60px rgba(7,26,56,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;color:#142033;background:#fff;line-height:1.65}a{text-decoration:none}.container{width:min(1180px,92%);margin:auto}.eyebrow{display:inline-block;margin-bottom:12px;color:var(--de-red);font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.section-heading{text-align:center;max-width:800px;margin:0 auto 48px}.section-heading h2{margin:0;color:var(--de-navy);font-size:clamp(34px,4.5vw,56px);line-height:1.04;font-weight:900;letter-spacing:-1.6px}.section-heading h2 span{color:var(--de-red)}.section-heading p{max-width:700px;margin:16px auto 0;color:var(--de-muted);font-size:14px;line-height:1.75}.btn-gold,.btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 23px;border-radius:10px;font-size:11px;font-weight:900;letter-spacing:.5px;transition:.3s}.btn-gold{background:var(--de-gold);color:var(--de-navy);box-shadow:0 12px 28px rgba(245,184,46,.25)}.btn-gold:hover{transform:translateY(-3px);color:var(--de-navy);background:var(--de-gold2)}.btn-dark{background:var(--de-navy);color:#fff}.btn-dark:hover{transform:translateY(-3px);background:#123566;color:#fff}

/* HERO */
.de-hero{position:relative;overflow:hidden;min-height:720px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 48%,rgba(255,255,255,.30) 78%,rgba(255,255,255,.08) 100%),url('../../../images/countries/germany.png') center/cover no-repeat}.de-hero:after{content:"";position:absolute;right:-130px;bottom:-180px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(245,184,46,.22),transparent 68%);pointer-events:none}.de-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:45px;align-items:center;padding:75px 0}.de-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:var(--de-navy);color:#fff;font-size:10px;font-weight:900;letter-spacing:1.5px;box-shadow:0 8px 20px rgba(7,26,56,.12)}.de-hero h1{margin:18px 0 10px;color:var(--de-navy);font-size:clamp(46px,6vw,78px);line-height:.94;font-weight:900;letter-spacing:-4px}.de-hero h1 .red{color:var(--de-red)}.de-hero h1 .gold{color:#c99000}.de-tagline{font-family:'Playfair Display',serif;font-size:clamp(22px,2.7vw,34px);font-weight:700;line-height:1.18;color:#172b4d;margin:16px 0}.de-tagline em{color:var(--de-red);font-style:normal}.de-text{max-width:650px;color:#526071;font-size:14px;line-height:1.75}.de-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.de-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.de-trust span{padding:8px 11px;border:1px solid rgba(7,26,56,.10);border-radius:999px;background:rgba(255,255,255,.76);color:#334155;font-size:9px;font-weight:800}

/* HERO USP CARD */
.de-panel{position:relative;perspective:1200px}.de-usp-card{padding:23px;border-radius:26px;background:linear-gradient(145deg,#071a38,#102f59);border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 80px rgba(7,26,56,.25);animation:floatCard 6s ease-in-out infinite}.de-usp-card:before{content:"";position:absolute;inset:0;border-radius:26px;background:radial-gradient(circle at 85% 0%,rgba(245,184,46,.16),transparent 35%);pointer-events:none}.de-usp-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.de-usp-top strong{color:#fff;font-size:12px;letter-spacing:1.5px}.de-flag{ width:38px;
    height:38px;display:flex;align-items:center;justify-content:center; border-radius:50%;background:#d53f19;font-size:20px; box-shadow:0 8px 25px rgba(0,0,0,.18);}.de-main-usp{position:relative;z-index:2;padding:20px;border-radius:18px;background:linear-gradient(135deg,#fff,#f8f3e8);border:2px solid rgba(245,184,46,.65);box-shadow:0 15px 35px rgba(0,0,0,.16)}.de-main-usp .number{display:block;color:var(--de-navy);font-size:48px;line-height:1;font-weight:900;letter-spacing:-2px}.de-main-usp .number span{color:var(--de-red);font-size:20px;letter-spacing:0}.de-main-usp h3{margin:6px 0 3px;color:var(--de-red);font-size:20px;font-weight:900}.de-main-usp p{margin:0;color:#596576;font-size:10px}.de-usp-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px}.de-usp{min-height:98px;padding:15px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.055);transition:.3s}.de-usp:hover{transform:translateY(-5px);background:rgba(255,255,255,.09);border-color:rgba(245,184,46,.35)}.de-usp i{color:var(--de-gold2);font-size:18px;margin-bottom:8px}.de-usp strong{display:block;color:#fff;font-size:12px}.de-usp span{display:block;margin-top:4px;color:rgba(255,255,255,.62);font-size:8px;line-height:1.45}.de-usp-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.de-mini{padding:10px 8px;text-align:center;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.de-mini strong{display:block;color:var(--de-gold2);font-size:13px}.de-mini span{display:block;color:rgba(255,255,255,.58);font-size:7px;line-height:1.35}

/* 3 PILLARS */
.de-pillars{padding:90px 0;background:#fff}.de-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.de-pillar{position:relative;padding:30px 25px;border-radius:20px;border:1px solid var(--de-border);background:#fff;box-shadow:0 10px 30px rgba(7,26,56,.045);transition:.35s;overflow:hidden}.de-pillar:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,var(--de-red),var(--de-gold));transition:.35s}.de-pillar:hover{transform:translateY(-8px);box-shadow:var(--de-shadow);border-color:rgba(215,25,32,.18)}.de-pillar:hover:after{width:100%}.de-pillar.featured{background:var(--de-navy);border-color:var(--de-navy);color:#fff}.de-pillar.featured p{color:rgba(255,255,255,.68)}.de-pillar .icon{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#fff4d7;color:var(--de-navy);font-size:23px;margin-bottom:18px}.de-pillar.featured .icon{background:var(--de-red);color:#fff}.de-pillar small{font-size:9px;font-weight:900;color:var(--de-red);letter-spacing:1.5px}.de-pillar.featured small{color:var(--de-gold2)}.de-pillar h3{margin:7px 0 9px;font-size:21px;font-weight:900}.de-pillar p{margin:0;color:var(--de-muted);font-size:11px;line-height:1.65}

/* PATHWAYS */
.de-pathways{padding:90px 0;background:var(--de-cream)}.de-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.de-path{padding:28px;border-radius:20px;background:#fff;border:1px solid #e8e3d8;box-shadow:0 8px 25px rgba(7,26,56,.045);transition:.3s}.de-path:hover{transform:translateY(-6px);box-shadow:var(--de-shadow)}.de-path .path-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f9e9e9;color:var(--de-red);font-size:19px;margin-bottom:15px}.de-path h3{margin:0 0 7px;color:var(--de-navy);font-size:19px}.de-path p{margin:0;color:var(--de-muted);font-size:11px;line-height:1.65}.de-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.de-tags span{padding:6px 9px;border-radius:999px;background:#f5f7fa;color:#344054;font-size:8px;font-weight:700}

/* POST LANDING */
/* .de-landing{padding:95px 0;background:linear-gradient(135deg,var(--de-navy),#0d3265);color:#fff}.de-landing-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.de-landing h2{margin:0 0 15px;font-size:clamp(38px,4.7vw,60px);line-height:1.02;font-weight:900;letter-spacing:-2px}.de-landing h2 span{color:var(--de-gold2)}.de-landing-copy{color:rgba(255,255,255,.70);font-size:14px;line-height:1.75}.landing-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.landing-feature{padding:15px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.055)}.landing-feature i{color:var(--de-gold2);margin-right:7px}.landing-feature strong{font-size:11px}.landing-feature p{margin:5px 0 0;color:rgba(255,255,255,.55);font-size:9px;line-height:1.45}.landing-card{padding:30px;border-radius:25px;background:linear-gradient(145deg,#fff,#f8f3e8);color:var(--de-navy);box-shadow:0 25px 60px rgba(0,0,0,.20)}.landing-card .big{font-size:62px;line-height:1;font-weight:900;color:var(--de-red)}.landing-card h3{margin:8px 0;color:var(--de-navy);font-size:26px}.landing-card p{margin:0;color:#667085;font-size:11px;line-height:1.65}.landing-list{margin:20px 0 0;padding:0;list-style:none}.landing-list li{padding:8px 0;border-bottom:1px solid #e8e2d6;color:#475467;font-size:10px}.landing-list i{color:#16833b;margin-right:7px}
 */
 
 /* =========================================================
   GERMANY POST-LANDING SUPPORT
   NATIVE GERMAN SUPPORT — PREMIUM INTERACTIVE
========================================================= */

.de-landing {
    position: relative;

    padding: 100px 0;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(255,203,67,.08),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--de-navy),
            #0d3265
        );

    color: #fff;

    overflow: hidden;
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.de-landing::before {
    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    right: -220px;
    top: -220px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.07);

    box-shadow:
        0 0 0 35px rgba(255,255,255,.025),
        0 0 0 70px rgba(255,255,255,.015);

    pointer-events: none;
}


.de-landing::after {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    left: -130px;
    bottom: -150px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(214,168,75,.12),
            transparent 70%
        );

    pointer-events: none;
}


/* =========================================================
   MAIN GRID
========================================================= */

.de-landing-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        1.05fr .95fr;

    gap: 50px;

    align-items: center;
}


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

.native-eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    color: var(--de-gold2) !important;

    font-size: 8px !important;

    font-weight: 900;

    letter-spacing: 2px;

    text-transform: uppercase;
}


.native-eyebrow::before {
    content: "";

    width: 28px;
    height: 2px;

    background:
        var(--de-red);

    border-radius: 2px;
}


/* =========================================================
   HEADING
========================================================= */

.de-landing h2 {

    margin:
        0 0 17px;

    max-width:
        650px;

    color:
        #fff;

    font-size:
        clamp(38px,4.7vw,60px);

    line-height:
        1.02;

    font-weight:
        900;

    letter-spacing:
        -2px;
}


.de-landing h2 span {
    color:
        var(--de-gold2);
}


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

.de-landing-copy {

    max-width:
        650px;

    margin:
        0;

    color:
        rgba(255,255,255,.70);

    font-size:
        14px;

    line-height:
        1.75;
}


/* =========================================================
   INTERACTIVE SUPPORT GRID
========================================================= */

.landing-features {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        11px;

    margin-top:
        28px;
}


/* =========================================================
   SUPPORT CARD
========================================================= */

.landing-feature {

    position:
        relative;

    width:
        100%;

    min-height:
        82px;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    padding:
        14px 15px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius:
        15px;

    background:
        rgba(255,255,255,.045);

    color:
        #fff;

    font-family:
        inherit;

    text-align:
        left;

    cursor:
        pointer;

    overflow:
        hidden;

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


/* gold hover sweep */

.landing-feature::before {

    content: "";

    position:
        absolute;

    inset:
        0;

    width:
        0;

    background:
        linear-gradient(
            90deg,
            rgba(214,168,75,.12),
            transparent
        );

    transition:
        width .35s ease;

    pointer-events:
        none;
}


.landing-feature:hover::before,
.landing-feature.active::before {

    width:
        100%;
}


.landing-feature:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(214,168,75,.35);

    background:
        rgba(255,255,255,.07);

    box-shadow:
        0 12px 30px rgba(0,0,0,.12);
}


.landing-feature.active {

    transform:
        translateY(-3px);

    border-color:
        var(--de-gold2);

    background:
        linear-gradient(
            135deg,
            rgba(214,168,75,.15),
            rgba(255,255,255,.055)
        );

    box-shadow:
        0 12px 35px rgba(0,0,0,.16),
        0 0 0 1px rgba(214,168,75,.08);
}


/* =========================================================
   SUPPORT ICON
========================================================= */

.landing-feature > i {

    position:
        relative;

    z-index:
        2;

    flex:
        0 0 auto;

    width:
        40px;

    height:
        40px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        11px;

    background:
        rgba(214,168,75,.12);

    color:
        var(--de-gold2);

    font-size:
        15px;

    transition:
        transform .3s ease,
        background .3s ease;
}


.landing-feature:hover > i,
.landing-feature.active > i {

    transform:
        scale(1.08);

    background:
        var(--de-gold2);

    color:
        var(--de-navy);
}


/* =========================================================
   SUPPORT TEXT
========================================================= */

.landing-feature > span {

    position:
        relative;

    z-index:
        2;

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;
}


.landing-feature strong {

    display:
        block;

    color:
        #fff;

    font-size:
        11px;

    line-height:
        1.3;

    font-weight:
        850;
}


.landing-feature small {

    display:
        block;

    margin-top:
        5px;

    color:
        rgba(255,255,255,.48);

    font-size:
        9px;

    line-height:
        1.4;
}


/* =========================================================
   ARROW
========================================================= */

.landing-feature > b {

    position:
        relative;

    z-index:
        2;

    margin-left:
        auto;

    color:
        rgba(255,255,255,.30);

    font-size:
        16px;

    font-weight:
        400;

    transition:
        transform .3s ease,
        color .3s ease;
}


.landing-feature:hover > b,
.landing-feature.active > b {

    transform:
        translateX(4px);

    color:
        var(--de-gold2);
}


/* =========================================================
   INTERACTIVE DETAIL PANEL
========================================================= */

.landing-detail {

    position:
        relative;

    margin-top:
        15px;

    padding:
        20px 22px;

    border:
        1px solid rgba(214,168,75,.20);

    border-radius:
        16px;

    background:
        rgba(255,255,255,.055);

    backdrop-filter:
        blur(10px);

    overflow:
        hidden;
}


.landing-detail::before {

    content: "";

    position:
        absolute;

    left:
        0;

    top:
        0;

    bottom:
        0;

    width:
        3px;

    background:
        linear-gradient(
            180deg,
            var(--de-gold2),
            var(--de-red)
        );
}


/* =========================================================
   DETAIL HEADER
========================================================= */

.landing-detail-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    margin-bottom:
        8px;
}


.landing-detail-top span {

    color:
        var(--de-gold2);

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        1.7px;
}


.landing-detail-top strong {

    color:
        rgba(255,255,255,.38);

    font-size:
        10px;

    letter-spacing:
        1px;
}


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

.landing-detail h3 {

    margin:
        0 0 6px;

    color:
        #fff;

    font-size:
        20px;

    font-weight:
        850;
}


.landing-detail p {

    max-width:
        600px;

    margin:
        0;

    color:
        rgba(255,255,255,.62);

    font-size:
        11px;

    line-height:
        1.65;

    animation:
        landingFade .35s ease;
}


@keyframes landingFade {

    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================================
   PROGRESS BAR
========================================================= */

.landing-progress {

    width:
        100%;

    height:
        3px;

    margin-top:
        15px;

    overflow:
        hidden;

    border-radius:
        999px;

    background:
        rgba(255,255,255,.10);
}


#landingProgress {

    width:
        16.66%;

    height:
        100%;

    border-radius:
        inherit;

    background:
        linear-gradient(
            90deg,
            var(--de-red),
            var(--de-gold2)
        );

    transition:
        width .4s ease;
}


/* =========================================================
   RIGHT CARD WRAPPER
========================================================= */

.landing-card-wrap {

    position:
        relative;

    padding:
        10px;
}


/* =========================================================
   GLOW
========================================================= */

.landing-glow {

    position:
        absolute;

    width:
        280px;

    height:
        280px;

    right:
        0;

    top:
        30px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(214,168,75,.18),
            transparent 70%
        );

    filter:
        blur(15px);

    pointer-events:
        none;

    animation:
        landingGlow 5s ease-in-out infinite alternate;
}


@keyframes landingGlow {

    from {
        transform: scale(.9);
        opacity: .55;
    }

    to {
        transform: scale(1.1);
        opacity: .9;
    }

}


/* =========================================================
   PREMIUM CARD
========================================================= */

.landing-card {

    position:
        relative;

    z-index:
        2;

    padding:
        32px;

    border:
        1px solid rgba(214,168,75,.25);

    border-radius:
        25px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #faf7ef 100%
        );

    color:
        var(--de-navy);

    box-shadow:
        0 30px 70px rgba(0,0,0,.24);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


.landing-card:hover {

    transform:
        translateY(-6px);

    box-shadow:
        0 40px 85px rgba(0,0,0,.30);
}


/* =========================================================
   NATIVE GERMAN BADGE
========================================================= */

.landing-card-badge {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    margin-bottom:
        18px;

    padding:
        8px 11px;

    border:
        1px solid rgba(22,131,59,.16);

    border-radius:
        999px;

    background:
        rgba(22,131,59,.07);

    color:
        #176b37;

    font-size:
        15px;

    font-weight:
        900;

    letter-spacing:
        1px;
}


.landing-card-badge i {

    font-size:
        10px;
}


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

.landing-card .eyebrow {

    display:
        block;

    margin-bottom:
        2px;

    color:
        var(--de-navy);

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        1.8px;
}


/* =========================================================
   360°
========================================================= */

.landing-card .big {

    margin:
        5px 0 0;

    color:
        var(--de-red);

    font-size:
        70px;

    line-height:
        .95;

    font-weight:
        950;

    letter-spacing:
        -3px;
}


.landing-card h3 {

    margin:
        8px 0;

    color:
        var(--de-navy);

    font-size:
        27px;

    font-weight:
        900;
}


.landing-card > p {

    margin:
        0;

    color:
        #667085;

    font-size:
        11px;

    line-height:
        1.65;
}


/* =========================================================
   SETTLEMENT JOURNEY
========================================================= */

.settlement-journey {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        repeat(6, 1fr);

    gap:
        4px;

    margin:
        25px 0 22px;

    padding:
        4px 0;
}


.journey-line {

    position:
        absolute;

    top:
        14px;

    left:
        8%;

    right:
        8%;

    height:
        2px;

    background:
        #e6e1d7;

    z-index:
        0;
}


.journey-item {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    text-align:
        center;

    gap:
        3px;
}


.journey-item > span {

    width:
        29px;

    height:
        29px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        2px solid #e2ddd3;

    border-radius:
        50%;

    background:
        #fff;

    color:
        #98a2b3;

    font-size:
        8px;

    font-weight:
        900;

    transition:
        .3s ease;
}


.journey-item strong {

    color:
        #667085;

    font-size:
        7px;

    letter-spacing:
        .5px;

    transition:
        .3s ease;
}


.journey-item small {

    color:
        #98a2b3;

    font-size:
        6px;

    white-space:
        nowrap;
}


.journey-item.active > span {

    border-color:
        var(--de-gold2);

    background:
        var(--de-gold2);

    color:
        var(--de-navy);

    box-shadow:
        0 4px 12px rgba(214,168,75,.25);

    transform:
        scale(1.08);
}


.journey-item.active strong {

    color:
        var(--de-navy);
}


/* =========================================================
   LANDING LIST
========================================================= */

.landing-list {

    margin:
        0;

    padding:
        15px 0 0;

    border-top:
        1px solid #e8e2d6;
}


.landing-list div {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        8px 0;

    border-bottom:
        1px solid #eee9df;

    color:
        #475467;

    font-size:
        10px;

    line-height:
        1.4;
}


.landing-list div:last-child {

    border-bottom:
        0;
}


.landing-list i {

    color:
        #16833b;

    font-size:
        10px;
}


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

@media (max-width: 950px) {

    .de-landing-grid {

        grid-template-columns:
            1fr;

        gap:
            45px;
    }

    .landing-card-wrap {

        max-width:
            650px;

        width:
            100%;

        margin:
            0 auto;
    }

}


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

@media (max-width: 600px) {

    .de-landing {

        padding:
            70px 0;
    }


    .de-landing-grid {

        gap:
            35px;
    }


    .de-landing h2 {

        font-size:
            37px;

        letter-spacing:
            -1px;
    }


    .de-landing-copy {

        font-size:
            12px;
    }


    .landing-features {

        grid-template-columns:
            1fr;

        gap:
            8px;

        margin-top:
            22px;
    }


    .landing-feature {

        min-height:
            70px;

        padding:
            12px;
    }


    .landing-feature > i {

        width:
            37px;

        height:
            37px;
    }


    .landing-detail {

        padding:
            17px;
    }


    .landing-detail h3 {

        font-size:
            18px;
    }


    .landing-detail p {

        font-size:
            10px;
    }


    .landing-card {

        padding:
            24px 20px;

        border-radius:
            20px;
    }


    .landing-card .big {

        font-size:
            58px;
    }


    .landing-card h3 {

        font-size:
            23px;
    }


    .settlement-journey {

        grid-template-columns:
            repeat(3, 1fr);

        row-gap:
            18px;

        padding:
            5px 0;
    }


    .journey-line {

        display:
            none;
    }


    .journey-item > span {

        width:
            27px;

        height:
            27px;
    }


    .journey-item strong {

        font-size:
            7px;
    }


    .journey-item small {

        font-size:
            6px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .de-landing h2 {

        font-size:
            33px;
    }


    .landing-card {

        padding:
            21px 16px;
    }


    .landing-list div {

        font-size:
            9px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .landing-glow {

        animation:
            none;
    }

    .landing-detail p {

        animation:
            none;
    }

    .landing-feature,
    .landing-card,
    .landing-feature > i,
    .landing-feature > b,
    .journey-item > span {

        transition:
            none;
    }

}
/* CAREER */
.de-career{padding:90px 0;background:#f7f9fc}.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.career-box{padding:28px;border-radius:21px;background:#fff;border:1px solid var(--de-border);box-shadow:0 10px 30px rgba(7,26,56,.05)}.career-box h3{margin:0 0 10px;color:var(--de-navy);font-size:23px}.career-box p{margin:0;color:var(--de-muted);font-size:11px;line-height:1.7}.career-items{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.career-item{padding:14px;border-radius:12px;background:#fafafa;border:1px solid #edf0f3}.career-item i{color:var(--de-red);margin-bottom:8px}.career-item strong{display:block;color:var(--de-navy);font-size:11px}.career-item span{display:block;color:var(--de-muted);font-size:8px;margin-top:3px}.career-highlight{padding:35px;border-radius:23px;background:var(--de-navy);color:#fff;box-shadow:var(--de-shadow);display:flex;flex-direction:column;justify-content:center}.career-highlight .big{font-size:58px;line-height:1;font-weight:900;color:var(--de-gold2)}.career-highlight h3{margin:10px 0;font-size:26px}.career-highlight p{color:rgba(255,255,255,.68);font-size:11px;line-height:1.65}.career-highlight .badge{margin-top:12px;padding:8px 10px;border-radius:999px;background:rgba(245,184,46,.12);color:var(--de-gold2);font-size:8px;font-weight:900;letter-spacing:1px;width:max-content}

/* FAQ */
.de-faq{padding:90px 0;background:#fff}.faq-wrap{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--de-border)}.faq-item button{width:100%;padding:20px 0;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;text-align:left;color:var(--de-navy);font-size:14px;font-weight:800;cursor:pointer}.faq-item button:after{content:'+';width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff4d7;color:#b47b00;font-size:17px}.faq-item button[aria-expanded="true"]{color:var(--de-red)}.faq-item button[aria-expanded="true"]:after{content:'−';background:var(--de-red);color:#fff}.faq-item p{display:none;margin:0;padding:0 0 20px;color:var(--de-muted);font-size:11px;line-height:1.7}

/* FINAL CTA */
.de-final{padding:100px 0;background:linear-gradient(135deg,#071a38,#0d3265);color:#fff;text-align:center;position:relative;overflow:hidden}.de-final:before{content:"";position:absolute;width:420px;height:420px;right:-170px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(245,184,46,.18),transparent 70%)}.de-final .container{position:relative;z-index:2}.de-final h2{margin:0 0 15px;font-size:clamp(38px,5vw,62px);line-height:1.02;font-weight:900}.de-final h2 span{color:var(--de-gold2)}.de-final p{max-width:680px;margin:0 auto 27px;color:rgba(255,255,255,.70);font-size:13px}.de-buttons{justify-content:flex-start}.de-final .de-buttons{justify-content:center}.de-final .btn-dark{background:transparent;border:1px solid rgba(255,255,255,.3)}.de-final .btn-dark:hover{background:#fff;color:var(--de-navy)}
.mobile-cta{display:none}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:1000;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;font-size:25px;box-shadow:0 12px 30px rgba(0,0,0,.2);transition:.3s}.floating-whatsapp:hover{transform:translateY(-5px) scale(1.05);color:#fff}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:900px){.de-grid,.de-landing-grid{grid-template-columns:1fr}.de-hero{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.92)),url('../../../images/countries/germany.png') center/cover}.de-grid{padding:60px 0}.de-panel{max-width:650px;margin:auto}.de-pillar-grid{grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:1fr}.de-path-grid{grid-template-columns:1fr}}
@media(max-width:600px){.container{width:min(94%,1180px)}.de-hero{min-height:auto}.de-grid{padding:55px 0}.de-hero h1{font-size:43px;letter-spacing:-2px}.de-tagline{font-size:23px}.de-buttons a{width:100%}.de-usp-card{padding:17px}.de-main-usp .number{font-size:39px}.de-usp-grid,.de-usp-bottom{grid-template-columns:1fr 1fr}.de-pillar-grid,.career-items{grid-template-columns:1fr}.de-pillars,.de-pathways,.de-landing,.de-career,.de-faq{padding:70px 0}.landing-features{grid-template-columns:1fr}.de-final{padding:75px 0}.floating-whatsapp{right:15px;bottom:72px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:999;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -5px 25px rgba(0,0,0,.12)}.mobile-cta a{padding:14px;text-align:center;font-weight:900;font-size:10px}.mobile-call{background:#fff;color:var(--de-navy)}.mobile-apply{background:var(--de-gold);color:var(--de-navy)}}
@media(prefers-reduced-motion:reduce){.de-usp-card{animation:none}.de-pillar,.de-path,.de-usp,.floating-whatsapp{transition:none}}


/* Modal pop up */

/* ==========================================
   MODAL
========================================== */

.modal[hidden]{
    display:none !important;
}

.modal{
    position:fixed;
    inset:0;
    z-index:999999;

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

    padding:20px;
}

.modal__backdrop{
    position:absolute;
    inset:0;

    background:rgba(0,0,0,.65);
    backdrop-filter:blur(5px);
}

.modal__dialog{

    position:relative;
    z-index:2;

    width:90%;
    max-width:550px;
    
     

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:
        0 25px 80px rgba(0,0,0,.25);
}

.modal__hd{

    background:linear-gradient(
        135deg,
        #0B4D8C,
        #1565C0
    );

    color:#fff;

     padding:20px 24px;

    border-bottom:4px solid #FDB913;
}

.modal__hd h2{
    margin:0;
    
    font-weight:700;
     font-size:2rem;
    margin-bottom:6px;
}

.modal__hd p{
    margin-top:8px;
    opacity:.95;
}

.modal__bd{
    padding:24px;
}

.modal__close{

    position:absolute;
    top:15px;
    right:15px;

    width:42px;
    height:42px;

    border:none;
    border-radius:50%;

    background:rgba(255,255,255,.15);

    color:#fff;

    font-size:20px;

    cursor:pointer;
}

.modal__close:hover{
    background:rgba(255,255,255,.25);
}

@keyframes modalFade{

    from{
        opacity:0;
        transform:translateY(20px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}
.modal__bd .row{

    display:grid;
    grid-template-columns:1fr 1fr;

    gap:12px;
    margin-bottom:12px;
    
}

.modal__bd label{

    display:block;

    margin-bottom:5px;
  
   

    font-size:12px;
    font-weight:600;

    color:#0B4D8C;
}

.modal__bd input,
.modal__bd select,
.modal__bd textarea{

    width:100%;

    padding:12px 14px;

    border:1px solid #dbe5f0;

    border-radius:12px;

    font-size:15px;

    transition:.3s;
}

.modal__bd input:focus,
.modal__bd select:focus,
.modal__bd textarea:focus{

    border-color:#0B4D8C;

    box-shadow:
        0 0 0 4px rgba(11,77,140,.08);

    outline:none;
}

.modal__bd textarea{
    height:50px !important;
    resize:vertical;
}

.modal__bd .consent-wrap{

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

    gap:10px;

    margin:16px 0;

    text-align:left;
}

.modal__bd .consent-wrap input[type="checkbox"]{

    width:18px;
    height:18px;

    margin-top:2px;

    flex-shrink:0;
}

.modal__bd .consent-wrap span{

    font-size:14px;
    line-height:1.5;

    color:#495057;
}

.modal__bd .consent-wrap a{

    color:#0B4D8C;
    font-weight:600;
}

.modal__bd .submit{
	

    width:100%;

    border:none;

    padding:14px;

    border-radius:12px;

    font-size:18px;
    font-weight:700;

    color:#fff;

    background:linear-gradient(
        135deg,
        #FDB913,
        #FFD54F
    );

    box-shadow:
        0 10px 25px rgba(253,185,19,.35);

    cursor:pointer;
}

.modal__bd .submit:hover{
    transform:translateY(-2px);
}
@media(max-width:768px){

    .modal{
        padding:10px;
    }

    .modal__dialog{

      
        border-radius:20px;
          width:95%;
        max-width:420px;
    }

    .modal__hd{
        padding:20px;
    }

    .modal__hd h2{
       font-size:1.75rem;
    }

    .modal__bd{
        padding:20px;
    }

    .modal__bd .row{
        grid-template-columns:1.5fr 1.5fr;
    }
}


/*   End of common model popup */