/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2026 | 03:58:31 */
/* Container styling */
.tab-container {
  max-width: 800px;
  margin: 20px auto;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

/* Tabs buttons bar */
.tab-buttons {
  display: flex;
  background-color: #f1f5f9;
  border-bottom: 1px solid #cbd5e1;
}

/* Tab button style */
.tab-btn {
  flex: 1;
  padding: 12px 16px;
  border: none;
  background: none;
  font-size: 16px;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  transition: all 0.3s ease;
}

.tab-btn:hover {
  background-color: #e2e8f0;
  color: #1e293b;
}

/* Active tab button highlight */
.tab-btn.active {
  background-color: #ffffff;
  color: #2563eb;
  border-bottom: 3px solid #2563eb;
}

/* Tab content area */
.tab-content {
  display: none;
  padding: 20px;
  background-color: #ffffff;
}

/* Display active tab content */
.tab-content.active {
  display: block;
}