/* SAS Portal V7.0.130 — Theme 4 revision round */

:root{
  --t4-signal-green:#24a866;
  --t4-signal-orange:#f58220;
  --t4-signal-blue:#18a8e0;
}

/* Three signal colours, including the hero and scroll journey. */
.t4x-journey-dot{fill:var(--t4-signal-orange)!important;filter:drop-shadow(0 0 7px rgba(245,130,32,.36))!important}
.t4x-journey-orbit-dot.journey-regie{fill:var(--t4-signal-green)!important;filter:drop-shadow(0 0 7px rgba(36,168,102,.38))!important}
.t4x-journey-orbit-dot.journey-automatiseer{fill:var(--t4-signal-orange)!important;filter:drop-shadow(0 0 7px rgba(245,130,32,.38))!important}
.t4x-journey-orbit-dot.journey-integreer{fill:var(--t4-signal-blue)!important;filter:drop-shadow(0 0 7px rgba(24,168,224,.38))!important}
.t4x-hero-signals i:nth-child(1){background:var(--t4-signal-green)!important;box-shadow:0 0 0 7px rgba(36,168,102,.14),0 0 16px rgba(36,168,102,.45)!important}
.t4x-hero-signals i:nth-child(2){background:var(--t4-signal-orange)!important;box-shadow:0 0 0 7px rgba(245,130,32,.14),0 0 16px rgba(245,130,32,.45)!important}
.t4x-hero-signals i:nth-child(3){background:var(--t4-signal-blue)!important;box-shadow:0 0 0 7px rgba(24,168,224,.14),0 0 16px rgba(24,168,224,.45)!important}
.t4x-hero-signals:before{background:linear-gradient(90deg,rgba(36,168,102,.08),rgba(245,130,32,.62),rgba(245,130,32,.08))!important}
.t4x-hero-signals:after{background:linear-gradient(90deg,rgba(245,130,32,.08),rgba(24,168,224,.62),rgba(24,168,224,.08))!important}

/* Restore the four sector photographs and the six application banners. */
.t4x-sector-photo,.t4x-case-grid .case-banner{position:relative!important;overflow:hidden!important}
.t4x-sectors-v111 .t4x-sector-photo img,.t4x-case-grid .case-banner img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.t4x-sectors-v111 .t4x-sector-photo img{filter:grayscale(.9) saturate(.48) brightness(.74) contrast(1.04)!important;transform:scale(1.01)!important}
.t4x-sectors-v111 .t4x-sector-photo:after,.t4x-case-grid .case-banner:after{content:""!important;position:absolute;inset:0;pointer-events:none;background:rgba(5,45,72,.22);transition:opacity .3s ease!important}
.t4x-sectors-v111 .sector-card:hover .t4x-sector-photo img,.t4x-sectors-v111 .sector-card:focus-visible .t4x-sector-photo img{filter:grayscale(0) saturate(1.04) brightness(1.02)!important;transform:scale(1.045)!important}
.t4x-sectors-v111 .sector-card:hover .t4x-sector-photo:after,.t4x-sectors-v111 .sector-card:focus-visible .t4x-sector-photo:after,.t4x-case-grid a:hover .case-banner:after,.t4x-case-grid a:focus-visible .case-banner:after{opacity:0}
.t4x-sectors-v111 .sector-card strong{padding-right:72px!important}

