.cool {transition: all 8s ease;box-shadow: inset 1px 1px 6px rgba(255, 255,255,0.3),2px 2px 15px rgba(0,0,0,0.5);position: fixed;top: 0px;left:70px; 
  backdrop-filter: blur(4px);
  width: 90%;
  min-width: 1200px;
  z-index:9;border-bottom-left-radius:50px;border-bottom-right-radius:50px;  
}



.cool .tainer {
height: 50px;
  width: 100%;
  max-width: 10000px;
  margin: 0 auto;
  text-align: center;
  padding: 0px;
      border-radius:30px;
    
}

                       
.cool .tainer ul li {
  display: inline-block;
      border-radius:30px;

}

.cool .tainer ul li a {
  display: inline-block;
  text-decoration: none;
  padding: 0px 30px;
   color: #1f1f1f;
    border-radius:30px;
    font-weight:900;
    font-size:24px;
}

.cool .tainer ul li.active {
  background-color: #DEF2F1;
      border-radius:30px;
  transition: 0.3s ease background-color;
  box-shadow: 0px 0px 10px #e1e1e1, inset 0px 0px 5px #a3a2a2;
}

.cool .tainer ul li.active a {
  color: #17252A;
      border-radius:30px;
}