.elementor-12 .elementor-element.elementor-element-890ef4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-890ef4e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-ba2bcde{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-8a07966{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF10;--border-color:#FFFFFF10;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8a07966:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-8a07966 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000040;}.elementor-12 .elementor-element.elementor-element-8a07966::before, .elementor-12 .elementor-element.elementor-element-8a07966 > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-8a07966 > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-8a07966 > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-8a07966 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-8a07966 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-8a07966.e-con{--align-self:center;--order:0;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-b02a0fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-b02a0fd.elementor-position-right .elementor-image-box-img{margin-left:85px;}.elementor-12 .elementor-element.elementor-element-b02a0fd.elementor-position-left .elementor-image-box-img{margin-right:85px;}.elementor-12 .elementor-element.elementor-element-b02a0fd.elementor-position-top .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-b02a0fd .elementor-image-box-title{margin-bottom:8px;}.elementor-12 .elementor-element.elementor-element-b02a0fd .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-12 .elementor-element.elementor-element-b02a0fd .elementor-image-box-img img{opacity:0.6;transition-duration:0.3s;}.elementor-12 .elementor-element.elementor-element-dcc99d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-dcc99d2.elementor-position-right .elementor-image-box-img{margin-left:85px;}.elementor-12 .elementor-element.elementor-element-dcc99d2.elementor-position-left .elementor-image-box-img{margin-right:85px;}.elementor-12 .elementor-element.elementor-element-dcc99d2.elementor-position-top .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-dcc99d2 .elementor-image-box-title{margin-bottom:0px;}.elementor-12 .elementor-element.elementor-element-dcc99d2 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-12 .elementor-element.elementor-element-dcc99d2 .elementor-image-box-img img{opacity:0.6;transition-duration:0.3s;}.elementor-12 .elementor-element.elementor-element-8bb8926{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-8bb8926.elementor-position-right .elementor-image-box-img{margin-left:85px;}.elementor-12 .elementor-element.elementor-element-8bb8926.elementor-position-left .elementor-image-box-img{margin-right:85px;}.elementor-12 .elementor-element.elementor-element-8bb8926.elementor-position-top .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-8bb8926 .elementor-image-box-title{margin-bottom:8px;}.elementor-12 .elementor-element.elementor-element-8bb8926 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-12 .elementor-element.elementor-element-8bb8926 .elementor-image-box-img img{opacity:0.6;transition-duration:0.3s;}.elementor-12 .elementor-element.elementor-element-f296eac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-f296eac.elementor-position-right .elementor-image-box-img{margin-left:85px;}.elementor-12 .elementor-element.elementor-element-f296eac.elementor-position-left .elementor-image-box-img{margin-right:85px;}.elementor-12 .elementor-element.elementor-element-f296eac.elementor-position-top .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-f296eac .elementor-image-box-title{margin-bottom:8px;}.elementor-12 .elementor-element.elementor-element-f296eac .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-12 .elementor-element.elementor-element-f296eac .elementor-image-box-img img{opacity:0.62;transition-duration:0.3s;}.elementor-12 .elementor-element.elementor-element-7d25d23{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-7d25d23.elementor-position-right .elementor-image-box-img{margin-left:85px;}.elementor-12 .elementor-element.elementor-element-7d25d23.elementor-position-left .elementor-image-box-img{margin-right:85px;}.elementor-12 .elementor-element.elementor-element-7d25d23.elementor-position-top .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-7d25d23 .elementor-image-box-title{margin-bottom:0px;}.elementor-12 .elementor-element.elementor-element-7d25d23 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-12 .elementor-element.elementor-element-7d25d23 .elementor-image-box-img img{border-radius:0px;opacity:0.6;transition-duration:0.3s;}.elementor-12 .elementor-element.elementor-element-a077133{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-a077133.elementor-position-right .elementor-image-box-img{margin-left:85px;}.elementor-12 .elementor-element.elementor-element-a077133.elementor-position-left .elementor-image-box-img{margin-right:85px;}.elementor-12 .elementor-element.elementor-element-a077133.elementor-position-top .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-a077133 .elementor-image-box-title{margin-bottom:8px;}.elementor-12 .elementor-element.elementor-element-a077133 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-12 .elementor-element.elementor-element-a077133 .elementor-image-box-img img{opacity:0.6;transition-duration:0.3s;}.elementor-12 .elementor-element.elementor-element-2f90c71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-1c08d7f{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-395aede{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-5582a6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-12a6fe3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-12 .elementor-element.elementor-element-cf1d767{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{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 );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-12 .elementor-element.elementor-element-1563871{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-1563871.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-1563871 .elementor-swiper-button{font-size:20px;}.elementor-12 .elementor-element.elementor-element-3181171{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-1931043{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-8a07966{--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image-box .elementor-image-box-description{letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__text{letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-890ef4e{--width:99.5%;}.elementor-12 .elementor-element.elementor-element-8a07966{--width:100%;}.elementor-12 .elementor-element.elementor-element-1c08d7f{--content-width:1136px;}.elementor-12 .elementor-element.elementor-element-395aede{--width:33.3333%;}.elementor-12 .elementor-element.elementor-element-5582a6a{--width:66.6666%;}.elementor-12 .elementor-element.elementor-element-cf1d767{--width:66.6666%;}.elementor-12 .elementor-element.elementor-element-3181171{--width:33.3333%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-8a07966{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image-box .elementor-image-box-description{letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12 .elementor-element.elementor-element-b02a0fd .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-dcc99d2 .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-8bb8926 .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-f296eac .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-7d25d23 .elementor-image-box-img{margin-bottom:85px;}.elementor-12 .elementor-element.elementor-element-a077133 .elementor-image-box-img{margin-bottom:85px;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS for image-box, class: .elementor-element-b02a0fd *//* تنظیمات کادر اصلی - ارتفاع اینجا تنظیم می‌شود */
.elementor-12 .elementor-element.elementor-element-b02a0fd {
    position: relative;
    overflow: hidden;
    background-color: #0a192f !important;
    border-radius: 15px;
    /* ارتفاع کادر را از اینجا کم کنید */
    min-height: 180px !important; 
    display: flex;
    align-items: center;
}

/* اجبار بخش تصویر به پر کردن کل عرض و ارتفاع جدید کادر */
.elementor-12 .elementor-element.elementor-element-b02a0fd .elementor-image-box-wrapper .elementor-image-box-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
}

/* تنظیم عکس با محوشدگی نرم در سمت چپ */
.elementor-12 .elementor-element.elementor-element-b02a0fd .elementor-image-box-wrapper .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: right center !important;

    -webkit-mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%,      /* راست: وضوح ۱۰۰٪ */
        rgba(0,0,0,1) 20%,     
        rgba(0,0,0,0.3) 60%,   /* وسط: شروع محوشدگی */
        rgba(0,0,0,0) 95%      /* انتهای چپ: محو کامل */
    );
    mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,1) 20%, 
        rgba(0,0,0,0.3) 60%, 
        rgba(0,0,0,0) 95%
    );
}

