.custom-tabs {
    display: flex;
    flex-direction: column;
    width: 100%; /* ให้แท็บขยายเต็มความกว้างของคอนเทนเนอร์ */
}

.custom-tabs-heading {
  display: flex;
    justify-content: center; /* จัดตำแหน่งหัวข้อแท็บให้อยู่กลาง */
    margin-bottom: 0; /* ลบระยะห่างด้านล่าง */
    padding: 10px; /* เพิ่มระยะห่างภายใน */
   
}

.custom-tab {
    flex: 1; /* ให้แท็บขยายเต็มความกว้างของคอนเทนเนอร์ */
    text-align: center; /* จัดข้อความให้อยู่กลาง */
    padding: 10px; /* เพิ่มระยะห่างภายในแท็บ */
}



.custom-tab-title {
	position: relative;
	flex: 1; /* Allow tabs to grow and take available space */
    background: #f0f0f0;
	color: #000000; /* Set text color to black */
    border: none;
	margin: 0 10px; /* เพิ่มระยะห่างซ้ายและขวา 10px ระหว่างปุ่ม */
    padding: 10px 20px;
    cursor: pointer;
    text-align: center;
    border-bottom: 2px solid transparent; /* Default border */
    
    
}

.custom-tab-title.active {
    background: #00AB09;
	color: #ffffff; /* Set text color to white */
    border-bottom: 2px solid green; /* Green color for the active tab's bottom border */
}

.custom-tab-content {
    padding: 20px;
    border-top: 1px solid #ddd;
    display: none; /* Default to hidden */
}

.custom-tab-content.active {
    display: block; /* Display the active tab's content */
}