/* Naje7 v0.9.18 — modern About page and Elementor widget. */
body.naje7-about-page.naje7-about-hide-page-header .top_site_main,
body.naje7-about-page.naje7-about-hide-page-header .page-title-wrapper,
body.naje7-about-page.naje7-about-hide-page-header .breadcrumbs-wrapper,
body.naje7-about-page.naje7-about-hide-page-header .learn-press-breadcrumb,
body.naje7-about-page.naje7-about-hide-page-header nav.learn-press-breadcrumb,
body.naje7-about-page.naje7-about-hide-page-header .site-content > .breadcrumbs {
    display: none !important;
}

.n7-about {
    --n7-about-primary:#0863d8;
    --n7-about-text:#172235;
    --n7-about-muted:#69798f;
    --n7-about-soft:#f4f8fe;
    --n7-about-border:#e1e9f4;
    width:100%;
    max-width:1180px;
    margin:0 auto;
    color:var(--n7-about-text);
    direction:rtl;
}
.n7-about *, .n7-about *::before, .n7-about *::after { box-sizing:border-box; }
.n7-about a { text-decoration:none; }
.n7-about__intro {
    padding:42px 48px;
    border:1px solid #e1ebf8;
    border-radius:24px;
    background:radial-gradient(circle at 10% 15%,rgba(8,99,216,.08),transparent 30%),linear-gradient(135deg,#fff 0%,var(--n7-about-soft) 100%);
}
.n7-about__eyebrow,.n7-about__section-kicker {
    display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#eaf3ff;color:var(--n7-about-primary);font-size:12px;font-weight:850;
}
.n7-about__title { margin:13px 0 0;font-size:clamp(32px,4vw,48px);font-weight:950;line-height:1.2;color:var(--n7-about-text); }
.n7-about__description { max-width:800px;margin:12px 0 0;color:var(--n7-about-muted);font-size:16px;line-height:1.95; }
.n7-about__story {
    display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:28px;align-items:stretch;margin-top:28px;
}
.n7-about__story-content,.n7-about__visual,.n7-about__value,.n7-about__cta {
    border:1px solid var(--n7-about-border);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(26,55,95,.055);
}
.n7-about__story-content { padding:38px 40px; }
.n7-about__story-content h2 { margin:11px 0 0;font-size:clamp(28px,3vw,38px);line-height:1.3;font-weight:950;color:var(--n7-about-text); }
.n7-about__story-content p { margin:15px 0 0;color:var(--n7-about-muted);font-size:15px;line-height:2; }
.n7-about__visual {
    position:relative;min-height:330px;overflow:hidden;background:linear-gradient(145deg,#f6faff 0%,#edf5ff 100%);
}
.n7-about__visual::before,.n7-about__visual::after { content:"";position:absolute;border-radius:50%;background:rgba(8,99,216,.075); }
.n7-about__visual::before { width:190px;height:190px;top:-78px;left:-50px; }
.n7-about__visual::after { width:135px;height:135px;right:-35px;bottom:-48px;background:rgba(36,191,205,.08); }
.n7-about__visual-core {
    position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:190px;height:150px;border:1px solid #dce8f6;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(24,64,112,.12);text-align:center;
}
.n7-about__visual-core span { color:var(--n7-about-primary);font-size:34px;font-weight:950; }
.n7-about__visual-core small { margin-top:5px;color:#7a889b;font-size:12px;font-weight:700; }
.n7-about__pill { position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border:1px solid #dbe6f3;border-radius:11px;background:#fff;color:#314158;box-shadow:0 9px 24px rgba(34,66,104,.08);font-size:12px;font-weight:850;white-space:nowrap; }
.n7-about__pill--video { top:42px;right:28px; }
.n7-about__pill--pdf { top:78px;left:26px; }
.n7-about__pill--tests { right:34px;bottom:52px; }
.n7-about__pill--exams { left:30px;bottom:34px; }
.n7-about__values { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px; }
.n7-about__value { padding:30px 28px; }
.n7-about__value-icon { display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#eaf3ff;color:var(--n7-about-primary); }
.n7-about__value-icon svg { width:24px;height:24px;fill:currentColor; }
.n7-about__value h3 { margin:16px 0 0;font-size:20px;font-weight:900;color:var(--n7-about-text); }
.n7-about__value p { margin:9px 0 0;color:var(--n7-about-muted);font-size:14px;line-height:1.9; }
.n7-about__cta { display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;padding:30px 34px;background:linear-gradient(135deg,#f7faff 0%,#eef5ff 100%); }
.n7-about__cta h2 { margin:0;font-size:27px;font-weight:950;color:var(--n7-about-text); }
.n7-about__cta p { margin:7px 0 0;color:var(--n7-about-muted);font-size:14px;line-height:1.8; }
.n7-about__cta-actions { display:flex;align-items:center;gap:10px;flex:0 0 auto; }
.n7-about__button { display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:9px;font-weight:850;transition:transform .18s ease,box-shadow .18s ease; }
.n7-about__button:hover { transform:translateY(-1px); }
.n7-about__button--primary { background:var(--n7-about-primary);color:#fff!important;box-shadow:0 9px 20px rgba(8,99,216,.18); }
.n7-about__button--secondary { border:1px solid #d7e3f2;background:#fff;color:#34465d!important; }

@media (max-width:900px) {
    .n7-about__story { grid-template-columns:1fr; }
    .n7-about__values { grid-template-columns:1fr; }
    .n7-about__visual { min-height:300px; }
}
@media (max-width:767px) {
    .n7-about__intro { padding:30px 22px;border-radius:20px; }
    .n7-about__description { font-size:15px; }
    .n7-about__story { gap:18px;margin-top:18px; }
    .n7-about__story-content { padding:28px 22px; }
    .n7-about__visual { min-height:270px; }
    .n7-about__visual-core { width:160px;height:125px;border-radius:19px; }
    .n7-about__visual-core span { font-size:29px; }
    .n7-about__pill { min-height:34px;padding:6px 9px;font-size:11px; }
    .n7-about__pill--video { top:28px;right:14px; }
    .n7-about__pill--pdf { top:60px;left:12px; }
    .n7-about__pill--tests { right:16px;bottom:35px; }
    .n7-about__pill--exams { left:14px;bottom:21px; }
    .n7-about__values { gap:14px;margin-top:18px; }
    .n7-about__value { padding:24px 22px; }
    .n7-about__cta { flex-direction:column;align-items:stretch;margin-top:18px;padding:25px 22px; }
    .n7-about__cta-actions { width:100%;flex-wrap:wrap; }
    .n7-about__button { flex:1 1 145px; }
}
