/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: 'Barlow Regular';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Regular.ttf"); }

@font-face {
  font-family: 'Barlow Medium';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Medium.ttf"); }

@font-face {
  font-family: 'Myriad Pro';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/MyriadPro-Regular.woff2"); }

[data-aos="fill-in-text"].aos-animate {
  -webkit-clip-path: inset(0);
          clip-path: inset(0); }

.section-faq .container {
  max-width: 58.125rem; }

.section-faq .faq-title h2 {
  margin-top: 0; }

.section-faq .faq-group .questions {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: .25rem; }
  .section-faq .faq-group .questions .item {
    background: var(--light-green);
    border-radius: .475rem;
    overflow: hidden; }
    .section-faq .faq-group .questions .item .question {
      cursor: pointer;
      position: relative;
      padding: 1.5rem 4rem 1.5rem 1.5rem;
      line-height: 1.2;
      font-size: clamp(18px, 1vw, 24px);
      overflow: hidden;
      align-items: center;
      display: flex;
      border-radius: .475rem .475rem 0 0;
      font-weight: 600; }
      .section-faq .faq-group .questions .item .question__trigger {
        display: flex;
        position: absolute;
        background: none;
        border: none;
        padding: 0;
        color: inherit;
        width: 2rem;
        height: 1rem;
        z-index: 2;
        cursor: pointer;
        right: 5%;
        align-items: center; }
        .section-faq .faq-group .questions .item .question__trigger::before, .section-faq .faq-group .questions .item .question__trigger::after {
          content: '';
          position: absolute;
          display: block;
          width: 80%;
          height: 2px;
          border-radius: 0.5px;
          background: var(--black);
          transition: transform 0.4s ease-out, background .4s ease-out, opacity .4s ease-out, -webkit-clip-path 0.4s ease-out;
          transition: clip-path 0.4s ease-out, transform 0.4s ease-out, background .4s ease-out, opacity .4s ease-out;
          transition: clip-path 0.4s ease-out, transform 0.4s ease-out, background .4s ease-out, opacity .4s ease-out, -webkit-clip-path 0.4s ease-out; }
        .section-faq .faq-group .questions .item .question__trigger::after {
          transform: rotate(90deg); }
      .section-faq .faq-group .questions .item .question__txt {
        z-index: 1; }
      .section-faq .faq-group .questions .item .question::after {
        background: var(--blue-gradient);
        content: '';
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: .3s opacity ease-in-out; }
      .section-faq .faq-group .questions .item .question:hover {
        background: var(--blue);
        color: var(--white); }
        .section-faq .faq-group .questions .item .question:hover::after {
          opacity: 1; }
        .section-faq .faq-group .questions .item .question:hover .question__trigger::before, .section-faq .faq-group .questions .item .question:hover .question__trigger::after {
          background: var(--white); }
      .section-faq .faq-group .questions .item .question.open {
        background: var(--black);
        color: var(--white); }
        .section-faq .faq-group .questions .item .question.open .question__trigger::before, .section-faq .faq-group .questions .item .question.open .question__trigger::after {
          background: var(--white); }
        .section-faq .faq-group .questions .item .question.open .question__trigger::before {
          transform: rotate(-90deg);
          opacity: 0; }
        .section-faq .faq-group .questions .item .question.open .question__trigger::after {
          transform: rotate(0deg); }
      .section-faq .faq-group .questions .item .question a {
        color: var(--gray); }
        .section-faq .faq-group .questions .item .question a:hover {
          text-decoration: none; }
    .section-faq .faq-group .questions .item .answer {
      display: none;
      line-height: 1.4;
      padding: 1.5rem;
      border-radius: 0 0 .475rem .475rem;
      background: var(--dark-gray);
      color: var(--white); }
      .section-faq .faq-group .questions .item .answer p {
        margin: 0;
        font-size: 1rem; }
      .section-faq .faq-group .questions .item .answer a.link {
        color: var(--blue);
        margin-top: 15px;
        display: table; }

/*# sourceMappingURL=faq.css.map */