.faq {
  code {
    font-family: 'Fira Code';
    font-size: inherit;
    font-style: normal;
  }
  .container {
    .title {
      h2 {
        max-width: 910px;
        margin-bottom: 70px;
        font-size: var(--fs-5xl);
        line-height: 80%;
        letter-spacing: -6px;
        @media (max-width: 1375px) {
          max-width: 760px;
          letter-spacing: -3px;
          margin-bottom: 50px;
        }
      }
    }
    ul {
      list-style: none;
      padding: 0;
      margin: 0;
      max-width: 500px;
      li {
        border-bottom: 1px solid #181818;
        .question {
          cursor: pointer;
          display: flex;
          align-items: center;
          padding: 6px;
          gap: 10px;
          transition: all 0.2s ease;

          svg {
            transition: all 0.2s ease;
          }
        }
        .answer {
          overflow: hidden;
          max-height: 0;
          opacity: 0;
          font-style: italic;
          transition: max-height 0.4s ease, opacity 0.4s ease;
          strong {
            font-style: normal;
          }
          a {
            display: inline;
            text-decoration: underline;

            &:hover {
              text-decoration: none;
              color: #181818;
            }
          }
        }

        &:hover {
          .question {
            color: var(--c-primary-200);
            svg {
              path {
                stroke: var(--c-primary-200);
              }
            }
          }
        }

        &.open {
          .question {
            svg {
              transform: rotate(180deg);
            }
          }
          .answer {
            max-height: 500px;
            opacity: 1;
          }
        }
      }
    }
  }
}