.elementor-1457 .elementor-element.elementor-element-fdd7934{--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-1457 .elementor-element.elementor-element-9285e82 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-1457 .elementor-element.elementor-element-9285e82 > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}.elementor-1457 .elementor-element.elementor-element-8321cb8{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:70px;--padding-right:0px;}.elementor-1457 .elementor-element.elementor-element-67c9e0d{--display:flex;--justify-content:center;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1457 .elementor-element.elementor-element-25b948f > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-1457 .elementor-element.elementor-element-25b948f > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}:is( .elementor-1457 .elementor-element.elementor-element-25b948f > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-1457 .elementor-element.elementor-element-25b948f > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-1457 .elementor-element.elementor-element-25b948f > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(0px / 2);padding-right:calc(0px / 2);padding-top:calc(10px / 2);padding-bottom:calc(10px / 2);}:is( .elementor-1457 .elementor-element.elementor-element-25b948f > .elementor-widget-container > .jet-listing-grid, .elementor-1457 .elementor-element.elementor-element-25b948f > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-1457 .elementor-element.elementor-element-25b948f > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 0px / -2);margin-right:calc( 0px / -2);width:calc(100% + 0px);}:is( .elementor-1457 .elementor-element.elementor-element-25b948f > .elementor-widget-container > .jet-listing-grid, .elementor-1457 .elementor-element.elementor-element-25b948f > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-1457 .elementor-element.elementor-element-25b948f > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 10px / -2);margin-bottom:calc( 10px / -2);}.elementor-1457 .elementor-element.elementor-element-4bdca0b{--display:flex;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}@media(min-width:768px){.elementor-1457 .elementor-element.elementor-element-67c9e0d{--width:450px;}.elementor-1457 .elementor-element.elementor-element-4bdca0b{--width:100%;}}@media(max-width:1024px){.elementor-1457 .elementor-element.elementor-element-8321cb8{--gap:45px 45px;--row-gap:45px;--column-gap:45px;--padding-top:0px;--padding-bottom:45px;--padding-left:45px;--padding-right:0px;}}@media(max-width:767px){.elementor-1457 .elementor-element.elementor-element-fdd7934{--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1457 .elementor-element.elementor-element-9285e82 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-1457 .elementor-element.elementor-element-9285e82 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-1457 .elementor-element.elementor-element-8321cb8{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-8321cb8 */.project-image {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 75%;
    height: 100vh; /* Full viewport height */
    overflow: hidden;
    position: relative;
    --image-url-before: none;
    --image-url-after: none;
}

.project-image::before,
.project-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.project-image::before {
    background-image: var(--image-url-before);
    opacity: 1; /* Initially visible */
    z-index: 1;
}

.project-image::after {
    background-image: var(--image-url-after);
    z-index: 2;
}

.project-image.fade-out::before {
    opacity: 0; /* Fade out the current image */
}

.project-image.fade-in::after {
    opacity: 1; /* Fade in the new image */
}

.project-item {
    opacity: 0.5; /* Inactive state */
    transition: opacity 0.5s ease-in-out;
    cursor: pointer;
}

.project-item.active {
    opacity: 1; /* Active state */
}/* End custom CSS */