.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:"Questrial", 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:"Questrial", 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:"Questrial", 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-5b7d785{width:var( --container-widget-width, 190px );max-width:190px;--container-widget-width:190px;--container-widget-flex-grow:0;}.elementor-3021 .elementor-element.elementor-element-5b7d785 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:8px;}.elementor-3021 .elementor-element.elementor-element-5b7d785.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-eb2d019 );}.elementor-3021 .elementor-element.elementor-element-5b7d785.elementor-view-framed .elementor-icon, .elementor-3021 .elementor-element.elementor-element-5b7d785.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-5b7d785.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-3021 .elementor-element.elementor-element-5b7d785.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-eb2d019 );}.elementor-3021 .elementor-element.elementor-element-5b7d785.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-3021 .elementor-element.elementor-element-5b7d785.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-3021 .elementor-element.elementor-element-5b7d785.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-3021 .elementor-element.elementor-element-5b7d785.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-5b7d785 .elementor-icon{font-size:32px;}.elementor-3021 .elementor-element.elementor-element-5b7d785 .elementor-icon-box-title, .elementor-3021 .elementor-element.elementor-element-5b7d785 .elementor-icon-box-title a{font-family:"Questrial", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;}.elementor-3021 .elementor-element.elementor-element-5b7d785 .elementor-icon-box-title{color:var( --e-global-color-eb2d019 );}.elementor-3021 .elementor-element.elementor-element-5b7d785:has(:hover) .elementor-icon-box-title,
					 .elementor-3021 .elementor-element.elementor-element-5b7d785: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-5b7d785 *//* --- 1. تنظیمات کلی کانتینر --- */
.smh-nav-btn2 .elementor-icon-box-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    position: relative;
}

/* --- 2. استایل دایره توسی (سایز 32 پیکسل) --- */
.smh-nav-btn2 .elementor-icon-box-icon {
    width: 32px !important;
    height: 32px !important;
    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. آیکون داخلی (سایز 12.5 پیکسل) --- */
.smh-nav-btn2 .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

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

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

/* --- 4. تنظیمات متن و لینک --- */
.smh-nav-btn2 .elementor-icon-box-title {
    margin: 0;
    overflow: hidden;
    height: 1.6em;
    line-height: 1.6em;
    position: relative;
    display: block;
}

.smh-nav-btn2 .elementor-icon-box-title a {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
    position: relative;
    z-index: 2;
}

.smh-nav-btn2 .elementor-icon-box-title span {
    display: block;
    transform: translateY(0);
    pointer-events: none;
}

/* --- 5. تریگر انیمیشن متن --- */
.smh-nav-btn2:hover .elementor-icon-box-title span {
    animation: textEnterLoop2 0.6s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.smh-nav-btn2.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-nav-btn2 .elementor-icon-box-icon {
        transform: translateZ(0) scale(0.916) !important;
    }
}

@media (max-width: 767px) {
    .smh-nav-btn2 .elementor-icon-box-icon {
        transform: translateZ(0) scale(0.833) !important;
    }
    .smh-nav-btn2 .elementor-icon-box-wrapper {
        gap: 8px !important;
    }

    /* فیکس مشکل نمایش متن در موبایل (که قبلاً خواسته بودید) */
    .smh-nav-btn2 .elementor-icon-box-title {
        height: auto !important;       
        overflow: visible !important;  
        line-height: 1.4em !important; 
    }
    /* غیرفعال کردن انیمیشن متن در موبایل */
    .smh-nav-btn2:hover .elementor-icon-box-title span,
    .smh-nav-btn2.has-interacted:not(:hover) .elementor-icon-box-title span {
        animation: none !important;
        transform: none !important;
    }
}/* End custom CSS */