.task-upsell{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d9dfd4;border-radius:24px;padding:32px;color:#163c35;background:#fffdf7;font-family:Waraq,Tajawal,Arial,sans-serif;box-shadow:0 24px 90px #102f3440;text-align:start;line-height:1.7}
.task-upsell::backdrop{background:#102d2770;backdrop-filter:blur(4px)}
.task-upsell .task-upsell-close{position:absolute;inset-inline-end:14px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#edf1e8;color:#163c35;font:26px Arial;cursor:pointer}
.task-upsell-logo{display:block;width:155px;height:auto;margin:0 0 22px;object-fit:contain}
.task-upsell .task-upsell-done{font-size:14px;font-weight:700;color:#365e4a;margin:0 0 16px}.task-upsell-done span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e4eddf;margin-inline-end:5px}
.task-upsell h2{font-size:clamp(23px,4vw,29px);line-height:1.4;margin:0 0 12px;letter-spacing:0}.task-upsell p{margin:0 0 14px}.task-upsell ul{padding-inline-start:23px;margin:20px 0 26px}.task-upsell li{padding-inline-start:4px;margin:10px 0}.task-upsell li::marker{color:#a4874c}
.task-upsell .task-upsell-upgrade,.task-upsell .task-upsell-later{box-sizing:border-box;display:block;width:100%;text-align:center;padding:13px 16px;border-radius:12px;font:700 16px/1.5 Waraq,Tajawal,Arial,sans-serif;text-decoration:none;cursor:pointer}.task-upsell .task-upsell-upgrade{background:#163c35;color:#fffdf7;border:1px solid #163c35}.task-upsell .task-upsell-later{background:transparent;color:#365e4a;border:1px solid #d8dfd1;margin-top:10px}.task-upsell .task-upsell-note{font-size:12px;color:#64756a;text-align:center;margin:16px 0 0}.task-upsell :focus-visible{outline:3px solid #b79a60;outline-offset:4px}@media(max-width:420px){.task-upsell{padding:28px 22px}.task-upsell-logo{width:135px}}

.task-upsell-sample{display:block;text-align:center;margin:14px 0;color:#163c35;text-underline-offset:4px}
@media(max-width:560px){.task-upsell{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:24px 20px}.task-upsell-logo{width:120px;margin-bottom:14px}.task-upsell ul{margin:14px 0}.task-upsell li{margin:6px 0}.task-upsell .task-upsell-note{font-size:13px}}