.accordion,
.accordion-content {
  background-color: var(--color-white);

  .container__general {
    .h_title {
      margin: 35px 0;

      .alert-heading {
        text-wrap: balance;
        margin: 0 auto;
        max-width: 40ch;
        font-size: 2.25rem;
        font-weight: 300;
        letter-spacing: 0;
        text-align: center;
      }
    }

    > .field__items {
      > .field__item {
        border: 1px solid var(--color-gray-light);
        padding: 12px 32px 16px 32px;

        &:first-child {
          border-radius: 8px 8px 0 0;
        }

        .accordion-item,
        .accordion-content-item-wrapper {
          height: fit-content;

          .accordion-content,
          .accordion-container {
            .accordion-content-item,
            .accordion-container-item {
              width: 100%;

              .accordion-content-item-question,
              .accordion-container-title {
                width: 100%;
                display: flex;
                justify-content: space-between;
                background: transparent;
                border: none;
                align-items: center;
                color: var(--color-gray-darker3);
                font-size: 1.25rem;
                letter-spacing: 0;
                line-height: 22px;
                font-weight: 400;
                cursor: pointer;
                text-align: left;
                padding: 0;
                min-height: 40px;

                h3 {
                  margin: 0;
                  font-size: inherit;
                  font-weight: inherit;
                  line-height: inherit;
                  letter-spacing: inherit;
                  color: inherit;
                  text-align: inherit;
                }

                .accordion-content-item-icon,
                .accordion-container-icon {
                  width: 20px;
                  height: 20px;

                  svg {
                    fill: var(--color-red);
                    transition: transform 0.3s ease;
                  }
                }
              }

              .accordion-content-item-question[aria-expanded="true"]
                .accordion-content-item-icon
                svg,
              .accordion-container-title[aria-expanded="true"]
                .accordion-container-icon
                svg {
                transform: rotate(180deg);
              }

              .accordion-content-item-answer,
              .accordion-container-content {
                font-weight: 300;
                letter-spacing: 0;
                max-height: 100%;
                opacity: 1;
                padding-top: 12px;

                p {
                  margin: 0;
                }

                ul {
                  padding: 0;
                  margin: 0;

                  li {
                    padding: 8px;
                    font-weight: 300;
                    letter-spacing: 0.25px;
                    /* margin-bottom: 1rem; */
                    position: relative;
                    text-align: start;
                    /* margin-bottom: 2.1875rem;
                    margin-top: 2.1875rem; */
                    /* display: flex; */
                    /* align-items: center;
                    gap: 8px; */
                    list-style: none;
                    &:before {
                      background-image: url(../../images/icons/line-red.svg);
                      color: #c12017;
                      background-repeat: no-repeat;
                      background-size: cover;
                      content: " ";
                      display: inline-block;
                      height: 20px;
                      width: 20px;
                      -webkit-font-smoothing: antialiased;
                      speak: none;
                      float: left;
                      font-family: icons;
                      font-size: 1.25rem;
                      font-style: normal;
                      font-variant: normal;
                      font-weight: 400;
                      line-height: 1;
                      text-transform: none;
                    }
                  }
                }

                strong {
                  font-weight: 500;
                }
              }
            }
          }
        }
      }
    }
  }
}
