.elementor-2381 .elementor-element.elementor-element-88ac7c3{margin:-50px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2381 .elementor-element.elementor-element-8f973ac > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2381 .elementor-element.elementor-element-3a557a7 > .elementor-widget-container{margin:0px -2px 0px -2px;}html .elementor-2381 .elementor-element.elementor-element-3a557a7 .land-header, .land-header .left-col{background-color:#FEA24B;}.elementor-2381 .elementor-element.elementor-element-3a557a7 .land-header .right .title h1.entry-title , .land-header .navbar .navbar-nav .nav-link.cmp-btn-def {color:#FEA24B;}.elementor-2381 .elementor-element.elementor-element-93f15ea{margin:-25px 0px 0px 0px;}html .elementor-2381 .elementor-element.elementor-element-b79bdb9 .woocommerce-breadcrumb{text-align:right;color:#333;}html .elementor-2381 .elementor-element.elementor-element-b79bdb9 .woocommerce-breadcrumb a{color:#333;}html .elementor-2381 .elementor-element.elementor-element-b79bdb9 .woocommerce-breadcrumb i{color:#333;}.elementor-2381 .elementor-element.elementor-element-c01a224{margin:0px 0px 0px 0px;padding:26px 0px 0px 0px;}html .elementor-2381 .elementor-element.elementor-element-c2f080c .stdProductContent{background-color:#FFFFFF00;border-style:none;padding:0px 0px 0px 0px;}.elementor-2381 .elementor-element.elementor-element-3b2a8ee{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:54px 0px 98px 0px;}.elementor-2381 .elementor-element.elementor-element-3b2a8ee > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2381 .elementor-element.elementor-element-b71fca2 > .elementor-container{max-width:1212px;}.elementor-2381 .elementor-element.elementor-element-41d03f3{padding:47px 0px 47px 0px;text-align:center;}.elementor-2381 .elementor-element.elementor-element-41d03f3 .elementor-heading-title{font-size:31px;font-weight:800;}.elementor-2381 .elementor-element.elementor-element-249d35a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.52;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2381 .elementor-element.elementor-element-249d35a::before, .elementor-2381 .elementor-element.elementor-element-249d35a > .elementor-background-video-container::before, .elementor-2381 .elementor-element.elementor-element-249d35a > .e-con-inner > .elementor-background-video-container::before, .elementor-2381 .elementor-element.elementor-element-249d35a > .elementor-background-slideshow::before, .elementor-2381 .elementor-element.elementor-element-249d35a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2381 .elementor-element.elementor-element-249d35a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://keshavarzacademy.com/wp-content/uploads/2022/12/testimonial_bg.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2381 .elementor-element.elementor-element-76bb79d{--display:flex;}.elementor-2381 .elementor-element.elementor-element-b08e2b2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 63px 4px rgba(29.025000000000002, 47.3794565217391, 64.50000000000001, 0.12);--margin-top:29px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:33px;--padding-bottom:33px;--padding-left:35px;--padding-right:35px;}.elementor-2381 .elementor-element.elementor-element-b08e2b2:not(.elementor-motion-effects-element-type-background), .elementor-2381 .elementor-element.elementor-element-b08e2b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF87;}.elementor-2381 .elementor-element.elementor-element-dda531e{--display:flex;}.elementor-2381 .elementor-element.elementor-element-57e3087{width:var( --container-widget-width, 125.383% );max-width:125.383%;--container-widget-width:125.383%;--container-widget-flex-grow:0;}.elementor-2381 .elementor-element.elementor-element-57e3087 img{width:80%;}.elementor-2381 .elementor-element.elementor-element-a2d0fa5{--display:flex;}.elementor-2381 .elementor-element.elementor-element-d62ed04{padding:0px 0px 0px 0px;text-align:start;}.elementor-2381 .elementor-element.elementor-element-d62ed04 .elementor-heading-title{font-size:24px;font-weight:600;color:#5B6068;}.elementor-2381 .elementor-element.elementor-element-fb3ac31{font-size:16px;line-height:1.7em;}@media(min-width:768px){.elementor-2381 .elementor-element.elementor-element-dda531e{--width:19.565%;}.elementor-2381 .elementor-element.elementor-element-a2d0fa5{--width:80.435%;}}@media(max-width:767px){.elementor-2381 .elementor-element.elementor-element-41d03f3 .elementor-heading-title{font-size:27px;}.elementor-2381 .elementor-element.elementor-element-d62ed04 .elementor-heading-title{font-size:19px;}}/* Start custom CSS *//* --- متغیرهای رنگی --- */
:root {
    --primary-bg: #4f46e5;      /* پس‌زمینه دکمه (ایندیگو) */
    --primary-hover-bg: #4338ca;
    --text-color: #ffffff;
    --badge-color: #ef4444;     /* رنگ قرمز برای نشانگر "جدید" */
}

/* -------------------------------------------
   استایل‌های دکمه هدیه (کلاس menu-item-4976)
   ------------------------------------------- */

/* ۱. استایل دهی به آیتم لیست (li) */
.menu-item-4976 {
    list-style: none;
    position: relative; /* ضروری برای انیمیشن و نشانگر */
    display: inline-block; 
}

/* ۲. استایل دکمه‌ای برای لینک (a) */
.menu-item-4976 > a {
    /* طراحی و ظاهر دکمه */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    border-radius: 9999px; 
    background-color: var(--primary-bg);
    color: var(--text-color) !important; /* غلبه بر استایل‌های پوسته */
    font-weight: 700;
    font-size: 1.125rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;

    /* تنظیمات انیمیشن */
    z-index: 10;
    position: relative;
    overflow: hidden; /* ضروری برای محدود کردن انیمیشن درخشش */
}

/* انیمیشن hover */
.menu-item-4976 > a:hover {
    background-color: var(--primary-hover-bg);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.3), 0 6px 10px -2px rgba(0, 0, 0, 0.15);
}

/* ۳. انیمیشن درخشش نور (Shine/Wipe) با استفاده از شبه‌عنصر ::after */
.menu-item-4976 > a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%; 
    width: 150%;
    height: 100%;
    /* گرادیانت نوار نور */
    background: linear-gradient(
        to left,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(20deg); 
    z-index: 15;
    pointer-events: none;
    animation: gift-shine 3s infinite;
}

/* تعریف کی‌فریم انیمیشن درخشش */
@keyframes gift-shine {
    0% { left: 100%; }
    100% { left: -150%; }
}

/* ۴. نشانگر کوچک ("به مدت محدود!") با استفاده از ::before */
.menu-item-4976 > a::before {
    content: "به مدت محدود!"; /* محتوای نهایی */
    position: absolute;
    top: -15px;      /* تنظیم موقعیت برای فاصله گرفتن از گوشه دکمه */
    right: -15px;    /* تنظیم موقعیت برای فاصله گرفتن از گوشه دکمه */
    background-color: var(--badge-color);
    color: white;
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transform: rotate(5deg);
    animation: shake 0.5s infinite alternate;
    z-index: 20;
    /* خطای position: revert حذف شد */
}

/* تعریف کی‌فریم انیمیشن لرزش */
@keyframes shake {
    0% { transform: rotate(5deg) scale(1); }
    100% { transform: rotate(-5deg) scale(1.05); }
}

/* -------------------------------------------
   اصلاح تراز بندی منو اصلی (بر اساس HTML ارسالی)
   ------------------------------------------- */

/* اعمال فلکس‌باکس برای تراز افقی و عمودی آیتم‌های منو */
.site-navigation .menu {
    display: flex;
    list-style: none; 
    margin: 0;
    padding: 0;
    align-items: center; /* تراز عمودی آیتم‌ها (وسط در وسط) */
    flex-wrap: wrap; 
}

/* اطمینان از اینکه آیتم‌های منو (li) نیز تراز عمودی داشته باشند، مخصوصاً در کنار آیتم دکمه‌ای */
.site-navigation .menu > li {
    display: flex;
    align-items: center; /* تراز عمودی محتوای داخل li */
}


/* -------------------------------------------
   سایر استایل‌های تصویری شما (با رفع خطا)
   ------------------------------------------- */

/* 1. تنظیمات پایه برای همه تصاویر داخل مقالات */
.post-inner img {
    max-width: 100%; 
    height: auto; 
    display: block; 
}

/* 2. استایل دهی به تصویر شاخص (Featured Image) - ابعاد کامل عرض و ظاهر جذاب */
.post-thumbnail img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
}

