.elementor-kit-5{--e-global-color-primary:#F8DE60;--e-global-color-secondary:#E9C846;--e-global-color-text:#EEF0F5;--e-global-color-accent:#F8DE60;--e-global-color-cc9189a:#FFFFFF;--e-global-color-33d9304:#000000;--e-global-color-51f9e8b:#12141C;--e-global-color-b33e9a2:#FFFFFF;--e-global-color-a637dce:#BCBEC4;--e-global-color-de06dc7:#262B38;--e-global-color-6835fcd:#3A4152;--e-global-color-750b793:#F8DE60;--e-global-color-a0fc403:#F5B85C;--e-global-color-fee3e11:#171A23;--e-global-color-fc5619d:#1E2230;--e-global-color-88cbd38:#34D399;--e-global-color-a14987b:#22B57F;--e-global-color-15e16a8:#FF5A6E;--e-global-color-91419ca:#E63E54;--e-global-color-63692e7:#F5B85C;--e-global-color-7b75ad0:#191D27;--e-global-color-592b855:#1F2431;--e-global-typography-primary-font-family:"yekanbakh";--e-global-typography-primary-font-size:1rem;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:2em;--e-global-typography-secondary-font-family:"yekanbakh";--e-global-typography-secondary-font-size:0.9rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:2em;--e-global-typography-text-font-family:"yekanbakh";--e-global-typography-text-font-size:0.9rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:2em;--e-global-typography-accent-font-family:"yekanbakh";--e-global-typography-accent-font-size:0.9rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.8em;background-color:var( --e-global-color-51f9e8b );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-33d9304 );}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-33d9304 );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:2em;}.elementor-kit-5 img{border-radius:12px 12px 12px 12px;}.elementor-kit-5 label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );border-radius:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-primary-line-height:1.8em;--e-global-typography-secondary-font-size:1rem;--e-global-typography-secondary-line-height:1.8em;--e-global-typography-text-font-size:1rem;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-line-height:1.8em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );background-repeat:no-repeat;}.elementor-kit-5 p{margin-block-end:1.5em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 label{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:0.9rem;--e-global-typography-primary-line-height:1.8em;--e-global-typography-secondary-font-size:0.9rem;--e-global-typography-secondary-line-height:1.8em;--e-global-typography-text-font-size:0.9rem;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-size:0.9rem;--e-global-typography-accent-line-height:1.8em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );background-repeat:no-repeat;}.elementor-kit-5 p{margin-block-end:1em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 label{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:15px;--container-default-padding-right:15px;--container-default-padding-bottom:15px;--container-default-padding-left:15px;}}/* Start custom CSS */body p {
    margin: 0 !important;
}

body *{
    box-sizing: border-box !important;
}


:root{

   /* رنگ‌های سیستم */
  --primary: #F8DE60;
  --primary-hover: #E9C846;
  --text: #EEF0F5;
  --button: #F8DE60;
 
  /* رنگ‌های سفارشی */
  --white: #FFFFFF;
  --black: #000000;
  --bg: #12141C;
  --dark-text: #FFFFFF;
  --light-text: #BCBEC4;
  --border: #262B38;
  --border-hover: #3A4152;
  --link: #F8DE60;
  --link-hover: #F5B85C;
  --section1: #171A23;
  --section2: #1E2230;
  --green: #34D399;
  --green-hover: #22B57F;
  --red: #FF5A6E;
  --red-hover: #E63E54;
  --secondary: #F5B85C;
  --card: #191D27;
  --card-hover: #1F2431;
 
  /* تینت‌های شفاف — پس‌زمینه آیکون، بج و هایلایت */
  --primary-tint: rgba(248, 222, 96, 0.16);
  --primary-tint-soft: rgba(248, 222, 96, 0.06);
  --secondary-tint: rgba(245, 184, 92, 0.16);
  --secondary-tint-soft: rgba(245, 184, 92, 0.06);
  --green-tint: rgba(52, 211, 153, 0.14);
  --red-tint: rgba(255, 90, 110, 0.14);
 
  /* گرادینت‌ها */
  --gradient: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
  --gradient-hover: linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);
  --gradient-diagonal: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
  --gradient-soft: linear-gradient(135deg, var(--primary-tint-soft) 0%, var(--secondary-tint-soft) 100%);
  --gradient-border: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
  --gradient-fade: linear-gradient(180deg, var(--section1) 0%, var(--bg) 100%);
 
  /* سایه‌ها — مخصوص پس‌زمینه تیره */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --shadow-glow: 0 0 28px rgba(248, 222, 96, 0.25);
  --shadow-glow-warm: 0 0 28px rgba(245, 184, 92, 0.28);
  --shadow-focus: 0 0 0 3px rgba(248, 222, 96, 0.28);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.05);
 
  /* شعاع گوشه */
  --radius: 12px;
  --radius-lg: 24px;
  --radius-pill: 999px;
 
  /* خانواده فونت — از Custom Fonts المنتور */
  --font-family: "YekanBakh", Tahoma, sans-serif;
  --font-heading: "Lahze", "YekanBakh", Tahoma, sans-serif;
 
  /* اندازه فونت — دسکتاپ */
  --h1-size: 5rem;
  --h2-size: 3rem;
  --h3-size: 2rem;
  --h4-size: 1.5rem;
  --text-size: 0.9rem;
  --article-size: 1rem;
  --button-size: 0.9rem;
 
  /* وزن فونت */
  --h1-weight: 900;
  --heading-weight: 900;
  --text-weight: 400;
  --button-weight: 600;
 
  /* ارتفاع خط */
  --h1-line-height: 1.3;
  --heading-line-height: 1.5;
  --text-line-height: 2;
  --button-line-height: 1.5;
 
  /* فاصله حروف */
  --h1-letter-spacing: 0;
  --heading-letter-spacing: 0;
 
}
 

