@import '../base/color';
@import '../base/breakpoint';

// FAQContainer
.faq-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  .faq-content {
    margin-bottom: -1rem;
    width: 45.75rem;
    @media #{$large-phone} {
      width: 100%;
    }
    .faq-header {
      margin-top: 2.5rem;
      margin-bottom: 1.25rem;
      color: $text-bright;
    }
  }
}

.faq-card-link {
  color: black;
}
.faq-card {
  display: flex;
  flex-direction: row;
  margin: -0.75rem 0;
  width: 100%;
  @media #{$large-phone} {
    width: 100%;
  }
  .faq-card-content {
    display: flex;
    flex-direction: row;
    .faq-card-content-icon {
      margin: 0.5rem 0;
    }
    .faq-card-content-title {
      margin: 0 1rem;
      align-self: center;
    }
  }
}

// FAQ
.faq-view-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
  margin-top: 1.5rem;
  .faq-view-content {
    width: 45.75rem;
    @media #{$large-phone} {
      width: 100%;
    }
    .faq-content-detail {
      padding-bottom: 0.6rem;
      .text-bold {
        font-weight: bold;
      }
      .text-underline {
        text-decoration: underline;
      }
      .spaceline {
        height: 0.6rem;
        display: block;
      }
    }
  }
}