.dot-nav{display:flex;position:absolute;top:100px;flex-direction:column;align-items:flex-start;z-index:10;padding:10px 10px;border-radius:20px;opacity:1;transition:all 1s;left:30px}.dot-nav a{text-decoration:none;font-family:"Chakra Petch",sans-serif;color:#545454;transition:all .5s;font-size:24px;font-weight:600}.dot-nav.right{left:unset;right:30px;align-items:flex-end}.dot-nav.wide{left:0;gap:20px;background-color:transparent}.dot-nav.wide .dot-link{transition:all .3s}.dot-nav .dot-link{display:flex;justify-content:center;align-items:center}.dot-link.active{color:#002745}@media screen and (max-width:781px){.dot-nav{top:10px;flex-direction:row;gap:10px;width:calc(100% - 80px);overflow-x:scroll}.dot-link{border-radius:6px;background-color:#fff;color:#c8d4da;padding:0 20px 0 20px;margin-bottom:5px}.dot-link.active{background-color:#000;color:#fff}}