.elementor-278 .elementor-element.elementor-element-38f1d53{--display:flex;--min-height:1440px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS */<style>
    :root {
        --primary-green: #059669;
        --dark-green: #064e3b;
        --gold: #d4af37;
        --text-dark: #1f2937;
        --bg-light: #f9fafb;
        --white: #ffffff;
        --font-body: 'Vazirmatn', sans-serif;
        --font-heading: 'Lalezar', cursive;
    }

    /* --- ترفند تمام‌صفحه کردن (شکستن کانتینر وردپرس) --- */
    .isarinn-about-wrapper { 
        font-family: var(--font-body); 
        background-color: var(--bg-light); 
        color: var(--text-dark); 
        line-height: 1.8; 
        direction: rtl;
        
        /* این 4 خط باعث می‌شوند کادر به لبه‌های مانیتور بچسبد */
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        
        overflow-x: hidden; /* جلوگیری از اسکرول افقی مزاحم */
        box-sizing: border-box;
    }

    .isarinn-about-wrapper * {
        box-sizing: border-box;
    }

    /* تنظیم عرض محتوای داخلی تا متن‌ها به لبه مانیتور نچسبند */
    .isarinn-about-wrapper .hero-inner,
    .isarinn-about-wrapper .values-section,
    .isarinn-about-wrapper .founder-container,
    .isarinn-about-wrapper .stats-container {
        max-width: 1100px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }

    /* --- بخش ۱: معرفی فلسفی (Hero) --- */
    .isarinn-about-wrapper .story-hero {
        padding: 100px 0;
        text-align: center;
        background: radial-gradient(circle at center, #ffffff 0%, #f3f4f6 100%);
        position: relative;
        width: 100%;
    }

    .isarinn-about-wrapper .story-hero::before {
        content: 'ایثار';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: var(--font-heading);
        font-size: clamp(8rem, 15vw, 15rem); /* واکنش‌گرا شدن کلمه پس‌زمینه */
        color: rgba(5, 150, 105, 0.03);
        z-index: 0;
        pointer-events: none;
    }

    .isarinn-about-wrapper .hero-inner { position: relative; z-index: 1; max-width: 800px !important; }

    .isarinn-about-wrapper .hero-subtitle {
        color: var(--primary-green);
        font-weight: 700;
        letter-spacing: 2px;
        margin-bottom: 15px;
        display: inline-block;
        border-bottom: 2px solid var(--gold);
        padding-bottom: 5px;
    }

    .isarinn-about-wrapper .hero-title {
        font-family: var(--font-heading);
        font-size: clamp(2rem, 4vw, 3rem);
        margin-bottom: 30px;
        line-height: 1.3;
        color: var(--text-dark);
    }

    .isarinn-about-wrapper .hero-text {
        font-size: 1.1rem;
        color: #4b5563;
        text-align: justify;
        text-align-last: center;
    }

    /* --- بخش ۲: کارت‌های ارزش --- */
    .isarinn-about-wrapper .values-section {
        padding: 60px 0;
    }

    .isarinn-about-wrapper .values-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    .isarinn-about-wrapper .value-card {
        background: white;
        padding: 40px 30px;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        transition: 0.3s;
        border-top: 4px solid transparent;
        text-align: center;
    }

    .isarinn-about-wrapper .value-card:hover {
        transform: translateY(-10px);
        border-top-color: var(--gold);
        box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    }

    .isarinn-about-wrapper .value-icon {
        font-size: 2.5rem;
        color: var(--primary-green);
        margin-bottom: 20px;
        display: inline-block;
    }

    .isarinn-about-wrapper .value-card h3 { font-family: var(--font-heading); font-size: 1.5rem; margin-bottom: 15px; color: var(--text-dark); }
    .isarinn-about-wrapper .value-card p { font-size: 0.95rem; color: #6b7280; }

    /* --- بخش ۳: سخن مدیر هنری --- */
    .isarinn-about-wrapper .founder-section {
        background-color: #111827;
        color: white;
        padding: 80px 0;
        margin-top: 80px;
        position: relative;
        width: 100%;
    }

    .isarinn-about-wrapper .founder-container {
        display: flex;
        align-items: center;
        gap: 60px;
    }

    .isarinn-about-wrapper .founder-image-box { flex: 1; position: relative; width: 100%; }

    .isarinn-about-wrapper .abstract-frame {
        width: 100%;
        height: 350px;
        background: linear-gradient(45deg, var(--dark-green), var(--primary-green));
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    
    .isarinn-about-wrapper .abstract-frame::after {
        content: '';
        position: absolute;
        top: 20px; left: -20px;
        width: 100%; height: 100%;
        border: 2px solid var(--gold);
        border-radius: 20px;
        z-index: 0;
        pointer-events: none;
    }

    .isarinn-about-wrapper .founder-content { flex: 1.5; z-index: 1; }

    .isarinn-about-wrapper .quote-icon { font-size: 4rem; color: var(--gold); opacity: 0.3; line-height: 1; display: block; margin-bottom: 20px; }
    
    .isarinn-about-wrapper .founder-text {
        font-size: 1.2rem;
        font-style: italic;
        margin-bottom: 30px;
        opacity: 0.9;
        font-weight: 300;
    }

    .isarinn-about-wrapper .signature {
        font-family: 'Segoe Script', cursive, sans-serif;
        color: var(--gold);
        font-size: 1.8rem;
        margin-top: 15px;
        transform: rotate(-5deg);
        display: inline-block;
    }

    /* --- بخش ۴: آمار --- */
    .isarinn-about-wrapper .stats-bar {
        background: var(--primary-green);
        color: white;
        padding: 40px 0;
        margin-top: 50px;
        width: 100%;
    }
    
    .isarinn-about-wrapper .stats-container {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        text-align: center;
        gap: 20px;
    }
    
    .isarinn-about-wrapper .stat-item h2 { font-family: var(--font-heading); font-size: 2.5rem; color: var(--gold); margin-bottom: 5px; }
    .isarinn-about-wrapper .stat-item p { font-size: 1rem; opacity: 0.9; }

    /* --- ریسپانسیو --- */
    @media (max-width: 768px) {
        .isarinn-about-wrapper .founder-container { flex-direction: column; }
        .isarinn-about-wrapper .abstract-frame { height: 250px; width: 85%; margin: 0 auto; }
        .isarinn-about-wrapper .abstract-frame::after { left: 10px; top: 10px; }
        .isarinn-about-wrapper .stats-container { gap: 40px; }
        
        /* اصلاح پدینگ‌ها در موبایل */
        .isarinn-about-wrapper .story-hero { padding: 60px 0; }
        .isarinn-about-wrapper .founder-section { padding: 60px 0; }
    }
</style>/* End custom CSS */