/* Polices Touring*/
@font-face{font-family:"PF Handbook Pro";src:url("https://www.touring.be/themes/custom/touring_base/fonts/pfHandbookPro/pfHandbookPro-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"PF Handbook Pro";src:url("https://www.touring.be/themes/custom/touring_base/fonts/pfHandbookPro/pfHandbookPro-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Roboto";src:url("https://www.touring.be/themes/custom/touring_base/fonts/Roboto/roboto-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Roboto";src:url("https://www.touring.be/themes/custom/touring_base/fonts/Roboto/roboto-semibold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Roboto";src:url("https://www.touring.be/themes/custom/touring_base/fonts/Roboto/roboto-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}

.occ{--blue:#00418C;--deep:#0B3A73;--soft:#A9C1E0;--tint:#E6F0FC;--pale:#F2F7FD;--yellow:#FBEC15;--ytint:#FFF7CC;--ypale:#FFFBE5;--grey:#525252;--ok:#027C48;--okbg:#DEF4EB;color:var(--deep);font-size:16px;line-height:1.55;font-family:'Roboto',Arial,sans-serif}
.occ *{box-sizing:border-box}
.occ a,.occ a:hover,.occ a:focus,.occ a:active,.occ a:visited,.occ a *{text-decoration:none!important;border-bottom:0!important}
.occ a{color:inherit}
.occ h1,.occ h2,.occ h3,.occ .num{font-family: "PF Handbook Pro", Arial, Helvetica, sans-serif;font-style:normal;font-synthesis:none;margin:0;line-height:1.1;text-wrap:balance}
.occ a:focus-visible{outline:3px solid var(--deep);outline-offset:3px;border-radius:8px}
.occ .wrap{max-width:1120px;margin-inline:auto;padding-inline:20px}
.occ .tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:none;background:var(--yellow);color:var(--deep);padding:6px 14px;border-radius:999px}
.occ .dia{width:9px;height:9px;background:currentColor;transform:rotate(45deg);display:inline-block}

.occ .hero{background:var(--blue);color:#fff;border-radius:0 0 40px 40px;overflow:hidden}
.occ .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding-block:48px 56px}
.occ .hero h1{font-size:clamp(32px,5vw,56px);font-weight:700;margin-block:18px 16px;color:#fff}
.occ .hero h1 em{font-style:normal;color:var(--yellow)}
.occ .hero p{font-size:18px;color:var(--tint);max-width:46ch;margin:0}
.occ .btns{display:flex;flex-wrap:wrap;gap:12px}
.occ .btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;border-radius:999px;padding:14px 24px;transition:transform .18s,box-shadow .18s}
.occ .btn.y{background:var(--yellow);color:var(--deep)}
.occ .btn.g{color:#fff;box-shadow:inset 0 0 0 2px var(--soft)}
.occ .btn:hover{transform:translateY(-3px)}
.occ .btn.y:hover{box-shadow:0 8px 0 #FFE236}
.occ .art{position:relative;aspect-ratio:1/1;max-width:100%}
.occ .blob{position:absolute;inset:6% 4% 6% 10%;background:var(--tint);border-radius:48% 52% 44% 56%/52% 44% 56% 48%;display:grid;place-items:center;overflow:hidden}
.occ .blob img{width:62%;max-width:100%;height:auto}
.occ .float{position:absolute;background:#fff;color:var(--deep);border-radius:18px;padding:10px 14px;font-weight:700;font-size:14px;box-shadow:0 10px 24px rgba(0,0,0,.18);display:flex;align-items:center;gap:8px}
.occ .float i{width:22px;height:22px;border-radius:50%;background:var(--okbg);color:var(--ok);display:grid;place-items:center;font-style:normal;font-size:13px}
.occ .f1{top:6%;left:0;animation:occbob 5s ease-in-out infinite}
.occ .f2{bottom:12%;right:0;animation:occbob 6s ease-in-out -2s infinite}
@keyframes occbob{50%{transform:translateY(-10px)}}
.occ .rh{position:absolute;background:var(--yellow);transform:rotate(45deg);border-radius:6px}
.occ .r1{width:56px;height:56px;top:0;right:14%}
.occ .r2{width:26px;height:26px;bottom:6%;left:8%}

.occ .rail{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #D9D9D9}
.occ .rail .wrap{display:flex;gap:10px;overflow-x:auto;padding-block:14px}
.occ .rail a{flex:none;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:var(--tint);font-weight:700;font-size:14px;transition:background .2s}
.occ .rail b{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px}
.occ .rail a:hover{background:var(--yellow)}
.occ .rail a:hover b{background:var(--deep);color:var(--yellow)}

.occ .rail a.cta{margin-left:auto;padding:8px 20px;background:var(--yellow);color:var(--deep)}
.occ .rail a.cta:hover{background:var(--blue);color:#fff}
.occ .step{padding-block:52px 4px}
.occ .head{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:baseline;margin-bottom:22px}
.occ .num{font-weight:700;font-size:clamp(26px,3.6vw,38px);line-height:1;color:var(--blue)}
.occ .step h2{font-size:clamp(26px,3.6vw,38px);color:var(--blue);font-weight:700}
.occ .lead{grid-column:1/-1;color:var(--grey);max-width:none;width:100%;margin:0;font-size:17px}
.occ .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.occ .card{background:var(--pale);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0;min-height:150px;transition:transform .2s,box-shadow .2s}
.occ .card:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 12px 0 -4px var(--yellow)}
.occ .card h3{font-size:19px;font-weight:700;line-height:1.25;color:var(--deep)}
.occ .go{margin-top:auto;font-weight:700;color:var(--blue)}
.occ .kind{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:none;padding:4px 10px;border-radius:999px;background:var(--tint);color:var(--blue)}
.occ .tool{background:var(--ytint)}
.occ .tool .kind{background:var(--yellow);color:var(--deep)}
.occ .quiz{background:var(--blue)}
.occ .quiz h3{color:#fff}
.occ .quiz .go{color:var(--yellow)}
.occ .quiz .kind{background:var(--yellow);color:var(--deep)}

.occ .assist{margin-block:60px;background:var(--yellow);color:var(--deep);border-radius:40px;padding:clamp(26px,5vw,52px);display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.occ .assist h2{font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--deep)}
.occ .assist p{margin:14px 0 0;max-width:52ch}
.occ .assist .btn{background:var(--blue);color:#fff;margin-top:22px}
.occ .assist .btn:hover{box-shadow:0 8px 0 var(--deep)}
.occ .checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.occ .checks li{background:var(--ypale);border-radius:18px;padding:14px 18px;font-weight:700;display:flex;gap:12px;align-items:center}
.occ .checks li::before{content:"";width:12px;height:12px;background:var(--blue);transform:rotate(45deg);flex:none}
.occ .legal{font-size:13px;color:#6F6F6F;padding-bottom:40px;max-width:80ch}
.occ .grid.g5{grid-template-columns:repeat(6,1fr)}.occ .grid.g5 .card{grid-column:span 2}
@media (max-width:820px){.occ .grid.g5{grid-template-columns:1fr}.occ .grid.g5 .card,.occ .grid.g5 .card:nth-child(n+4){grid-column:auto}.occ .hero .wrap,.occ .assist{grid-template-columns:1fr}.occ .art{max-width:380px;margin-inline:auto;width:100%}}
@media (prefers-reduced-motion:reduce){.occ *{animation:none!important;transition:none!important}}