.elementor-3283 .elementor-element.elementor-element-647a425{--display:flex;--min-height:500px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3283 .elementor-element.elementor-element-647a425:not(.elementor-motion-effects-element-type-background), .elementor-3283 .elementor-element.elementor-element-647a425 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-3283 .elementor-element.elementor-element-9f2423a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:6px 6px;--row-gap:6px;--column-gap:6px;--padding-top:64px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3283 .elementor-element.elementor-element-9f2423a:not(.elementor-motion-effects-element-type-background), .elementor-3283 .elementor-element.elementor-element-9f2423a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-b0bce98 ) 0%, var( --e-global-color-text ) 70%);}.elementor-3283 .elementor-element.elementor-element-75ce998{--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;--justify-content:space-between;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3283 .elementor-element.elementor-element-9687e8f{width:initial;max-width:initial;}.elementor-3283 .elementor-element.elementor-element-9687e8f.elementor-element{--align-self:stretch;}.elementor-3283 .elementor-element.elementor-element-9687e8f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3283 .elementor-element.elementor-element-5fba1f7 > .elementor-widget-container{background-color:var( --e-global-color-b0bce98 );padding:0px 6px 0px 6px;border-radius:6px 6px 6px 6px;}.elementor-3283 .elementor-element.elementor-element-5fba1f7{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-primary );}.elementor-3283 .elementor-element.elementor-element-a7e2aad{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;line-height:20px;color:#FFD100;}.elementor-3283 .elementor-element.elementor-element-90c452d{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3283 .elementor-element.elementor-element-38e7919{--display:flex;--min-height:1px;--margin-top:010px;--margin-bottom:010px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3283 .elementor-element.elementor-element-38e7919:not(.elementor-motion-effects-element-type-background), .elementor-3283 .elementor-element.elementor-element-38e7919 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3283 .elementor-element.elementor-element-077ccd4{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3283 .elementor-element.elementor-element-ac8c43e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-3283 .elementor-element.elementor-element-efa3e16{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:1.2rem;color:var( --e-global-color-primary );}.elementor-3283 .elementor-element.elementor-element-71e9ce1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-3283 .elementor-element.elementor-element-6d15bde{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:1.2rem;color:var( --e-global-color-primary );}.elementor-3283 .elementor-element.elementor-element-950fc83{--display:flex;}.jet-listing-item.single-jet-engine.elementor-page-3283 > .elementor{width:382px;margin-left:auto;margin-right:auto;}@media(max-width:1024px){.elementor-3283 .elementor-element.elementor-element-5fba1f7{font-size:12px;}.elementor-3283 .elementor-element.elementor-element-efa3e16{font-size:16px;}.elementor-3283 .elementor-element.elementor-element-6d15bde{font-size:16px;}}@media(max-width:767px){.elementor-3283 .elementor-element.elementor-element-647a425{--min-height:600px;}.elementor-3283 .elementor-element.elementor-element-5fba1f7{font-size:12px;}.elementor-3283 .elementor-element.elementor-element-077ccd4{--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-3283 .elementor-element.elementor-element-ac8c43e{width:100%;max-width:100%;}.elementor-3283 .elementor-element.elementor-element-efa3e16{font-size:16px;}.elementor-3283 .elementor-element.elementor-element-71e9ce1{width:100%;max-width:100%;}.elementor-3283 .elementor-element.elementor-element-6d15bde{font-size:16px;}}/* Start custom CSS for container, class: .elementor-element-647a425 *//* Parent Card Setup */
.interactive-card {
    position: relative;
    overflow: hidden;
}

/* This creates a separate black layer that fades in.
   It sits on top of the image but behind the text. */
.interactive-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
    pointer-events: none;
}

/* Fade the dimmer in on hover */
.interactive-card:hover::before {
    opacity: 1;
}

/* Sliding Content Container */
.interactive-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    
    /* Adjust px to match visible header height */
    transform: translateY(calc(100% - 160px)); 
    
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    z-index: 2;
    
    /* Gradient so text is always readable at bottom */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.80) 85%, transparent 100%) !important;

}

/* Slide up on hover */
.interactive-card:hover .interactive-content {
    transform: translateY(0);
}

/* Hidden Details */
.interactive-hidden-details {
    opacity: 0;
    transition: opacity 0.3s ease-out;
    transition-delay: 0.1s;
}

/* SCROLL SECTION */
.scroll-details {
    max-height: 250px;
    overflow-y: auto;
    padding-right: 10px;
}

/* SCROLL STYLING */
.scroll-details::-webkit-scrollbar {
    width: 4px; /* Width of the bar */
}

.scroll-details::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the track underneath */
    border-radius: 3px;
}

.scroll-details::-webkit-scrollbar-thumb {
    background: #FFD100; /* Color of the scroll handle */
    border-radius: 3px; /* Rounds the corners */
}



/* Fade details in on hover */
.interactive-card:hover .interactive-hidden-details {
    opacity: 1;
}

/*Line clamp for specialisations*/
.interactive-card:hover .specialisations {
    line-clamp: none;
    -webkit-line-clamp: none;
    display: block;
}

.specialisations {
    overflow: hidden;
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}/* End custom CSS */