.is-box {
    position: relative;
    width: 100%;
    height: 500px; /* adjust as needed */
    overflow: hidden;
}

.is-video-bg {
    width: 100%;
    height: 100%;
    object-fit: cover; /* keeps aspect ratio and fills container */
    display: block;
}

.is-overlay-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.video-bg-control {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    display: flex;
    gap: 10px;
}

.video-bg-control button {
    background: rgba(0,0,0,0.5);
    border: none;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    color: white;
}

.video-bg-control button:hover {
    background: rgba(0,0,0,0.7);
}

.video-bg-control svg {
    width: 20px;
    height: 20px;
}

/* Show controls for intro video */
.video-bg-control:not(.hide) {
    display: flex;
}

.video-bg-control.hide {
    display: none;
}

/* Remove any white space at the bottom */
body {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh;
}

html, body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
}

main {
    margin: 0 !important;
    padding: 0 !important;
}

.is-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure the last section has no bottom margin/padding */
.is-section:last-child,
.last-box {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Force remove any spacing on the intro video section */
.is-section.type-poppins.is-section-80 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.is-section.type-poppins.is-section-80 .is-box-6:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove any default margins/padding that might create white space */
* {
    box-sizing: border-box;
}

/* Target any remaining white space and hide it */
body::after, html::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}

/* Force the body to end right after the last content */
body {
    overflow-x: hidden;
}

/* Hide any overflow that might be creating white space */
html {
    overflow-x: hidden;
}

/* Force the video section container to have no bottom spacing */
.is-box.is-light-text.box-autofit.min-height-50.last-box {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Emergency fix - hide any white space at the very bottom */
body > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}