.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-521 .elementor-element.elementor-element-22d68a3{--display:grid;--e-con-grid-template-columns:1fr 3fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-521 .elementor-element.elementor-element-884ea91{--display:flex;}.elementor-widget-table-of-contents .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-table-of-contents .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-table-of-contents .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-table-of-contents .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-521 .elementor-element.elementor-element-5308d22{--box-min-height:0px;--box-border-width:0px;--box-border-radius:0px;--separator-width:0px;--box-padding:0px;--toc-body-max-height:1000px;--nested-list-indent:0.1em;--item-text-hover-decoration:underline;}.elementor-521 .elementor-element.elementor-element-5308d22.elementor-element{--align-self:flex-start;}.elementor-521 .elementor-element.elementor-element-5308d22 .elementor-toc__header-title{text-align:center;}.elementor-521 .elementor-element.elementor-element-5308d22 .elementor-toc__header{flex-direction:row;column-gap:0px;}.elementor-521 .elementor-element.elementor-element-22d6af9{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:1fr fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;--grid-auto-flow:row;}.elementor-widget-heading .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-521 .elementor-element.elementor-element-329224b{text-align:center;}.elementor-521 .elementor-element.elementor-element-329224b .elementor-heading-title{font-family:"iransans", Sans-serif;}.elementor-widget-image .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-widget-text-editor .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-text-editor{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-2ccdcd1{text-align:justify;}.elementor-521 .elementor-element.elementor-element-bdb5cb7{text-align:justify;}.elementor-521 .elementor-element.elementor-element-f335193{text-align:justify;color:#FF8383;}.elementor-521 .elementor-element.elementor-element-f335193 p{margin-block-end:0px;}.elementor-521 .elementor-element.elementor-element-c3dbded img{width:100%;max-width:100%;height:500px;}.elementor-521 .elementor-element.elementor-element-f64d284{text-align:justify;}.elementor-521 .elementor-element.elementor-element-508093b{text-align:justify;}.elementor-521 .elementor-element.elementor-element-3134a54{text-align:justify;}.elementor-521 .elementor-element.elementor-element-ad2e49b{text-align:justify;}.elementor-521 .elementor-element.elementor-element-464056f{--display:flex;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );}.elementor-widget-posts .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-posts .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-posts .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-posts .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );}.elementor-521 .elementor-element.elementor-element-9537075{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-521 .elementor-element.elementor-element-9537075 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.63 * 100% );}.elementor-521 .elementor-element.elementor-element-9537075:after{content:"0.63";}.elementor-521 .elementor-element.elementor-element-9537075 .elementor-post__thumbnail__link{width:100%;}.elementor-521 .elementor-element.elementor-element-9537075.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-521 .elementor-element.elementor-element-9537075.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-521 .elementor-element.elementor-element-9537075.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-521 .elementor-element.elementor-element-9537075 .elementor-post__title, .elementor-521 .elementor-element.elementor-element-9537075 .elementor-post__title a{color:#FEFDFF;}.elementor-521 .elementor-element.elementor-element-9537075 .elementor-post__read-more{color:#2D1F49;}@media(max-width:1024px){.elementor-521 .elementor-element.elementor-element-22d68a3{--grid-auto-flow:row;}.elementor-521 .elementor-element.elementor-element-22d6af9{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-521 .elementor-element.elementor-element-22d68a3{--content-width:1367px;}}@media(max-width:767px){.elementor-521 .elementor-element.elementor-element-22d68a3{--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-521 .elementor-element.elementor-element-22d6af9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-521 .elementor-element.elementor-element-9537075 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-521 .elementor-element.elementor-element-9537075:after{content:"0.5";}.elementor-521 .elementor-element.elementor-element-9537075 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-884ea91 */@media (max-width: 767px) {
    .elementor-521 .elementor-element.elementor-element-884ea91 {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 767px){
    .elementor-521 .elementor-element.elementor-element-884ea91{
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c3dbded */.elementor-521 .elementor-element.elementor-element-c3dbded img{
    width: 100%;
    height: auto !important;
    object-fit: contain;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d68a3 *//* ==========================================
   PARSPACK BLOG STYLE
   PART 1
   Layout + Typography
========================================== */

/* ==================================================
   DOORCODE DARK PREMIUM COLOR SYSTEM
================================================== */
.parspack-blog h1{
    background:linear-gradient(90deg,#fff,#b794f4,#67e8f9);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.parspack-blog h2{
    text-shadow:0 0 18px rgba(139,92,246,.18);
}

.parspack-blog{

    /* رنگ اصلی */
    --primary:#8B5CF6;

    /* هاور رنگ اصلی */
    --primary-dark:#7C3AED;

    /* رنگ مکمل */
    --secondary:#22D3EE;

    /* رنگ تاکیدی */
    --accent:#EC4899;

    /* پس زمینه */
    --bg:#0F0715;

    /* پس زمینه دوم */
    --bg2:#181022;

    /* رنگ کارت ها */
    --card:#1B1328;

    /* خطوط */
    --border:rgba(255,255,255,.08);

    /* متن اصلی */
    --text:#D8D8E6;

    /* عنوان */
    --title:#FFFFFF;

    /* متن کم رنگ */
    --muted:#9F9FB5;

    /* موفق */
    --success:#22C55E;

    /* هشدار */
    --warning:#F59E0B;

    /* خطر */
    --danger:#EF4444;

    /* گردی */
    --radius:22px;

    /* سایه */
    --shadow:
    0 25px 60px rgba(0,0,0,.45);

}

/*=============================
Container
=============================*/

.parspack-blog{

    max-width:1400px;

    margin:auto;

}

.parspack-blog .e-con{

    box-sizing:border-box;

}

/*=============================
Center Content
=============================*/

.parspack-blog .post-content,
.parspack-blog .elementor-widget-theme-post-content{

    max-width:860px;

    margin:auto;

}

/*=============================
Typography
=============================*/

.parspack-blog p{

    font-size:18px;

    line-height:2.15;

    color:var(--text);

    margin-bottom:28px;

}

.parspack-blog strong{

    color:var(--title);

    font-weight:700;

}

.parspack-blog em{

    color:#555;

}

/*=============================
Title
=============================*/

.parspack-blog h1{

    font-size:44px;

    font-weight:800;

    line-height:1.45;

    color:var(--title);

    margin-bottom:25px;

}

.parspack-blog h2{

    font-size:34px;

    line-height:1.6;

    font-weight:700;

    margin-top:70px;

    margin-bottom:25px;

    color:var(--title);

    position:relative;

}

.parspack-blog h2::before{

    content:"";

    position:absolute;

    right:-22px;

    top:10px;

    width:6px;

    height:34px;

    border-radius:20px;

    background:var(--primary);

}

.parspack-blog h3{

    font-size:28px;

    line-height:1.7;

    margin-top:55px;

    margin-bottom:20px;

    color:var(--title);

}

.parspack-blog h4{

    font-size:23px;

    line-height:1.8;

    margin-top:45px;

    margin-bottom:18px;

}

/*=============================
Lists
=============================*/

.parspack-blog ul,
.parspack-blog ol{

    padding-right:28px;

    margin:30px 0;

}

.parspack-blog li{

    margin-bottom:14px;

    line-height:2;

}

/*=============================
Links
=============================*/

.parspack-blog a{

    color:var(--primary);

    text-decoration:none;

    transition:.25s;

}

.parspack-blog a:hover{

    color:var(--primary-dark);

    text-decoration:underline;

}

/*=============================
Selection
=============================*/

.parspack-blog ::selection{

    background:#dbeafe;

}

/*=============================
Horizontal Line
=============================*/

.parspack-blog hr{

    border:none;

    border-top:1px solid var(--border);

    margin:60px 0;

}

/*=============================
Images
=============================*/

.parspack-blog img{

    width:100%;

    height:auto;

    display:block;

    border-radius:16px;

    box-shadow:var(--shadow);

}

.parspack-blog figure{

    margin:40px 0;

}

/*=============================
Caption
=============================*/

.parspack-blog figcaption{

    text-align:center;

    margin-top:15px;

    color:#6b7280;

    font-size:14px;

}

/*=============================
Spacing
=============================*/

.parspack-blog section{

    margin-bottom:40px;

}

/*=============================
Sticky Sidebars
=============================*/

.parspack-blog .toc-column{

    position:sticky;

    top:120px;

}

.parspack-blog .left-column{

    position:sticky;

    top:120px;

}

/*=============================
Cards
=============================*/

.parspack-blog .card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    padding:24px;

    box-shadow:0 4px 14px rgba(0,0,0,.04);

}

/*=============================
Meta
=============================*/

.parspack-blog .meta{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    color:#6b7280;

    font-size:14px;

    margin-bottom:28px;

}

/*=============================
Transition
=============================*/

.parspack-blog *{

    transition:

    background .2s,

    color .2s,

    box-shadow .2s;

}
/* ==========================================
   PARSPACK BLOG STYLE
   PART 2
   TOC + Tables + Code + Blockquote
==========================================*/


/*=============================
Table Of Contents
=============================*/

.parspack-blog .elementor-widget-table-of-contents{

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    padding:22px;

    box-shadow:0 10px 30px rgba(15,23,42,.05);

}

.parspack-blog .elementor-toc__header{

    font-size:18px;

    font-weight:700;

    color:var(--title);

    margin-bottom:18px;

}

.parspack-blog .elementor-toc__list-wrapper{

    padding:0;

}

.parspack-blog .elementor-toc__list-item{

    margin-bottom:8px;

}

.parspack-blog .elementor-toc__list-item a{

    display:block;

    padding:10px 12px;

    border-radius:10px;

    color:#4b5563;

    transition:.25s;

}

.parspack-blog .elementor-toc__list-item a:hover{

    background:#eff6ff;

    color:var(--primary);

}

.parspack-blog .elementor-item-active{

    background:#dbeafe;

    color:var(--primary)!important;

    font-weight:700;

}


/*=============================
Blockquote
=============================*/

.parspack-blog blockquote{

    position:relative;

    background:#f8fafc;

    border-right:5px solid var(--primary);

    border-radius:16px;

    padding:28px;

    margin:40px 0;

}

.parspack-blog blockquote p{

    margin:0;

    font-size:18px;

    line-height:2.2;

}


/*=============================
Code
=============================*/

.parspack-blog pre{

    background:#0f172a;

    color:#f8fafc;

    border-radius:16px;

    padding:24px;

    overflow:auto;

    margin:35px 0;

    font-size:15px;

    line-height:1.9;

}

.parspack-blog code{

    background:#eef2ff;

    color:#4338ca;

    padding:3px 8px;

    border-radius:6px;

    font-size:.92em;

}


/*=============================
Tables
=============================*/

.parspack-blog table{

    width:100%;

    border-collapse:collapse;

    margin:40px 0;

    overflow:hidden;

    border-radius:16px;

    box-shadow:0 8px 24px rgba(15,23,42,.06);

}

.parspack-blog thead{

    background:var(--primary);

    color:#fff;

}

.parspack-blog th{

    padding:18px;

    text-align:center;

    font-weight:700;

}

.parspack-blog td{

    padding:18px;

    border-bottom:1px solid var(--border);

    text-align:center;

}

.parspack-blog tbody tr:nth-child(even){

    background:#f8fafc;

}

.parspack-blog tbody tr:hover{

    background:#eef6ff;

}


/*=============================
Highlight
=============================*/

.parspack-blog mark{

    background:#fef3c7;

    color:#92400e;

    padding:2px 6px;

    border-radius:4px;

}


/*=============================
Horizontal Image Hover
=============================*/

.parspack-blog figure{

    overflow:hidden;

    border-radius:16px;

}

.parspack-blog figure img{

    transition:

    transform .35s ease,

    box-shadow .35s ease;

}

.parspack-blog figure:hover img{

    transform:scale(1.02);

}


/*=============================
Buttons
=============================*/

.parspack-blog .elementor-button{

    border-radius:14px;

    padding:14px 26px;

    font-weight:700;

    transition:.3s;

}

.parspack-blog .elementor-button:hover{

    transform:translateY(-2px);

}


/*=============================
Scrollbar
=============================*/

.parspack-blog pre::-webkit-scrollbar,

.parspack-blog table::-webkit-scrollbar{

    height:8px;

}

.parspack-blog pre::-webkit-scrollbar-thumb,

.parspack-blog table::-webkit-scrollbar-thumb{

    background:#94a3b8;

    border-radius:20px;

}
/* ==========================================
   PARSPACK BLOG STYLE
   PART 3
   Cards + Author + Related + FAQ
==========================================*/


/*=================================
Meta Information
=================================*/

.parspack-blog .elementor-post-info{

    margin:22px 0 30px;

    color:#6b7280;

    font-size:14px;

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.parspack-blog .elementor-post-info a{

    color:#6b7280;

}

.parspack-blog .elementor-post-info a:hover{

    color:var(--primary);

}


/*=================================
Featured Image
=================================*/

.parspack-blog .elementor-widget-theme-post-featured-image img{

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}


/*=================================
Author Box
=================================*/

.parspack-blog .author-box{

    background:#fff;

    border:1px solid var(--border);

    border-radius:22px;

    padding:30px;

    box-shadow:0 8px 30px rgba(15,23,42,.05);

    margin-top:60px;

}

.parspack-blog .author-box img{

    width:90px;

    height:90px;

    border-radius:50%;

}

.parspack-blog .author-box h4{

    margin-bottom:8px;

}

.parspack-blog .author-box p{

    margin-bottom:0;

}


/*=================================
Related Posts
=================================*/

.parspack-blog .elementor-post{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    border:1px solid var(--border);

    transition:

    transform .3s,

    box-shadow .3s;

}

.parspack-blog .elementor-post:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(15,23,42,.08);

}

.parspack-blog .elementor-post__thumbnail img{

    transition:transform .35s;

}

.parspack-blog .elementor-post:hover img{

    transform:scale(1.05);

}

.parspack-blog .elementor-post__title{

    font-size:18px;

    line-height:1.8;

    padding:10px 15px;

}

.parspack-blog .elementor-post__title a{

    color:var(--title);

}

.parspack-blog .elementor-post__title a:hover{

    color:var(--primary);

}


/*=================================
Info Boxes
=================================*/

.parspack-blog .info-box{

    padding:24px;

    border-radius:18px;

    margin:35px 0;

    border-right:6px solid;

}

.parspack-blog .info-box.info{

    background:#eff6ff;

    border-color:#2563eb;

}

.parspack-blog .info-box.success{

    background:#ecfdf5;

    border-color:#10b981;

}

.parspack-blog .info-box.warning{

    background:#fffbeb;

    border-color:#f59e0b;

}

.parspack-blog .info-box.danger{

    background:#fef2f2;

    border-color:#ef4444;

}


/*=================================
FAQ
=================================*/

.parspack-blog .elementor-accordion-item{

    border:1px solid var(--border);

    border-radius:16px;

    margin-bottom:18px;

    overflow:hidden;

}

.parspack-blog .elementor-tab-title{

    padding:22px;

    font-size:18px;

    font-weight:700;

}

.parspack-blog .elementor-tab-content{

    padding:24px;

    background:#fafafa;

}


/*=================================
Comment Area
=================================*/

.parspack-blog #comments{

    margin-top:70px;

}

.parspack-blog #comments textarea{

    border-radius:14px;

}

.parspack-blog #comments input{

    border-radius:12px;

}

.parspack-blog #comments input,

.parspack-blog #comments textarea{

    border:1px solid var(--border);

    padding:14px;

}

.parspack-blog #comments input:focus,

.parspack-blog #comments textarea:focus{

    outline:none;

    border-color:var(--primary);

}


/*=================================
Pagination
=================================*/

.parspack-blog .page-links{

    margin:40px 0;

}

.parspack-blog .page-links span,

.parspack-blog .page-links a{

    width:42px;

    height:42px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:12px;

    border:1px solid var(--border);

    margin-left:8px;

}

.parspack-blog .page-links span{

    background:var(--primary);

    color:#fff;

}


/*=================================
Smooth Scroll
=================================*/

html{

    scroll-behavior:smooth;

}
/* ==========================================
   PARSPACK BLOG STYLE
   PART 4
   Responsive + Final Polish
==========================================*/


/*=============================
General
=============================*/

.parspack-blog{

    overflow-wrap:break-word;

    word-break:normal;

}

.parspack-blog iframe{

    width:100%;

    border:none;

    border-radius:18px;

}


/*=============================
Video
=============================*/

.parspack-blog video{

    width:100%;

    border-radius:18px;

}


/*=============================
Forms
=============================*/

.parspack-blog input,
.parspack-blog textarea,
.parspack-blog select{

    transition:border-color .25s, box-shadow .25s;

}

.parspack-blog input:focus,
.parspack-blog textarea:focus,
.parspack-blog select:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 4px rgba(37,99,235,.08);

}


