.elementor-546 .elementor-element.elementor-element-2cc726e{--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;}.elementor-546 .elementor-element.elementor-element-bb40874 > .elementor-widget-container{margin:200px 0px 15px 0px;padding:0px 0px 0px 0px;}.elementor-546 .elementor-element.elementor-element-bb40874 .breadcrumb-1, .breadcrumb-1 span{color:#181522;}.elementor-546 .elementor-element.elementor-element-bb40874 .breadcrumb-1.rtl a::before{border-right-color:var( --e-global-color-primary );}.elementor-546 .elementor-element.elementor-element-bb40874 .breadcrumb-1.ltr a::before{border-left-color:var( --e-global-color-primary );}.elementor-546 .elementor-element.elementor-element-bb40874 .breadcrumb-1, .breadcrumb-1 span, .breadcrumb-1 a{font-size:15px;font-weight:300;}.elementor-546 .elementor-element.elementor-element-bb40874 .breadcrumb-1 a:hover{color:var( --e-global-color-primary );}.elementor-546 .elementor-element.elementor-element-bb40874 .breadcrumb-1{text-align:left;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#e7ecf0;border-radius:27px 27px 27px 27px;box-shadow:0px 5px 25px 0px rgb(0 0 0 / 7%);}.elementor-546 .elementor-element.elementor-element-bb40874 .breadcrumb-1 a::after{border-right-color:#FFFFFF;}.elementor-546 .elementor-element.elementor-element-d74068e > .elementor-container{max-width:1441px;}.elementor-546 .elementor-element.elementor-element-d74068e, .elementor-546 .elementor-element.elementor-element-d74068e > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-546 .elementor-element.elementor-element-d74068e{box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.06);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:6px;padding:20px 40px 20px 40px;}.elementor-546 .elementor-element.elementor-element-d74068e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-546 .elementor-element.elementor-element-1e9d784:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-546 .elementor-element.elementor-element-1e9d784 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-546 .elementor-element.elementor-element-1e9d784 > .elementor-element-populated, .elementor-546 .elementor-element.elementor-element-1e9d784 > .elementor-element-populated > .elementor-background-overlay, .elementor-546 .elementor-element.elementor-element-1e9d784 > .elementor-background-slideshow{border-radius:30px 30px 30px 30px;}.elementor-546 .elementor-element.elementor-element-1e9d784 > .elementor-element-populated{box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.12);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px -17px 0px 0px;--e-column-margin-right:-17px;--e-column-margin-left:0px;padding:50px 70px 50px 70px;}.elementor-546 .elementor-element.elementor-element-1e9d784 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-546 .elementor-element.elementor-element-3494b5a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 28px) 0px;}.elementor-546 .elementor-element.elementor-element-3494b5a .elementor-heading-title{font-family:"doranfn", Sans-serif;font-size:30px;}.elementor-546 .elementor-element.elementor-element-aaf55e2{padding:20px 20px 20px 20px;}.elementor-546 .elementor-element.elementor-element-aaf55e2 img{width:67%;border-radius:20px 20px 20px 20px;}body:not(.rtl) .elementor-546 .elementor-element.elementor-element-a2ce6e4{left:531px;}body.rtl .elementor-546 .elementor-element.elementor-element-a2ce6e4{right:531px;}.elementor-546 .elementor-element.elementor-element-a2ce6e4{top:306px;}.elementor-546 .elementor-element.elementor-element-aa1d5a0 > .elementor-widget-container{padding:50px 70px 50px 70px;}.elementor-546 .elementor-element.elementor-element-aa1d5a0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-546 .elementor-element.elementor-element-aa1d5a0{font-family:"iransansfanum", Sans-serif;font-size:18px;font-weight:300;line-height:36px;}.elementor-546 .elementor-element.elementor-element-2e3e67b{--display:flex;}@media(max-width:1024px){.elementor-546 .elementor-element.elementor-element-aa1d5a0{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-546 .elementor-element.elementor-element-aa1d5a0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 50px 50px 50px;}}@media(min-width:768px){.elementor-546 .elementor-element.elementor-element-1e9d784{width:100%;}}@media(max-width:767px){.elementor-546 .elementor-element.elementor-element-1e9d784 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-546 .elementor-element.elementor-element-aaf55e2{margin:0px -33px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-546 .elementor-element.elementor-element-aaf55e2 img{width:300px;max-width:1000px;}.elementor-546 .elementor-element.elementor-element-aa1d5a0{width:var( --container-widget-width, 358px );max-width:358px;--container-widget-width:358px;--container-widget-flex-grow:0;}.elementor-546 .elementor-element.elementor-element-aa1d5a0 > .elementor-widget-container{margin:0px -60px 0px 0px;}}/* Start custom CSS for theme-post-title, class: .elementor-element-3494b5a */.elementor-546 .elementor-element.elementor-element-3494b5a h1,
.elementor-546 .elementor-element.elementor-element-3494b5a h2,
.elementor-546 .elementor-element.elementor-element-3494b5a h3 {
    font-weight: 800;
    letter-spacing: -0.4px;
    line-height: 1.25;
    background: linear-gradient(120deg, #32D1C3, #368F8B, #9D8420);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    display: inline-block;
    text-shadow: 0 0 22px rgba(50, 209, 195, 0.25);
}

/* خط نور زیر تیتر */
.elementor-546 .elementor-element.elementor-element-3494b5a h1::after,
.elementor-546 .elementor-element.elementor-element-3494b5a h2::after,
.elementor-546 .elementor-element.elementor-element-3494b5a h3::after {
    content: "";
    position: absolute;
    left: 20%;
    bottom: -10px;
    width: 60%;
    height: 5px;
    background: linear-gradient(90deg, #32D1C3, #368F8B, #9D8420);
    border-radius: 20px;
    filter: blur(6px);
    opacity: 0.85;
}

/* افکت تکنولوژی هنگام هاور */
.elementor-546 .elementor-element.elementor-element-3494b5a h1:hover,
.elementor-546 .elementor-element.elementor-element-3494b5a h2:hover,
.elementor-546 .elementor-element.elementor-element-3494b5a h3:hover {
    transform: translateY(-2px);
    text-shadow: 0 0 35px rgba(54, 143, 139, 0.45);
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-aa1d5a0 */.border_majale {
        border-radius: 15px;
    }/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-1e9d784 */h2 {
    color: #368F8B;
}






h3,
h4,
h5,
h6 {
    color: #4E9D99 !important;
    font-weight: 200 !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d74068e */.elementor-546 .elementor-element.elementor-element-d74068e {
    background:
        radial-gradient(circle at 15% 25%, rgba(54, 143, 139, 0.12), transparent 50%), /* #368F8B ملایم */
        radial-gradient(circle at 85% 20%, rgba(157, 132, 32, 0.08), transparent 50%),  /* #9D8420 خیلی کم‌رنگ */
        radial-gradient(circle at 50% 80%, rgba(50, 209, 195, 0.10), transparent 55%), /* #32D1C3 ملایم */
        linear-gradient(180deg, #ffffff 0%, #f7fdfc 65%, #f2fbfa 100%);
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-546 {
    background:
        radial-gradient(circle at 15% 25%, rgba(54, 143, 139, 0.12), transparent 50%), /* #368F8B ملایم */
        radial-gradient(circle at 85% 20%, rgba(157, 132, 32, 0.08), transparent 50%),  /* #9D8420 خیلی کم‌رنگ */
        radial-gradient(circle at 50% 80%, rgba(50, 209, 195, 0.10), transparent 55%), /* #32D1C3 ملایم */
        linear-gradient(180deg, #ffffff 0%, #f7fdfc 65%, #f2fbfa 100%);
}
#rank-math-toc h2::after { content: "فهرست مطالب"; }













/* =========================================
   DEZHOOSH ULTRA PREMIUM TOC
   ========================================= */

#rank-math-toc {
    --dz-primary: #368F8B;
    --dz-secondary: #32D1C3;
    --dz-dark: #172B2A;
    --dz-muted: #718482;

    direction: rtl;
    position: relative;

    margin: 45px 0;
    padding: 28px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(246,252,251,.94)
        );

    border: 1px solid rgba(54,143,139,.16);
    border-radius: 24px;

    box-shadow:
        0 20px 60px rgba(31,82,79,.09),
        0 4px 15px rgba(31,82,79,.04),
        inset 0 1px 0 rgba(255,255,255,.95);

    overflow: hidden;

    transition:
        box-shadow .3s ease,
        transform .3s ease;
}

/* Top gradient line */
#rank-math-toc::after {
    content: "";

    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--dz-primary),
            var(--dz-secondary),
            var(--dz-primary)
        );

    background-size: 200% 100%;

    animation: dzTocGradient 5s linear infinite;
}

@keyframes dzTocGradient {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 200% 50%;
    }
}

/* Ambient glow */
#rank-math-toc::before {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    top: -120px;
    left: -100px;

    background: rgba(50,209,195,.12);

    border-radius: 50%;

    filter: blur(45px);

    pointer-events: none;
}

/* =========================================
   HEADER
   ========================================= */

#rank-math-toc h2 {
    position: relative;

    display: flex;
    align-items: center;
    gap: 13px;

    margin: 0 0 24px;
    padding-bottom: 18px;

    color: var(--dz-dark);

    font-size: 20px;
    font-weight: 800;

    border-bottom:
        1px solid rgba(54,143,139,.13);
}

