.faq-section-container {
  width: 100%;
  background-color: rgb(234 234 234);
  min-height: calc(100dvh - var(--header-item-height) + (var(--default-padding-frame) * 2));
  overflow: auto;
  padding: calc((var(--default-padding-frame) * 2) + var(--header-item-height)) 0 0 0;
  box-sizing: border-box;
  border-radius: 36px;
  max-width: 1024px;
  margin: 0 auto;
}

.faq-section-container .constraint {
  max-width: 1024px;
}

.faq-section-container.opend-in-dialog {
  padding: 0 0 calc(var(--default-padding-frame) * 2);
}

.faq-page-toolbar {
  grid-column: span 6;
  background-color: rgba(249, 249, 249, 1);
}

.faq-page-toolbar .tittle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.faq-page-toolbar .tittle h1 {
  margin: 0 0;
}

.faq-page-toolbar .tittle h4 {
  color: var(--color-shade-dark-600);
  margin: 0 0;
}

.faq-page-toolbar .tittle button {
  padding: var(--default-button-padding);
  background-color: transparent;
  height: 58px;
}

.faq-page-toolbar .form-wraper {
  margin: calc(var(--default-items-margin) * 2) 0 var(--default-items-margin);
}

.faq-page-toolbar .form-wraper form .fields .input-wrapper {
  background-color: #fff;
  padding: calc(var(--default-input-padding-top) * 1.8) var(--default-input-padding-left);
  height: auto;
}

.faq-articles-container {
  grid-column: span 6;
  /*padding: 0 16px;*/
}

.faq-articles-container ul {
  list-style: none;
  padding: 0 0;
  box-sizing: border-box;
  margin: 0 0;
}

.faq-articles-container ul li {
  border-radius: var(--default-bigger-card-radius);
  padding: calc(var(--default-card-padding) / 2) var(--default-card-padding);
  margin: 16px;
  margin-bottom: calc(var(--default-card-padding) / 4);
}

.faq-articles-container ul li:first-child {
  margin-top: 0;
}

.faq-articles-container ul li:last-child {
  margin-bottom: 0;
}

.faq-articles-container ul li button {
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}

.faq-contact-banner.card.light-card-shadow .button {
  font-weight: 700;
}

.faq-articles-container ul li button h4 {
  margin-block-start: 0;
  margin-block-end: 0;
  font-weight: 700;
  font-size: 1.35em;
}

.faq-articles-container ul li button svg {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
}

.faq-articles-container ul li div {
  display: none;
  padding: 0px 0 24px 0;
}

.faq-articles-container ul li.expanded div {
  display: block;
}

.faq-contact-banner {
  grid-column: span 6;
  background-color: rgba(235, 244, 252, 1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.faq-contact-banner h4 {
  margin-block-start: 0;
  margin-block-end: 0;
}

.faq-contact-banner a {}

@media screen and (min-width:0px) and (max-width:1019px) {
  .faq-articles-container ul li button {
    gap: 8px;
  }

  .faq-articles-container ul li button h4 {
    font-size: 1.25em;
    text-align: left;
  }

  .faq-articles-container ul li button svg {
    flex-shrink: 0;
  }

  .faq-contact-banner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
  }

  .faq-page-toolbar .tittle h1 {
    margin: 0 0 8px;
  }

  .faq-page-toolbar .tittle h4 {
    font-size: 1em;
  }
}