.elementor-3021 .elementor-element.elementor-element-8c54ea7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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 );}.elementor-3021 .elementor-element.elementor-element-65178ea img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-3021 .elementor-element.elementor-element-e51a121{--display:flex;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3021 .elementor-element.elementor-element-e51a121:not(.elementor-motion-effects-element-type-background), .elementor-3021 .elementor-element.elementor-element-e51a121 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3021 .elementor-element.elementor-element-70b5abe{--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;--justify-content:space-between;--align-items:flex-start;--flex-wrap:wrap;}.elementor-3021 .elementor-element.elementor-element-7e42bfd{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:start;}.elementor-3021 .elementor-element.elementor-element-7e42bfd img{width:147px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3021 .elementor-element.elementor-element-ce992b8{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:end;}.elementor-3021 .elementor-element.elementor-element-ce992b8 .elementor-heading-title{font-family:"Ravi", Sans-serif;font-size:16px;font-weight:400;line-height:1.65em;color:var( --e-global-color-f2a5995 );}.elementor-3021 .elementor-element.elementor-element-3f705f1{width:100%;max-width:100%;}.elementor-3021 .elementor-element.elementor-element-3f705f1 .elementor-heading-title{font-family:"Ravi", Sans-serif;font-size:28px;font-weight:400;line-height:1.55em;color:var( --e-global-color-4cacf80 );}.elementor-3021 .elementor-element.elementor-element-4a65f57 .elementor-heading-title{font-family:"Ravi", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;color:var( --e-global-color-5276fa9 );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-3021 .elementor-element.elementor-element-9fdbded{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-3021 .elementor-element.elementor-element-9fdbded .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:8px;}.elementor-3021 .elementor-element.elementor-element-9fdbded.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-eb2d019 );}.elementor-3021 .elementor-element.elementor-element-9fdbded.elementor-view-framed .elementor-icon, .elementor-3021 .elementor-element.elementor-element-9fdbded.elementor-view-default .elementor-icon{fill:var( --e-global-color-eb2d019 );color:var( --e-global-color-eb2d019 );border-color:var( --e-global-color-eb2d019 );}.elementor-3021 .elementor-element.elementor-element-9fdbded.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-3021 .elementor-element.elementor-element-9fdbded.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-eb2d019 );}.elementor-3021 .elementor-element.elementor-element-9fdbded.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-3021 .elementor-element.elementor-element-9fdbded.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-3021 .elementor-element.elementor-element-9fdbded.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-3021 .elementor-element.elementor-element-9fdbded.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-eb2d019 );color:var( --e-global-color-eb2d019 );border-color:var( --e-global-color-eb2d019 );}.elementor-3021 .elementor-element.elementor-element-9fdbded .elementor-icon{font-size:32px;}.elementor-3021 .elementor-element.elementor-element-9fdbded .elementor-icon-box-title, .elementor-3021 .elementor-element.elementor-element-9fdbded .elementor-icon-box-title a{font-family:"Ravi", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;}.elementor-3021 .elementor-element.elementor-element-9fdbded .elementor-icon-box-title{color:var( --e-global-color-eb2d019 );}.elementor-3021 .elementor-element.elementor-element-9fdbded:has(:hover) .elementor-icon-box-title,
					 .elementor-3021 .elementor-element.elementor-element-9fdbded:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-eb2d019 );}@media(min-width:768px){.elementor-3021 .elementor-element.elementor-element-8c54ea7{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3021 .elementor-element.elementor-element-8c54ea7{--width:100%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3021 .elementor-element.elementor-element-65178ea img{height:232px;}.elementor-3021 .elementor-element.elementor-element-e51a121{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3021 .elementor-element.elementor-element-3f705f1 .elementor-heading-title{font-size:22px;}.elementor-3021 .elementor-element.elementor-element-4a65f57 .elementor-heading-title{font-size:16px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for icon-box, class: .elementor-element-9fdbded *//* تعریف انیمیشن حرکت رفت و برگشت */
@keyframes slideLeftReturnRight {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    49% {
        transform: translateX(-30px); /* مقدار حرکت به چپ */
        opacity: 0;
    }
    50% {
        transform: translateX(30px); /* پرش لحظه‌ای به سمت راست (بدون دیده شدن) */
        opacity: 0;
    }
    100% {
        transform: translateX(0); /* بازگشت به جای اصلی */
        opacity: 1;
    }
}

/* اعمال انیمیشن هنگام هاور شدن روی کل ویجت */
.smh-move-left-icon:hover .elementor-icon {
    animation: slideLeftReturnRight 0.5s ease-in-out forwards;
}

/* جلوگیری از ایجاد اسکرول بار افقی هنگام حرکت آیکون */
.smh-move-left-icon .elementor-icon-box-icon {
    overflow: hidden;
}


/* --- 1. تنظیمات کلی کانتینر --- */
.smh-move-left-icon .elementor-icon-box-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative; /* برای پوزیشن دهی احتمالی */
}

/* --- 2. استایل دایره توسی (آیکون) --- */
.smh-move-left-icon .elementor-icon-box-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-1' y='1' width='46' height='46' rx='23' transform='matrix(-1 0 0 1 46 0)' stroke='%23B6B8BA' stroke-width='2'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateZ(0);
    flex-shrink: 0; /* جلوگیری از جمع شدن دایره */
}

/* --- 3. آیکون داخلی (فلش) --- */
.smh-move-left-icon .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.smh-move-left-icon .elementor-icon svg {
    width: 22px;
    height: 22px;
    fill: #B6B8BA;
    transform: translate(0, 0) scale(1);
    opacity: 1;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* انیمیشن فلش */
.smh-move-left-icon:hover .elementor-icon svg {
    animation: iconEnterHorizontal 0.6s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

/* --- 4. تنظیمات حیاتی متن و لینک --- */

/* کانتینر عنوان: ارتفاع ثابت می‌دهد و اضافات را می‌چیند */
.smh-move-left-icon .elementor-icon-box-title {
    margin: 0;
    overflow: hidden; /* بسیار مهم: برای اینکه متن خارج شده دیده نشود */
    height: 1.6em;
    line-height: 1.6em;
    position: relative;
    display: block;
}

/* استایل لینک: این تگ ثابت می‌ماند و تکان نمی‌خورد! */
.smh-move-left-icon .elementor-icon-box-title a {
    display: block; /* تمام فضا را می‌گیرد */
    text-decoration: none;
    color: inherit;
    height: 100%; /* ارتفاع کامل */
    position: relative;
    z-index: 2; /* برای اطمینان از کلیک خور بودن */
}

/* استایل اسپن: فقط این تگ حرکت می‌کند */
.smh-move-left-icon .elementor-icon-box-title span {
    display: block;
    transform: translateY(0);
    /* پوینتر ایونت را غیرفعال میکنیم تا موس روی متن پرش ایجاد نکند و روی لینک والد عمل کند */
    pointer-events: none; 
}

/* --- 5. تریگر انیمیشن متن --- */

/* وقتی روی باکس هاور شد، اسپن داخلِ تایتل (چه داخل لینک باشد چه نباشد) حرکت کند */
.smh-move-left-icon:hover .elementor-icon-box-title span {
    animation: textEnterLoop2 0.6s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

/* کلاس خروج برای جاوا اسکریپت */
.smh-move-left-icon.has-interacted:not(:hover) .elementor-icon-box-title span {
    animation: textExitLoop2 0.6s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

/* --- 6. Keyframes --- */

@keyframes iconEnterHorizontal {
    0% { transform: translateX(0) scale(1); opacity: 1; }
    40% { transform: translateX(-60%) scale(0.8); opacity: 0; } 
    49% { transform: translateX(-100%) scale(0.5); opacity: 0; } 
    50% { transform: translateX(100%) scale(0.5); opacity: 0; }    
    60% { transform: translateX(60%) scale(0.8); opacity: 0; }
    100% { transform: translateX(0) scale(1); opacity: 1; }
}

@keyframes textEnterLoop2 {
    0% { transform: translateY(0); opacity: 1; }
    45% { transform: translateY(-100%); opacity: 0; }
    50% { transform: translateY(100%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes textExitLoop2 {
    0% { transform: translateY(0); opacity: 1; }
    45% { transform: translateY(100%); opacity: 0; }
    50% { transform: translateY(-100%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

/* --- ریسپانسیو --- */
@media (max-width: 1024px) {
    .smh-move-left-icon .elementor-icon-box-icon {
        transform: translateZ(0) scale(0.916) !important;
    }
}
@media (max-width: 767px) {
    .smh-move-left-icon .elementor-icon-box-icon {
        transform: translateZ(0) scale(0.833) !important;
    }
    .smh-move-left-icon .elementor-icon-box-wrapper {
        gap: 10px !important;
    }
}/* End custom CSS */