/*$color-palette: (
        "orange": #FF6B35,
        "light-orange": #F7C59F,
        "lightest-orange": #EFEFD0,
        "blue": #004E89,
        "light-blue": #1A659E,
) !default;

$gradients: (
        "orange": (
                "start": #FF6B35,
                "end": #F7C59F
        ),
        "blue": (
                "start": #004E89,
                "end": #1A659E
        ),
) !default;

$orange: map-get($color-palette, "orange") !default;
$light-orange: map-get($color-palette, "light-orange") !default;
$lightest-orange: map-get($color-palette, "lightest-orange") !default;
$blue: map-get($color-palette, "blue") !default;
$light-blue: map-get($color-palette, "light-blue") !default;*/
@media (max-width: 767.98px) {
  .block--tab-panel {
    display: block !important;
    opacity: 1 !important;
    padding: 2rem 0;
    border: none;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--bs-primary);
    color: inherit;
  }
  .block--tab-panel:first-child {
    border-top: 1px solid var(--bs-primary);
  }
}
.block--tab-panel > .accordion-header {
  position: relative;
  padding-right: 5rem;
  color: var(--bs-primary) !important;
}

@media (min-width: 768px) {
  .block--tab-panel > .accordion-header {
    display: none;
  }
}
.block--tab-panel > .accordion-header::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='13' viewBox='0 0 22 13' fill='none'%3E%3Cpath d='M21 1.5L11 11.5L1 1.5' stroke='%23FF6B35' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transform-origin: center;
  transition: transform 0.15s ease-out;
}

.block--tab-panel > .accordion-header[aria-expanded=true]::after {
  transform: rotateX(180deg) translateY(50%);
}

@media (min-width: 768px) {
  .block--tab-panel > .accordion-collapse {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .block--tab-panel > .accordion-collapse .accordion-body {
    padding-top: 3rem;
  }
}
.editor-styles-wrapper .wp-block-lvl-tab-panel {
  overflow: visible !important;
}

.editor-styles-wrapper .block--tab-panel {
  display: block !important;
  margin-bottom: 2rem;
  opacity: 1 !important;
}

.editor-styles-wrapper .block--tab-panel::before {
  content: attr(data-title);
  position: absolute;
  left: -20%;
  top: 0;
  font-weight: 700;
}