header{height:15vh;display:flex;align-items:center;justify-content:space-between;background-color:#212121;padding:0 20px;position:fixed;top:0;left:0;width:97%;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.1)}header .logo img{height:70px;max-height:100%}header .links{display:flex;align-items:center;gap:20px;list-style:none}header .li{color:#ffffff;font-size:1.3rem;border-radius:15px;padding:10px 15px;cursor:pointer;transition:color .3s ease,background-color .3s ease}header .li:hover{color:rgb(255,124,30);background-color:rgba(255,124,30,.1)}header .span{display:inline-block;background-color:#ff8835;color:black;font-size:.8rem;width:18px;height:18px;border-radius:50%;text-align:center;line-height:18px;position:absolute;top:-5px;right:-10px}header .links li:last-child{position:relative}body{padding-top:10vh}header .dropdown-toggle{display:none;background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;padding:10px;transition:background-color .3s}header .dropdown-menu{position:absolute;background-color:#212121;border-radius:30PX;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1000;margin-right:8px;width:200px;opacity:0;margin-top:10px;text-align:center;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}header .dropdown-menu.show{opacity:1;border-radius:20PX;visibility:visible}header .dropdown-item{padding:12px 15px;color:rgb(0,0,0);background-color:rgb(255,255,255);border-top:1px solid #f7781e;text-decoration:none;display:block;transition:background-color .3s}header .dropdown-item:hover{background-color:#ff8835}@media (max-width:768px){header .links{display:none}header .dropdown-toggle{margin-right:32PX;display:block}header .dropdown-menu{margin-top:71%;width:80%;display:block}}