#opex-usecases{direction:rtl;background:#f3f5f9;padding:100px 24px;font-family:Raleway,Tajawal,Inter,sans-serif}#opex-usecases *{box-sizing:border-box}#opex-usecases .uc-ms{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}#opex-usecases .uc-num{font-family:Red Hat Display,Raleway,sans-serif;font-weight:700}#opex-usecases .uc-wrap{max-width:1240px;margin:0 auto}#opex-usecases .uc-head{text-align:center;margin-bottom:40px}#opex-usecases h2{color:#0d1728;margin:0 0 14px;font-family:Red Hat Display,Tajawal,sans-serif;font-size:38px;font-weight:800;line-height:1.3}#opex-usecases .uc-sub{color:#5b6472;max-width:680px;margin:0 auto;font-size:17px;line-height:1.75}#opex-usecases .uc-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:28px;display:flex}#opex-usecases .uc-tab{color:#0d1728;cursor:pointer;background:#fff;border:1px solid #e4e7ec;border-radius:14px;align-items:center;gap:10px;padding:14px 22px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}#opex-usecases .uc-tab .uc-ms{color:#16397f;font-size:21px;transition:color .2s}#opex-usecases .uc-tab:hover{color:#16397f;border-color:#16397f;transform:translateY(-1px)}#opex-usecases .uc-tab.active{color:#fff;background:#16397f;border-color:#16397f;box-shadow:0 12px 26px #16397f47}#opex-usecases .uc-tab.active .uc-ms{color:#fff}#opex-usecases .uc-panel{background:#fff;border:1px solid #e4e7ec;border-radius:24px;padding:44px}#opex-usecases .uc-panel.show{animation:.38s ucFade}@keyframes ucFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}#opex-usecases .uc-cols{align-items:stretch;gap:40px;display:flex}#opex-usecases .uc-left{flex-direction:column;flex:340px;justify-content:center;display:flex}#opex-usecases .uc-pic{background:linear-gradient(135deg,#16397f,#2a5bc4);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:22px;display:flex;box-shadow:0 10px 22px #16397f40}#opex-usecases .uc-pic .uc-ms{color:#fff;font-size:32px}#opex-usecases .uc-left h3{color:#0d1728;margin:0 0 14px;font-family:Red Hat Display,Tajawal,sans-serif;font-size:27px;font-weight:800;line-height:1.4}#opex-usecases .uc-left p{color:#5b6472;margin:0;font-size:16px;line-height:1.85}#opex-usecases .uc-example{background:#16397f09;border:1px solid #e4e7ec;border-radius:20px;flex:1.1 380px;padding:28px}#opex-usecases .uc-ex-head{color:#16397f;align-items:center;gap:8px;margin-bottom:22px;font-size:14px;font-weight:700;display:flex}#opex-usecases .uc-ex-head .uc-ms{color:#16397f;font-size:19px}#opex-usecases .uc-steps{position:relative}#opex-usecases .uc-step{gap:16px;padding-bottom:22px;display:flex;position:relative}#opex-usecases .uc-step:last-child{padding-bottom:0}#opex-usecases .uc-step:not(:last-child):before{content:"";top:34px;bottom:6px;background:#d7dfec;width:2px;position:absolute;inset-inline-start:15px}#opex-usecases .uc-mark{z-index:1;color:#16397f;background:#eef2f8;border:2px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-family:Red Hat Display,Raleway,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative;box-shadow:0 0 0 1px #e0e6f0}#opex-usecases .uc-txt{color:#384152;padding-top:5px;font-size:15px;line-height:1.65}#opex-usecases .uc-step-out .uc-mark{color:#fff;background:#16397f;box-shadow:0 6px 14px #16397f59}#opex-usecases .uc-step-out .uc-mark .uc-ms{color:#fff;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;font-size:19px}#opex-usecases .uc-step-out .uc-txt{color:#fff;background:#16397f;border-radius:14px;padding:13px 16px;font-weight:600;box-shadow:0 10px 24px #16397f33}#opex-usecases .uc-step-out .uc-num{color:#fff}@media (max-width:860px){#opex-usecases .uc-cols{flex-direction:column;gap:26px}#opex-usecases .uc-left{text-align:center;align-items:center}}@media (max-width:760px){#opex-usecases{padding:64px 16px}#opex-usecases h2{font-size:27px}#opex-usecases .uc-panel{padding:26px}#opex-usecases .uc-example{padding:22px}#opex-usecases .uc-tab{padding:12px 16px;font-size:14px}}