.scroll-container,.scroll-container section,body,html{width:100%;height:100%}body,html{margin:0;padding:0;overflow:hidden}.scroll-container{position:relative;margin:0;padding:0}.dots{z-index:1;list-style:none;padding:0;position:absolute; display: flex; flex-direction: column; gap: 10px; top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.dots li a{padding:10px;position:relative;width:4px;height:5px;display:block}.dots li a:before{content:'';position:absolute;width:15px;height:15px;background:rgba(255,255,255,.4);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-transition:-webkit-transform .3s ease,background-color .3s ease;-moz-transition:-moz-transform .3s ease,background-color .3s ease;-ms-transition:-ms-transform .3s ease,background-color .3s ease;-o-transition:-o-transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease}.dots li a.active:after{content:'';display:block; width:18px;height:18px;border-radius:50%;left:50%;top:50%;border: 1px solid #EA8004;-webkit-transform:scale(1) translate(-12%,-12%);-moz-transform:scale(1) translate(-12%,-12%);-ms-transform:scale(1) translate(-12%,-12%);-o-transform:scale(1) translate(-12%,-12%);transform:scale(1) translate(-12%,-12%);} .dots li a.active:before{content:'';width:15px;height:15px;background-color: #EA8004;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.dots-right{right:10px}.dots-left{left:10px}