/*=============================
Table Responsive
=============================*/

@media (max-width:991px){

.parspack-blog table{

display:block;

overflow-x:auto;

white-space:nowrap;

}

}


/*=============================
Tablet
=============================*/

@media (max-width:1024px){

.parspack-blog h1{

font-size:38px;

}

.parspack-blog h2{

font-size:30px;

margin-top:55px;

}

.parspack-blog h3{

font-size:24px;

}

.parspack-blog p{

font-size:17px;

}

}


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

@media (max-width:767px){

.parspack-blog{

padding:15px;

}

.parspack-blog h1{

font-size:30px;

line-height:1.6;

}

.parspack-blog h2{

font-size:25px;

margin-top:45px;

padding-right:10px;

}

.parspack-blog h2::before{

height:28px;

right:-10px;

}

.parspack-blog h3{

font-size:21px;

}

.parspack-blog h4{

font-size:18px;

}

.parspack-blog p{

font-size:16px;

line-height:2;

}

.parspack-blog ul,
.parspack-blog ol{

padding-right:22px;

}

.parspack-blog blockquote{

padding:20px;

}

.parspack-blog pre{

padding:18px;

font-size:13px;

}

.parspack-blog img{

border-radius:12px;

}

.parspack-blog .elementor-widget-table-of-contents{

position:relative;

top:auto;

}

}


