.elementor-4089 .elementor-element.elementor-element-fd7dc9b{--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-widget-text-editor{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 );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-widget-image .widget-image-caption{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 );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-fd7dc9b *//* ==========================================================
   CHOBJA Premium Article UI
   Part 1 / 4
   ========================================================== */

.cj-report{

    /* =====================
       Colors
    ===================== */

    --cj-primary:#9CB64B;
    --cj-primary-dark:#7E963B;
    --cj-primary-light:#DCE8B5;

    --cj-white:#ffffff;
    --cj-bg:#FCFCF8;

    --cj-text:#303030;
    --cj-text-light:#707070;

    --cj-border:rgba(156,182,75,.18);

    --cj-glass:rgba(255,255,255,.72);

    --cj-shadow:
        0 15px 40px rgba(0,0,0,.06);

    --cj-shadow-hover:
        0 30px 60px rgba(0,0,0,.10);

    --cj-radius:24px;

    --cj-speed:.45s;

    color:var(--cj-text);

    font-size:17px;

    line-height:2.15;

}

/* ========================================================== */

.cj-report,
.cj-report *{

    box-sizing:border-box;

}

/* ========================================================== */

.cj-report{

    max-width:960px;

    margin:70px auto;

    padding:0 18px;

}

/* ========================================================== */

.cj-report ::selection{

    background:var(--cj-primary);

    color:#fff;

}

/* ========================================================== */

.cj-report a{

    color:var(--cj-primary-dark);

    text-decoration:none;

    font-weight:700;

    transition:all var(--cj-speed);

}

.cj-report a:hover{

    color:var(--cj-primary);

}

/* ==========================================================
   HERO
   ========================================================== */

.cj-hero{

    position:relative;

    overflow:hidden;

    padding:55px;

    border-radius:34px;

    background:
    linear-gradient(
    145deg,
    rgba(255,255,255,.88),
    rgba(255,255,255,.60));

    backdrop-filter:blur(18px);

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

    box-shadow:var(--cj-shadow);

    margin-bottom:55px;

}

/* نور ملایم */

.cj-hero::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    right:-120px;

    top:-120px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(156,182,75,.22),

    transparent 70%

    );

}

.cj-hero::after{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    left:-80px;

    bottom:-80px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(255,255,255,.95),

    transparent 70%

    );

}

/* ==========================================================
   BADGE
   ========================================================== */

