.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 {
    width: 100%;
    max-width: 1000px;
    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 40px;
     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;
  }