.petro-mini-roadmap{--pmr-blue:#2563eb;--pmr-blue-dark:#1d4ed8;--pmr-blue-soft:#eff6ff;--pmr-blue-border:#bfdbfe;--pmr-text:#0f172a;--pmr-muted:#475569;--pmr-border:#e2e8f0;--pmr-bg:#ffffff;--pmr-soft:#f8fafc;--pmr-shadow:0 4px 12px rgba(15, 23, 42, 0.04);direction:rtl;width:100%;max-width:1000px;margin:0 auto;padding:20px 0;font-family:'Vazirmatn','IRANSans',Tahoma,sans-serif;box-sizing:border-box}.petro-mini-roadmap *,.petro-mini-roadmap *::before,.petro-mini-roadmap *::after{box-sizing:border-box}.petro-mini-roadmap__title{display:table;position:relative;margin:0 auto 34px;color:var(--pmr-text);font-size:24px;font-weight:800;line-height:1.6;text-align:center}.petro-mini-roadmap__title::after{content:"";position:absolute;left:50%;bottom:-9px;width:56px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--pmr-blue),#60a5fa);transform:translateX(-50%)}.petro-mini-roadmap__box{position:relative;padding-right:32px}.petro-mini-roadmap__box::before{content:"";position:absolute;top:12px;right:12px;width:2px;height:calc(100% - 24px);border-radius:999px;background:#e5e7eb}.petro-mini-roadmap__progress{position:absolute;top:12px;right:12px;width:2px;height:0;border-radius:999px;background:linear-gradient(180deg,var(--pmr-blue),#60a5fa);transition:height 0.35s ease}.petro-mini-roadmap[data-progress="0"] .petro-mini-roadmap__progress{height:0}.petro-mini-roadmap__list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.petro-mini-roadmap__item{position:relative}.petro-mini-roadmap__step-dot{position:absolute;top:20px;right:-31px;z-index:2;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--pmr-border);color:#64748b;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:all 0.25s ease}.petro-mini-roadmap__item.is-active .petro-mini-roadmap__step-dot{border-color:var(--pmr-blue);background:var(--pmr-blue);color:#fff;box-shadow:0 0 0 4px var(--pmr-blue-soft)}.petro-mini-roadmap__details{background:var(--pmr-bg);border:1px solid var(--pmr-border);border-radius:18px;overflow:hidden;box-shadow:var(--pmr-shadow);transition:border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease}.petro-mini-roadmap__details:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgb(37 99 235 / .08)}.petro-mini-roadmap__details[open]{border-color:var(--pmr-blue-border);box-shadow:0 8px 22px rgb(37 99 235 / .07)}.petro-mini-roadmap__summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff}.petro-mini-roadmap__summary::-webkit-details-marker{display:none}.petro-mini-roadmap__number{flex:0 0 auto;min-width:44px;height:44px;padding:0 10px;border-radius:12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid var(--pmr-blue-border);color:var(--pmr-blue);font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center}.petro-mini-roadmap__head{flex:1;min-width:0}.petro-mini-roadmap__phase{display:block;margin-bottom:3px;color:var(--pmr-blue);font-size:12px;font-weight:800;line-height:1.6}.petro-mini-roadmap__name{margin:0;color:#1e293b;font-size:17px;font-weight:800;line-height:1.7}.petro-mini-roadmap__chevron{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--pmr-soft);color:#64748b;display:flex;align-items:center;justify-content:center;transition:all 0.25s ease}.petro-mini-roadmap__chevron::before{content:"⌄";font-size:20px;line-height:1;transform:translateY(-2px)}.petro-mini-roadmap__details[open] .petro-mini-roadmap__chevron{background:var(--pmr-blue-soft);color:var(--pmr-blue);transform:rotate(180deg)}.petro-mini-roadmap__content{padding:0 20px 20px 20px;background:#fff}.petro-mini-roadmap__content-inner{padding:16px 18px;border-radius:14px;background:#f8fafc;border:1px solid #eef2f7}.petro-mini-roadmap__desc{margin:0;color:var(--pmr-muted);font-size:14px;line-height:2;text-align:justify}.petro-mini-roadmap__timeline-wrap{position:relative;padding:4px 0}.petro-mini-roadmap__timeline-wrap::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,#bfdbfe 0%,#60a5fa 50%,#dbeafe 100%);transform:translateX(-50%);border-radius:999px}.petro-mini-roadmap__timeline-list{list-style:none;margin:0;padding:0}.petro-mini-roadmap__timeline-item{position:relative;display:flex;width:100%;margin:0 0 22px}.petro-mini-roadmap__timeline-item:last-child{margin-bottom:0}.petro-mini-roadmap__timeline-item--right{justify-content:flex-start}.petro-mini-roadmap__timeline-item--left{justify-content:flex-end}.petro-mini-roadmap__timeline-item::before{content:"";position:absolute;top:28px;left:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--pmr-blue);box-shadow:0 0 0 5px var(--pmr-blue-soft);transform:translateX(-50%);z-index:3}.petro-mini-roadmap__timeline-card{position:relative;width:calc(50% - 34px)}.petro-mini-roadmap__timeline-card-inner{position:relative;background:#fff;border:1px solid var(--pmr-border);border-radius:18px;padding:18px 18px 16px;box-shadow:var(--pmr-shadow);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;overflow:hidden}.petro-mini-roadmap__timeline-card-inner::before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .7),transparent);transform:skewX(-25deg);transition:0.6s;pointer-events:none}.petro-mini-roadmap__timeline-card:hover .petro-mini-roadmap__timeline-card-inner::before{left:150%}.petro-mini-roadmap__timeline-card:hover .petro-mini-roadmap__timeline-card-inner{transform:translateY(-4px);border-color:#bfdbfe;box-shadow:0 14px 28px -12px rgb(37 99 235 / .18)}.petro-mini-roadmap__timeline-badge{position:absolute;top:14px;z-index:4}.petro-mini-roadmap__timeline-item--right .petro-mini-roadmap__timeline-badge{left:calc(100% + 18px)}.petro-mini-roadmap__timeline-item--left .petro-mini-roadmap__timeline-badge{right:calc(100% + 18px)}.petro-mini-roadmap__timeline-badge-number{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid var(--pmr-blue-border);color:var(--pmr-blue);font-size:15px;font-weight:800;box-shadow:0 8px 16px -12px rgb(37 99 235 / .35)}.petro-mini-roadmap__timeline-phase{display:inline-block;margin:0 0 6px;padding:5px 10px;border-radius:999px;background:var(--pmr-blue-soft);color:var(--pmr-blue);font-size:11.5px;font-weight:800;line-height:1.6}.petro-mini-roadmap__timeline-name{margin:0 0 8px;color:var(--pmr-text);font-size:17px;font-weight:800;line-height:1.8}.petro-mini-roadmap__timeline-desc{margin:0;color:var(--pmr-muted);font-size:13.5px;line-height:2;text-align:justify}.petro-mini-roadmap__timeline-item--right .petro-mini-roadmap__timeline-card-inner::after,.petro-mini-roadmap__timeline-item--left .petro-mini-roadmap__timeline-card-inner::after{content:"";position:absolute;top:24px;width:14px;height:14px;background:#fff;border-top:1px solid var(--pmr-border);border-right:1px solid var(--pmr-border);transform:rotate(45deg)}.petro-mini-roadmap__timeline-item--right .petro-mini-roadmap__timeline-card-inner::after{right:-8px}.petro-mini-roadmap__timeline-item--left .petro-mini-roadmap__timeline-card-inner::after{left:-8px;transform:rotate(225deg)}@media (max-width:768px){.petro-mini-roadmap{padding:10px 0}.petro-mini-roadmap__title{font-size:20px;margin-bottom:28px}.petro-mini-roadmap--accordion .petro-mini-roadmap__box{padding-right:0}.petro-mini-roadmap--accordion .petro-mini-roadmap__box::before,.petro-mini-roadmap--accordion .petro-mini-roadmap__progress,.petro-mini-roadmap--accordion .petro-mini-roadmap__step-dot{display:none}.petro-mini-roadmap__list{gap:12px}.petro-mini-roadmap__summary{padding:15px;gap:10px}.petro-mini-roadmap__number{min-width:38px;height:38px;font-size:15px;border-radius:10px}.petro-mini-roadmap__name{font-size:15px;line-height:1.7}.petro-mini-roadmap__phase{font-size:11px}.petro-mini-roadmap__chevron{width:28px;height:28px}.petro-mini-roadmap__content{padding:0 15px 15px}.petro-mini-roadmap__content-inner{padding:14px}.petro-mini-roadmap__desc{font-size:13.5px;line-height:2}.petro-mini-roadmap__timeline-wrap{padding-right:28px}.petro-mini-roadmap__timeline-wrap::before{left:auto;right:12px;transform:none}.petro-mini-roadmap__timeline-item,.petro-mini-roadmap__timeline-item--left,.petro-mini-roadmap__timeline-item--right{justify-content:flex-start}.petro-mini-roadmap__timeline-item::before{display:none}.petro-mini-roadmap__timeline-card{width:100%}.petro-mini-roadmap__timeline-badge{position:static;margin-bottom:10px}.petro-mini-roadmap__timeline-item--left .petro-mini-roadmap__timeline-badge,.petro-mini-roadmap__timeline-item--right .petro-mini-roadmap__timeline-badge{left:auto;right:auto}.petro-mini-roadmap__timeline-card-inner{padding:15px}.petro-mini-roadmap__timeline-card-inner::after{display:none}.petro-mini-roadmap__timeline-name{font-size:15px}.petro-mini-roadmap__timeline-desc{font-size:13px}}