.elementor-521 .elementor-element.elementor-element-1ca6186{--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;--margin-top:22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-521 .elementor-element.elementor-element-d262e33{text-align:center;font-family:"IRANSans", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-521 .elementor-element.elementor-element-9a72fa9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:44px;--padding-bottom:44px;--padding-left:0px;--padding-right:0px;}.elementor-521 .elementor-element.elementor-element-298f4f2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-521 .elementor-element.elementor-element-35ec14f.elementor-element{--order:-99999 /* order start hack */;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-521 .elementor-element.elementor-element-b7e0451 .elementor-button{font-family:"IRANSans", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-1b7bd24 );color:var( --e-global-color-1b7bd24 );border-radius:7px 7px 7px 7px;}.elementor-521 .elementor-element.elementor-element-b0e00e1{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-521 .elementor-element.elementor-element-ad4ace7{--grid-columns:3;z-index:3;}.elementor-521 .elementor-element.elementor-element-ad4ace7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-521 .elementor-element.elementor-element-ad4ace7 .e-loop-item > .elementor-section, .elementor-521 .elementor-element.elementor-element-ad4ace7 .e-loop-item > .elementor-section > .elementor-container, .elementor-521 .elementor-element.elementor-element-ad4ace7 .e-loop-item > .e-con, .elementor-521 .elementor-element.elementor-element-ad4ace7 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-521 .elementor-element.elementor-element-463154f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:44px;--padding-bottom:44px;--padding-left:0px;--padding-right:0px;}.elementor-521 .elementor-element.elementor-element-4850244{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-521 .elementor-element.elementor-element-2f06e96 .elementor-button{font-family:"IRANSans", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-1b7bd24 );color:var( --e-global-color-1b7bd24 );border-radius:7px 7px 7px 7px;}.elementor-521 .elementor-element.elementor-element-604d131{--display:flex;}.elementor-521 .elementor-element.elementor-element-888b7cd{--grid-columns:3;}.elementor-521 .elementor-element.elementor-element-888b7cd .elementor-loop-container{grid-auto-rows:1fr;}.elementor-521 .elementor-element.elementor-element-888b7cd .e-loop-item > .elementor-section, .elementor-521 .elementor-element.elementor-element-888b7cd .e-loop-item > .elementor-section > .elementor-container, .elementor-521 .elementor-element.elementor-element-888b7cd .e-loop-item > .e-con, .elementor-521 .elementor-element.elementor-element-888b7cd .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-521 .elementor-element.elementor-element-b605941{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:44px;--padding-bottom:44px;--padding-left:0px;--padding-right:0px;}.elementor-521 .elementor-element.elementor-element-ca6bf87{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-521 .elementor-element.elementor-element-4f0ff7a.elementor-element{--order:-99999 /* order start hack */;}.elementor-521 .elementor-element.elementor-element-ec5c29c .elementor-button{font-family:"IRANSans", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-1b7bd24 );color:var( --e-global-color-1b7bd24 );border-radius:7px 7px 7px 7px;}.elementor-521 .elementor-element.elementor-element-d7d7db7{--display:flex;}.elementor-521 .elementor-element.elementor-element-07f5cb5{--grid-columns:3;}.elementor-521 .elementor-element.elementor-element-07f5cb5 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-521 .elementor-element.elementor-element-07f5cb5 .e-loop-item > .elementor-section, .elementor-521 .elementor-element.elementor-element-07f5cb5 .e-loop-item > .elementor-section > .elementor-container, .elementor-521 .elementor-element.elementor-element-07f5cb5 .e-loop-item > .e-con, .elementor-521 .elementor-element.elementor-element-07f5cb5 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-521 .elementor-element.elementor-element-1c08ee5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:44px;--padding-bottom:44px;--padding-left:0px;--padding-right:0px;}.elementor-521 .elementor-element.elementor-element-f1f67bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-521 .elementor-element.elementor-element-fa4468a .elementor-button{font-family:"IRANSans", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-1b7bd24 );color:var( --e-global-color-1b7bd24 );border-radius:7px 7px 7px 7px;}.elementor-521 .elementor-element.elementor-element-055a38b{--display:flex;}.elementor-521 .elementor-element.elementor-element-aa4540b{--grid-columns:3;}.elementor-521 .elementor-element.elementor-element-aa4540b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-521 .elementor-element.elementor-element-aa4540b .e-loop-item > .elementor-section, .elementor-521 .elementor-element.elementor-element-aa4540b .e-loop-item > .elementor-section > .elementor-container, .elementor-521 .elementor-element.elementor-element-aa4540b .e-loop-item > .e-con, .elementor-521 .elementor-element.elementor-element-aa4540b .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-521 .elementor-element.elementor-element-ad4ace7{--grid-columns:2;}.elementor-521 .elementor-element.elementor-element-888b7cd{--grid-columns:2;}.elementor-521 .elementor-element.elementor-element-07f5cb5{--grid-columns:2;}.elementor-521 .elementor-element.elementor-element-aa4540b{--grid-columns:2;}}@media(min-width:768px){.elementor-521 .elementor-element.elementor-element-1ca6186{--content-width:92%;}.elementor-521 .elementor-element.elementor-element-9a72fa9{--content-width:92%;}.elementor-521 .elementor-element.elementor-element-463154f{--content-width:92%;}.elementor-521 .elementor-element.elementor-element-b605941{--content-width:92%;}.elementor-521 .elementor-element.elementor-element-1c08ee5{--content-width:92%;}}@media(max-width:767px){.elementor-521 .elementor-element.elementor-element-1ca6186{--content-width:94%;}.elementor-521 .elementor-element.elementor-element-9a72fa9{--content-width:94%;}.elementor-521 .elementor-element.elementor-element-298f4f2{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-521 .elementor-element.elementor-element-b7e0451 .elementor-button{padding:12px 8px 12px 8px;}.elementor-521 .elementor-element.elementor-element-b0e00e1{--justify-content:center;}.elementor-521 .elementor-element.elementor-element-ad4ace7{--grid-columns:1;}.elementor-521 .elementor-element.elementor-element-463154f{--content-width:94%;}.elementor-521 .elementor-element.elementor-element-4850244{--justify-content:center;}.elementor-521 .elementor-element.elementor-element-888b7cd{--grid-columns:1;}.elementor-521 .elementor-element.elementor-element-b605941{--content-width:94%;}.elementor-521 .elementor-element.elementor-element-ca6bf87{--justify-content:center;}.elementor-521 .elementor-element.elementor-element-07f5cb5{--grid-columns:1;}.elementor-521 .elementor-element.elementor-element-1c08ee5{--content-width:94%;}.elementor-521 .elementor-element.elementor-element-f1f67bd{--justify-content:center;}.elementor-521 .elementor-element.elementor-element-aa4540b{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-d110287 *//* =========================================
   1. بخش شبکه و چیدمان کارت‌های دسته‌بندی
   ========================================= */
.category-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
    direction: rtl;
}

/* =========================================
   2. استایل پایه کارت‌ها (تم روشن و شیشه‌ای)
   ========================================= */
.cat-card {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 20px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
}

/* افکت هاور کارت (بالا پریدن و سبز شدن حاشیه) */
.cat-card:hover {
    border-color: #0bb817 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px -5px rgba(11, 184, 23, 0.15) !important;
}

/* =========================================
   3. استایل آیکون داخل کارت
   ========================================= */
.cat-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    background-color: rgba(11, 184, 23, 0.08) !important;
    border-radius: 12px !important;
    color: #0bb817 !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

/* سبز شدن آیکون در حالت هاور */
.cat-card:hover .cat-icon {
    background-color: #0bb817 !important;
    color: #ffffff !important;
}

/* =========================================
   4. استایل متن‌ها (عنوان و تعداد مقالات)
   ========================================= */
.cat-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.cat-info h3 {
    margin: 0 !important;
    font-size: 16px !important;
    color: #19075a !important;
    font-family: 'IRANSans', Tahoma, sans-serif !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
}

.cat-info span {
    font-size: 12px !important;
    color: #64748b !important;
    background-color: #f8fafc !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    display: inline-block !important;
    align-self: flex-start !important;
    font-family: 'IRANSans', Tahoma, sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a72fa9 */.elementor-521 .elementor-element.elementor-element-9a72fa9 {
    /* 1. رنگ پایه بک‌گراند */
    background-color: #19075a;
    position: relative;
    overflow: hidden; /* برای جلوگیری از بیرون زدن هاله‌های نوری */
}

/* 2. پترن نقطه‌ای (لایه رویی) */
.elementor-521 .elementor-element.elementor-element-9a72fa9::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=');
    background-size: 20px 20px;
    opacity: 0.1; /* شفافیت 10 درصد */
    z-index: 1;
    pointer-events: none; /* تا مزاحم کلیک شدن المان‌ها نشود */
}

/* 3. هاله نوری سبز در بالا سمت راست */
.elementor-521 .elementor-element.elementor-element-9a72fa9::before {
    content: "";
    position: absolute;
    top: -5rem;
    right: -5rem;
    width: 20rem; /* معادل کلاس w-80 */
    height: 20rem; /* معادل کلاس h-80 */
    background-color: #0bb817; /* رنگ Profit */
    border-radius: 50%;
    filter: blur(120px); /* تاری شدید طبق سورس */
    opacity: 0.2; /* شفافیت 20 درصد */
    z-index: 0;
    pointer-events: none;
}

/* 4. قرار دادن المان‌های داخل کانتینر روی بالاترین لایه */
.elementor-521 .elementor-element.elementor-element-9a72fa9 > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b605941 */.elementor-521 .elementor-element.elementor-element-b605941 {
    /* 1. رنگ پایه بک‌گراند */
    background-color: #19075a;
    position: relative;
    overflow: hidden; /* برای جلوگیری از بیرون زدن هاله‌های نوری */
}

/* 2. پترن نقطه‌ای (لایه رویی) */
.elementor-521 .elementor-element.elementor-element-b605941::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=');
    background-size: 20px 20px;
    opacity: 0.1; /* شفافیت 10 درصد */
    z-index: 1;
    pointer-events: none; /* تا مزاحم کلیک شدن المان‌ها نشود */
}

/* 3. هاله نوری سبز در بالا سمت راست */
.elementor-521 .elementor-element.elementor-element-b605941::before {
    content: "";
    position: absolute;
    top: -5rem;
    right: -5rem;
    width: 20rem; /* معادل کلاس w-80 */
    height: 20rem; /* معادل کلاس h-80 */
    background-color: #0bb817; /* رنگ Profit */
    border-radius: 50%;
    filter: blur(120px); /* تاری شدید طبق سورس */
    opacity: 0.2; /* شفافیت 20 درصد */
    z-index: 0;
    pointer-events: none;
}

/* 4. قرار دادن المان‌های داخل کانتینر روی بالاترین لایه */
.elementor-521 .elementor-element.elementor-element-b605941 > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IRANSans';
	font-display: auto;
	src: url('https://ariyatrade98.com/wp-content/uploads/2026/05/IRANSansXV.ttf') format('truetype');
}
/* End Custom Fonts CSS */