.page-content .g44-sticky-motion-container {
    width: 100vw;
    margin: auto;
    position: relative;
}

.page-content .g44-sticky-motion-container header {
    position: sticky;
    top: 0px;
    width: 100%;
    padding: 60px 0 0 0;
    text-align: center;
    z-index: 9;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

body .page-content .g44-sticky-motion-container header{
	top: calc(var(--g44-header-height) - 80px);
}
body.scrolled .page-content .g44-sticky-motion-container header{
	top: calc(var(--g44-header-height) - 80px);
}
body :has(.header.hide:not(.alpha-on-scroll))  .page-content .g44-sticky-motion-container header{
	top: 0px;
}

.page-content .sticky-group-container {
    height: var(--sticky-container-size);
    position: relative;
}

.page-content .sticky-group-container > div {
    position: sticky;
    top: 0;
    overflow: hidden;
    height: 100vh;
}

.page-content .sticky-group {
    display: flex;
    width:calc(100vw * var(--sticky-items, 1));
}

.page-content .sticky-item {
    display: flex;
    width: 100vw;
    height: 100vh;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.page-content .progress {
    position: sticky;
    left: 0;
    right: 0;
    height: 5px;
    background: var(--g44-primary-color);
    bottom: 50px;
    opacity:0;
    transform: scaleX(0);
}
.g44-dark .progress {
    background: var(--g44-primary-color-dark);
}
.page-content .progress.end {
    display:none;
}