.extra-seo {
    padding: 3rem 1rem;
    background: transparent;
    color: #e5e7eb;
}

.seo-container {
    max-width: 900px;
    margin: auto;
    line-height: 2.2;
    font-size: 1.1rem;
}

.seo-container h2 {
    font-size: 2rem;
    color: #facc15;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

.seo-container p {
    margin-bottom: 1.5rem;
    text-align: justify;
}
.seo-long-text {
    padding: 4rem 1rem;
    color: #e5e7eb;
}

.seo-container {
    max-width: 950px;
    margin: auto;
    line-height: 2.3;
    font-size: 1.1rem;
}

.seo-container h2 {
    font-size: 2rem;
    color: #facc15;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

.seo-container p {
    margin-bottom: 1.6rem;
    text-align: justify;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('fonts/vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
}
        * { margin:0; padding:0; box-sizing:border-box; }
        body { 
            font-family: 'Vazirmatn', sans-serif;
            line-height:1.6; color:#333; direction:rtl; 
            background:#1f2937; /* پس زمینه خاکستری */
        }
        .container { max-width:1200px; margin:0 auto; padding:0 20px; }

        /* Header */
        header { background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); padding:1rem 0; position:sticky; top:0; z-index:100; }
        nav { display:flex; justify-content:space-between; align-items:center; }
        .logo { font-size:1.5rem; font-weight:bold; color:#d97706; }
        .nav-links { display:flex; gap:2rem; list-style:none; }
        .nav-links a { text-decoration:none; color:#333; font-weight:500; transition: color 0.3s; }
        .nav-links a:hover { color:#d97706; }
        .menu-toggle { display:none; background:none; border:none; font-size:1.5rem; cursor:pointer; }

        /* Hero Section */
        .hero { background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color:white; padding:6rem 0; text-align:center; }
        .hero h1 { font-size:3rem; margin-bottom:1rem; font-weight:bold; }
        .hero p { font-size:1.25rem; margin-bottom:2rem; opacity:0.95; }
        .btn { display:inline-block; padding:1rem 2rem; background:white; color:#d97706;margin-top: 4px; text-decoration:none; border-radius:8px; font-weight:bold; transition: transform 0.3s, box-shadow 0.3s; }
        .btn:hover { transform:translateY(-2px); box-shadow:0 10px 20px rgba(0,0,0,0.2); }

        /* Services Section */
        .services { padding:5rem 0; }
        .section-title { text-align:center; font-size:2.5rem; margin-bottom:2rem; color:#1f2937; }
.services-intro {
    max-width: 900px;
    margin: 2rem auto;
    font-size: 1.1rem;
    line-height: 2.2;
    color: #e5e7eb;
    text-align: justify;
}

        .services-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:2rem; }

        .service-card {
            background: white;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s;
        }
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
            background-color: #e5e7eb; /* خاکستری روشن هنگام hover */
        }
        /* .service-icon { font-size:3rem; margin-bottom:1rem; } */
      
      
        /* .service-icon img {
            width: 120px;
            height: 120px;
            object-fit: contain;
            margin-bottom: 1rem;
            filter: drop-shadow(0 2px 5px rgba(0,0,0,0.3)); 
        } */

.service-icon img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 10px;
}

.service-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* کل فضا را پر کند */
    display: block;
}

        .service-card h3 { font-size:1.5rem; margin-bottom:1rem; color:#d97706; }
        .service-card p { color:#6b7280; }

        /* Process Section */
        .process { padding:5rem 0; }
        .process-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:2rem; margin-top:3rem; }
        .process-step { text-align:center; position:relative; }
        .process-number { width:60px; height:60px; background:#d97706; color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; font-weight:bold; margin:0 auto 1rem; }
        .process-step h3 { font-size:1.25rem; margin-bottom:0.5rem; color:#eaeaea; }
        .process-step p { color:#eaeaea; }

        /* Testimonials Section */
        .testimonials { padding:5rem 0; }
        .testimonials-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:2rem; margin-top:3rem; }
        .testimonial-card { background:white; padding:2rem; border-radius:12px; box-shadow:0 4px 6px rgba(0,0,0,0.1); }
        .testimonial-text { color:#4b5563; margin-bottom:1.5rem; font-style:italic; }
        .testimonial-author { display:flex; align-items:center; gap:1rem; }
        .author-avatar { width:50px; height:50px; background:#d97706; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-weight:bold; font-size:1.25rem; }
        .author-info h4 { color:#1f2937; margin-bottom:0.25rem; }
        .author-info p { color:#9ca3af; font-size:0.875rem; }

        /* CTA Section */
        .cta { background:#d97706; color:white; padding:4rem 0; text-align:center; }
        .cta h2 { font-size:2.5rem; margin-bottom:1rem; }
        .cta p { font-size:1.25rem; margin-bottom:2rem; opacity:0.95; }
        .btn-secondary { background:white; color:#d97706; }

        /* Footer */
        footer { background:#1f2937; color:white; padding:3rem 0 1rem; }
        .footer-content { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:2rem; margin-bottom:2rem; }
        .footer-section h3 { margin-bottom:1rem; color:#d97706; }
        .footer-section ul { list-style:none; }
        .footer-section ul li { margin-bottom:0.5rem; }
        .footer-section a { color:#d1d5db; text-decoration:none; transition: color 0.3s; }
        .footer-section a:hover { color:#d97706; }
        .footer-bottom { text-align:center; padding-top:2rem; border-top:1px solid #374151; color:#9ca3af; }

        /* Mobile Menu */
        @media (max-width:768px) {
            .menu-toggle { display:block; }
            .nav-links { position:fixed; right:-100%; top:70px; flex-direction:column; background:white; width:100%; text-align:center; transition:0.3s; box-shadow:0 10px 27px rgba(0,0,0,0.05); padding:2rem 0; }
            .nav-links.active { right:0; }
            .hero h1 { font-size:2rem; }
            .hero p { font-size:1rem; }
            .section-title { font-size:2rem; }
        }