.cj-label{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 18px;

    border-radius:100px;

    background:rgba(156,182,75,.12);

    color:var(--cj-primary-dark);

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.cj-label::before{

    content:"";

    width:8px;

    height:8px;

    border-radius:50%;

    background:var(--cj-primary);

    box-shadow:

    0 0 12px rgba(156,182,75,.6);

}

/* ==========================================================
   TITLE
   ========================================================== */

.cj-title{

    margin:0;

    font-size:42px;

    line-height:1.45;

    color:#222;

    font-weight:800;

}

.cj-title strong{

    color:var(--cj-primary-dark);

}

/* ==========================================================
   INTRO
   ========================================================== */

.cj-lead{

    margin-top:28px;

    color:#555;

    font-size:18px;

    line-height:2.2;

}

/* ==========================================================
   SECTIONS
   ========================================================== */

.cj-section{

    position:relative;

    padding:45px;

    margin-bottom:35px;

    border-radius:30px;

    background:

    linear-gradient(

    180deg,

    rgba(255,255,255,.86),

    rgba(255,255,255,.68));

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

    backdrop-filter:blur(16px);

    box-shadow:var(--cj-shadow);

    transition:all .45s ease;

}

.cj-section:hover{

    transform:translateY(-4px);

    box-shadow:var(--cj-shadow-hover);

}

/* ==========================================================
   SMALL LABEL
   ========================================================== */

.cj-section-label{

    display:inline-block;

    color:var(--cj-primary-dark);

    font-weight:700;

    font-size:13px;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:18px;

}

/* ==========================================================
   H2
   ========================================================== */

.cj-heading{

    position:relative;

    margin:0 0 30px;

    padding-bottom:18px;

    color:#232323;

    font-size:33px;

    line-height:1.6;

    font-weight:800;

}

.cj-heading strong{

    color:var(--cj-primary-dark);

}

.cj-heading::after{

    content:"";

    position:absolute;

    bottom:0;

    right:0;

    width:110px;

    height:5px;

    border-radius:20px;

    background:

    linear-gradient(

    90deg,

    var(--cj-primary),

    transparent

    );

}

/* ==========================================================
   H3
   ========================================================== */

.cj-report h3{

    color:#333;

    font-size:24px;

    line-height:1.8;

    margin-top:40px;

    margin-bottom:18px;

    font-weight:700;

}

/* ==========================================================
   TEXT
   ========================================================== */

.cj-text{

    margin:18px 0;

    color:#5B5B5B;

    font-size:17px;

    line-height:2.25;

}

.cj-text strong{

    color:#2F2F2F;

}

.cj-text a{

    position:relative;

}

.cj-text a::after{

    content:"";

    position:absolute;

    right:0;

    left:0;

    bottom:-2px;

    height:2px;

    background:var(--cj-primary);

    transform:scaleX(0);

    transition:.4s;

}

.cj-text a:hover::after{

    transform:scaleX(1);

}
/* ==========================================================
   CHOBJA Premium Article UI
   Part 2 / 4
   Images + Lists + Blockquote
   ========================================================== */


/*==============================
IMAGES
==============================*/

.cj-report img{

display:block;

width:100%;

height:auto;

margin:45px auto;

border-radius:28px;

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

box-shadow:
0 18px 45px rgba(0,0,0,.08);

background:#fff;

transition:
transform .55s ease,
box-shadow .55s ease,
border-color .45s ease;

overflow:hidden;

}


/* نور سبز بسیار ملایم */

.cj-report img:hover{

transform:translateY(-6px) scale(1.015);

border-color:rgba(156,182,75,.45);

box-shadow:

0 35px 70px rgba(0,0,0,.13),

0 0 0 8px rgba(156,182,75,.08);

}


/*==============================
IMAGE WRAPPER
==============================*/

.cj-image{

position:relative;

overflow:hidden;

border-radius:28px;

margin:50px 0;

}


/*==============================
IMAGE CAPTION
==============================*/

.cj-caption{

margin-top:-20px;

margin-bottom:40px;

text-align:center;

font-size:14px;

color:#888;

font-style:italic;

}


/*==============================
LIST
==============================*/

.cj-list{

padding:0;

margin:35px 0;

list-style:none;

}


.cj-list-item{

position:relative;

padding:

16px 18px

16px 58px;

margin-bottom:14px;

border-radius:18px;

background:

rgba(255,255,255,.68);

border:

1px solid rgba(156,182,75,.10);

transition:.35s;

}


.cj-list-item:hover{

background:#fff;

transform:translateX(-4px);

box-shadow:

0 12px 30px rgba(0,0,0,.06);

}


.cj-list-item::before{

content:"✓";

position:absolute;

left:22px;

top:50%;

transform:translateY(-50%);

width:22px;

height:22px;

border-radius:50%;

background:var(--cj-primary);

color:#fff;

font-size:12px;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

}


/*==============================
TIP
==============================*/

.cj-tip{

position:relative;

margin:50px 0;

padding:35px;

border-radius:26px;

background:

linear-gradient(

145deg,

rgba(156,182,75,.10),

rgba(255,255,255,.82)

);

border:

1px solid rgba(156,182,75,.15);

box-shadow:

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

overflow:hidden;

}


.cj-tip::before{

content:"💡";

position:absolute;

font-size:52px;

left:30px;

top:25px;

opacity:.08;

}


.cj-tip strong{

display:block;

margin-bottom:12px;

font-size:20px;

color:var(--cj-primary-dark);

}


.cj-tip p{

margin:0;

}


/*==============================
DIVIDER
==============================*/

.cj-divider{

width:140px;

height:5px;

margin:60px auto;

border-radius:50px;

background:

linear-gradient(

90deg,

transparent,

var(--cj-primary),

transparent

);

}


/*==============================
CALLOUT
==============================*/

.cj-callout{

padding:35px;

margin:45px 0;

border-radius:28px;

background:#fff;

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

box-shadow:

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

}


.cj-callout h3{

margin-top:0;

margin-bottom:15px;

color:var(--cj-primary-dark);

}


.cj-callout p{

margin:0;

}


/*==============================
HORIZONTAL CARD
==============================*/

.cj-card{

padding:35px;

margin:35px 0;

border-radius:28px;

background:

linear-gradient(

180deg,

rgba(255,255,255,.88),

rgba(255,255,255,.72)

);

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

box-shadow:

0 18px 45px rgba(0,0,0,.06);

transition:.4s;

}


.cj-card:hover{

transform:translateY(-6px);

box-shadow:

0 30px 65px rgba(0,0,0,.10);

}


/*==============================
SMALL BADGE
==============================*/

.cj-badge{

display:inline-flex;

padding:8px 16px;

border-radius:100px;

background:

rgba(156,182,75,.12);

color:var(--cj-primary-dark);

font-size:13px;

font-weight:700;

margin-bottom:18px;

}


/*==============================
LINK EFFECT
==============================*/

.cj-report a{

background-image:

linear-gradient(

transparent 70%,

rgba(156,182,75,.18) 0

);

background-repeat:no-repeat;

background-size:0% 100%;

transition:.4s;

}


.cj-report a:hover{

background-size:100% 100%;

}


/*==============================
SMOOTH
==============================*/

.cj-section,
.cj-card,
.cj-tip,
.cj-list-item,
.cj-report img{

will-change:transform;

}
/* ==========================================================
   CHOBJA Premium Article UI
   Part 3 / 4
   FAQ + CTA
   ========================================================== */


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

.cj-faq{

margin-top:35px;

display:flex;

flex-direction:column;

gap:18px;

}


.cj-faq-item{

background:

linear-gradient(
145deg,
rgba(255,255,255,.95),
rgba(255,255,255,.72)
);

border:1px solid rgba(156,182,75,.12);

border-radius:24px;

padding:28px 30px;

box-shadow:
0 14px 35px rgba(0,0,0,.05);

transition:
all .4s ease;

}


.cj-faq-item:hover{

transform:translateY(-5px);

box-shadow:
0 24px 50px rgba(0,0,0,.09);

}


.cj-faq-question{

position:relative;

margin:0;

padding-left:45px;

font-size:21px;

font-weight:700;

color:#2d2d2d;

line-height:1.8;

}


.cj-faq-question::before{

content:"+";

position:absolute;

left:0;

top:50%;

transform:translateY(-50%);

width:28px;

height:28px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:var(--cj-primary);

color:#fff;

font-size:18px;

font-weight:700;

transition:.35s;

}


.cj-faq-item:hover .cj-faq-question::before{

transform:
translateY(-50%)
rotate(90deg);

background:var(--cj-primary-dark);

}


.cj-faq-answer{

margin-top:18px;

padding-top:18px;

border-top:1px solid rgba(0,0,0,.06);

}


.cj-faq-answer p{

margin:0;

line-height:2.1;

color:#666;

}


/*======================================
CTA BOX
======================================*/

.cj-cta{

margin:70px 0;

padding:55px;

text-align:center;

border-radius:34px;

background:

linear-gradient(
145deg,
#9CB64B,
#B5CB6A
);

color:#fff;

overflow:hidden;

position:relative;

box-shadow:

0 35px 70px rgba(156,182,75,.28);

}


.cj-cta::before{

content:"";

position:absolute;

width:320px;

height:320px;

border-radius:50%;

background:

rgba(255,255,255,.12);

top:-120px;

right:-120px;

}


.cj-cta::after{

content:"";

position:absolute;

width:240px;

height:240px;

border-radius:50%;

background:

rgba(255,255,255,.08);

bottom:-80px;

left:-80px;

}


.cj-cta h2{

margin:0;

font-size:34px;

color:#fff;

}


.cj-cta p{

margin-top:18px;

font-size:18px;

opacity:.96;

color:#fff;

}


/*======================================
BUTTON
======================================*/

.cj-btn{

display:inline-flex;

align-items:center;

justify-content:center;

margin-top:28px;

padding:16px 34px;

border-radius:100px;

background:#fff;

color:var(--cj-primary-dark);

font-weight:700;

font-size:16px;

text-decoration:none;

transition:.35s;

box-shadow:

0 12px 28px rgba(0,0,0,.12);

}


.cj-btn:hover{

transform:

translateY(-4px);

box-shadow:

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

background:#FCFCFC;

}


/*======================================
SUMMARY BOX
======================================*/

.cj-summary{

margin-top:55px;

padding:40px;

border-radius:28px;

background:

linear-gradient(
180deg,
rgba(255,255,255,.88),
rgba(255,255,255,.74)
);

border:1px solid rgba(156,182,75,.12);

box-shadow:

0 20px 40px rgba(0,0,0,.05);

}


.cj-summary h3{

margin-top:0;

margin-bottom:18px;

font-size:28px;

color:var(--cj-primary-dark);

}


.cj-summary p{

margin:0;

}


/*======================================
QUOTE
======================================*/

.cj-quote{

margin:45px 0;

padding:35px 40px;

font-size:20px;

font-style:italic;

line-height:2;

border-right:6px solid var(--cj-primary);

background:#fff;

border-radius:22px;

box-shadow:

0 16px 35px rgba(0,0,0,.05);

}


/*======================================
Glow Hover
======================================*/

.cj-section:hover{

border-color:

rgba(156,182,75,.30);

}


/*======================================
Smooth Animation
======================================*/

.cj-section,
.cj-faq-item,
.cj-btn,
.cj-card,
.cj-tip,
.cj-report img{

transition:

all .45s cubic-bezier(.25,.8,.25,1);

}
/* ==========================================================
   CHOBJA Premium Article UI
   Part 4 / 4
   Responsive + Finishing
   ========================================================== */


/*======================================
SMOOTH SCROLL
======================================*/

html{

scroll-behavior:smooth;

}


/*======================================
FOCUS
======================================*/

.cj-report a:focus,
.cj-btn:focus{

outline:none;

box-shadow:

0 0 0 4px rgba(156,182,75,.18);

}


/*======================================
TEXT SPACING
======================================*/

.cj-report p:last-child{

margin-bottom:0;

}

.cj-report strong{

font-weight:700;

}


/*======================================
TABLE
======================================*/

.cj-report table{

width:100%;

border-collapse:collapse;

margin:40px 0;

overflow:hidden;

border-radius:22px;

box-shadow:

0 18px 45px rgba(0,0,0,.05);

background:#fff;

}


.cj-report table th{

background:var(--cj-primary);

color:#fff;

padding:18px;

font-weight:700;

text-align:center;

}


.cj-report table td{

padding:16px;

border-bottom:1px solid rgba(0,0,0,.05);

text-align:center;

}


.cj-report table tr:last-child td{

border-bottom:none;

}


.cj-report table tr:hover{

background:#fafcf4;

}


/*======================================
RTL FIX
======================================*/

.cj-report{

direction:rtl;

text-align:right;

}


.cj-list-item{

padding-right:58px;

padding-left:20px;

}


.cj-list-item::before{

right:22px;

left:auto;

}


.cj-faq-question{

padding-right:45px;

padding-left:0;

}


.cj-faq-question::before{

right:0;

left:auto;

}


.cj-tip{

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

border-left:none;

}


.cj-callout{

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

border-left:none;

}


/*======================================
IMAGE
======================================*/

.cj-report img{

cursor:pointer;

}


.cj-report img:hover{

filter:saturate(108%);

}


/*======================================
HEADINGS
======================================*/

.cj-title,
.cj-heading{

text-wrap:balance;

}


/*======================================
CODE
======================================*/

.cj-report code{

padding:3px 8px;

border-radius:8px;

background:#f4f4f4;

font-size:90%;

}


/*======================================
MOBILE
======================================*/

@media(max-width:767px){

.cj-report{

padding:0 14px;

font-size:16px;

}

.cj-hero{

padding:30px 24px;

border-radius:24px;

}

.cj-title{

font-size:30px;

line-height:1.7;

}

.cj-heading{

font-size:24px;

}

.cj-section{

padding:28px 22px;

border-radius:22px;

}

.cj-text{

font-size:16px;

line-height:2.15;

}

.cj-report img{

border-radius:18px;

margin:30px auto;

}

.cj-list-item{

padding-right:48px;

padding-left:16px;

font-size:15px;

}

.cj-list-item::before{

right:16px;

}

.cj-faq-item{

padding:22px;

}

.cj-faq-question{

font-size:18px;

padding-right:38px;

}

.cj-faq-question::before{

width:24px;

height:24px;

font-size:15px;

}

.cj-cta{

padding:35px 22px;

border-radius:24px;

}

.cj-cta h2{

font-size:26px;

}

}


/*======================================
TABLET
======================================*/

@media(min-width:768px) and (max-width:1024px){

.cj-report{

max-width:90%;

}

.cj-title{

font-size:36px;

}

}


/*======================================
LARGE SCREEN
======================================*/

@media(min-width:1400px){

.cj-report{

max-width:1050px;

}

}


/*======================================
REDUCE MOTION
======================================*/

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

.cj-report *{

transition:none !important;

animation:none !important;

scroll-behavior:auto;

}

}


/*======================================
PRINT
======================================*/

@media print{

.cj-report{

max-width:100%;

}

.cj-hero,
.cj-section{

box-shadow:none;

background:#fff;

}

}


/*======================================
FINISH
======================================*/
/* FAQ HTML5 */

.cj-faq-item summary {
    list-style: none;
    cursor: pointer;
}

.cj-faq-item summary::-webkit-details-marker {
    display: none;
}

.cj-faq-item summary::marker {
    display: none;
}/* End custom CSS */