.about-container {
  max-width: 600px;
  margin: 50px auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8f9fa;
  border-radius: 20px;
  padding: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}


.tabs {
  display: flex;
  gap: 5px;
  background-color: #e9ecef; /* Butonların arkasındaki koyu alan */
  border-radius: 15px;
  padding: 5px;
  margin-bottom: 20px;
}

.about-img-container{
  width: 100% !important;
 /*max-width: 250px !important; */ 
 /* margin: 20px auto !important;*/ 
  text-align: center !important;
}

.team-img{
    width: 100% !important; 
    height: auto !important; 
    /* max-height: 200px !important; */
    object-fit: contain !important; 
    display: block !important;
}


.tab-btn {
  flex: 1;
  padding: 0.72em 1.1em;
  font-size: 0.95rem;
  border-radius: 12px;
  box-shadow: none;
}

.about-team-img{
    display: flex;
    height: 200;
    width: 400;
}

.tab-btn:hover{
    transform: translateY(-2px);
    background: #273d5a;
    border-color: #22344d;
    box-shadow: 0 12px 24px rgba(24, 39, 59, 0.42);
}




.tab-btn.active {
  background-color: var(--colour-primary);
  border-color: var(--colour-primary);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.22),
    0 8px 18px color-mix(in srgb, var(--colour-primary) 34%, transparent);
}


.tab-content {
  display: none; 
  padding: 20px;
  line-height: 1.6;
  color: #333;
  text-align: left;

}


.tab-content.show {
  display: inline;
}