/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 03 2025 | 03:43:59 */
/* Add your CSS code here.

/* Accordion Tabs */
/* Responsive Tabs */
.responsive-tabs {
  display: flex;
  flex-wrap: wrap; /* Allows wrapping on smaller screens */
  justify-content: space-around; /* Evenly spaces tabs */
  border-bottom: 1px solid #ccc;
}

.tab-button {
  padding: 10px 15px;
  cursor: pointer;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  margin: 5px;
  text-align: center;
  transition: background-color 0.3s ease;
  flex: 1 1 auto; /* Makes tabs flexible and responsive */
}

.tab-button.active {
  background-color: #4CAF50; /* Green for active tab */
  color: white;
}

.tab-button:hover {
  background-color: #e0e0e0;
}

/* Tab Content */
.tab-content {
  display: none;
  padding: 15px;
  border: 1px solid #ccc;
  background-color: #fff;
  margin-top: -1px; /* Aligns with the tab border */
}

/* Responsive Design for Mobile */
@media (max-width: 600px) {
  .responsive-tabs {
    flex-direction: column; /* Stacks tabs vertically on small screens */
  }

  .tab-button {
    width: 100%; /* Full width for better touch targets */
    text-align: left; /* Left-align text for readability */
  }
}