body{font-family:Poppins,sans-serif}.navigation{position:relative;width:600px;height:50px;background-color:transparent;display:flex;justify-content:center;align-items:center;border-radius:10px}.navigation ul{display:flex;width:100%;justify-content:space-evenly;padding:0;margin:0}.navigation ul li{list-style:none;width:90px;height:70px;transition:color .3s ease;font-weight:900;z-index:1}.navigation ul li,.navigation ul li a{position:relative;display:flex;justify-content:center;align-items:center}.navigation ul li a{font-weight:300;font-size:16px;width:100%;text-align:center;flex-direction:column;transition:all .7s ease}.navigation ul li:hover a{color:white}.navigation ul .animation{position:absolute;height:10%;top:45px;bottom:0;margin:auto;z-index:0;background-color:#FA7C1F;border-radius:8px;transition:all .8s ease 0s;box-shadow:0 8px 16px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.1)}.navigation .start-home,ul li:first-child:hover~.animation{width:60px;left:40px}.navigation .start-about,ul li:nth-child(2):hover~.animation{width:80px;left:140px}.navigation .start-services,ul li:nth-child(3):hover~.animation{width:75px;left:260px}.navigation .start-team,ul li:nth-child(4):hover~.animation{width:70px;left:380px}.navigation .start-careers,ul li:nth-child(5):hover~.animation{width:75px;left:490px}.navigation .start-contact,ul li:nth-child(6):hover~.animation{width:100px;left:500px}@media (min-width:767px) and (max-width:790px){.navigation{width:50%;height:30px;flex-wrap:wrap}.navigation ul{justify-content:space-around}.navigation ul li{width:auto;height:auto;font-size:14px}.navigation ul li a{font-size:12px}.register-btn,.sign-in-btn{padding:8px 16px;font-size:12px;margin-left:10px;display:inline-block;margin-top:5px}.navigation ul .animation{position:absolute;height:3px;top:10px;z-index:0;background-color:#FA7C1F;border-radius:8px;transition:all .8s ease 0s;box-shadow:0 8px 16px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.1)}.navigation .start-home,ul li:first-child:hover~.animation{width:5vw!important;left:0!important}.navigation .start-about,ul li:nth-child(2):hover~.animation{width:7vw!important;left:5vw!important}.navigation .start-services,ul li:nth-child(3):hover~.animation{width:7vw!important;left:12vw!important}.navigation .start-team,ul li:nth-child(4):hover~.animation{width:4vw!important;left:19.4vw!important}.navigation .start-careers,ul li:nth-child(5):hover~.animation{width:6vw!important;left:23.4vw!important}.navigation .start-contact,ul li:nth-child(6):hover~.animation{width:7.5vw;left:39.4vw}.navigation .start-home{width:7.5vw;left:0}.navigation .start-about{width:7.5vw;left:7.5vw}.navigation .start-services{width:7.5vw;left:15.5vw}.navigation .start-contact{width:7.5vw;left:39.4vw}.navigation .start-team{width:7.5vw;left:23.5vw}.navigation .start-careers{width:7.5vw;left:30vw}}@media (min-width:790px) and (max-width:1023px){.navigation{width:50%;height:30px;flex-wrap:wrap}.navigation ul{justify-content:space-around}.navigation ul li{width:auto;height:auto;font-size:14px}.navigation ul li a{font-size:12px}.register-btn,.sign-in-btn{padding:8px 16px;font-size:12px;margin-left:10px;display:inline-block;margin-top:5px}.navigation ul .animation{position:absolute;height:3px;top:10px;z-index:0;background-color:#FA7C1F;border-radius:8px;transition:all .8s ease 0s;box-shadow:0 8px 16px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.1)}.navigation .start-home,ul li:first-child:hover~.animation{width:50px;left:5px}.navigation .start-about,ul li:nth-child(2):hover~.animation{width:60px;left:65px}.navigation .start-services,ul li:nth-child(3):hover~.animation{width:60px;left:138px}.navigation .start-team,ul li:nth-child(4):hover~.animation{width:60px;left:202px}.navigation .start-careers,ul li:nth-child(5):hover~.animation{width:60px;left:265px}.navigation .start-contact,ul li:nth-child(6):hover~.animation{width:65px;left:297px}}@media (min-width:1024px) and (max-width:1050px){.navigation{width:50%;height:40px;flex-wrap:wrap}.navigation ul{justify-content:space-around}.navigation ul li{width:auto;height:auto;font-size:14px}.navigation ul li a{font-size:12px}.register-btn,.sign-in-btn{padding:8px 16px;margin-left:10px;display:inline-block;margin-top:5px}.navigation ul .animation{position:absolute;height:3px;top:0;z-index:0;background-color:#FA7C1F;border-radius:8px;transition:all .8s ease 0s;box-shadow:0 8px 16px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.1)}.navigation .start-home,ul li:first-child:hover~.animation{width:45px;left:10px}.navigation .start-about,ul li:nth-child(2):hover~.animation{width:45px;left:80px}.navigation .start-services,ul li:nth-child(3):hover~.animation{width:50px;left:158px}.navigation .start-team,ul li:nth-child(4):hover~.animation{width:40px;left:230px}.navigation .start-careers,ul li:nth-child(5):hover~.animation{width:50px;left:290px}.navigation .start-contact,ul li:nth-child(6):hover~.animation{width:75px;left:410px}.register-btn,.sign-in-btn{padding:.6rem 1.5rem;font-size:12px;width:100%;max-width:150px;height:35px}}@media (max-width:767px){.navigation{display:none}}@media (min-width:768px){.navigation{display:block}}