.about-section { padding: var(--space-7) 0; }
        .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); align-items: center; }
        .about-info h2 {
            font-size: var(--font-size-3xl); font-weight: 700;
            color: var(--color-text-dark); margin-bottom: var(--space-3);
        }
        .about-info h2 span { color: var(--color-primary); }
        .about-desc {
            font-size: var(--font-size-base); color: var(--color-text-light);
            line-height: 1.85; margin-bottom: var(--space-3);
        }

        .about-image {
            width: 100%; height: 320px;
            border-radius: var(--radius-lg);
            overflow: hidden;
            border: 3px solid var(--color-primary);
        }
        .about-img {
            width: 100%; height: 100%; object-fit: cover;
            display: block;
        }

        .stats-section {
            background: var(--color-bg-light); padding: var(--space-6) 0;
        }
        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); }
        .stat-card {
            text-align: center; padding: var(--space-3);
            background: var(--color-bg); border-radius: var(--radius);
            box-shadow: var(--shadow-sm);
        }
        .stat-number { font-size: var(--font-size-3xl); font-weight: 700; color: var(--color-primary); }
        .stat-label { font-size: var(--font-size-sm); color: var(--color-text-muted); margin-top: 8px; }

        .features-section { padding: var(--space-7) 0; }
        
        
        .section-title span { color: var(--color-primary); }

        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); }
        .feature-card {
            background: var(--color-bg); border: 1px solid var(--color-border-light);
            border-radius: var(--radius-lg); padding: var(--space-4);
            transition: all 0.3s ease;
        }
        .feature-card:hover {
            box-shadow: var(--shadow-md); transform: translateY(-3px);
            border-color: transparent;
        }
        .feature-card h3 {
            font-size: var(--font-size-lg); font-weight: 600;
            color: var(--color-text-dark); margin-bottom: 8px;
        }
        .feature-card p {
            font-size: var(--font-size-sm); color: var(--color-text-light);
            line-height: 1.7;
        }

        
        
        
        
        
        
        
        
        
        

        
        }
        
        }