.dkel-dynamic-tabs {
  --dkel-tabs-heading-display: flex;
  --dkel-tabs-content-display: flex;
  display: flex;
  flex-direction: var(--dkel-tabs-direction, column);
  gap: var(--dkel-tabs-gap, 10px);
  min-width: 0;
  text-align: start;
}

.dkel-dynamic-tabs-heading {
  display: var(--dkel-tabs-heading-display, flex);
  flex-basis: var(--dkel-tabs-heading-width, initial);
  flex-direction: var(--dkel-tabs-heading-direction, row);
  flex-shrink: 0;
  flex-wrap: var(--dkel-tabs-heading-wrap, wrap);
  gap: var(--dkel-tabs-title-gap, 10px);
  justify-content: var(--dkel-tabs-heading-justify-content, center);
  overflow-x: var(--dkel-tabs-heading-overflow-x, initial);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.dkel-dynamic-tabs-title {
  align-items: var(--dkel-tabs-title-align-items-toggle, var(--dkel-tabs-title-align-items, center));
  background-color: initial;
  border-radius: var(--dkel-tabs-title-border-radius, initial);
  border-style: none;
  border-width: var(--dkel-tabs-border-width, 1px);
  cursor: pointer;
  display: flex;
  flex-basis: var(--dkel-tabs-title-flex-basis, content);
  flex-direction: var(--dkel-tabs-title-direction, column);
  flex-grow: var(--dkel-tabs-title-flex-grow, 0);
  flex-shrink: var(--dkel-tabs-title-flex-shrink, initial);
  gap: var(--dkel-tabs-icon-gap, 5px);
  height: var(--dkel-tabs-title-height, initial);
  justify-content: var(--dkel-tabs-title-justify-content-toggle, var(--dkel-tabs-title-justify-content, center));
  padding-block-end: var(--dkel-tabs-title-padding-block-end, 15px);
  padding-block-start: var(--dkel-tabs-title-padding-block-start, 15px);
  padding-inline-end: var(--dkel-tabs-title-padding-inline-end, 35px);
  padding-inline-start: var(--dkel-tabs-title-padding-inline-start, 35px);
  position: relative;
  transition: background var(--dkel-tabs-title-transition, 0.3s), color var(--dkel-tabs-title-transition), border var(--dkel-tabs-title-transition), box-shadow var(--dkel-tabs-title-transition), text-shadow var(--dkel-tabs-title-transition), stroke var(--dkel-tabs-title-transition), stroke-width var(--dkel-tabs-title-transition), -webkit-text-stroke-width var(--dkel-tabs-title-transition), -webkit-text-stroke-color var(--dkel-tabs-title-transition), transform var(--dkel-tabs-title-transition);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: var(--dkel-tabs-title-white-space, initial);
  width: var(--dkel-tabs-title-width, initial);
}

.dkel-dynamic-tabs-title[aria-selected=false],
.dkel-dynamic-tabs-title[aria-selected=false] a {
  color: var(--dkel-tabs-title-color);
}

.elementor-widget-dkel-dynamic-tabs [data-touch-mode=false] .dkel-dynamic-tabs-title[aria-selected=false]:hover,
.elementor-widget-dkel-dynamic-tabs [data-touch-mode=false] .dkel-dynamic-tabs-title[aria-selected=false]:hover a {
  color: var(--dkel-tabs-title-color-hover);
}

.dkel-dynamic-tabs-title[aria-selected=true],
.dkel-dynamic-tabs-title[aria-selected=true] a {
  color: var(--dkel-tabs-title-color-active);
}

.dkel-dynamic-tabs-title-text {
  align-items: center;
  display: flex;
  font-size: var(--dkel-tabs-title-font-size);
  text-align: var(--dkel-tabs-title-text-align);
}

.dkel-dynamic-tabs-title[aria-selected=false] .dkel-dynamic-tabs-description {
  color: var(--dkel-tabs-description-color);
}

.elementor-widget-dkel-dynamic-tabs [data-touch-mode=false] .dkel-dynamic-tabs-title[aria-selected=false]:hover .dkel-dynamic-tabs-description {
  color: var(--dkel-tabs-description-color-hover);
}

.dkel-dynamic-tabs-title[aria-selected=true] .dkel-dynamic-tabs-description {
  color: var(--dkel-tabs-description-color-active);
}

.dkel-dynamic-tabs-description {
  align-items: center;
  display: flex;
  font-size: var(--dkel-tabs-description-font-size);
  text-align: var(--dkel-tabs-description-text-align);
}

.dkel-dynamic-tabs-content {
  border-radius: var(--dkel-tabs-content-border-radius);
  padding-block-end: var(--dkel-tabs-title-padding-block-end);
  padding-block-start: var(--dkel-tabs-title-padding-block-start);
  padding-inline-end: var(--dkel-tabs-title-padding-inline-end);
  padding-inline-start: var(--dkel-tabs-title-padding-inline-start);
  width: 100%;
}

.dkel-dynamic-tabs .dkel-icon-img img {
  width: 30px;
}
.dkel-dynamic-tabs .dkel-dynamic-tabs-content > .elementor {
  max-width: 100%;
  width: 100%;
}

.dkel-dynamic-tabs-content-wrapper {
  display: var(--dkel-tabs-content-display);
  flex-grow: 1;
  min-width: 0;
}
.dkel-dynamic-tabs-content-wrapper .dkel-dynamic-tabs-content {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  justify-content: center;
  display: none;
}
.dkel-dynamic-tabs-content-wrapper .dkel-dynamic-tabs-content.dkel-tab-active {
  display: block !important;
}

@media (max-width: 1024px) {
  .dkel-dynamic-tabs.dkel-tabs-responsive-tablet {
    --dkel-tabs-heading-display: contents;
    --dkel-tabs-content-display: contents;
  }
  .dkel-dynamic-tabs.dkel-tabs-responsive-tablet .dkel-dynamic-tabs-title {
    order: var(--dkel-tabs-title-order);
    width: auto;
  }
  .dkel-dynamic-tabs.dkel-tabs-responsive-tablet .dkel-dynamic-tabs-content-wrapper .dkel-dynamic-tabs-content {
    order: var(--dkel-tabs-title-order);
  }
}
@media (max-width: 767px) {
  .dkel-dynamic-tabs.dkel-tabs-responsive-mobile {
    --dkel-tabs-heading-display: contents;
    --dkel-tabs-content-display: contents;
  }
  .dkel-dynamic-tabs.dkel-tabs-responsive-mobile .dkel-dynamic-tabs-title {
    order: var(--dkel-tabs-title-order);
    width: auto;
  }
  .dkel-dynamic-tabs.dkel-tabs-responsive-mobile .dkel-dynamic-tabs-content-wrapper .dkel-dynamic-tabs-content {
    order: var(--dkel-tabs-title-order);
  }
}