#rank-math-toc h2::before {
    content: "☰";

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    flex-shrink: 0;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--dz-primary),
            var(--dz-secondary)
        );

    border-radius: 13px;

    box-shadow:
        0 8px 20px rgba(54,143,139,.25);

    font-size: 17px;
}

#rank-math-toc h2::after {
    content: "فهرست مطالب";
}

/* =========================================
   PROGRESS BAR
   ========================================= */

#rank-math-toc .dz-toc-progress {
    position: absolute;

    top: 0;
    right: 0;

    height: 3px;

    width: 0%;

    z-index: 5;

    background: #fff;

    box-shadow:
        0 0 10px rgba(255,255,255,.8);

    transition: width .08s linear;
}

/* =========================================
   LIST
   ========================================= */

#rank-math-toc > nav > ul {
    margin: 0;
    padding: 0;

    list-style: none;

    counter-reset: dz-toc;
}

#rank-math-toc > nav > ul > li {
    position: relative;

    margin: 6px 0;

    counter-increment: dz-toc;
}

/* =========================================
   MAIN LINKS
   ========================================= */

#rank-math-toc > nav > ul > li > a {
    position: relative;

    display: flex;
    align-items: center;

    gap: 13px;

    min-height: 48px;

    padding: 9px 12px;

    color: #314644;

    text-decoration: none;

    border-radius: 14px;

    font-size: 15px;
    font-weight: 600;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

