.elementor-9885 .elementor-element.elementor-element-4cf7450{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--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-9885 .elementor-element.elementor-element-f44c223 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-f44c223 */.scroll-sequence{
    height: 0 !important;
    background-color: #0B140C!important;
}/* End custom CSS */
/* Start custom CSS *//* styles.css */

/* Position the header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1000;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Style for scroll-sequence container */
.scroll-sequence {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100vh; /* Full viewport height */
    overflow: hidden; /* Hide any overflow */
    transition: opacity 2s ease; /* Smoother fade-in effect */
}

/* Ensuring the video-screen container takes full width and height */
#video-screen {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100vh; /* Full viewport height */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 2s ease; /* Smoother fade-out effect */
}

/* Container to hold video and image */
.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Ensuring the video maintains a 16:9 aspect ratio and covers the screen */
#scroll-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Positioning the overlay image */
.overlay-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; /* Higher than the video */
    opacity: 0.8; /* Adjust opacity as necessary */
    pointer-events: none; /* Allow clicks to pass through the image */
    margin-top: -26px
   
}

.hidden {
    opacity: 0;
}/* End custom CSS */