.se-workspace{margin:70px auto;max-width:1180px;padding:42px;border-radius:34px;background:linear-gradient(180deg,#f3f8ff 0%,#ffffff 100%);border:1px solid rgb(22 102 210 / .14);box-shadow:0 24px 70px rgb(15 47 95 / .1);font-family:"Tajawal",Arial,sans-serif}.se-workspace-main-header,.se-workspace-header{text-align:center;margin-bottom:34px}.se-workspace-main-badge,.se-workspace-header span{display:inline-flex;padding:8px 18px;border-radius:999px;background:#eaf4ff;color:#1266f1;font-size:14px;font-weight:900}.se-workspace-main-title,.se-workspace-header h2{margin:12px 0 8px;color:#102f5f;font-size:34px;font-weight:900}.se-workspace-main-desc,.se-workspace-header p{margin:0;color:#65758c;font-size:16px}.se-workspace-grid,.se-workspace-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.se-workspace-card,.se-skill-card{all:unset;box-sizing:border-box;position:relative;cursor:pointer;overflow:hidden;min-height:285px;padding:0 28px 24px;border-radius:30px;background:linear-gradient(180deg,#fffaf0 0%,#ffffff 100%);border:1px solid rgb(18 102 241 / .13);box-shadow:0 18px 45px rgb(15 47 95 / .1);text-align:center;transition:0.25s ease}.se-workspace-card::before,.se-skill-card::before{content:"";display:block;height:92px;margin:0 -28px 72px;background:linear-gradient(135deg,#18b9ff 0%,#1266f1 100%);border-radius:30px 30px 48% 48%}.se-workspace-card-icon,.se-skill-card-icon{position:absolute;top:50px;left:50%;transform:translateX(-50%);width:104px;height:104px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:44px;box-shadow:0 16px 38px rgb(15 47 95 / .16);transition:0.25s ease}.se-workspace-card-title{display:flex;align-items:center;justify-content:center;gap:10px}.se-workspace-card-ar{color:#1266f1;font-size:20px;font-weight:900}.se-workspace-card-divider{width:1px;height:20px;background:rgb(18 102 241 / .18)}.se-workspace-card-en{color:#102f5f;font-size:22px;font-weight:900}.se-skill-card strong{display:inline-block;color:#102f5f;font-size:22px;font-weight:900;line-height:1.2;vertical-align:middle}.se-skill-card small{display:inline-block;margin-right:10px;padding-right:10px;border-right:1px solid rgb(18 102 241 / .18);color:#1266f1;font-size:20px;font-weight:900;vertical-align:middle}.se-workspace-card-count,.se-skill-card em{display:table;margin:15px auto 0;padding:7px 17px;border-radius:999px;background:rgb(18 102 241 / .07);color:#1266f1;font-size:14px;font-style:normal;font-weight:900}.se-workspace-card-last,.se-skill-card-status{display:block;margin-top:16px;color:#52677f;font-size:14px;font-weight:700}.se-workspace-card-progress,.se-skill-card-progress{display:block;height:9px;margin-top:12px;border-radius:999px;background:rgb(15 47 95 / .1);overflow:hidden}.se-workspace-card-progress span,.se-skill-card-progress i{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#1266f1,#22c4ff)}.se-workspace-card.is-active .se-workspace-card-progress span{width:38%}.se-workspace-card:hover,.se-skill-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgb(15 47 95 / .16)}.se-workspace-card:hover .se-workspace-card-icon,.se-skill-card:hover .se-skill-card-icon{transform:translateX(-50%) scale(1.08) rotate(-6deg)}.se-workspace-card.is-active,.se-skill-card.is-active{border-color:#1266f1;box-shadow:0 28px 70px rgb(18 102 241 / .2)}.se-workspace-card.is-active::after,.se-skill-card.is-active::after{content:"✓";position:absolute;top:16px;left:16px;width:34px;height:34px;border-radius:50%;background:#1266f1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.se-workspace-panel{margin-top:28px}.se-workspace-panel .se-workspace-content.is-active{display:block}.se-workspace-panel .se-workspace-content.is-active{display:block}.se-content-panel,.se-workspace-content{padding:28px;border-radius:28px;background:linear-gradient(180deg,#fffaf0 0%,#ffffff 100%);border:1px solid rgb(18 102 241 / .13);box-shadow:0 18px 45px rgb(15 47 95 / .08)}.se-workspace-content-head,.se-content-panel-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.se-workspace-content-icon,.se-content-panel-head>span{width:58px;height:58px;border-radius:20px;background:#eef6ff;display:flex;align-items:center;justify-content:center;font-size:30px}.se-workspace-content-text strong,.se-content-panel-head h3{display:block;margin:0;color:#102f5f;font-size:26px;font-weight:900}.se-workspace-content-text small,.se-content-panel-head p{display:block;margin:4px 0 0;color:#65758c;font-size:15px}.se-workspace-items,.se-content-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.se-workspace-item,.se-content-card{all:unset;box-sizing:border-box;cursor:pointer;min-height:150px;padding:20px;border-radius:24px;background:#fff;border:1px solid rgb(18 102 241 / .13);box-shadow:0 12px 30px rgb(15 47 95 / .06);transition:0.25s ease}.se-workspace-item-icon,.se-content-card span{display:flex;width:50px;height:50px;margin-bottom:12px;border-radius:17px;align-items:center;justify-content:center;background:#eaf4ff;font-size:24px;transition:0.25s ease}.se-workspace-item-type,.se-content-card em{display:block;color:#1266f1;font-size:13px;font-style:normal;font-weight:900;margin-bottom:7px}.se-workspace-item-title,.se-content-card strong{color:#102f5f;font-size:16px;font-weight:900;line-height:1.6}.se-workspace-item:hover,.se-content-card:hover{transform:translateY(-5px);background:#fffaf0;box-shadow:0 18px 40px rgb(15 47 95 / .13)}.se-workspace-item:hover .se-workspace-item-icon,.se-content-card:hover span{transform:scale(1.12) rotate(-7deg);background:#ddecff}@media (max-width:1024px){.se-workspace-grid,.se-workspace-skills,.se-workspace-items,.se-content-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.se-workspace{padding:22px}.se-workspace-grid,.se-workspace-skills,.se-workspace-items,.se-content-card-grid{grid-template-columns:1fr}.se-workspace-main-title,.se-workspace-header h2{font-size:27px}.se-workspace-card-title{flex-wrap:wrap}}.se-workspace .se-workspace-content{display:none!important}.se-workspace .se-workspace-content.is-active{display:block!important}