.tab-buttons {
display: flex
;
    gap: 10px;
    flex-direction: column;
    margin-bottom: 10px;
    width: 20%;
}

.tab-btn {
      padding: 8px 16px;
    cursor: pointer;
    background-color: #044b47;
    color: white !important;
    border: 1px solid white;
    border-radius: 5px;
}

.tab-btn.active {
     background-color: #fbfbfb;
    border-radius: 5px;
    color: #0c4f48 !important;
}

.tab-pane {
  display: none;
  padding: 10px 20px;
}

.tab-pane.active {
  display: block;
}


.tabs{
    display: flex;
    gap: 10px;
}

.tab-content{
    width: 100%;
    border: 1px solid #e3ebf0;
    border-radius: 20px;
}

.tab-pane ul{
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
}

.tab-pane ul li{
    color: #044b47;
    background: #ffffff33;
    padding: 7px 10px;
    border-radius: 20px;
    border: 1px solid #044b470f;
    box-shadow: 3px 3px #044b4714;
    width: 30%;
}

.tab-pane ul li img{
      width: 18%;
      border-radius: 3px;
      margin-right: 8px;
}