/*=============================
Hover Effects
=============================*/

.parspack-blog img{

transition:

transform .35s ease,

box-shadow .35s ease;

}

.parspack-blog img:hover{

transform:scale(1.015);

}


/*=============================
TOC Animation
=============================*/

.parspack-blog .elementor-toc__list-item a{

position:relative;

overflow:hidden;

}

.parspack-blog .elementor-toc__list-item a::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:0;

height:2px;

background:var(--primary);

transition:.3s;

}

.parspack-blog .elementor-toc__list-item a:hover::after{

width:100%;

}


/*=============================
Buttons
=============================*/

.parspack-blog .elementor-button{

box-shadow:0 10px 20px rgba(37,99,235,.12);

}

.parspack-blog .elementor-button:hover{

box-shadow:0 18px 35px rgba(37,99,235,.18);

}


/*=============================
Accessibility
=============================*/

.parspack-blog a:focus{

outline:2px solid var(--primary);

outline-offset:3px;

}


/*=============================
Reduce Motion
=============================*/

@media (prefers-reduced-motion:reduce){

.parspack-blog *{

transition:none!important;

animation:none!important;

scroll-behavior:auto!important;

}

}
.parspack-blog,
.parspack-blog *:not(pre):not(code){
    font-family: "IRANSans", sans-serif !important;
}
/* اعداد فارسی در کل وبلاگ */

