.elementor-18353 .elementor-element.elementor-element-196b402{--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;--flex-wrap:wrap;}.elementor-18353 .elementor-element.elementor-element-b21e617{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-18353 .elementor-element.elementor-element-b21e617.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-18353 .elementor-element.elementor-element-1b6e4bc{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-18353 .elementor-element.elementor-element-1b6e4bc.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-18353 .elementor-element.elementor-element-8548a76{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-18353 .elementor-element.elementor-element-8548a76.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-18353 .elementor-element.elementor-element-79a10af{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-18353 .elementor-element.elementor-element-79a10af.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-18353 .elementor-element.elementor-element-36a6f09{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-18353 .elementor-element.elementor-element-36a6f09.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-18353 .elementor-element.elementor-element-fad59b3{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-18353 .elementor-element.elementor-element-fad59b3.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-18353 .elementor-element.elementor-element-01c7daf{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-18353 .elementor-element.elementor-element-01c7daf.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-18353 .elementor-element.elementor-element-b7c7a34{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-18353 .elementor-element.elementor-element-b7c7a34.elementor-element{--flex-grow:1;--flex-shrink:0;}/* Start custom CSS for container, class: .elementor-element-196b402 */.webinew-portfolio-container {
    width: 100%;
    max-width: 600px;
    margin: 15px auto;
}

.webinew-portfolio-box {
    width: 100%;
    height: 450px;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    background-size: 100% auto; /* عرض تصویر ۱۰۰٪ کادر و ارتفاع اصلی */
    background-position: top center;
    background-repeat: no-repeat;
    transition: background-position 10s linear; /* زمان حرکت */
    cursor: pointer;
}

/* در هنگام هاور، موقعیت پس‌زمینه از بالا به پایین جابجا می‌شود */
.webinew-portfolio-box:hover {
    background-position: bottom center;
}

/* بهبود برای موبایل */
@media (max-width: 767px) {
    .webinew-portfolio-box {
        height: 350px;
        overflow-y: scroll;
        background-size: 100% auto;
        /* در موبایل برای اسکرول واقعی باید از تگ img استفاده کنید یا ارتفاع کانتینر را به اندازه ارتفاع عکس ست کنید */
        /* پیشنهاد: برای موبایل، کد HTML قبلی با تگ img مناسب‌تر است */
    }
}/* End custom CSS */