.elementor-897 .elementor-element.elementor-element-b12c768{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-897 .elementor-element.elementor-element-874fae7{--display:flex;}.elementor-897 .elementor-element.elementor-element-874fae7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-897 .elementor-element.elementor-element-98e1cf7{text-align:start;}.elementor-897 .elementor-element.elementor-element-98e1cf7 .elementor-heading-title{font-family:"cocaro", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-primary );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-897 .elementor-element.elementor-element-c720c73{text-align:start;color:#EFEFEF;}.elementor-897 .elementor-element.elementor-element-ba87ff4{--display:flex;--z-index:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-897:not(.elementor-motion-effects-element-type-background), body.elementor-page-897 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}@media(min-width:768px){.elementor-897 .elementor-element.elementor-element-874fae7{--width:75%;}}/* Start custom CSS for image, class: .elementor-element-b328bd8 *//* =========================================
   استایل VIP برای تصاویر سایدبار کناری
   ========================================= */

/* کادربندی لوکس برای عکس‌های سایدبار */
.cr-vip-sidebar a, 
.cr-vip-sidebar .wp-caption,
.cr-vip-sidebar .elementor-image {
    display: block !important;
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(210, 153, 34, 0.3) !important; /* حاشیه طلایی محو */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin-bottom: 18px !important; /* فاصله استاندارد بین عکس‌ها */
    background-color: #000 !important; /* پس‌زمینه مشکی زیر عکس */
}

/* خاموش کردن رنگ‌ها در حالت عادی (افکت سینمایی تاریک) */
.cr-vip-sidebar img {
    filter: grayscale(100%) brightness(0.55) !important;
    transition: all 0.5s ease !important;
    width: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

/* افکت بیداری و درخشش موقع رفتن موس */
.cr-vip-sidebar a:hover,
.cr-vip-sidebar .wp-caption:hover,
.cr-vip-sidebar .elementor-image:hover {
    border-color: #d29922 !important; /* روشن شدن حاشیه طلایی */
    box-shadow: 0 8px 25px rgba(210, 153, 34, 0.25) !important; /* هاله طلایی دور عکس */
    transform: translateY(-5px) !important; /* پرش ملایم و شیک به سمت بالا */
}

/* روشن شدن رنگ طبیعی عکس موقع هاور */
.cr-vip-sidebar a:hover img,
.cr-vip-sidebar .wp-caption:hover img,
.cr-vip-sidebar .elementor-image:hover img {
    filter: grayscale(0%) brightness(1) !important; 
    transform: scale(1.05) !important; /* زوم خیلی نامحسوس روی عکس */
}

/* =========================================
   تغییر کادر سفید قدیمی به شیشه‌ایِ لوکس
   ========================================= */
/* 
   این بخش اون کادر سفید وسط عکس‌ها رو هدف می‌گیره.
   (کلاس دقیقش بستگی به قالب داره، من متداول‌ترین‌ها رو نوشتم)
*/
.cr-vip-sidebar .wp-caption-text,
.cr-vip-sidebar .image-overlay-text,
.cr-vip-sidebar span {
    background: rgba(17, 17, 17, 0.85) !important; /* مشکی شیشه‌ای به جای سفید */
    color: #f9df7b !important; /* متن طلایی روشن به جای مشکی */
    border: 1px solid rgba(210, 153, 34, 0.4) !important;
    backdrop-filter: blur(5px) !important;
    font-family: 'cocaro', Tahoma, sans-serif !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b0ea400 *//* =========================================
   استایل VIP برای تصاویر سایدبار کناری
   ========================================= */

/* کادربندی لوکس برای عکس‌های سایدبار */
.cr-vip-sidebar a, 
.cr-vip-sidebar .wp-caption,
.cr-vip-sidebar .elementor-image {
    display: block !important;
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(210, 153, 34, 0.3) !important; /* حاشیه طلایی محو */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin-bottom: 18px !important; /* فاصله استاندارد بین عکس‌ها */
    background-color: #000 !important; /* پس‌زمینه مشکی زیر عکس */
}

/* خاموش کردن رنگ‌ها در حالت عادی (افکت سینمایی تاریک) */
.cr-vip-sidebar img {
    filter: grayscale(100%) brightness(0.55) !important;
    transition: all 0.5s ease !important;
    width: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

/* افکت بیداری و درخشش موقع رفتن موس */
.cr-vip-sidebar a:hover,
.cr-vip-sidebar .wp-caption:hover,
.cr-vip-sidebar .elementor-image:hover {
    border-color: #d29922 !important; /* روشن شدن حاشیه طلایی */
    box-shadow: 0 8px 25px rgba(210, 153, 34, 0.25) !important; /* هاله طلایی دور عکس */
    transform: translateY(-5px) !important; /* پرش ملایم و شیک به سمت بالا */
}

/* روشن شدن رنگ طبیعی عکس موقع هاور */
.cr-vip-sidebar a:hover img,
.cr-vip-sidebar .wp-caption:hover img,
.cr-vip-sidebar .elementor-image:hover img {
    filter: grayscale(0%) brightness(1) !important; 
    transform: scale(1.05) !important; /* زوم خیلی نامحسوس روی عکس */
}

/* =========================================
   تغییر کادر سفید قدیمی به شیشه‌ایِ لوکس
   ========================================= */
/* 
   این بخش اون کادر سفید وسط عکس‌ها رو هدف می‌گیره.
   (کلاس دقیقش بستگی به قالب داره، من متداول‌ترین‌ها رو نوشتم)
*/
.cr-vip-sidebar .wp-caption-text,
.cr-vip-sidebar .image-overlay-text,
.cr-vip-sidebar span {
    background: rgba(17, 17, 17, 0.85) !important; /* مشکی شیشه‌ای به جای سفید */
    color: #f9df7b !important; /* متن طلایی روشن به جای مشکی */
    border: 1px solid rgba(210, 153, 34, 0.4) !important;
    backdrop-filter: blur(5px) !important;
    font-family: 'cocaro', Tahoma, sans-serif !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-98bf9e9 *//* =========================================
   استایل VIP برای تصاویر سایدبار کناری
   ========================================= */

/* کادربندی لوکس برای عکس‌های سایدبار */
.cr-vip-sidebar a, 
.cr-vip-sidebar .wp-caption,
.cr-vip-sidebar .elementor-image {
    display: block !important;
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(210, 153, 34, 0.3) !important; /* حاشیه طلایی محو */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin-bottom: 18px !important; /* فاصله استاندارد بین عکس‌ها */
    background-color: #000 !important; /* پس‌زمینه مشکی زیر عکس */
}

/* خاموش کردن رنگ‌ها در حالت عادی (افکت سینمایی تاریک) */
.cr-vip-sidebar img {
    filter: grayscale(100%) brightness(0.55) !important;
    transition: all 0.5s ease !important;
    width: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

/* افکت بیداری و درخشش موقع رفتن موس */
.cr-vip-sidebar a:hover,
.cr-vip-sidebar .wp-caption:hover,
.cr-vip-sidebar .elementor-image:hover {
    border-color: #d29922 !important; /* روشن شدن حاشیه طلایی */
    box-shadow: 0 8px 25px rgba(210, 153, 34, 0.25) !important; /* هاله طلایی دور عکس */
    transform: translateY(-5px) !important; /* پرش ملایم و شیک به سمت بالا */
}

/* روشن شدن رنگ طبیعی عکس موقع هاور */
.cr-vip-sidebar a:hover img,
.cr-vip-sidebar .wp-caption:hover img,
.cr-vip-sidebar .elementor-image:hover img {
    filter: grayscale(0%) brightness(1) !important; 
    transform: scale(1.05) !important; /* زوم خیلی نامحسوس روی عکس */
}

/* =========================================
   تغییر کادر سفید قدیمی به شیشه‌ایِ لوکس
   ========================================= */
/* 
   این بخش اون کادر سفید وسط عکس‌ها رو هدف می‌گیره.
   (کلاس دقیقش بستگی به قالب داره، من متداول‌ترین‌ها رو نوشتم)
*/
.cr-vip-sidebar .wp-caption-text,
.cr-vip-sidebar .image-overlay-text,
.cr-vip-sidebar span {
    background: rgba(17, 17, 17, 0.85) !important; /* مشکی شیشه‌ای به جای سفید */
    color: #f9df7b !important; /* متن طلایی روشن به جای مشکی */
    border: 1px solid rgba(210, 153, 34, 0.4) !important;
    backdrop-filter: blur(5px) !important;
    font-family: 'cocaro', Tahoma, sans-serif !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e5bb5a5 *//* =========================================
   استایل VIP برای تصاویر سایدبار کناری
   ========================================= */

/* کادربندی لوکس برای عکس‌های سایدبار */
.cr-vip-sidebar a, 
.cr-vip-sidebar .wp-caption,
.cr-vip-sidebar .elementor-image {
    display: block !important;
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(210, 153, 34, 0.3) !important; /* حاشیه طلایی محو */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin-bottom: 18px !important; /* فاصله استاندارد بین عکس‌ها */
    background-color: #000 !important; /* پس‌زمینه مشکی زیر عکس */
}

/* خاموش کردن رنگ‌ها در حالت عادی (افکت سینمایی تاریک) */
.cr-vip-sidebar img {
    filter: grayscale(100%) brightness(0.55) !important;
    transition: all 0.5s ease !important;
    width: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

/* افکت بیداری و درخشش موقع رفتن موس */
.cr-vip-sidebar a:hover,
.cr-vip-sidebar .wp-caption:hover,
.cr-vip-sidebar .elementor-image:hover {
    border-color: #d29922 !important; /* روشن شدن حاشیه طلایی */
    box-shadow: 0 8px 25px rgba(210, 153, 34, 0.25) !important; /* هاله طلایی دور عکس */
    transform: translateY(-5px) !important; /* پرش ملایم و شیک به سمت بالا */
}

/* روشن شدن رنگ طبیعی عکس موقع هاور */
.cr-vip-sidebar a:hover img,
.cr-vip-sidebar .wp-caption:hover img,
.cr-vip-sidebar .elementor-image:hover img {
    filter: grayscale(0%) brightness(1) !important; 
    transform: scale(1.05) !important; /* زوم خیلی نامحسوس روی عکس */
}

/* =========================================
   تغییر کادر سفید قدیمی به شیشه‌ایِ لوکس
   ========================================= */
/* 
   این بخش اون کادر سفید وسط عکس‌ها رو هدف می‌گیره.
   (کلاس دقیقش بستگی به قالب داره، من متداول‌ترین‌ها رو نوشتم)
*/
.cr-vip-sidebar .wp-caption-text,
.cr-vip-sidebar .image-overlay-text,
.cr-vip-sidebar span {
    background: rgba(17, 17, 17, 0.85) !important; /* مشکی شیشه‌ای به جای سفید */
    color: #f9df7b !important; /* متن طلایی روشن به جای مشکی */
    border: 1px solid rgba(210, 153, 34, 0.4) !important;
    backdrop-filter: blur(5px) !important;
    font-family: 'cocaro', Tahoma, sans-serif !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-183b1af *//* =========================================
   استایل VIP برای تصاویر سایدبار کناری
   ========================================= */

/* کادربندی لوکس برای عکس‌های سایدبار */
.cr-vip-sidebar a, 
.cr-vip-sidebar .wp-caption,
.cr-vip-sidebar .elementor-image {
    display: block !important;
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(210, 153, 34, 0.3) !important; /* حاشیه طلایی محو */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin-bottom: 18px !important; /* فاصله استاندارد بین عکس‌ها */
    background-color: #000 !important; /* پس‌زمینه مشکی زیر عکس */
}

/* خاموش کردن رنگ‌ها در حالت عادی (افکت سینمایی تاریک) */
.cr-vip-sidebar img {
    filter: grayscale(100%) brightness(0.55) !important;
    transition: all 0.5s ease !important;
    width: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

/* افکت بیداری و درخشش موقع رفتن موس */
.cr-vip-sidebar a:hover,
.cr-vip-sidebar .wp-caption:hover,
.cr-vip-sidebar .elementor-image:hover {
    border-color: #d29922 !important; /* روشن شدن حاشیه طلایی */
    box-shadow: 0 8px 25px rgba(210, 153, 34, 0.25) !important; /* هاله طلایی دور عکس */
    transform: translateY(-5px) !important; /* پرش ملایم و شیک به سمت بالا */
}

/* روشن شدن رنگ طبیعی عکس موقع هاور */
.cr-vip-sidebar a:hover img,
.cr-vip-sidebar .wp-caption:hover img,
.cr-vip-sidebar .elementor-image:hover img {
    filter: grayscale(0%) brightness(1) !important; 
    transform: scale(1.05) !important; /* زوم خیلی نامحسوس روی عکس */
}

/* =========================================
   تغییر کادر سفید قدیمی به شیشه‌ایِ لوکس
   ========================================= */
/* 
   این بخش اون کادر سفید وسط عکس‌ها رو هدف می‌گیره.
   (کلاس دقیقش بستگی به قالب داره، من متداول‌ترین‌ها رو نوشتم)
*/
.cr-vip-sidebar .wp-caption-text,
.cr-vip-sidebar .image-overlay-text,
.cr-vip-sidebar span {
    background: rgba(17, 17, 17, 0.85) !important; /* مشکی شیشه‌ای به جای سفید */
    color: #f9df7b !important; /* متن طلایی روشن به جای مشکی */
    border: 1px solid rgba(210, 153, 34, 0.4) !important;
    backdrop-filter: blur(5px) !important;
    font-family: 'cocaro', Tahoma, sans-serif !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-172e374 *//* =========================================
   استایل VIP برای تصاویر سایدبار کناری
   ========================================= */

/* کادربندی لوکس برای عکس‌های سایدبار */
.cr-vip-sidebar a, 
.cr-vip-sidebar .wp-caption,
.cr-vip-sidebar .elementor-image {
    display: block !important;
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(210, 153, 34, 0.3) !important; /* حاشیه طلایی محو */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin-bottom: 18px !important; /* فاصله استاندارد بین عکس‌ها */
    background-color: #000 !important; /* پس‌زمینه مشکی زیر عکس */
}

/* خاموش کردن رنگ‌ها در حالت عادی (افکت سینمایی تاریک) */
.cr-vip-sidebar img {
    filter: grayscale(100%) brightness(0.55) !important;
    transition: all 0.5s ease !important;
    width: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

/* افکت بیداری و درخشش موقع رفتن موس */
.cr-vip-sidebar a:hover,
.cr-vip-sidebar .wp-caption:hover,
.cr-vip-sidebar .elementor-image:hover {
    border-color: #d29922 !important; /* روشن شدن حاشیه طلایی */
    box-shadow: 0 8px 25px rgba(210, 153, 34, 0.25) !important; /* هاله طلایی دور عکس */
    transform: translateY(-5px) !important; /* پرش ملایم و شیک به سمت بالا */
}

/* روشن شدن رنگ طبیعی عکس موقع هاور */
.cr-vip-sidebar a:hover img,
.cr-vip-sidebar .wp-caption:hover img,
.cr-vip-sidebar .elementor-image:hover img {
    filter: grayscale(0%) brightness(1) !important; 
    transform: scale(1.05) !important; /* زوم خیلی نامحسوس روی عکس */
}

/* =========================================
   تغییر کادر سفید قدیمی به شیشه‌ایِ لوکس
   ========================================= */
/* 
   این بخش اون کادر سفید وسط عکس‌ها رو هدف می‌گیره.
   (کلاس دقیقش بستگی به قالب داره، من متداول‌ترین‌ها رو نوشتم)
*/
.cr-vip-sidebar .wp-caption-text,
.cr-vip-sidebar .image-overlay-text,
.cr-vip-sidebar span {
    background: rgba(17, 17, 17, 0.85) !important; /* مشکی شیشه‌ای به جای سفید */
    color: #f9df7b !important; /* متن طلایی روشن به جای مشکی */
    border: 1px solid rgba(210, 153, 34, 0.4) !important;
    backdrop-filter: blur(5px) !important;
    font-family: 'cocaro', Tahoma, sans-serif !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b1b26ab *//* =========================================
   استایل VIP برای تصاویر سایدبار کناری
   ========================================= */

/* کادربندی لوکس برای عکس‌های سایدبار */
.cr-vip-sidebar a, 
.cr-vip-sidebar .wp-caption,
.cr-vip-sidebar .elementor-image {
    display: block !important;
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(210, 153, 34, 0.3) !important; /* حاشیه طلایی محو */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin-bottom: 18px !important; /* فاصله استاندارد بین عکس‌ها */
    background-color: #000 !important; /* پس‌زمینه مشکی زیر عکس */
}

/* خاموش کردن رنگ‌ها در حالت عادی (افکت سینمایی تاریک) */
.cr-vip-sidebar img {
    filter: grayscale(100%) brightness(0.55) !important;
    transition: all 0.5s ease !important;
    width: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

/* افکت بیداری و درخشش موقع رفتن موس */
.cr-vip-sidebar a:hover,
.cr-vip-sidebar .wp-caption:hover,
.cr-vip-sidebar .elementor-image:hover {
    border-color: #d29922 !important; /* روشن شدن حاشیه طلایی */
    box-shadow: 0 8px 25px rgba(210, 153, 34, 0.25) !important; /* هاله طلایی دور عکس */
    transform: translateY(-5px) !important; /* پرش ملایم و شیک به سمت بالا */
}

/* روشن شدن رنگ طبیعی عکس موقع هاور */
.cr-vip-sidebar a:hover img,
.cr-vip-sidebar .wp-caption:hover img,
.cr-vip-sidebar .elementor-image:hover img {
    filter: grayscale(0%) brightness(1) !important; 
    transform: scale(1.05) !important; /* زوم خیلی نامحسوس روی عکس */
}

/* =========================================
   تغییر کادر سفید قدیمی به شیشه‌ایِ لوکس
   ========================================= */
/* 
   این بخش اون کادر سفید وسط عکس‌ها رو هدف می‌گیره.
   (کلاس دقیقش بستگی به قالب داره، من متداول‌ترین‌ها رو نوشتم)
*/
.cr-vip-sidebar .wp-caption-text,
.cr-vip-sidebar .image-overlay-text,
.cr-vip-sidebar span {
    background: rgba(17, 17, 17, 0.85) !important; /* مشکی شیشه‌ای به جای سفید */
    color: #f9df7b !important; /* متن طلایی روشن به جای مشکی */
    border: 1px solid rgba(210, 153, 34, 0.4) !important;
    backdrop-filter: blur(5px) !important;
    font-family: 'cocaro', Tahoma, sans-serif !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'cocaro';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://dr-goravanchi.com/wp-content/uploads/2026/08/DanaFaNum-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'cocaro';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dr-goravanchi.com/wp-content/uploads/2026/08/DanaFaNum-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'cocaro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dr-goravanchi.com/wp-content/uploads/2026/08/DanaFaNum-DemiBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */