.elementor-1313 .elementor-element.elementor-element-24b3221{--display:flex;--min-height:600px;--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-1313 .elementor-element.elementor-element-fea9686{--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-1313 .elementor-element.elementor-element-56a5a71{--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-1313 .elementor-element.elementor-element-56a5a71.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1313 .elementor-element.elementor-element-e9af52d img{width:83%;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-1313 .elementor-element.elementor-element-afe963f img{width:83%;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-1313 .elementor-element.elementor-element-ef561fb img{width:83%;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-1313 .elementor-element.elementor-element-eaab5a8{--display:flex;}@media(min-width:768px){.elementor-1313 .elementor-element.elementor-element-fea9686{--width:50%;}.elementor-1313 .elementor-element.elementor-element-56a5a71{--width:6.781%;}}/* Start custom CSS *//* کانتینر تصاویر */
.brand-images-container {
    position: relative;
    width: 100%;
    height: 500px; /* تنظیم ارتفاع متناسب با تصاویر */
    overflow: visible; /* برای نمایش انیمیشن خارج از صفحه */
}

/* استایل پایه تصاویر */
.all-images {
    opacity: 0;
    transform: translateX(-100%); /* شروع از خارج صفحه */
    transition: opacity 0.2s linear, transform 0.2s linear;
    display: none;
    position: absolute;
    width: 100%;
    max-width: 100%;
    object-fit: contain; /* جلوگیری از کشیدگی */
    top: 0;
    left: 0;
}

/* تصویر فعال (نمایش داده‌شده) */
.all-images.active {
    opacity: 1;
    transform: translateX(0); /* در موقعیت اصلی */
    display: block;
}

/* انیمیشن خروج */
.all-images.fade-out {
    opacity: 0;
    transform: translateX(-100%); /* کامل به چپ خارج می‌شه */
    transition: opacity 0.2s linear, transform 0.2s linear;
}

/* تصویر اول موقع لود */
#image1.active {
    opacity: 1;
    transform: translateX(0);
    display: block;
}/* End custom CSS */