.elementor-7033 .elementor-element.elementor-element-2b291df0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-7033 .elementor-element.elementor-element-1b4f46e8{text-align:center;}.elementor-7033 .elementor-element.elementor-element-1b4f46e8 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-size:13px;color:#9CA3AF;}.elementor-7033 .elementor-element.elementor-element-25d00e72{text-align:center;}.elementor-7033 .elementor-element.elementor-element-25d00e72 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-size:30px;font-weight:800;color:#1F2937;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-7033 .elementor-element.elementor-element-170c8db4{--grid-columns:5;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-7033 .elementor-element.elementor-element-170c8db4 .elementor-repeater-item-a55441d{grid-column:span min( 2, var(--grid-columns) );}.elementor-7033 .elementor-element.elementor-element-170c8db4 .elementor-repeater-item-a48211a{grid-column:span min( 2, var(--grid-columns) );}.elementor-7033 .elementor-element.elementor-element-170c8db4 .elementor-repeater-item-2d885d6{grid-column:span min( 2, var(--grid-columns) );}.elementor-7033 .elementor-element.elementor-element-170c8db4 .elementor-repeater-item-d0ad4ea{grid-column:span min( 2, var(--grid-columns) );}@media(max-width:1024px){.elementor-7033 .elementor-element.elementor-element-170c8db4{--grid-columns:2;}}@media(max-width:767px){.elementor-7033 .elementor-element.elementor-element-170c8db4{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-170c8db4 *//* تنظیم عرض خود آیتم لوپ حاوی کارت تیره */
.elementor-7033 .elementor-element.elementor-element-170c8db4 .elementor-loop-container > div:has(.mm-dark-loop-card),
.elementor-7033 .elementor-element.elementor-element-170c8db4 .elementor-loop-container > .e-loop-item:has(.mm-dark-loop-card) {
    grid-column: span 2 !important;
}

/* اطمینان از ۵ ستونه بودن کل گرید لوپ */
.elementor-7033 .elementor-element.elementor-element-170c8db4 .elementor-loop-container {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b291df0 *//* MinoMag 5-Column Alternating Magazine Grid */
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 20px !important;
    direction: rtl !important;
}

/* Base card styling */
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item {
    width: 100% !important;
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}

/* Alternating Wide Hero Cards (span 2 cols) with Dark Overlay: 1st and 8th of each 8-item cycle */
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 1),
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 8) {
    grid-column: span 2 !important;
    position: relative;
    min-height: 380px;
}

/* Wide hero card styling: image fills card, overlay at bottom */
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 1) .mm-card-media,
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 8) .mm-card-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 1) .mm-card-media img,
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 8) .mm-card-media img {
    height: 100% !important;
    object-fit: cover !important;
}

.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 1) .mm-card-media::after,
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 8) .mm-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.85) 90%);
    pointer-events: none;
    z-index: 2;
}

/* Content inside wide hero card floats to bottom over dark gradient */
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 1) .mm-card-body,
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 8) .mm-card-body {
    position: relative;
    z-index: 3;
    margin-top: auto;
    padding: 24px;
}

.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 1) .mm-card-title *,
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 8) .mm-card-title * {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 1) .mm-card-excerpt *,
.elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 8) .mm-card-excerpt * {
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 1.6;
}

/* Date badge styling */
.elementor-7033 .elementor-element.elementor-element-2b291df0 .mm-date-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 4;
    background: #ffffff;
    padding: 6px 12px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}

.elementor-7033 .elementor-element.elementor-element-2b291df0 .mm-date-badge * {
    color: #1F2937 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    margin: 0 !important;
}

/* Responsive: Tablet (2 columns) */
@media (max-width: 1024px) {
    .elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
    .elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 1),
    .elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 8) {
        grid-column: span 2 !important;
        min-height: 320px;
    }
}

/* Responsive: Mobile (1 column) */
@media (max-width: 767px) {
    .elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item {
        grid-column: span 1 !important;
    }
    .elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 1),
    .elementor-7033 .elementor-element.elementor-element-2b291df0 .elementor-loop-container > .e-loop-item:nth-child(8n + 8) {
        grid-column: span 1 !important;
        min-height: 280px;
    }
}/* End custom CSS */