/* Start custom CSS for html, class: .elementor-element-515f412 *//* ==========================================================
   CSS: صفحة التنازل (هندسة التسويق والـ SEO)
   ========================================================== */
.kt-master-wrapper {
    font-family: 'Tajawal', Arial, sans-serif;
    max-width: 900px;
    margin: 0 auto;
    direction: rtl;
    color: #0B1A2E;
    line-height: 1.8;
}

/* 1. الواجهة البصرية (Hero Section) */
.kt-hero {
    background: linear-gradient(135deg, #0B1A2E, #162d4a);
    color: #ffffff;
    padding: 50px 20px;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.kt-hero h1 { 
    font-size: clamp(26px, 5vw, 34px); 
    font-weight: 900; 
    color: #D4A74E; 
    margin-bottom: 15px; 
    line-height: 1.4;
}
.kt-badge-alert { 
    background: #EF4444; 
    color: #ffffff; 
    padding: 6px 18px; 
    border-radius: 50px; 
    font-size: 13px; 
    font-weight: bold; 
    display: inline-block; 
    margin-bottom: 18px; 
}
.kt-btn-action { 
    background: #25D366; 
    color: #ffffff !important; 
    padding: 16px 40px; 
    border-radius: 50px; 
    text-decoration: none; 
    font-weight: 900; 
    font-size: 18px; 
    display: inline-block; 
    margin-top: 20px; 
    box-shadow: 0 8px 25px rgba(37,211,102,0.4); 
    transition: transform 0.3s ease;
}
.kt-btn-action:hover { transform: translateY(-3px); }

/* 2. المقال المهيكل (SEO Content) */
.kt-seo-body {
    background: #ffffff;
    padding: 40px 35px;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
}
.kt-seo-body h2 { 
    color: #0B1A2E; 
    border-right: 5px solid #D4A74E; 
    padding-right: 15px; 
    font-size: 24px; 
    font-weight: 900; 
    margin: 45px 0 20px; 
    background: #fdf8f0; 
    padding-block: 10px; 
}
.kt-seo-body h3 { 
    color: #0B1A2E; 
    font-size: 20px; 
    font-weight: bold; 
    margin: 35px 0 15px; 
}
.kt-seo-body p { 
    font-size: 16px; 
    color: #475569; 
    margin-bottom: 18px; 
    text-align: justify; 
}

/* 3. القوائم والروابط والصور */
.kt-list-check { 
    list-style: none; 
    padding: 0; 
    margin-bottom: 30px; 
}
.kt-list-check li { 
    margin-bottom: 15px; 
    position: relative; 
    padding-right: 30px; 
    font-weight: bold; 
    color: #1e293b; 
}
.kt-list-check li::before { 
    content: '✔'; 
    position: absolute; 
    right: 0; 
    color: #10B981; 
    font-size: 18px;
}
.kt-img-box { 
    text-align: center; 
    margin: 35px 0; 
}
.kt-img-box img { 
    max-width: 100%; 
    border-radius: 15px; 
    box-shadow: 0 8px 20px rgba(0,0,0,0.08); 
}
.kt-link-out { color: #2563eb; font-weight: bold; text-decoration: none; }
.kt-link-out:hover { text-decoration: underline; }

/* 4. الأسئلة الشائعة (FAQ) */
.kt-faq-container {
    margin-top: 45px;
    background: #f8fafc;
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #e2e8f0;
}
.kt-faq-item {
    margin-bottom: 25px;
    border-bottom: 1px solid #cbd5e1;
    padding-bottom: 20px;
}
.kt-faq-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.kt-faq-q { 
    font-size: 18px; 
    font-weight: 900; 
    color: #0B1A2E; 
    margin-bottom: 12px; 
    display: flex; 
    align-items: flex-start; 
    gap: 10px; 
}
.kt-faq-q::before { content: '❓'; }
.kt-faq-a { 
    font-size: 16px; 
    color: #475569; 
    padding-right: 35px; 
    line-height: 1.7;
}

@media (max-width: 768px) {
    .kt-seo-body { padding: 25px 20px; }
}/* End custom CSS */