.elementor-271 .elementor-element.elementor-element-ceb5ff6{--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;--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-271 .elementor-element.elementor-element-f0222c2 > .elementor-widget-container{background-color:#00000075;margin:7px 0px 0px 7px;padding:5px 12px 5px 12px;border-radius:5px 5px 5px 5px;}body:not(.rtl) .elementor-271 .elementor-element.elementor-element-f0222c2{left:0px;}body.rtl .elementor-271 .elementor-element.elementor-element-f0222c2{right:0px;}.elementor-271 .elementor-element.elementor-element-f0222c2{top:0px;}.elementor-271 .elementor-element.elementor-element-f0222c2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;text-transform:none;line-height:1.3em;letter-spacing:0.1px;color:var( --e-global-color-accent );}.elementor-271 .elementor-element.elementor-element-6d9b03d img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-659f957 );border-radius:8px 8px 8px 8px;box-shadow:0px 10px 30px -10px rgba(0, 0, 0, 0.12);}.elementor-271 .elementor-element.elementor-element-17b32f3 > .elementor-widget-container{margin:0px 0px -7px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.19);}body:not(.rtl) .elementor-271 .elementor-element.elementor-element-17b32f3{right:12px;}body.rtl .elementor-271 .elementor-element.elementor-element-17b32f3{left:12px;}.elementor-271 .elementor-element.elementor-element-17b32f3{bottom:12px;}.elementor-271 .elementor-element.elementor-element-17b32f3 .elementor-icon-wrapper{text-align:center;}.elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-framed .elementor-icon, .elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-framed .elementor-icon, .elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-4a5499b );color:var( --e-global-color-accent );}.elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-framed .elementor-icon:hover, .elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-4a5499b );border-color:var( --e-global-color-4a5499b );}.elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-framed .elementor-icon:hover, .elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-4a5499b );}.elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-271 .elementor-element.elementor-element-17b32f3.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-271 .elementor-element.elementor-element-17b32f3 .elementor-icon{font-size:30px;padding:13px;border-radius:8px 8px 8px 8px;}.elementor-271 .elementor-element.elementor-element-17b32f3 .elementor-icon svg{height:30px;}.jet-listing-item.single-jet-engine.elementor-page-271 > .elementor{width:400px;margin-left:auto;margin-right:auto;}@media(max-width:1024px){.elementor-271 .elementor-element.elementor-element-f0222c2 .elementor-heading-title{font-size:12px;}}@media(max-width:767px){.elementor-271 .elementor-element.elementor-element-f0222c2 .elementor-heading-title{font-size:12px;}}/* Start custom CSS for container, class: .elementor-element-ceb5ff6 *//* --- Portfolio Container Styles --- */
.portfolio {
    position: relative; /* Needed for the overlay's absolute positioning */
    overflow: hidden; /* Ensures the overlay doesn't spill out */
    border-radius: 8px; 
}

/* Dark overlay effect on hover */
.portfolio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Initial transparent state */
    z-index: 1; /* Puts the overlay above regular content but below item-hidden */
    transition: background-color 0.3s ease; /* Smooth transition for the overlay */
    pointer-events: none; /* Allows clicks to pass through the overlay to underlying elements */
}

.portfolio:hover::before {
    background-color: rgba(0, 0, 0, 0.1); /* Darker overlay on hover */
}

/* --- Item Hidden Styles --- */
.item-hidden {
    opacity: 0; /* Initially hidden */
    visibility: hidden; /* Ensures it doesn't take up space or interfere with interactions */
    transform: translateY(10px); /* Optional: slight movement for a smoother reveal */
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; /* Smooth transition for visibility and movement */
    position: relative; /* Needed for z-index to work */
    z-index: 2; /* Ensures item-hidden stays above the overlay */
}

/* Make item-hidden visible on portfolio hover */
.portfolio:hover .item-hidden {
    opacity: 1; /* Fully visible */
    visibility: visible; /* Makes it interactable */
    transform: translateY(0); /* Returns to original position */
}

/* --- Item Hidden 2 (Fade in only) Styles --- */
.item-hidden-2 {
    opacity: 0; /* Initially hidden */
    visibility: hidden; /* Ensures it doesn't take up space or interfere with interactions */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Smooth transition for opacity and visibility only */
    position: relative; /* Needed for z-index to work */
    z-index: 2; /* Ensures item-hidden-2 stays above the overlay */
}

/* Make item-hidden-2 visible on portfolio hover */
.portfolio:hover .item-hidden-2 {
    opacity: 1; /* Fully visible */
    visibility: visible; /* Makes it interactable */
}/* End custom CSS */