/* Full viewport layout fix */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Only apply overflow hidden to tech/solution pages with swiper */
body.swiper-page {
    overflow: hidden;
}

/* Main content wrapper */
.main-wrapper {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

/* Navbar stays at top */
.navbar {
    flex-shrink: 0;
}

/* Content area takes remaining space */
.content-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Container1 fills content area */
.container1 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

/* Swiper adjustments */
.swiper {
    width: 96% !important;
    height: 100% !important;
    max-height: none !important;
}

/* Footer stays at bottom */
.footer {
    flex-shrink: 0;
    margin-top: auto;
    position: relative;
    bottom: 0;
    width: 100%;
}

/* Remove any margins that might push content down */
.bg-animation,
.particles {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .swiper {
        width: 100% !important;
    }
    
    .swiper-slide {
        min-height: auto !important;
        height: 100% !important;
    }
}