.elementor-482 .elementor-element.elementor-element-1a57d13{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-482 .elementor-element.elementor-element-bf025b9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-482 .elementor-element.elementor-element-bf025b9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-482 .elementor-element.elementor-element-bf025b9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-482 .elementor-element.elementor-element-bf025b9 .elementor-icon-list-text{transition:color 0.3s;}/* Start custom CSS for icon-list, class: .elementor-element-bf025b9 *//* ==================================================
   CodeSoft Elementor Icon List - Compact Final
   Class: cs-icon-list
   آیکن سفید با بک گراند آبی شیشه ای
   + آیکن دقیقا وسط چین
   + رفع مشکل دسته بندی های داینامیک
================================================== */

.cs-icon-list {
    direction: rtl;
}

/* خود لیست */
.cs-icon-list .elementor-icon-list-items {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    padding: 0;
}

/* هر آیتم */
.cs-icon-list .elementor-icon-list-item {
    position: relative;
    display: flex !important;
    align-items: center;
    gap: 9px;
    padding: 7px 9px;
    border-radius: 12px;
    background:
        radial-gradient(circle at 15% 10%, rgba(13,110,253,0.07), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(0,194,255,0.09), transparent 30%),
        linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%);
    border: 1px solid var(--cs-border, #E5E7EB);
    box-shadow: 0 7px 18px rgba(17,24,39,0.045);
    overflow: hidden;
    transition: all 0.28s ease;
}

/* افکت نور ملایم پشت آیتم */
.cs-icon-list .elementor-icon-list-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(13,110,253,0.07),
        rgba(0,194,255,0.09)
    );
    opacity: 0;
    transition: all 0.28s ease;
    z-index: 0;
}

/* محتوا روی افکت */
.cs-icon-list .elementor-icon-list-icon,
.cs-icon-list .elementor-icon-list-text {
    position: relative;
    z-index: 1;
}

/* لینک اصلی آیتم */
.cs-icon-list .elementor-icon-list-item > a {
    display: flex !important;
    align-items: center;
    gap: 9px;
    width: 100%;
    color: inherit !important;
    text-decoration: none !important;
}

/* باکس آیکن */
.cs-icon-list .elementor-icon-list-icon {
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 10px;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,0.42), transparent 28%),
        linear-gradient(135deg, var(--cs-primary, #0D6EFD) 0%, var(--cs-cyan, #00C2FF) 120%);
    color: #FFFFFF !important;
    box-shadow: 0 9px 19px rgba(13,110,253,0.22);
    overflow: hidden;
    transition: all 0.28s ease;
}

/* برق ملایم داخل باکس آیکن */
.cs-icon-list .elementor-icon-list-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 25% 20%, rgba(255,255,255,0.55), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,0.22), transparent 62%);
    opacity: 0.8;
    pointer-events: none;
    transition: all 0.28s ease;
    z-index: 1;
}

/* حذف فاصله پیش فرض المنتور */
.cs-icon-list .elementor-icon-list-icon + .elementor-icon-list-text {
    padding-right: 0 !important;
}

/* وسط چین دقیق آیکن FontAwesome */
.cs-icon-list .elementor-icon-list-icon i {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    line-height: 16px !important;
    text-align: center !important;
}

/* وسط چین دقیق آیکن SVG */
.cs-icon-list .elementor-icon-list-icon svg {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
}

.cs-icon-list .elementor-icon-list-icon svg path,
.cs-icon-list .elementor-icon-list-icon svg g,
.cs-icon-list .elementor-icon-list-icon svg circle,
.cs-icon-list .elementor-icon-list-icon svg rect,
.cs-icon-list .elementor-icon-list-icon svg line,
.cs-icon-list .elementor-icon-list-icon svg polyline,
.cs-icon-list .elementor-icon-list-icon svg polygon {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* متن آیتم */
.cs-icon-list .elementor-icon-list-text {
    color: var(--cs-text, #374151) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.65;
    transition: all 0.28s ease;
}

/* هاور آیتم */
.cs-icon-list .elementor-icon-list-item:hover {
    transform: translateY(-2px);
    border-color: rgba(0,194,255,0.45);
    box-shadow: 0 13px 30px rgba(13,110,253,0.10);
}

.cs-icon-list .elementor-icon-list-item:hover::before {
    opacity: 1;
}

/* هاور آیکن */
.cs-icon-list .elementor-icon-list-item:hover .elementor-icon-list-icon {
    transform: scale(1.06) rotate(-3deg);
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,0.50), transparent 28%),
        linear-gradient(135deg, var(--cs-primary, #0D6EFD) 0%, #075BDD 48%, var(--cs-cyan, #00C2FF) 130%);
    box-shadow: 0 13px 28px rgba(13,110,253,0.30);
}

.cs-icon-list .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--cs-dark, #111827) !important;
}

/* ==================================================
   Dynamic Tags Fix
   دسته بندی ها کنار هم نمایش داده شوند
================================================== */

.cs-icon-list .elementor-icon-list-text {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    white-space: normal;
}

/* لینک های دسته بندی داخل داینامیک تگ */
.cs-icon-list .elementor-icon-list-text a {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    padding: 2px 8px;
    border-radius: 8px;
    background: rgba(13,110,253,0.08);
    color: var(--cs-primary, #0D6EFD) !important;
    border: 1px solid rgba(13,110,253,0.12);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.7;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

/* هاور دسته بندی ها */
.cs-icon-list .elementor-icon-list-text a:hover {
    background: linear-gradient(135deg, var(--cs-primary, #0D6EFD), var(--cs-cyan, #00C2FF));
    color: #FFFFFF !important;
    border-color: transparent;
}

/* حذف br احتمالی داینامیک تگ */
.cs-icon-list .elementor-icon-list-text br {
    display: none !important;
}

/* جلوگیری از شکستن بد کلمات */
.cs-icon-list .elementor-icon-list-text,
.cs-icon-list .elementor-icon-list-text * {
    word-break: normal;
    overflow-wrap: normal;
}

/* ==================================================
   Mobile
================================================== */

@media (max-width: 767px) {
    .cs-icon-list .elementor-icon-list-items {
        gap: 6px;
    }

    .cs-icon-list .elementor-icon-list-item {
        padding: 7px 8px;
        border-radius: 11px;
    }

    .cs-icon-list .elementor-icon-list-item > a {
        gap: 8px;
    }

    .cs-icon-list .elementor-icon-list-icon {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        flex-basis: 30px !important;
        border-radius: 9px;
    }

    .cs-icon-list .elementor-icon-list-icon i {
        width: 15px !important;
        height: 15px !important;
        min-width: 15px !important;
        min-height: 15px !important;
        font-size: 15px !important;
        line-height: 15px !important;
    }

    .cs-icon-list .elementor-icon-list-icon svg {
        width: 15px !important;
        height: 15px !important;
        min-width: 15px !important;
        min-height: 15px !important;
    }

    .cs-icon-list .elementor-icon-list-text {
        font-size: 13.5px;
        line-height: 1.6;
    }

    .cs-icon-list .elementor-icon-list-text a {
        font-size: 12px;
        padding: 2px 7px;
        border-radius: 7px;
    }
}/* End custom CSS */