.elementor-8 .elementor-element.elementor-element-32379a2{--display:grid;--min-height:100vh;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-8 .elementor-element.elementor-element-32379a2:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-32379a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #3C3B6E 0%, #5D5D8A 100%);}.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-8 .elementor-element.elementor-element-e0a4c1b{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-8 .elementor-element.elementor-element-e0a4c1b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-7895faa{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-8 .elementor-element.elementor-element-7895faa .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.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-8 .elementor-element.elementor-element-9866b35{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-7082948{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-cad9f0b .elementor-button{background-color:#61CE7000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-color:#FFFFFF;border-radius:30px 30px 30px 30px;}.elementor-8 .elementor-element.elementor-element-cad9f0b .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-cad9f0b .elementor-button:focus{background-color:#FFFFFF;color:#3C3B6E;}.elementor-8 .elementor-element.elementor-element-cad9f0b .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-cad9f0b .elementor-button:focus svg{fill:#3C3B6E;}.elementor-8 .elementor-element.elementor-element-80c14b9 .elementor-button{background-color:#61CE7000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-color:#FFFFFF;border-radius:30px 30px 30px 30px;}.elementor-8 .elementor-element.elementor-element-80c14b9 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-80c14b9 .elementor-button:focus{background-color:#FFFFFF;color:#3C3B6E;}.elementor-8 .elementor-element.elementor-element-80c14b9 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-80c14b9 .elementor-button:focus svg{fill:#3C3B6E;}.elementor-8 .elementor-element.elementor-element-457f030{--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;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-32379a2{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-32379a2{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-e0a4c1b */// Add to plane setup
const particleGeometry = new THREE.BufferGeometry();
const particleCount = 100;
const positions = new Float32Array(particleCount * 3);

for(let i = 0; i < particleCount * 3; i++) {
    positions[i] = (Math.random() - 0.5) * 0.5;
}

particleGeometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));

const particleMaterial = new THREE.PointsMaterial({
    color: 0xffffff,
    size: 0.05,
    transparent: true,
    opacity: 0.6
});

const particles = new THREE.Points(particleGeometry, particleMaterial);
particles.position.x = -1.5; // Behind plane
planeGroup.add(particles);

// Animate particles in the animation loop
const positions = particles.geometry.attributes.position.array;
for(let i = 0; i < positions.length; i += 3) {
    positions[i] -= 0.01; // Move backward
    if(positions[i] < -2) positions[i] = 0; // Reset
}
particles.geometry.attributes.position.needsUpdate = true;


<script src="https://cdn.jsdelivr.net/npm/@barba/core"></script>

<script>
barba.init({
    transitions: [{
        name: 'plane-transition',
        leave() {
            // Plane animation already handled by click events
            return new Promise(resolve => {
                setTimeout(resolve, 1500);
            });
        },
        enter() {
            // Page loads with plane landing animation
            return new Promise(resolve => {
                setTimeout(resolve, 2000);
            });
        }
    }]
});
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32379a2 *//* Homepage Split Section Styles */
#home-split-section {
    position: relative;
    overflow: hidden;
}

#home-split-section .elementor-container {
    height: 100vh;
}

.left-section, .right-section {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 20px;
}

.left-section {
    background: linear-gradient(135deg, #3C3B6E 0%, #5D5D8A 100%);
}

.right-section {
    background: linear-gradient(135deg, #B22234 0%, #D32F2F 100%);
}

/* Plane Animation Styles */
.plane-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    transition: all 1s ease;
}

.animated-plane {
    width: 120px;
    height: 80px;
    position: relative;
    transition: transform 0.5s ease;
}

.plane-body {
    width: 100px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 50% 50% 0 0;
    position: absolute;
    top: 25px;
    left: 10px;
}

.plane-wing {
    width: 80px;
    height: 15px;
    background: #FFFFFF;
    position: absolute;
    top: 35px;
    left: 20px;
    border-radius: 5px;
}

.plane-tail {
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 5px;
    transform: rotate(45deg);
}

/* Hover Effects */
.left-section:hover ~ .plane-container {
    transform: translate(-60%, -50%) rotate(-5deg);
}

.right-section:hover ~ .plane-container {
    transform: translate(-40%, -50%) rotate(5deg);
}

/* Button Styles */
.home-btn {
    padding: 12px 30px;
    border: 2px solid white;
    background: transparent;
    color: white;
    border-radius: 30px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 20px;
}

.home-btn:hover {
    background: white;
}

.left-section .home-btn:hover {
    color: #3C3B6E;
}

.right-section .home-btn:hover {
    color: #B22234;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    #home-split-section .elementor-container {
        flex-direction: column;
    }
    
    .left-section, .right-section {
        height: 50vh;
        width: 100%;
    }
    
    .plane-container {
        transform: translate(-50%, -50%) scale(0.8);
    }
}/* End custom CSS */