/* Number */
#rank-math-toc > nav > ul > li > a::before {
    content: counter(dz-toc);

    display: flex;
    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    flex: 0 0 31px;

    color: var(--dz-primary);

    background: rgba(54,143,139,.075);

    border: 1px solid rgba(54,143,139,.08);

    border-radius: 10px;

    font-size: 11px;
    font-weight: 800;

    transition: all .25s ease;
}

/* Arrow */
#rank-math-toc > nav > ul > li > a::after {
    content: "←";

    margin-right: auto;

    color: #a2b6b4;

    opacity: 0;

    transform: translateX(7px);

    transition: all .25s ease;
}

/* Hover */
#rank-math-toc > nav > ul > li > a:hover {
    color: var(--dz-primary);

    background:
        linear-gradient(
            90deg,
            rgba(54,143,139,.09),
            rgba(50,209,195,.025)
        );

    transform: translateX(-5px);
}

#rank-math-toc > nav > ul > li > a:hover::before {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--dz-primary),
            var(--dz-secondary)
        );

    border-color: transparent;

    box-shadow:
        0 6px 16px rgba(54,143,139,.25);
}

#rank-math-toc > nav > ul > li > a:hover::after {
    opacity: 1;

    transform: translateX(0);
}

/* =========================================
   ACTIVE SECTION
   ========================================= */

#rank-math-toc > nav > ul > li.is-active > a {
    color: var(--dz-primary);

    background:
        linear-gradient(
            90deg,
            rgba(54,143,139,.12),
            rgba(50,209,195,.035)
        );

    box-shadow:
        inset -3px 0 0 var(--dz-primary);
}

#rank-math-toc > nav > ul > li.is-active > a::before {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--dz-primary),
            var(--dz-secondary)
        );

    border-color: transparent;

    box-shadow:
        0 6px 16px rgba(54,143,139,.28);
}

#rank-math-toc > nav > ul > li.is-active > a::after {
    content: "●";

    opacity: 1;

    color: var(--dz-secondary);

    font-size: 8px;

    transform: none;
}

/* =========================================
   SUB ITEMS
   ========================================= */

#rank-math-toc ul ul {
    position: relative;

    margin: 5px 0 10px;

    padding:
        4px
        22px
        4px
        0;

    list-style: none;
}

#rank-math-toc ul ul::before {
    content: "";

    position: absolute;

    right: 7px;
    top: 0;
    bottom: 0;

    width: 2px;

    background:
        linear-gradient(
            to bottom,
            rgba(54,143,139,.35),
            rgba(50,209,195,.06)
        );

    border-radius: 10px;
}

#rank-math-toc ul ul li a {
    display: flex;
    align-items: center;

    padding: 8px 13px;

    color: var(--dz-muted);

    text-decoration: none;

    font-size: 14px;
    font-weight: 500;

    border-radius: 10px;

    transition: all .2s ease;
}

#rank-math-toc ul ul li a::before {
    content: "•";

    margin-left: 9px;

    color: var(--dz-secondary);

    font-size: 17px;
}

#rank-math-toc ul ul li a:hover {
    color: var(--dz-primary);

    background: rgba(54,143,139,.055);

    transform: translateX(-3px);
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    #rank-math-toc {
        margin: 30px 0;

        padding: 21px 15px;

        border-radius: 19px;
    }

    #rank-math-toc h2 {
        margin-bottom: 17px;

        font-size: 17px;
    }

    #rank-math-toc h2::before {
        width: 36px;
        height: 36px;

        border-radius: 11px;
    }

    #rank-math-toc > nav > ul > li > a {
        min-height: 44px;

        padding: 8px 8px;

        font-size: 13.5px;

        gap: 9px;
    }

    #rank-math-toc > nav > ul > li > a::before {
        width: 27px;
        height: 27px;

        flex-basis: 27px;
    }

    #rank-math-toc ul ul {
        padding-right: 16px;
    }

    #rank-math-toc ul ul li a {
        font-size: 13px;
    }
}/* End custom CSS */