/*TAB CSS*/

.tab-container {
    display: flex;
    
    justify-content: center;
    align-items: center;
    gap: 50px;
    /*justify-content: flex-end; /* Align tabs to the right */
  }
  
  .tab {
    /*padding: 10px;*/
    cursor: pointer;
    /*border: 1px solid #ccc;*/
    border-bottom: none;
    /*background-color: #f1f1f1;*/
    font-size: 1.2rem;
    font-weight: 500;
    color: #767a7d;

  }
  
  .tab:hover {
    /*background-color: #ddd;*/
    border-bottom: 2px solid #0989FF;
  }
  
  .tab.active-tab {
    /*background-color: #ccc; /* Change the color for the selected tab */
    border-bottom: 2px solid #0989FF;
  }
  
  .tab-content {
    display: none;
    /*padding: 20px;*/
    /*border: 1px solid #ccc;*/
  }