/* 2.1. استایل سفارشی و دقیق کاربر برای تصویر شاخص */
img.attachment-full.size-full.wp-post-image {
    width: 480px; /* از 480px استفاده شد */
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/* 3. استایل دهی به تصاویر داخل محتوای اصلی مقاله - سایز استاندارد خوانایی */
.entry-content img {
    margin: 20px auto;
    display: block;
    max-width: 90%;
    border-radius: 8px;
}

/* 4. استایل دهی برای تصاویر دارای کپشن یا زیرنویس */
.entry-content figure, 
.entry-content .wp-caption {
    max-width: 100%;
    margin: 25px auto;
}

.entry-content figure img,
.entry-content .wp-caption img {
    margin-bottom: 0;
}

.entry-content figcaption, 
.entry-content .wp-caption-text {
    text-align: center;
    font-size: 0.9em;
    color: #666;
    padding: 10px 0;
    line-height: 1.5;
}

/* 5. ریسپانسیو کردن تصاویر کوچکتر برای دستگاه‌های موبایل */
@media (max-width: 768px) {
    .entry-content img {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* --- خطایی که باعث ذخیره‌سازی ناموفق می‌شد، برطرف شد: --- */
.land-header .right {
	padding: 118px 50px 0 50px; /* تعریف صحیح خصوصیت padding */
	}

/* -------------------------------------------
   اصلاح عدم نمایش منو در نوار ناوبری بوت‌استرپ
   ------------------------------------------- */

/* **تغییر مهم:** از آنجایی که شما از کلاس 'navbar-expand-lg' استفاده می‌کنید، 
    باید مطمئن شویم در ابعاد 'lg' (992px و بالاتر) منو همیشه باز باشد. 
    کد قبلی باعث تداخل در موبایل می‌شد. این Media Query فقط در دسکتاپ اجرا می‌شود:
*/
@media (min-width: 992px) {
    /* اطمینان از نمایش و باز بودن منو در ابعاد دسکتاپ */
    .navbar-expand-lg .navbar-collapse.collapse {
        display: flex !important; /* منو باید همیشه باز و به صورت افقی باشد */
        visibility: visible !important;
        height: auto !important;
    }
    
    /* اطمینان از اینکه دکمه تگلر (مخصوص موبایل) در دسکتاپ پنهان شود */
    .navbar-expand-lg .navbar-toggler {
        display: none !important;
    }

    /* تنظیمات فلکس برای تراز افقی و عمودی آیتم‌های ناوبری در دسکتاپ */
    .navbar-expand-lg .navbar-nav {
        display: flex;
        align-items: center; /* تراز عمودی */
        margin: 0;
        padding: 0;
    }
}

/* برای موبایل (اگر در این حالت هم نمایش داده نمی‌شود، این کد آن را باز می‌کند) */
/* **هشدار:** اگر این کد فعال شود، منو در موبایل دیگر قابلیت بسته شدن نخواهد داشت. */
/*
@media (max-width: 991.98px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
    }
}
*//* End custom CSS */