[data-component-id="amphibios:faq"]{
  margin-bottom: 0;
  padding-bottom: 0;
  border:none;
}
.node--type-faq{
  margin-bottom:0;
  padding-bottom: 0;
  border:none;
}
.accordion {
  background-color: transparent;
  --bs-accordion-color: none;
  --bs-accordion-bg: none;
}
div.accordion-item {
  margin-bottom: 10px;
  border: 8px solid var(--amphibios-dark-blue);
  color: var(--amphibios-dark-blue);
  span.accordion-icon {
    background-repeat: no-repeat;
    width: 110px;
    height: 50px;
    display: block;
    background-size: contain;
  }
  .accordion-header {
    padding-top: 0;
    padding-bottom: 0;
    .accordion-button {
      color: var(--amphibios-dark-blue);
      font-size: var(--amphibios-standard-text-font-size);
      line-height: var(--amphibios-standard-text-line-height);
    }
    .accordion-button:not(.collapsed) {
      -webkit-box-shadow: none;
      box-shadow: none;
      color: var(--amphibios-dark-blue);
    }
  }
}
div.accordion-item.white_bg_darkblue_dot {
  background-color: white;
  .accordion-header {
    .acccordion-button {
      background-color: transparent;
    }
    .accordion-button:not(.collapsed) {
      color: var(--amphibios-dark-blue);
      background-color: transparent;
    }
  }
  span.accordion-icon {
    background-image: url(./images/Group.svg);
  }
  i.material-icons, i.material-icons-outlined {
    color: var(--amphibios-white);
    position: relative;
    left: 13px;
    bottom: -10px;
    font-size: 30px;
  }

}
div.accordion-item.blue_bg_white_dot {
  background-color: var(--amphibios-blue);
  border-color: white;
  color: white;
  .accordion-button,
  .accordion-button:not(.collapsed) {
    color: white;
    background-color: var(--amphibios-blue);
  }
  span.accordion-icon {
    background-image: url(./images/Group-1.svg);
  }
  i.material-icons, i.material-icons-outlined {
    color: var(--amphibios-blue);
    position: relative;
    left: 13px;
    bottom: -10px;
    font-size: 30px;
  }
}
div.accordion-item.white_bg_pink_dot {
  background-color: white;
  .accordion-button,
  .accordion-button:not(.collapsed) {
    background-color: white;
  }
  span.accordion-icon {
    background-image: url(./images/Group-2.svg);
  }
  i.material-icons, i.material-icons-outlined {
    color: white;
    position: relative;
    left: 13px;
    bottom: -10px;
    font-size: 30px;
  }
}
div.accordion-item.white_bg_yellow_border {
  background-color: white;
  border: 0;
  outline: 16px dotted var(--amphibios-yellow);
  outline-offset: -8px;
  .accordion-button,
  .accordion-button:not(.collapsed) {
    background-color: white;
  }
  span.accordion-icon {
    background-image: url(./images/Group.svg);
    margin-left: 8px;
  }
  i.material-icons {
    color: white;
    position: relative;
    left: 13px;
    bottom: -10px;
    font-size: 30px;
  }
}
