body {font-family: Arial;}
    
    /* Style the tab */
    .tab {
      background-color: #eaf1ee;
      overflow: hidden;
      /* border: 1px solid #ccc; */
      /* background-color: #c18f8f; */
    }
    
    /* Style the buttons inside the tab */
    .tab button {
      background-color: inherit;
      float: left;
      border: none;
      outline: none;
      cursor: pointer;
      padding: 14px 16px;
      transition: 0.3s;
      font-size: 17px;
      /* background: #2f7955; */
      color: #2f7955;
      border-radius: 5px;
      margin-right: 5px;
      border: 1px solid #2f7955;
    }
    
    /* Change background color of buttons on hover */
    .tab button:hover {
      background-color: #2f7955;
      color: #ffffff; 
      border: 1px solid #2f7955;
    }
    
    /* Create an active/current tablink class */
    .tab button.active {
      background-color: #2f7955;
      color: #fff;
      border-radius: 5px;
      
    }
    
    /* Style the tab content */
    .tabcontent {
      display: none;
      padding: 6px 12px;
      /* border: 1px solid #ccc; */
      border-top: none;
    }