.elementor-303 .elementor-element.elementor-element-c41f5dd > .elementor-container{max-width:1400px;}.elementor-303 .elementor-element.elementor-element-c41f5dd{margin-top:50px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-303 .elementor-element.elementor-element-91cbf05.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-303 .elementor-element.elementor-element-91cbf05.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-303 .elementor-element.elementor-element-5e94f58 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-303 .elementor-element.elementor-element-2551cec{font-family:"Vazirmatn", Sans-serif;font-weight:400;color:var( --e-global-color-92e000d );}.elementor-303 .elementor-element.elementor-element-976cd96 > .elementor-container{max-width:1400px;}.elementor-303 .elementor-element.elementor-element-976cd96{margin-top:50px;margin-bottom:50px;}.elementor-303 .elementor-element.elementor-element-497bad2 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-303 .elementor-element.elementor-element-7ab07ef{font-family:"Vazirmatn", Sans-serif;font-weight:400;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9d8f055 */<style>


    /* کانتینر اصلی */
    .team-section-wrapper {
        font-family: 'Vazirmatn', sans-serif;
        padding: 40px 0; /* فاصله از بالا و پایین */
        background: var(--white);
        width: 100%;
    }

    /* گرید 4 ستونه */
    .team-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 35px;
        margin: 0 auto;
        max-width: 1400px; /* عرض محتوا */
    }

    /* استایل کارت عضو */
    .team-member {
        background: var(--white);
        border-radius: 28px;
        overflow: hidden;
        border: 1px solid var(--gray-200);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        display: flex;
        flex-direction: column;
    }

    /* افکت هاور کارت */
    .team-member:hover {
        transform: translateY(-12px);
        box-shadow: 0 24px 64px rgba(25, 118, 210, 0.15);
        border-color: #2196f3; /* رنگ حاشیه آبی در هاور */
    }

    /* بخش تصویر */
    .team-image-box {
        width: 100%;
        height: 320px; /* ارتفاع ثابت عکس */
        overflow: hidden;
        background-color: #f5f5f5; /* رنگ پس‌زمینه در صورت لود نشدن عکس */
    }

    .member-img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* پر کردن کادر بدون دفرمه شدن */
        transition: transform 0.5s ease;
        display: block;
    }

    /* زوم شدن عکس در هاور */
    .team-member:hover .member-img {
        transform: scale(1.05);
    }

    /* بخش اطلاعات متنی */
    .team-info {
        padding: 28px;
        text-align: center;
        flex-grow: 1; /* پر کردن فضای خالی */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .team-name {
        font-size: 20px;
        font-weight: 700;
        color: var(--navy);
        margin-bottom: 8px;
    }

    .team-role {
        font-size: 14px;
        color: var(--gray-700);
        font-weight: 400;
    }

    /* ریسپانسیو */
    @media (max-width: 1200px) {
        .team-grid {
            grid-template-columns: repeat(3, 1fr); /* 3 ستونه در لپ‌تاپ */
        }
    }

    @media (max-width: 900px) {
        .team-grid {
            grid-template-columns: repeat(2, 1fr); /* 2 ستونه در تبلت */
        }
    }

    @media (max-width: 600px) {
        .team-grid {
            grid-template-columns: 1fr; /* تک ستونه در موبایل */
            gap: 25px;
        }
        .team-image-box {
            height: 350px; /* ارتفاع عکس در موبایل */
        }
    }
</style>/* End custom CSS */