/* Six cards on one exact circle. No card animation may alter their position. */
.t4x-cap-v112 .t4x-cap-cycle{width:min(760px,100%)!important;height:760px!important;margin:34px auto 0!important}
.t4x-cap-v112 .cycle-ring{width:520px!important;height:520px!important}
.t4x-cap-v112 .cycle-ring:before{inset:46px!important}
.t4x-cap-v112 .cycle-dot{transform-origin:0 267px!important}
.t4x-cap-v112 .t4x-cap-cycle article{width:200px!important;min-height:128px!important;left:auto;right:auto;top:auto;bottom:auto;transform:translate(-50%,-50%)!important;animation:none!important}
.t4x-cap-v112 .t4x-cap-cycle article.is-active{transform:translate(-50%,-50%)!important;box-shadow:0 18px 42px rgba(7,47,78,.14)!important}
.t4x-cap-v112 .t4x-cap-cycle .c1{left:50%!important;top:10.5%!important}
.t4x-cap-v112 .t4x-cap-cycle .c2{left:84.2%!important;top:30.3%!important}
.t4x-cap-v112 .t4x-cap-cycle .c3{left:84.2%!important;top:69.7%!important}
.t4x-cap-v112 .t4x-cap-cycle .c4{left:50%!important;top:89.5%!important}
.t4x-cap-v112 .t4x-cap-cycle .c5{left:15.8%!important;top:69.7%!important}
.t4x-cap-v112 .t4x-cap-cycle .c6{left:15.8%!important;top:30.3%!important}
.t4x-cap-v112 .cycle-center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}

/* Seamless technology orbit with twelve evenly spaced nodes. */
.t4x-tech-v114 .t4x-tech-orbit{min-height:660px!important;background:transparent!important;border-radius:0!important;overflow:visible!important}
.t4x-tech-v114 .t4x-tech-orbit:before{width:400px!important;height:400px!important}
.t4x-tech-v114 .t4x-tech-orbit:after{width:540px!important;height:540px!important}
.t4x-tech-v114 .tech-center-circle{width:220px!important;height:220px!important;box-shadow:0 18px 46px rgba(1,26,44,.2)!important}
.t4x-tech-v114 .tech-center-circle img{width:86%!important;max-width:160px!important;max-height:88px!important}
.t4x-tech-v114 .tech-circle{left:auto;right:auto;top:auto;bottom:auto;transform:translate(-50%,-50%);overflow:hidden!important;animation-name:t4OrbitDrift130!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;box-shadow:0 13px 30px rgba(1,26,44,.17)!important}
.t4x-tech-v114 .tc1,.t4x-tech-v114 .tc2,.t4x-tech-v114 .tc3,.t4x-tech-v114 .tc4{width:124px!important;height:124px!important;padding:15px!important}
.t4x-tech-v114 .tc5,.t4x-tech-v114 .tc6,.t4x-tech-v114 .tc7,.t4x-tech-v114 .tc8,.t4x-tech-v114 .tc9,.t4x-tech-v114 .tc10,.t4x-tech-v114 .tc11,.t4x-tech-v114 .tc12{width:66px!important;height:66px!important;padding:9px!important;background:#fff!important}
.t4x-tech-v114 .tc1{left:9%!important;top:50%!important}.t4x-tech-v114 .tc2{left:50%!important;top:9%!important}.t4x-tech-v114 .tc3{left:91%!important;top:50%!important}.t4x-tech-v114 .tc4{left:50%!important;top:91%!important}
.t4x-tech-v114 .tc5{left:34.3%!important;top:87.9%!important}.t4x-tech-v114 .tc6{left:34.3%!important;top:12.1%!important}.t4x-tech-v114 .tc7{left:65.7%!important;top:12.1%!important}.t4x-tech-v114 .tc8{left:65.7%!important;top:87.9%!important}
.t4x-tech-v114 .tc9{left:12.1%!important;top:65.7%!important}.t4x-tech-v114 .tc10{left:87.9%!important;top:34.3%!important}.t4x-tech-v114 .tc11{left:87.9%!important;top:65.7%!important}.t4x-tech-v114 .tc12{left:12.1%!important;top:34.3%!important}
.t4x-tech-v114 .tc1 img,.t4x-tech-v114 .tc3 img,.t4x-tech-v114 .tc4 img{width:100%!important;max-width:100%!important;max-height:58px!important}
.t4x-tech-v114 .tc2 img{width:112%!important;max-width:112%!important;max-height:72px!important}
@keyframes t4OrbitDrift130{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 7px))}}
.t4x-tech-orbit .tech-orbit-dot.d1{background:var(--t4-signal-green)!important;box-shadow:0 0 0 7px rgba(36,168,102,.18),0 0 18px rgba(36,168,102,.46)!important}
.t4x-tech-orbit .tech-orbit-dot.d2{background:var(--t4-signal-orange)!important;box-shadow:0 0 0 7px rgba(245,130,32,.18),0 0 18px rgba(245,130,32,.46)!important}
.t4x-tech-orbit .tech-orbit-dot.d3{background:var(--t4-signal-blue)!important;box-shadow:0 0 0 7px rgba(24,168,224,.18),0 0 18px rgba(24,168,224,.46)!important}

