.elementor-10506 .elementor-element.elementor-element-6476b9e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-10506 .elementor-element.elementor-element-6476b9e:not(.elementor-motion-effects-element-type-background), .elementor-10506 .elementor-element.elementor-element-6476b9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shekatel.com/wp-content/uploads/2026/06/Hero-pc-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10506 .elementor-element.elementor-element-6476b9e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10506 .elementor-element.elementor-element-6476b9e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10506 .elementor-element.elementor-element-6476b9e > .elementor-shape-top svg{width:calc(0% + 1.3px);}.elementor-10506 .elementor-element.elementor-element-6476b9e > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:0px;}.elementor-10506 .elementor-element.elementor-element-24db046 > .elementor-container{min-height:0px;}.elementor-10506 .elementor-element.elementor-element-24db046{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-10506 .elementor-element.elementor-element-cd7ab05 > .elementor-container{max-width:500px;}.elementor-10506 .elementor-element.elementor-element-04fc241 > .elementor-widget-container{padding:0px 0px 050px 0px;}.elementor-10506 .elementor-element.elementor-element-04fc241 .wd-text-block{max-width:1000px;}.elementor-10506 .elementor-element.elementor-element-d30d60c > .elementor-container{max-width:500px;}.elementor-10506 .elementor-element.elementor-element-e9d570c > .elementor-widget-container{margin:25px 0px 0px 0px;padding:0px 0px 040px 0px;}.elementor-10506 .elementor-element.elementor-element-e9d570c .wd-text-block{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-secondary );}.elementor-10506 .elementor-element.elementor-element-70cdb59 > .elementor-container{max-width:500px;}.elementor-10506 .elementor-element.elementor-element-70cdb59 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:14px;}.elementor-10506 .elementor-element.elementor-element-70cdb59{margin:0px 0px 0px 0px;padding:040px 0px 0px 0px;}.elementor-10506 .elementor-element.elementor-element-b235000{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-10506 .elementor-element.elementor-element-b235000:after{content:"0.66";}.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post__thumbnail__link{width:100%;}.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post__meta-data span + span:before{content:"•";}.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post__text{margin-top:20px;}.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post__badge{right:0;}.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post__card .elementor-post__badge{margin:20px;}@media(max-width:1024px){.elementor-10506 .elementor-element.elementor-element-6476b9e:not(.elementor-motion-effects-element-type-background), .elementor-10506 .elementor-element.elementor-element-6476b9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:473px auto;}.elementor-10506 .elementor-element.elementor-element-c1e0e48 > .elementor-container{max-width:500px;}.elementor-10506 .elementor-element.elementor-element-c1e0e48{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-10506 .elementor-element.elementor-element-6476b9e:not(.elementor-motion-effects-element-type-background), .elementor-10506 .elementor-element.elementor-element-6476b9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shekatel.com/wp-content/uploads/2026/05/Untitled29_20260528203240.jpg");background-size:389px auto;}.elementor-10506 .elementor-element.elementor-element-6476b9e{padding:0470px 0px 0px 0px;}.elementor-10506 .elementor-element.elementor-element-77f7e6c > .elementor-container{max-width:500px;}.elementor-10506 .elementor-element.elementor-element-77f7e6c{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10506 .elementor-element.elementor-element-70cdb59{padding:5px 5px 5px 5px;}.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-10506 .elementor-element.elementor-element-b235000:after{content:"0.5";}.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for section, class: .elementor-element-6476b9e *//* حل مشکل سفیدی کناره‌ها و اورفلو در زوم‌های مختلف */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* قفل کردن بنر اصلی روی عرض کامل مانیتور بدون اورفلو */
.elementor-section-stretched,
.elementor-section.elementor-section-boxed {
    max-width: 100% !important;
    width: 100% !important;
}
/* کشیدن بخش به عرض کامل صفحه و حذف محدودیت وودمارت */
.elementor-10506 .elementor-element.elementor-element-6476b9e {
    width: 100vw !important;
    position: relative;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;
}
.elementor-10506 .elementor-element.elementor-element-6476b9e > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for wd_image_or_svg, class: .elementor-element-328519d */.shekatel-logo{
  display:block;
  max-width:100%;
  height:auto;
  /* سایه‌ای که فقط روی حروف می‌افتد */
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.45));
  transition: filter .35s ease, transform .35s ease;
}