.awp-ds-article{
  --text-size: var(--article-size);
}
 
/*
--------------------------------------------------
تبلت
--------------------------------------------------
*/
 
@media (max-width: 1024px){
  :root{
    --h1-size: 4rem;
    --h2-size: 2.5rem;
    --h3-size: 1.75rem;
    --h4-size: 1.375rem;
  }
}
 
/*
--------------------------------------------------
موبایل
--------------------------------------------------
*/
 
@media (max-width: 767px){
  :root{
    --h1-size: 2.5rem;
    --h2-size: 1.75rem;
    --h3-size: 1.375rem;
    --h4-size: 1.125rem;
    --h1-line-height: 1.4;
  }
  
}









/* =========================================
   AWP GRADIENT 1
   شیشه‌ای + حاشیه نور متحرک
   ========================================= */

.awp-gradient {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background:
        radial-gradient(
            ellipse at 18% 0%,
            rgba(255, 255, 255, 0.055) 0%,
            rgba(255, 255, 255, 0.012) 32%,
            transparent 60%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.035) 0%,
            rgba(255, 255, 255, 0.012) 35%,
            rgba(255, 255, 255, 0.004) 65%,
            rgba(255, 255, 255, 0.020) 100%
        ),
        rgba(18, 20, 28, 0.68);

    backdrop-filter:
        blur(50px)
        saturate(145%)
        brightness(1.04);

    -webkit-backdrop-filter:
        blur(50px)
        saturate(145%)
        brightness(1.04);

    border: 1px solid rgba(255, 255, 255, 0.065);

    box-shadow:
        0 14px 45px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.11),
        inset 0 -1px 0 rgba(0, 0, 0, 0.16),
        inset 0 -12px 30px rgba(0, 0, 0, 0.06);
}


/* =========================================
   حاشیه نور متحرک
   ========================================= */

.awp-gradient::before {
    content: "";

    position: absolute;
    inset: 0;

    border-radius: inherit;
    padding: 0.6px;

    background:
        conic-gradient(
            from var(--awp-border-angle, 0deg),
            transparent 0deg,
            transparent 205deg,

            rgba(255, 255, 255, 0.008) 225deg,
            rgba(255, 255, 255, 0.018) 245deg,
            rgba(255, 255, 255, 0.035) 265deg,
            rgba(255, 255, 255, 0.060) 285deg,

            color-mix(
                in srgb,
                var(--primary, #ffffff) 34%,
                white
            ) 310deg,

            rgba(255, 255, 255, 0.070) 330deg,
            rgba(255, 255, 255, 0.055) 345deg,
            rgba(255, 255, 255, 0.030) 360deg,
            rgba(255, 255, 255, 0.012) 375deg,

            transparent 395deg,
            transparent 360deg
        );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
    z-index: 3;

    animation:
        awp-glass-border
        10s
        cubic-bezier(0.45, 0.05, 0.55, 0.95)
        infinite;
}


/* =========================================
   لبه شیشه
   ========================================= */

.awp-gradient::after {
    content: "";

    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.20),
            transparent
        );

    opacity: 0.65;

    pointer-events: none;
    z-index: 4;
}


/* =========================================
   AWP GRADIENT 2
   همان ظاهر Gradient 1
   بدون شیشه و بدون حاشیه متحرک
   ========================================= */