/* تنظیمات متن */
.elementor-12 .elementor-element.elementor-element-b02a0fd .elementor-image-box-content {
    position: relative;
    z-index: 2;
    padding: 20px 30px; /* پدینگ کمتر برای کادر باریک‌تر */
    width: 70%;
    text-align: left;
    margin-right: auto;
}

/* استایل تیتر */
.elementor-12 .elementor-element.elementor-element-b02a0fd .elementor-image-box-title {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 18px; /* سایز فونت کمی کوچک‌تر برای تناسب با ارتفاع کم */
    margin-bottom: 5px;
}

/* استایل توضیحات */
.elementor-12 .elementor-element.elementor-element-b02a0fd .elementor-image-box-description {
    color: #e0e0e0 !important;
    font-size: 13px;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-dcc99d2 *//* تنظیمات کادر اصلی - ارتفاع اینجا تنظیم می‌شود */
.elementor-12 .elementor-element.elementor-element-dcc99d2 {
    position: relative;
    overflow: hidden;
    background-color: #0a192f !important;
    border-radius: 15px;
    /* ارتفاع کادر را از اینجا کم کنید */
    min-height: 180px !important; 
    display: flex;
    align-items: center;
}

/* اجبار بخش تصویر به پر کردن کل عرض و ارتفاع جدید کادر */
.elementor-12 .elementor-element.elementor-element-dcc99d2 .elementor-image-box-wrapper .elementor-image-box-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
}

