:root{--dot-color: #fff;--active-dot-color: #676767}body,html{margin:0;padding:0;height:100%;overflow:hidden}.slides-container{position:relative;height:100vh}.slide{position:absolute;top:0;left:0;width:100%;height:100%}.hide-slide{transform:translateY(100vh)}.slide-nav-dots{display:flex;justify-content:center;padding:10px;position:absolute}.slide-nav-dots *{display:inline-block;width:10px;height:10px;background-color:var(--dot-color);border-radius:50%;margin:5px;cursor:pointer;z-index:100}.active-nav-dot{background-color:var(--active-dot-color)}@media (max-width: 640px){.block-on-mobile{display:block!important}.full-on-mobile{height:unset!important}.slide-nav-dots{display:none}.hide-slide{transform:unset}.slide{position:unset;height:100%}body,html{overflow:auto}.slides-container{position:unset;height:auto}}