/* Rawasikh workflow 7, isolated: no global card/svg sizing can affect it. */
.rxflow-section {padding:clamp(36px,5vw,75px) 0!important;background:#031317!important;}
.rxflow-section .rxflow-frame,.rxflow-section .rxflow-frame *{box-sizing:border-box;}
.rxflow-section .rxflow-frame{position:relative;isolation:isolate;overflow:hidden;max-width:1250px;margin:0 auto;padding:28px clamp(14px,2.8vw,38px) 66px;border:1px solid #1165aa;border-radius:23px;background:radial-gradient(ellipse at 50% 49%,rgba(0,74,144,.31),transparent 47%),linear-gradient(180deg,#041b35,#021125);box-shadow:inset 0 0 70px rgba(0,91,198,.10);color:#fff;}
.rxflow-section .rxflow-heading{position:relative;z-index:3;text-align:center;max-width:1000px;margin:0 auto 30px;}
.rxflow-section .rxflow-heading span{display:block;color:#18c8ff;font-size:15px;font-weight:700;margin-bottom:7px;}
.rxflow-section .rxflow-heading h2{color:#fff!important;font-size:clamp(25px,3.2vw,44px)!important;font-weight:800;line-height:1.35;margin:0 0 9px!important;}
.rxflow-section .rxflow-heading p{color:#a5cce6!important;font-size:clamp(12px,1.1vw,15px);line-height:1.7;margin:0!important;}
.rxflow-section .rxflow-diagram{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:12px;align-items:center;width:100%;max-width:1140px;margin:0 auto;min-height:350px;}
.rxflow-section .rxflow-column{display:grid;grid-template-rows:repeat(2,1fr);gap:25px;min-width:0;}
.rxflow-section .rxflow-card{width:100%;height:142px;min-height:142px;max-height:142px;position:relative;display:flex;flex-direction:row;align-items:center;gap:14px;padding:14px 18px;border:1px solid #08bde4;border-radius:80px;background:linear-gradient(115deg,rgba(0,47,76,.92),rgba(3,29,51,.96));box-shadow:inset 0 0 24px rgba(3,152,236,.08);direction:rtl;animation:rxflow-breathe 5s ease-in-out infinite;}
.rxflow-section .rxflow-card:nth-child(2){animation-delay:-2.5s;}
.rxflow-section .rxflow-approval,.rxflow-section .rxflow-result{border-color:#00c7a7;}
.rxflow-section .rxflow-automation{border-color:#8858ee;}
.rxflow-section .rxflow-symbol{position:relative;flex:0 0 86px;width:86px;height:86px;max-width:86px;max-height:86px;display:flex;align-items:center;justify-content:center;border:3px solid #25caff;border-radius:50%;background:#062b4c;box-shadow:0 0 18px rgba(0,180,255,.25);animation:rxflow-icon-glow 4s ease-in-out infinite;}
.rxflow-section .rxflow-symbol svg{display:block!important;width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;min-width:38px!important;min-height:38px!important;overflow:visible!important;fill:none!important;stroke:#41d9ff!important;stroke-width:2.7px!important;stroke-linecap:round;stroke-linejoin:round;}
.rxflow-section .rxflow-approval .rxflow-symbol,.rxflow-section .rxflow-result .rxflow-symbol{border-color:#00e2c0;}
.rxflow-section .rxflow-approval .rxflow-symbol svg,.rxflow-section .rxflow-result .rxflow-symbol svg{stroke:#00e9ca!important;}
.rxflow-section .rxflow-automation .rxflow-symbol{border-color:#9d69ff;}
.rxflow-section .rxflow-automation .rxflow-symbol svg{stroke:#b292ff!important;}
.rxflow-section .rxflow-copy{min-width:0;flex:1;text-align:right;}
.rxflow-section .rxflow-copy h3{color:#fff!important;font-size:clamp(15px,1.35vw,19px)!important;line-height:1.4;margin:0 0 7px!important;font-weight:800;}
.rxflow-section .rxflow-copy p{color:#b7d2e3!important;font-size:clamp(11px,1vw,13px)!important;line-height:1.7;margin:0!important;}
.rxflow-section .rxflow-center{position:relative;width:205px;height:205px;max-width:205px;max-height:205px;min-width:205px;min-height:205px;margin:auto;display:flex;align-items:center;justify-content:center;border:3px solid #1f9bff;border-radius:50%;background:radial-gradient(circle,#064a83,#021a38 70%);box-shadow:0 0 25px rgba(0,137,255,.6),inset 0 0 25px rgba(13,149,244,.26);}
.rxflow-section .rxflow-halo{position:absolute;pointer-events:none;border:1px dotted rgba(28,177,255,.7);border-radius:50%;inset:-15px;animation:rxflow-rotate 24s linear infinite;}
.rxflow-section .rxflow-halo-inner{inset:-7px;border-style:dashed;animation-duration:18s;animation-direction:reverse;}
.rxflow-section .rxflow-emblem{position:relative;width:115px;height:137px;max-width:115px;max-height:137px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 7px rgba(13,181,246,.75));}
.rxflow-section svg.rxflow-mark{display:block!important;width:115px!important;height:137px!important;min-width:115px!important;min-height:137px!important;max-width:115px!important;max-height:137px!important;overflow:visible!important;}
.rxflow-section .rxflow-mark .rxflow-stroke{fill:none!important;stroke-dasharray:100!important;stroke-dashoffset:100;animation:rxflow-draw 5.4s ease-in-out infinite;}
.rxflow-section .rxflow-mark .rxflow-stroke:nth-child(2){animation-delay:.14s;stroke:#0bb5f4;}
.rxflow-section .rxflow-mark .rxflow-stroke:nth-child(3){animation-delay:.28s;stroke:#0bb5f4;}
.rxflow-section .rxflow-mark .rxflow-stroke:nth-child(4){animation-delay:.42s;stroke:#0bb5f4;}
.rxflow-section .rxflow-mark .rxflow-stroke:nth-child(5){animation-delay:.56s;stroke:#073b96;}
.rxflow-section .rxflow-mark .rxflow-stroke:first-child{stroke:#008c9e;}
.rxflow-section .rxflow-trail{position:absolute;width:38px;height:3px;background:linear-gradient(90deg,transparent,#20dfff,transparent);box-shadow:0 0 10px #00cfff;animation:rxflow-flow 2.7s linear infinite;pointer-events:none;}
.rxflow-section .rxflow-trail-lt{right:100%;top:29%;}.rxflow-section .rxflow-trail-lb{right:100%;top:71%;animation-delay:-1s;background:linear-gradient(90deg,transparent,#ad83ff,transparent);}
.rxflow-section .rxflow-trail-rt{left:100%;top:29%;animation-delay:-.5s;}.rxflow-section .rxflow-trail-rb{left:100%;top:71%;animation-delay:-1.5s;}
.rxflow-section .rxflow-gridwave{position:absolute;left:-5%;right:-5%;bottom:-38px;height:140px;opacity:.4;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 125%,transparent 0 8px,rgba(0,161,255,.22) 9px,transparent 10px 17px);transform:perspective(260px) rotateX(35deg);animation:rxflow-wave 9s ease-in-out infinite alternate;}
@keyframes rxflow-draw{0%,4%{stroke-dashoffset:100;opacity:1}58%,78%{stroke-dashoffset:0;opacity:1}96%,100%{stroke-dashoffset:100;opacity:0}}
@keyframes rxflow-rotate{to{transform:rotate(360deg)}}
@keyframes rxflow-flow{0%{opacity:.2;transform:translateX(-8px)}50%{opacity:1}100%{opacity:.2;transform:translateX(8px)}}
@keyframes rxflow-breathe{50%{box-shadow:inset 0 0 30px rgba(3,152,236,.18),0 0 20px rgba(0,137,235,.13)}}
@keyframes rxflow-icon-glow{50%{box-shadow:0 0 24px rgba(0,184,255,.48)}}
@keyframes rxflow-wave{to{transform:perspective(260px) rotateX(35deg) translateX(18px)}}
@media(max-width:1000px){.rxflow-section .rxflow-diagram{grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);gap:10px}.rxflow-section .rxflow-center{width:150px;height:150px;min-width:150px;min-height:150px}.rxflow-section .rxflow-emblem,.rxflow-section svg.rxflow-mark{width:90px!important;height:105px!important;min-width:90px!important;min-height:105px!important}.rxflow-section .rxflow-card{padding:10px;gap:8px;border-radius:25px}.rxflow-section .rxflow-symbol{flex-basis:60px;width:60px;height:60px}.rxflow-section .rxflow-copy h3{font-size:14px!important}}
@media(max-width:720px){.rxflow-section .rxflow-frame{padding:26px 14px 50px}.rxflow-section .rxflow-diagram{grid-template-columns:1fr;gap:18px}.rxflow-section .rxflow-center{grid-row:1;width:175px;height:175px;min-width:175px;min-height:175px}.rxflow-section .rxflow-column{grid-template-columns:1fr 1fr;gap:12px}.rxflow-section .rxflow-card{height:auto;min-height:165px;max-height:none;flex-direction:column;border-radius:20px;text-align:center;padding:12px 8px}.rxflow-section .rxflow-copy{text-align:center}.rxflow-section .rxflow-trail{display:none}.rxflow-section .rxflow-symbol{flex-basis:62px;min-height:62px}.rxflow-section .rxflow-copy p{font-size:11px!important}}
@media(max-width:430px){.rxflow-section .rxflow-column{grid-template-columns:1fr}.rxflow-section .rxflow-card{min-height:125px;flex-direction:row;text-align:right}.rxflow-section .rxflow-copy{text-align:right}}
@media(prefers-reduced-motion:reduce){.rxflow-section .rxflow-frame *{animation:none!important}.rxflow-section .rxflow-mark .rxflow-stroke{stroke-dashoffset:0!important}}