/* تنظیم عکس با محوشدگی نرم در سمت چپ */
.elementor-12 .elementor-element.elementor-element-dcc99d2 .elementor-image-box-wrapper .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: right center !important;

    -webkit-mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%,      /* راست: وضوح ۱۰۰٪ */
        rgba(0,0,0,1) 20%,     
        rgba(0,0,0,0.3) 60%,   /* وسط: شروع محوشدگی */
        rgba(0,0,0,0) 95%      /* انتهای چپ: محو کامل */
    );
    mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,1) 20%, 
        rgba(0,0,0,0.3) 60%, 
        rgba(0,0,0,0) 95%
    );
}

/* تنظیمات متن */
.elementor-12 .elementor-element.elementor-element-dcc99d2 .elementor-image-box-content {
    position: relative;
    z-index: 2;
    padding: 20px 30px; /* پدینگ کمتر برای کادر باریک‌تر */
    width: 70%;
    text-align: left;
    margin-right: auto;
}

/* استایل تیتر */
.elementor-12 .elementor-element.elementor-element-dcc99d2 .elementor-image-box-title {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 18px; /* سایز فونت کمی کوچک‌تر برای تناسب با ارتفاع کم */
    margin-bottom: 5px;
}

/* استایل توضیحات */
.elementor-12 .elementor-element.elementor-element-dcc99d2 .elementor-image-box-description {
    color: #e0e0e0 !important;
    font-size: 13px;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-8bb8926 *//* تنظیمات کادر اصلی - ارتفاع اینجا تنظیم می‌شود */
.elementor-12 .elementor-element.elementor-element-8bb8926 {
    position: relative;
    overflow: hidden;
    background-color: #0a192f !important;
    border-radius: 15px;
    /* ارتفاع کادر را از اینجا کم کنید */
    min-height: 180px !important; 
    display: flex;
    align-items: center;
}

/* اجبار بخش تصویر به پر کردن کل عرض و ارتفاع جدید کادر */
.elementor-12 .elementor-element.elementor-element-8bb8926 .elementor-image-box-wrapper .elementor-image-box-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
}

/* تنظیم عکس با محوشدگی نرم در سمت چپ */
.elementor-12 .elementor-element.elementor-element-8bb8926 .elementor-image-box-wrapper .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: right center !important;

    -webkit-mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%,      /* راست: وضوح ۱۰۰٪ */
        rgba(0,0,0,1) 20%,     
        rgba(0,0,0,0.3) 60%,   /* وسط: شروع محوشدگی */
        rgba(0,0,0,0) 95%      /* انتهای چپ: محو کامل */
    );
    mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,1) 20%, 
        rgba(0,0,0,0.3) 60%, 
        rgba(0,0,0,0) 95%
    );
}

/* تنظیمات متن */
.elementor-12 .elementor-element.elementor-element-8bb8926 .elementor-image-box-content {
    position: relative;
    z-index: 2;
    padding: 20px 30px; /* پدینگ کمتر برای کادر باریک‌تر */
    width: 70%;
    text-align: left;
    margin-right: auto;
}