/* درخشش سبز هماهنگ با برند هنگام هاور */
.shekatel-logo:hover{
  transform: translateY(-4px);
  filter:
    drop-shadow(0 8px 16px rgba(0,0,0,.5))
    drop-shadow(0 0 14px rgba(120,200,150,.85));
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d30d60c *//* هدف‌گیری مستقیم تگ‌های متنی داخل ابزارک ویرایشگر متن */
.elementor-10506 .elementor-element.elementor-element-d30d60c, 
.elementor-10506 .elementor-element.elementor-element-d30d60c p, 
.elementor-10506 .elementor-element.elementor-element-d30d60c span {
    font-size: 28px !important; /* بزرگ‌تر شدن سایز متن */
    font-weight: 800 !important; /* ضخیم و بولد شدن */
    text-align: center !important;
    display: block !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
    
    /* رنگ پایه (سبز جنگلی برند) */
    color: #006241 !important;
    
    /* ایجاد گرادینت برای افکت حرکت برق روی متن */
    background: linear-gradient(to right, #006241 20%, #f2ebd9 40%, #f2ebd9 60%, #006241 80%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    /* انیمیشن حرکت نور */
    animation: shokatellShineText 4s linear infinite !important;
}

/* تعریف انیمیشن جابه‌جایی افکت برق‌زدن */
@keyframes shokatellShineText {
    0% {
        background-position: 200% center;
    }
    100% {
        background-position: -200% center;
    }
}

/* ریسپانسیو و بهینه‌سازی اندازه برای موبایل */
@media (max-width: 768px) {
    .elementor-10506 .elementor-element.elementor-element-d30d60c, 
    .elementor-10506 .elementor-element.elementor-element-d30d60c p, 
    .elementor-10506 .elementor-element.elementor-element-d30d60c span {
        font-size: 22px !important; /* سایز مناسب‌تر در صفحات کوچک‌تر */
    }
}/* End custom CSS */
/* Start custom CSS for wd_image_or_svg, class: .elementor-element-7778157 *//* ۱. استایل کلی و انحنای کارت مربعی */
.elementor-10506 .elementor-element.elementor-element-7778157 {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* اصرار بر مربع بودن ۱در۱ در تمام ابعاد */
    border-radius: 24px !important; /* انحنای شیک لبه‌ها */
    overflow: hidden !important;
    background-color: #0b1a13 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
}

/* ۲. انیمیشن هاله نور ملایم دور کارت در حالت عادی */
.elementor-10506 .elementor-element.elementor-element-7778157::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    background: linear-gradient(45deg, #006241, #f2ebd9, #004d33, #0b1a13) !important;
    background-size: 400% 400% !important;
    border-radius: 26px !important;
    z-index: -1 !important;
    opacity: 0.3 !important;
    transition: opacity 0.5s ease !important;
    animation: shokatellGlow 8s ease infinite !important; /* حرکت ملایم هاله نور */
}

/* ۳. انیمیشن چرخشی هاله نور */
@keyframes shokatellGlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ۴. تغییرات و تشدید هاله نور هنگام هاور (Hover) */
.elementor-10506 .elementor-element.elementor-element-7778157:hover {
    transform: translateY(-6px) !important; /* کارت کمی بالا می‌آید */
    box-shadow: 0 15px 35px rgba(0, 98, 65, 0.35) !important; /* سایه سبز درخشان */
}

.elementor-10506 .elementor-element.elementor-element-7778157:hover::before {
    opacity: 0.8 !important; /* روشن‌تر شدن هاله دور کارت هنگام هاور */
}

/* ۵. افکت زوم ملایم تصویر داخل کارت هنگام هاور */
.elementor-10506 .elementor-element.elementor-element-7778157 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-10506 .elementor-element.elementor-element-7778157:hover img {
    transform: scale(1.06) !important; /* بزرگنمایی نرم عکس */
}

/* ۶. افکت فشرده شدن و کلیک (Click/Active Effect) */
.elementor-10506 .elementor-element.elementor-element-7778157:active {
    transform: translateY(-2px) scale(0.97) !important; /* فرورفتن دکمه‌ای کارت */
    box-shadow: 0 5px 15px rgba(0, 98, 65, 0.2) !important;
    transition: all 0.1s ease !important;
}/* End custom CSS */
/* Start custom CSS for wd_image_or_svg, class: .elementor-element-e75bded *//* ۱. استایل کلی و انحنای کارت مربعی */
.elementor-10506 .elementor-element.elementor-element-e75bded {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* اصرار بر مربع بودن ۱در۱ در تمام ابعاد */
    border-radius: 24px !important; /* انحنای شیک لبه‌ها */
    overflow: hidden !important;
    background-color: #0b1a13 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
}

/* ۲. انیمیشن هاله نور ملایم دور کارت در حالت عادی */
.elementor-10506 .elementor-element.elementor-element-e75bded::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    background: linear-gradient(45deg, #006241, #f2ebd9, #004d33, #0b1a13) !important;
    background-size: 400% 400% !important;
    border-radius: 26px !important;
    z-index: -1 !important;
    opacity: 0.3 !important;
    transition: opacity 0.5s ease !important;
    animation: shokatellGlow 8s ease infinite !important; /* حرکت ملایم هاله نور */
}

/* ۳. انیمیشن چرخشی هاله نور */
@keyframes shokatellGlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ۴. تغییرات و تشدید هاله نور هنگام هاور (Hover) */
.elementor-10506 .elementor-element.elementor-element-e75bded:hover {
    transform: translateY(-6px) !important; /* کارت کمی بالا می‌آید */
    box-shadow: 0 15px 35px rgba(0, 98, 65, 0.35) !important; /* سایه سبز درخشان */
}

.elementor-10506 .elementor-element.elementor-element-e75bded:hover::before {
    opacity: 0.8 !important; /* روشن‌تر شدن هاله دور کارت هنگام هاور */
}

/* ۵. افکت زوم ملایم تصویر داخل کارت هنگام هاور */
.elementor-10506 .elementor-element.elementor-element-e75bded img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-10506 .elementor-element.elementor-element-e75bded:hover img {
    transform: scale(1.06) !important; /* بزرگنمایی نرم عکس */
}

/* ۶. افکت فشرده شدن و کلیک (Click/Active Effect) */
.elementor-10506 .elementor-element.elementor-element-e75bded:active {
    transform: translateY(-2px) scale(0.97) !important; /* فرورفتن دکمه‌ای کارت */
    box-shadow: 0 5px 15px rgba(0, 98, 65, 0.2) !important;
    transition: all 0.1s ease !important;
}/* End custom CSS */
/* Start custom CSS for wd_image_or_svg, class: .elementor-element-150929e *//* ۱. استایل کلی و انحنای کارت مربعی */
.elementor-10506 .elementor-element.elementor-element-150929e {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* اصرار بر مربع بودن ۱در۱ در تمام ابعاد */
    border-radius: 24px !important; /* انحنای شیک لبه‌ها */
    overflow: hidden !important;
    background-color: #0b1a13 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
}

/* ۲. انیمیشن هاله نور ملایم دور کارت در حالت عادی */
.elementor-10506 .elementor-element.elementor-element-150929e::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    background: linear-gradient(45deg, #006241, #f2ebd9, #004d33, #0b1a13) !important;
    background-size: 400% 400% !important;
    border-radius: 26px !important;
    z-index: -1 !important;
    opacity: 0.3 !important;
    transition: opacity 0.5s ease !important;
    animation: shokatellGlow 8s ease infinite !important; /* حرکت ملایم هاله نور */
}

/* ۳. انیمیشن چرخشی هاله نور */
@keyframes shokatellGlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ۴. تغییرات و تشدید هاله نور هنگام هاور (Hover) */
.elementor-10506 .elementor-element.elementor-element-150929e:hover {
    transform: translateY(-6px) !important; /* کارت کمی بالا می‌آید */
    box-shadow: 0 15px 35px rgba(0, 98, 65, 0.35) !important; /* سایه سبز درخشان */
}

.elementor-10506 .elementor-element.elementor-element-150929e:hover::before {
    opacity: 0.8 !important; /* روشن‌تر شدن هاله دور کارت هنگام هاور */
}

/* ۵. افکت زوم ملایم تصویر داخل کارت هنگام هاور */
.elementor-10506 .elementor-element.elementor-element-150929e img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-10506 .elementor-element.elementor-element-150929e:hover img {
    transform: scale(1.06) !important; /* بزرگنمایی نرم عکس */
}

/* ۶. افکت فشرده شدن و کلیک (Click/Active Effect) */
.elementor-10506 .elementor-element.elementor-element-150929e:active {
    transform: translateY(-2px) scale(0.97) !important; /* فرورفتن دکمه‌ای کارت */
    box-shadow: 0 5px 15px rgba(0, 98, 65, 0.2) !important;
    transition: all 0.1s ease !important;
}/* End custom CSS */
/* Start custom CSS for wd_image_or_svg, class: .elementor-element-8c2846b *//* ۱. استایل کلی و انحنای کارت مربعی */
.elementor-10506 .elementor-element.elementor-element-8c2846b {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* اصرار بر مربع بودن ۱در۱ در تمام ابعاد */
    border-radius: 24px !important; /* انحنای شیک لبه‌ها */
    overflow: hidden !important;
    background-color: #0b1a13 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
}

/* ۲. انیمیشن هاله نور ملایم دور کارت در حالت عادی */
.elementor-10506 .elementor-element.elementor-element-8c2846b::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    background: linear-gradient(45deg, #006241, #f2ebd9, #004d33, #0b1a13) !important;
    background-size: 400% 400% !important;
    border-radius: 26px !important;
    z-index: -1 !important;
    opacity: 0.3 !important;
    transition: opacity 0.5s ease !important;
    animation: shokatellGlow 8s ease infinite !important; /* حرکت ملایم هاله نور */
}

/* ۳. انیمیشن چرخشی هاله نور */
@keyframes shokatellGlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ۴. تغییرات و تشدید هاله نور هنگام هاور (Hover) */
.elementor-10506 .elementor-element.elementor-element-8c2846b:hover {
    transform: translateY(-6px) !important; /* کارت کمی بالا می‌آید */
    box-shadow: 0 15px 35px rgba(0, 98, 65, 0.35) !important; /* سایه سبز درخشان */
}

.elementor-10506 .elementor-element.elementor-element-8c2846b:hover::before {
    opacity: 0.8 !important; /* روشن‌تر شدن هاله دور کارت هنگام هاور */
}

/* ۵. افکت زوم ملایم تصویر داخل کارت هنگام هاور */
.elementor-10506 .elementor-element.elementor-element-8c2846b img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-10506 .elementor-element.elementor-element-8c2846b:hover img {
    transform: scale(1.06) !important; /* بزرگنمایی نرم عکس */
}

/* ۶. افکت فشرده شدن و کلیک (Click/Active Effect) */
.elementor-10506 .elementor-element.elementor-element-8c2846b:active {
    transform: translateY(-2px) scale(0.97) !important; /* فرورفتن دکمه‌ای کارت */
    box-shadow: 0 5px 15px rgba(0, 98, 65, 0.2) !important;
    transition: all 0.1s ease !important;
}/* End custom CSS */
/* Start custom CSS for wd_image_or_svg, class: .elementor-element-799fb37 *//* ۱. استایل کلی و انحنای کارت مربعی */
.elementor-10506 .elementor-element.elementor-element-799fb37 {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* اصرار بر مربع بودن ۱در۱ در تمام ابعاد */
    border-radius: 24px !important; /* انحنای شیک لبه‌ها */
    overflow: hidden !important;
    background-color: #0b1a13 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
}

/* ۲. انیمیشن هاله نور ملایم دور کارت در حالت عادی */
.elementor-10506 .elementor-element.elementor-element-799fb37::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    background: linear-gradient(45deg, #006241, #f2ebd9, #004d33, #0b1a13) !important;
    background-size: 400% 400% !important;
    border-radius: 26px !important;
    z-index: -1 !important;
    opacity: 0.3 !important;
    transition: opacity 0.5s ease !important;
    animation: shokatellGlow 8s ease infinite !important; /* حرکت ملایم هاله نور */
}

/* ۳. انیمیشن چرخشی هاله نور */
@keyframes shokatellGlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ۴. تغییرات و تشدید هاله نور هنگام هاور (Hover) */
.elementor-10506 .elementor-element.elementor-element-799fb37:hover {
    transform: translateY(-6px) !important; /* کارت کمی بالا می‌آید */
    box-shadow: 0 15px 35px rgba(0, 98, 65, 0.35) !important; /* سایه سبز درخشان */
}

.elementor-10506 .elementor-element.elementor-element-799fb37:hover::before {
    opacity: 0.8 !important; /* روشن‌تر شدن هاله دور کارت هنگام هاور */
}

/* ۵. افکت زوم ملایم تصویر داخل کارت هنگام هاور */
.elementor-10506 .elementor-element.elementor-element-799fb37 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-10506 .elementor-element.elementor-element-799fb37:hover img {
    transform: scale(1.06) !important; /* بزرگنمایی نرم عکس */
}

/* ۶. افکت فشرده شدن و کلیک (Click/Active Effect) */
.elementor-10506 .elementor-element.elementor-element-799fb37:active {
    transform: translateY(-2px) scale(0.97) !important; /* فرورفتن دکمه‌ای کارت */
    box-shadow: 0 5px 15px rgba(0, 98, 65, 0.2) !important;
    transition: all 0.1s ease !important;
}/* End custom CSS */
/* Start custom CSS for wd_image_or_svg, class: .elementor-element-162ef1c *//* ۱. استایل کلی و انحنای کارت مربعی */
.elementor-10506 .elementor-element.elementor-element-162ef1c {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* اصرار بر مربع بودن ۱در۱ در تمام ابعاد */
    border-radius: 24px !important; /* انحنای شیک لبه‌ها */
    overflow: hidden !important;
    background-color: #0b1a13 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
}

/* ۲. انیمیشن هاله نور ملایم دور کارت در حالت عادی */
.elementor-10506 .elementor-element.elementor-element-162ef1c::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    background: linear-gradient(45deg, #006241, #f2ebd9, #004d33, #0b1a13) !important;
    background-size: 400% 400% !important;
    border-radius: 26px !important;
    z-index: -1 !important;
    opacity: 0.3 !important;
    transition: opacity 0.5s ease !important;
    animation: shokatellGlow 8s ease infinite !important; /* حرکت ملایم هاله نور */
}

/* ۳. انیمیشن چرخشی هاله نور */
@keyframes shokatellGlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ۴. تغییرات و تشدید هاله نور هنگام هاور (Hover) */
.elementor-10506 .elementor-element.elementor-element-162ef1c:hover {
    transform: translateY(-6px) !important; /* کارت کمی بالا می‌آید */
    box-shadow: 0 15px 35px rgba(0, 98, 65, 0.35) !important; /* سایه سبز درخشان */
}

.elementor-10506 .elementor-element.elementor-element-162ef1c:hover::before {
    opacity: 0.8 !important; /* روشن‌تر شدن هاله دور کارت هنگام هاور */
}

/* ۵. افکت زوم ملایم تصویر داخل کارت هنگام هاور */
.elementor-10506 .elementor-element.elementor-element-162ef1c img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-10506 .elementor-element.elementor-element-162ef1c:hover img {
    transform: scale(1.06) !important; /* بزرگنمایی نرم عکس */
}

/* ۶. افکت فشرده شدن و کلیک (Click/Active Effect) */
.elementor-10506 .elementor-element.elementor-element-162ef1c:active {
    transform: translateY(-2px) scale(0.97) !important; /* فرورفتن دکمه‌ای کارت */
    box-shadow: 0 5px 15px rgba(0, 98, 65, 0.2) !important;
    transition: all 0.1s ease !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3031b7 *//* از بین بردن قطعی فضای سفید و اسکرول افقی در کل صفحه */
body {
    overflow-x: hidden !important;
}

/* شکستن محدودیت کانتینر المنتور و تمام‌عرض کردن قطعی سکشن */
.elementor-10506 .elementor-element.elementor-element-c3031b7 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-b235000 *//* ==========================================================
   ۱. استایل پایه کارت‌های مقاله (مینیمال و گوشه‌گرد)
   ========================================================== */
.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post,
.elementor-10506 .elementor-element.elementor-element-b235000 article {
    background-color: #ffffff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    cursor: pointer !important;
}

/* فاصله داخلی بخش متون مقاله */
.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post__text {
    padding: 20px !important;
}

/* ==========================================================
   ۲. افکت هاور: سایه (هاله) سبز ملایم و حرکت به بالا
   ========================================================== */
.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post:hover,
.elementor-10506 .elementor-element.elementor-element-b235000 article:hover {
    transform: translateY(-8px) !important;
    /* هاله سبز رنگ، لوکس و ملایم (از پالت رنگی سبز برند) */
    box-shadow: 0 20px 40px rgba(0, 98, 65, 0.15), 0 5px 15px rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 98, 65, 0.1) !important;
}

/* ==========================================================
   ۳. انیمیشن کلیک (Click/Active): حالت فشرده شدن
   ========================================================== */
.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post:active,
.elementor-10506 .elementor-element.elementor-element-b235000 article:active {
    transform: scale(0.97) translateY(0) !important;
    box-shadow: 0 8px 20px rgba(0, 98, 65, 0.1) !important;
    transition: all 0.1s ease !important;
}

/* ==========================================================
   ۴. استایل تصویر شاخص (زوم ملایم در هنگام هاور)
   ========================================================== */
.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post__thumbnail {
    overflow: hidden !important;
}

.elementor-10506 .elementor-element.elementor-element-b235000 .elementor-post__thumbnail img {
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}/* End custom CSS */