.elementor-1376 .elementor-element.elementor-element-b766a07{--display:flex;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1376 .elementor-element.elementor-element-1abc948 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-items-wrapper .portfolio-items > .portfolio-item .portfolio-img{border-radius:10px 10px 10px 10px;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-items-wrapper .portfolio-items > .portfolio-item .portfolio-img img{border-radius:10px 10px 10px 10px;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-items-wrapper .swiper-slide .portfolio-img{border-radius:10px 10px 10px 10px;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-items-wrapper .swiper-slide .portfolio-img img{border-radius:10px 10px 10px 10px;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-style--style-1 .portfolio-items .portfolio-info{text-align:left;align-items:flex-start;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-style--style-2 .portfolio-items .portfolio-info{text-align:left;align-items:flex-start;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-style--style-5 .portfolio-info .portfolio-info-inner{text-align:left;align-items:flex-start;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-info .portfolio-title, .elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-info .portfolio-title .title-item a{font-family:var( --e-global-typography-dd8f709-font-family ), Sans-serif;font-size:var( --e-global-typography-dd8f709-font-size );font-weight:var( --e-global-typography-dd8f709-font-weight );text-transform:var( --e-global-typography-dd8f709-text-transform );line-height:var( --e-global-typography-dd8f709-line-height );}.elementor-1376 .elementor-element.elementor-element-088e33f{--display:flex;}@media(max-width:1400px){.elementor-1376 .elementor-element.elementor-element-b766a07{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-info .portfolio-title, .elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-info .portfolio-title .title-item a{font-size:var( --e-global-typography-dd8f709-font-size );line-height:var( --e-global-typography-dd8f709-line-height );}}@media(max-width:1024px){.elementor-1376 .elementor-element.elementor-element-b766a07{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-info .portfolio-title, .elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-info .portfolio-title .title-item a{font-size:var( --e-global-typography-dd8f709-font-size );line-height:var( --e-global-typography-dd8f709-line-height );}}@media(max-width:767px){.elementor-1376 .elementor-element.elementor-element-b766a07{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-info .portfolio-title, .elementor-1376 .elementor-element.elementor-element-1abc948 .portfolio-info .portfolio-title .title-item a{font-size:var( --e-global-typography-dd8f709-font-size );line-height:var( --e-global-typography-dd8f709-line-height );}}/* Start Post/Page custom CSS */
/* Force Smooth Hover Animation on Portfolio Items */
.portfolio-item {
    /* Ensure the transform is always ready to animate */
    will-change: transform, opacity !important;
    
    /* Force the transition timing and duration, overriding inline JS styles */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Ensure the inner content also transitions smoothly if it has effects */
.portfolio-item-inner {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Optional: Add a slight scale effect on hover to confirm it works */
.portfolio-item:hover .portfolio-item-inner {
    transform: translateY(-5px); /* Moves up slightly on hover */
}
/* End custom CSS */