/* استایل تیتر */
.elementor-12 .elementor-element.elementor-element-8bb8926 .elementor-image-box-title {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 18px; /* سایز فونت کمی کوچک‌تر برای تناسب با ارتفاع کم */
    margin-bottom: 5px;
}

/* استایل توضیحات */
.elementor-12 .elementor-element.elementor-element-8bb8926 .elementor-image-box-description {
    color: #e0e0e0 !important;
    font-size: 13px;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f296eac *//* تنظیمات کادر اصلی - ارتفاع اینجا تنظیم می‌شود */
.elementor-12 .elementor-element.elementor-element-f296eac {
    position: relative;
    overflow: hidden;
    background-color: #0a192f !important;
    border-radius: 15px;
    /* ارتفاع کادر را از اینجا کم کنید */
    min-height: 180px !important; 
    display: flex;
    align-items: center;
}

/* اجبار بخش تصویر به پر کردن کل عرض و ارتفاع جدید کادر */
.elementor-12 .elementor-element.elementor-element-f296eac .elementor-image-box-wrapper .elementor-image-box-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
}

/* تنظیم عکس با محوشدگی نرم در سمت چپ */
.elementor-12 .elementor-element.elementor-element-f296eac .elementor-image-box-wrapper .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: right center !important;

    -webkit-mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%,      /* راست: وضوح ۱۰۰٪ */
        rgba(0,0,0,1) 20%,     
        rgba(0,0,0,0.3) 60%,   /* وسط: شروع محوشدگی */
        rgba(0,0,0,0) 95%      /* انتهای چپ: محو کامل */
    );
    mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,1) 20%, 
        rgba(0,0,0,0.3) 60%, 
        rgba(0,0,0,0) 95%
    );
}

/* تنظیمات متن */
.elementor-12 .elementor-element.elementor-element-f296eac .elementor-image-box-content {
    position: relative;
    z-index: 2;
    padding: 20px 30px; /* پدینگ کمتر برای کادر باریک‌تر */
    width: 70%;
    text-align: left;
    margin-right: auto;
}

/* استایل تیتر */
.elementor-12 .elementor-element.elementor-element-f296eac .elementor-image-box-title {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 18px; /* سایز فونت کمی کوچک‌تر برای تناسب با ارتفاع کم */
    margin-bottom: 5px;
}

/* استایل توضیحات */
.elementor-12 .elementor-element.elementor-element-f296eac .elementor-image-box-description {
    color: #e0e0e0 !important;
    font-size: 13px;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-7d25d23 *//* تنظیمات کادر اصلی - ارتفاع اینجا تنظیم می‌شود */
.elementor-12 .elementor-element.elementor-element-7d25d23 {
    position: relative;
    overflow: hidden;
    background-color: #0a192f !important;
    border-radius: 15px;
    /* ارتفاع کادر را از اینجا کم کنید */
    min-height: 180px !important; 
    display: flex;
    align-items: center;
}

/* اجبار بخش تصویر به پر کردن کل عرض و ارتفاع جدید کادر */
.elementor-12 .elementor-element.elementor-element-7d25d23 .elementor-image-box-wrapper .elementor-image-box-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
}

/* تنظیم عکس با محوشدگی نرم در سمت چپ */
.elementor-12 .elementor-element.elementor-element-7d25d23 .elementor-image-box-wrapper .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: right center !important;

    -webkit-mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%,      /* راست: وضوح ۱۰۰٪ */
        rgba(0,0,0,1) 20%,     
        rgba(0,0,0,0.3) 60%,   /* وسط: شروع محوشدگی */
        rgba(0,0,0,0) 95%      /* انتهای چپ: محو کامل */
    );
    mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,1) 20%, 
        rgba(0,0,0,0.3) 60%, 
        rgba(0,0,0,0) 95%
    );
}

