.about-pro { padding: 0 40px; }
.about-pro .containerabout { display: flex; gap: 60px; align-items: center; grid-template-columns: 1fr 1fr; }
.about-img img { width: 600px; }
.about-content1 h2 { font-size: 40px; margin-bottom: 20px;color:var(--text-color4);}
.textp1{color:var(--text-color4); }
.values-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0; }
.value-item { display: flex; gap: 15px; align-items: center;color:var(--text-color4); }
.value-item i { font-size: 30px; color: #0ea5e9; }
.btn-pink { background: #ec4899; color: white; padding: 12px 30px; border-radius: 10px; text-decoration: none; display: inline-block; margin-top: 20px; }

/* الدوائر */
.skills-circle { padding: 80px 0; background: #f8fafc; text-align: center; }
.circles { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; }
.circle { position: relative; width: 150px; height: 150px; }
.circle svg { transform: rotate(-90deg); }
.circle circle { fill: none; stroke-width: 10; }
.circle circle:nth-child(1){ stroke: #e2e8f0; }
.circle circle:nth-child(2){ stroke: #0ea5e9; stroke-dasharray: 440; stroke-dashoffset: 440; transition: 2s; }
.circle h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; }

/* التايم لاين */
.timeline { padding: 80px 0; text-align: center;color:var(--text-color4); }
.timeline-line { display: flex; justify-content: space-between; max-width: 800px; margin: 40px auto; border-top: 3px solid #0ea5e9; }
.tl-item { margin-top: -15px; }
.tl-item span { background: #0ea5e9; color: white; padding: 5px 15px; border-radius: 20px; }

/* الفريق */
.team-circle { padding: 80px 0; background: #f8fafc61; text-align: center; }
.team-grid { display: flex; justify-content: center; gap: 40px; grid-template-columns: 1fr 1fr 1fr; }
.team-member img { width: 120px; height: 120px; border-radius: 50%; border: 4px solid #0ea5e9; }

.skills-dashboard { padding: 100px 0; background: #0f172a8f; color: white; text-align: center; }
.skills-dashboard h2 { font-size: 40px; margin-bottom: 10px; }
.dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 50px; }
.dashboard-card { background: #1e293b; padding: 30px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.dashboard-card h3 { font-size: 22px; margin-bottom: 5px; }
.dashboard-card p { color: #94a3b8; margin-bottom: 20px; }
.dashboard-card canvas { max-height: 300px; }
.legend { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; font-size: 14px; }
.legend i { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-left: 5px; }

@media(max-width:768px){
    .dashboard-grid { grid-template-columns: 1fr; }
    .about-img img { width: 400px; }
    .about-pro .containerabout { display: grid; grid-template-columns: 1fr;}
    .team-grid{display: grid; grid-template-columns: 1fr 1fr;}
}
@media(max-width:668px){
    .about-img img { width: 300px; }
    .team-grid{display: grid; grid-template-columns: 1fr;}
}