.parspack-blog,
.parspack-blog *:not(pre):not(code){
    font-family: "IRANSans", sans-serif !important;
    font-variant-numeric: normal;
    font-feature-settings: "ss01";
}
/* ==========================================
   PREMIUM DARK UI
========================================== */


/* پس زمینه اصلی */

.parspack-blog{

    background:linear-gradient(
    180deg,
    #12091B 0%,
    #0F0715 100%);

}


/* کارت ها */

.parspack-blog .card,
.parspack-blog .author-box,
.parspack-blog .elementor-post,
.parspack-blog .elementor-widget-table-of-contents{

    background:rgba(27,19,40,.92);

    border:1px solid rgba(255,255,255,.06);

    backdrop-filter:blur(16px);

}


/* متن */

.parspack-blog p,
.parspack-blog li{

    color:var(--text);

}


/* عنوان */

.parspack-blog h1,
.parspack-blog h2,
.parspack-blog h3,
.parspack-blog h4{

    color:#fff;

}


/* لینک */

.parspack-blog a{

    color:var(--secondary);

}

.parspack-blog a:hover{

    color:#8BE9FD;

}


/* تیتر H2 */

.parspack-blog h2::before{

    background:linear-gradient(
    180deg,
    #8B5CF6,
    #22D3EE);

}


/* نقل قول */

.parspack-blog blockquote{

    background:#1E162C;

    color:#F5F5F7;

    border-right:5px solid #8B5CF6;

}


/* جدول */

.parspack-blog table{

    background:#17111F;

}

.parspack-blog thead{

    background:linear-gradient(
    90deg,
    #8B5CF6,
    #6D28D9);

}

.parspack-blog td{

    color:#ECECF6;

    border-color:rgba(255,255,255,.05);

}


/* کد */

.parspack-blog pre{

    background:#09070D;

    border:1px solid rgba(255,255,255,.06);

}

.parspack-blog code{

    background:#241932;

    color:#67E8F9;

}


/* فهرست مطالب */

.parspack-blog .elementor-widget-table-of-contents{

    box-shadow:

    0 20px 50px rgba(0,0,0,.35);

}

.parspack-blog .elementor-toc__header{

    color:#fff;

}

.parspack-blog .elementor-toc__list-item a{

    color:#CFCFE6;

}

.parspack-blog .elementor-toc__list-item a:hover{

    background:#261C36;

    color:#fff;

}

.parspack-blog .elementor-item-active{

    background:rgba(139,92,246,.18);

    color:#B794F4 !important;

}


/* دکمه */

.parspack-blog .elementor-button{

    background:linear-gradient(
    135deg,
    #8B5CF6,
    #6D28D9);

    color:#fff;

    border:none;

}

.parspack-blog .elementor-button:hover{

    box-shadow:

    0 15px 35px rgba(139,92,246,.35);

}


/* تصویر */

.parspack-blog img{

    border:1px solid rgba(255,255,255,.06);

}

.parspack-blog img:hover{

    box-shadow:

    0 20px 45px rgba(0,0,0,.35);

}


/* اسکرول بار */

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#12091B;

}

::-webkit-scrollbar-thumb{

    background:#5B3DF5;

    border-radius:30px;

}

::-webkit-scrollbar-thumb:hover{

    background:#8B5CF6;

}/* End custom CSS */