/* تنظیمات متن */
.elementor-12 .elementor-element.elementor-element-7d25d23 .elementor-image-box-content {
    position: relative;
    z-index: 2;
    padding: 20px 30px; /* پدینگ کمتر برای کادر باریک‌تر */
    width: 70%;
    text-align: left;
    margin-right: auto;
}

/* استایل تیتر */
.elementor-12 .elementor-element.elementor-element-7d25d23 .elementor-image-box-title {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 18px; /* سایز فونت کمی کوچک‌تر برای تناسب با ارتفاع کم */
    margin-bottom: 5px;
}

/* استایل توضیحات */
.elementor-12 .elementor-element.elementor-element-7d25d23 .elementor-image-box-description {
    color: #e0e0e0 !important;
    font-size: 13px;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a077133 *//* تنظیمات کادر اصلی - ارتفاع اینجا تنظیم می‌شود */
.elementor-12 .elementor-element.elementor-element-a077133 {
    position: relative;
    overflow: hidden;
    background-color: #0a192f !important;
    border-radius: 15px;
    /* ارتفاع کادر را از اینجا کم کنید */
    min-height: 180px !important; 
    display: flex;
    align-items: center;
}

/* اجبار بخش تصویر به پر کردن کل عرض و ارتفاع جدید کادر */
.elementor-12 .elementor-element.elementor-element-a077133 .elementor-image-box-wrapper .elementor-image-box-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
}

/* تنظیم عکس با محوشدگی نرم در سمت چپ */
.elementor-12 .elementor-element.elementor-element-a077133 .elementor-image-box-wrapper .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: right center !important;

    -webkit-mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%,      /* راست: وضوح ۱۰۰٪ */
        rgba(0,0,0,1) 20%,     
        rgba(0,0,0,0.3) 60%,   /* وسط: شروع محوشدگی */
        rgba(0,0,0,0) 95%      /* انتهای چپ: محو کامل */
    );
    mask-image: linear-gradient(to left, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,1) 20%, 
        rgba(0,0,0,0.3) 60%, 
        rgba(0,0,0,0) 95%
    );
}

/* تنظیمات متن */
.elementor-12 .elementor-element.elementor-element-a077133 .elementor-image-box-content {
    position: relative;
    z-index: 2;
    padding: 20px 30px; /* پدینگ کمتر برای کادر باریک‌تر */
    width: 70%;
    text-align: left;
    margin-right: auto;
}

/* استایل تیتر */
.elementor-12 .elementor-element.elementor-element-a077133 .elementor-image-box-title {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 18px; /* سایز فونت کمی کوچک‌تر برای تناسب با ارتفاع کم */
    margin-bottom: 5px;
}

/* استایل توضیحات */
.elementor-12 .elementor-element.elementor-element-a077133 .elementor-image-box-description {
    color: #e0e0e0 !important;
    font-size: 13px;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a07966 *//* کادر اصلی شیشه‌ای با تم سرمه‌ای-مشکی نمودار */
.elementor-12 .elementor-element.elementor-element-8a07966 {
    background: linear-gradient(180deg, #000814 0%, #001d3d 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 40px !important;
    padding: 30px !important;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
    max-width: 1200px !important; /* اندازه عرض استاندارد کادر */
    margin: 50px auto !important;
    overflow: hidden !important;
}

/* تغییر حالت هوور: به جای سفید شدن، درخشش سفید نئونی می‌گیرد */
.elementor-12 .elementor-element.elementor-element-8a07966:hover {
    transform: translateY(-10px) !important;
    border-color: rgba(255, 255, 255, 0.6) !important; /* درخشش مثل میله آخر نمودار */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.2), 0 25px 60px rgba(0, 0, 0, 0.8) !important;
    background: linear-gradient(180deg, #001229 0%, #002855 100%) !important; /* سرمه‌ای کمی روشن‌تر به جای سفید */
}

/* هاله نوری متحرک برای حس هوش مصنوعی */
.elementor-12 .elementor-element.elementor-element-8a07966::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.02) 0%, transparent 60%);
    animation: rotateGlow 15s linear infinite;
    pointer-events: none;
}

