/* Style for the tab buttons */
.dd-tab-buttons {
   display: flex;
   flex-basis: var(--tabs-heading-width);
   flex-shrink: 0;
   justify-content: var(--tabs-heading-justify-content);
   gap: var(--tabs-title-gap);
   flex-wrap: wrap;
}

/* Style for each tab button */
.dd-tab-button {
   cursor: pointer;
   flex-grow: var(--tabs-title-flex-grow);
   text-align: var(--tabs-title-text-align);
   align-items: center;
   justify-content: var(--tabs-title-justify-content-toggle, var(--tabs-title-justify-content));
   transition: background var(--tabs-title-transition), color var(--tabs-title-transition), border var(--tabs-title-transition), box-shadow var(--tabs-title-transition), text-shadow var(--tabs-title-transition), stroke var(--tabs-title-transition), stroke-width var(--tabs-title-transition), -webkit-text-stroke-width var(--tabs-title-transition), -webkit-text-stroke-color var(--tabs-title-transition), transform var(--tabs-title-transition);
}

/* Style for the active tab button */
/* .dd-tab-button.active {
   background-color: #0073aa; /* Active tab color */
   color: white;
   border-color: #005a87;
} */

/* Style for the tab content area */
.dd-tabs-content {
   margin-top: 20px;
   background-color: #fff;
   padding: 15px;
}

/* Style for each tab content */
.dd-tab-content {
   display: none; /* Hide all tab content by default */
}

/* Style for the active tab content */
.dd-tab-content.active {
   display: block; /* Show active tab content */
}


@media(max-width: 767px) {
   .dd-tab-buttons {
      flex-direction: column;
   }
   .dd-tab-button {
      width: 100%;
   }
}