.awp-gradient2 {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background:
        radial-gradient(
            ellipse at 18% 0%,
            rgba(255, 255, 255, 0.055) 0%,
            rgba(255, 255, 255, 0.012) 32%,
            transparent 60%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.035) 0%,
            rgba(255, 255, 255, 0.012) 35%,
            rgba(255, 255, 255, 0.004) 65%,
            rgba(255, 255, 255, 0.020) 100%
        ),
        rgba(18, 20, 28, 0.68);

    border: 1px solid rgba(255, 255, 255, 0.065);

    box-shadow:
        0 14px 45px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.11),
        inset 0 -1px 0 rgba(0, 0, 0, 0.16),
        inset 0 -12px 30px rgba(0, 0, 0, 0.06);
}


/* =========================================
   AWP GRADIENT 3
   گرادیانت دوم + هاله نور هاور
   ========================================= */

.awp-gradient3 {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background:
        radial-gradient(
            ellipse at 15% -10%,
            rgba(255, 255, 255, 0.075) 0%,
            rgba(255, 255, 255, 0.02) 32%,
            transparent 62%
        ),
        radial-gradient(
            ellipse at 90% 110%,
            rgba(255, 255, 255, 0.02) 0%,
            transparent 48%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.058) 0%,
            rgba(255, 255, 255, 0.022) 35%,
            rgba(255, 255, 255, 0.007) 65%,
            rgba(255, 255, 255, 0.032) 100%
        );

    border: 1px solid rgba(255, 255, 255, 0.07);

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.11),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12),
        inset 0 -12px 28px rgba(0, 0, 0, 0.06);

    transition:
        border-color 400ms ease,
        box-shadow 400ms ease,
        background 400ms ease;
}


/* =========================================
   هاله نرم هاور
   ========================================= */

.awp-gradient3::before {
    content: "";

    position: absolute;

    width: 80%;
    height: 180%;

    top: -40%;
    left: -90%;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(255, 255, 255, 0.018) 18%,
            rgba(255, 255, 255, 0.055) 35%,
            rgba(255, 255, 255, 0.095) 47%,
            rgba(255, 255, 255, 0.115) 50%,
            rgba(255, 255, 255, 0.095) 53%,
            rgba(255, 255, 255, 0.055) 65%,
            rgba(255, 255, 255, 0.018) 82%,
            transparent 100%
        );

    filter: blur(7px);

    transform: skewX(-18deg) translate3d(0, 0, 0);

    opacity: 0;

    pointer-events: none;
    z-index: 2;

    transition:
        transform 3500ms cubic-bezier(0.22, 1, 0.36, 1),
        opacity 550ms ease;
}


.awp-gradient3:hover::before {
    transform: skewX(-18deg) translate3d(300%, 0, 0);
    opacity: 1;
}


/* =========================================
   محتوای داخلی Gradient 3
   ========================================= */

.awp-gradient3 > * {
    position: relative;
    z-index: 5;
}


/* =========================================
   AWP GRADIENT 4
   همان Gradient 3
   بدون هاور و بدون شیشه
   ========================================= */

.awp-gradient4 {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background:
        radial-gradient(
            ellipse at 15% -10%,
            rgba(255, 255, 255, 0.075) 0%,
            rgba(255, 255, 255, 0.02) 32%,
            transparent 62%
        ),
        radial-gradient(
            ellipse at 90% 110%,
            rgba(255, 255, 255, 0.02) 0%,
            transparent 48%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.058) 0%,
            rgba(255, 255, 255, 0.022) 35%,
            rgba(255, 255, 255, 0.007) 65%,
            rgba(255, 255, 255, 0.032) 100%
        );

    border: 1px solid rgba(255, 255, 255, 0.07);

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.11),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12),
        inset 0 -12px 28px rgba(0, 0, 0, 0.06);
}


/* =========================================
   انیمیشن حاشیه Gradient 1
   ========================================= */

@property --awp-border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}


@keyframes awp-glass-border {
    from {
        --awp-border-angle: 0deg;
    }

    to {
        --awp-border-angle: 360deg;
    }
}


/* =========================================
   کاهش حرکت
   ========================================= */

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

    .awp-gradient::before {
        animation: none;
    }

    .awp-gradient3::before {
        display: none;
    }
}


/* =========================================
   موبایل
   ========================================= */

@media (max-width: 767px) {

    .awp-gradient {
        backdrop-filter:
            blur(17px)
            saturate(135%);

        -webkit-backdrop-filter:
            blur(17px)
            saturate(135%);
    }

    .awp-gradient3::before {
        display: none;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'yekanbakh';
	font-display: swap;
	src: url('https://aliwebpress.com/wp-content/uploads/2026/08/YekanBakhFaNum-VF.ttf') format('truetype');
}
/* End Custom Fonts CSS */