/* Keep the floating navigation anchored to the viewport center in both languages. */
.navbar-wraper{position:fixed!important;inset-inline:0!important;left:0!important;right:0!important;width:100%!important;display:flex!important;justify-content:center!important;transform:none!important;pointer-events:none}
.navbar-wraper .navbar{margin-inline:auto!important;width:max-content!important;max-width:calc(100vw - 24px)!important;pointer-events:auto;flex:none}
.navbar-container{margin-inline:auto!important}
.smartcat-service-icon{display:block;width:64px;height:64px;flex:none;color:#fff;filter:drop-shadow(0 2px 5px #ffffff30)}
.value-icon-frame .smartcat-service-icon{width:64px;height:64px}
.capabilities-data-icon-wrap .smartcat-service-icon{width:72px;height:72px}
/* Restore the continuous integration rows without relying on text animations. */
html[lang=ar] .intergration-marquee{direction:ltr;overflow:hidden}
html[lang=ar] .intergration-item-line{display:flex;width:max-content;max-width:none;transform:none!important;gap:0;animation:smartcat-integrations 65s linear infinite}
html[lang=ar] .intergration-item-line._02{animation-direction:reverse;animation-duration:75s}
html[lang=ar] .intergration-item-wrap{flex:none;transform:none!important}
@keyframes smartcat-integrations{from{translate:0 0}to{translate:-50% 0}}
@media(max-width:479px){.smartcat-service-icon,.value-icon-frame .smartcat-service-icon{width:52px;height:52px}.capabilities-data-icon-wrap .smartcat-service-icon{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){html[lang=ar] .intergration-item-line{animation:none}}
/* Anchor the complete pill independently of flex direction and Safari layout. */
html body .navbar-wraper .navbar{position:relative!important;left:50%!important;right:auto!important;margin:0!important;transform:translateX(-50%)!important;translate:none!important}
html body .navbar-wraper{display:block!important;direction:ltr!important}
html body .navbar-container{direction:ltr}
html[lang=ar] body .navbar-container{direction:rtl}
.process-line-ray{top:var(--timeline-start,0px)!important;bottom:auto!important;height:var(--timeline-length,100%)!important;margin-top:0!important;margin-bottom:0!important}
.process-line{height:var(--timeline-progress,0px)!important;flex:none;min-height:0;box-shadow:0 0 12px #ff5b6350;background:linear-gradient(180deg,#ff777d,#f03040)!important}
@media(max-width:991px){html[lang=ar] .process-line-ray{left:auto!important;right:calc(2.75rem - 1px)!important;margin-left:0!important;margin-right:0!important}}
@media(max-width:767px){html[lang=ar] .process-line-ray{right:calc(2.25rem - 1px)!important}}
html body .navbar-wraper .navbar{position:absolute!important;top:32px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;float:none!important}
html body .navbar-wraper{padding:0!important;top:0!important;height:0!important;overflow:visible!important}
@media(max-width:767px){html body .navbar-wraper .navbar{top:16px!important}}