@keyframes rotateGlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for testimonial-carousel, class: .elementor-element-1563871 *//* اعمال روی تمام باکس‌های اصلی برای حذف فضای خالی اضافی */
.elementor-12 .elementor-element.elementor-element-1563871 {
    /* ۱. حذف کامل محدودیت ارتفاع */
    height: auto !important;
    min-height: 0 !important; 
    
    /* ۲. تراز وسط و عرض کادر */
    max-width: 1200px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;

    /* ۳. استایل بصری مدرن */
    background: rgba(255, 255, 255, 0.05) !important; 
    backdrop-filter: blur(15px) !important; 
    -webkit-backdrop-filter: blur(15px) !important; 
    border: 1px solid rgba(255, 255, 255, 0.1) !important; 
    border-radius: 30px !important; 
    
    /* ۴. کاهش شدید فاصله محتوا تا لبه پایینی */
    padding-top: 30px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 15px !important; /* فاصله از پایین در دسکتاپ به حداقل رسید */
    
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2) !important;
}

/* افکت هاور */
.elementor-12 .elementor-element.elementor-element-1563871:hover { 
    background: rgba(255, 255, 255, 0.1) !important; 
    transform: translateY(-5px) !important; 
    border-color: rgba(160, 32, 240, 0.5) !important; 
}

/* تنظیمات مخصوص موبایل برای فشرده‌ترین حالت ممکن */
@media (max-width: 767px) {
    .elementor-12 .elementor-element.elementor-element-1563871 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding-top: 20px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 10px !important; /* در موبایل فاصله تا لبه پایینی به ۱۰ پیکسل رسید */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-297a761 *//* =========================
   باکس متن شما (قابل ویرایش)
   کلاس‌ها را در HTML خود بگذار
   ========================= */

/* کانتینر باکس */
.zomix-super-box{
    width:100% !important;
    min-height:400px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding:24px !important;
    box-sizing:border-box !important;
    margin:40px 0 !important;

    /* ظاهر شیشه‌ای/نئونی */
    background:rgba(10,16,28,0.65) !important;
    border:1px solid rgba(80,150,255,0.35) !important;
    border-radius:24px !important;
    box-shadow:0 0 40px rgba(0,180,255,0.25) !important;
    backdrop-filter: blur(12px) !important;
}

/* متن اصلی */
.zomix-main-title{
    margin:0 !important;
    font-family: "Arial Black", sans-serif !important;
    font-size:50px !important;
    font-weight:900 !important;
    line-height:1.1 !important;
    direction:ltr !important;
    text-align:left !important;
    max-width:1000px !important;
    width:100% !important;

    background:linear-gradient(90deg,#3498db 0%,#ffffff 40%,#ffffff 60%,#aeb4b7 100%) !important;
    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

/* کلمه سفید جدا */
.the-white{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    padding-right:15px !important;
    text-shadow:0 0 10px rgba(255,255,255,0.3) !important;
}

/* تبلت */
@media (max-width:1024px){
    .zomix-main-title{
        font-size:40px !important;
        line-height:1.35 !important;
        text-align:left !important;
        max-width:fit-content !important;
        margin:0 auto !important;
    }
}

/* موبایل - باکس نمایش داده شود */
@media (max-width:767px){
    .zomix-super-box{
        min-height:260px !important;
        padding:16px !important;
        margin:24px 0 !important;
    }
    .zomix-main-title{
        font-size:28px !important;
        line-height:1.3 !important;
        text-align:center !important;
        max-width:90% !important;
        margin:0 auto !important;
    }
}

/* =========================
   حذف فوتر فقط در موبایل
   ========================= */
@media (max-width:767px){
    #colophon,
    footer,
    .site-footer{
        display:none !important;
    }
}/* End custom CSS */