/* Process builder uses the same three-colour signal language. */
.builder-link:nth-of-type(1) i{background:var(--t4-signal-green)!important;box-shadow:0 0 0 6px rgba(36,168,102,.18)!important}
.builder-link:nth-of-type(2) i{background:var(--t4-signal-orange)!important;box-shadow:0 0 0 6px rgba(245,130,32,.18)!important}
.builder-link:nth-of-type(3) i{background:var(--t4-signal-blue)!important;box-shadow:0 0 0 6px rgba(24,168,224,.18)!important}

/* Partner names are never recreated as imitation logos. */
.t4x-partners-v130 .t4x-partner-grid-v129>article{display:flex;flex-direction:column;min-height:330px;padding:28px;border:1px solid #d4e3eb;background:#fff;color:var(--t4-navy)}
.t4x-partners-v130 .t4x-partner-grid-v129>article>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#0874ba}
.partner-name-v130{height:104px;margin:20px 0;display:grid;place-items:center;border:1px solid #e0e9ee;background:#f9fbfc;color:#173f5f;font-size:28px;font-weight:800;letter-spacing:-.04em}
.partner-expertise-v130 h3{font-size:22px;margin:0 0 8px}.partner-expertise-v130 p{color:#61798a;line-height:1.55}.partner-expertise-v130>b{margin-top:auto;color:#566f80;font-size:13px}

/* The obsolete trigger/result section can never flash back in. */
.t4x-process-v115,.t4x-process-v117,.t4x-process-v119{display:none!important}

@media(max-width:1000px){
  .t4x-tech-v114 .t4x-tech-orbit{width:min(660px,100%);margin-inline:auto}
}
@media(max-width:900px){
  .t4x-cap-v112 .t4x-cap-cycle{height:auto!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .t4x-cap-v112 .cycle-ring,.t4x-cap-v112 .cycle-center{display:none!important}
  .t4x-cap-v112 .t4x-cap-cycle article,.t4x-cap-v112 .t4x-cap-cycle article.is-active{position:static!important;width:auto!important;min-height:130px!important;transform:none!important}
}
@media(max-width:700px){
  .t4x-tech-v114 .t4x-tech-orbit{min-height:560px!important;transform:scale(.84)!important;transform-origin:top center!important;margin-bottom:-90px!important}
  .t4x-partners-v130 .t4x-partner-grid-v129>article{min-height:280px}
}
@media(max-width:620px){.t4x-cap-v112 .t4x-cap-cycle{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.t4x-tech-v114 .tech-circle{animation:none!important;transform:translate(-50%,-50%)!important}}
/* V7.1.3: start the active motions as visitors reach each section. */
.t4x-trusted:not(.t4-motion-visible) .t4x-customer-track,.t4x-tech:not(.t4-motion-visible) .tech-circle,.t4x-cap:not(.t4-motion-visible) .cycle-dot{animation-play-state:paused!important}.t4-motion-visible .t4x-customer-track,.t4-motion-visible .tech-circle,.t4-motion-visible .cycle-dot{animation-play-state:running!important}
