/* FAQ
--------------------------------------------- */
.faq {
  font-size: clamp(0.875rem, calc(0.7233009709rem + 0.6472491909vw), 1.5rem);
}
.faq__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(0.625rem, calc(0.3216019417rem + 1.2944983819vw), 1.875rem) clamp(0.625rem, calc(-0.1334951456rem + 3.2362459547vw), 3.75rem);
  margin-bottom: clamp(2.5rem, calc(1.5898058252rem + 3.8834951456vw), 6.25rem);
}
.faq__nav-link {
  font-family: var(--font-family-heading);
  font-size: clamp(0.625rem, calc(0.4733009709rem + 0.6472491909vw), 1.25rem);
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 100rem;
  padding: 0.6875rem 0.9375rem;
  text-decoration: none !important;
  color: var(--color-text) !important;
  background-color: #f8f8f8;
  transition: color 0s, background-color var(--transition-duration) !important;
}
.faq__nav-link--active {
  color: var(--color-light-1) !important;
  background-color: var(--color-primary);
  transition: color 0s, background-color var(--transition-duration) !important;
}
.faq__section {
  margin-bottom: clamp(1.25rem, calc(0.036407767rem + 5.1779935275vw), 6.25rem);
}
.faq__section-two-col .faq__accordion {
  grid-template-columns: 1fr;
}
.faq__title {
  font-family: var(--font-family-heading);
  font-size: clamp(1.5rem, calc(1.0449029126rem + 1.9417475728vw), 3.375rem);
  margin-bottom: clamp(1.875rem, calc(1.7233009709rem + 0.6472491909vw), 2.5rem);
}
.faq__subtitle {
  font-family: var(--font-family-heading);
  font-size: clamp(1rem, calc(0.7876213592rem + 0.9061488673vw), 1.875rem);
  margin-bottom: clamp(0.625rem, calc(0.3216019417rem + 1.2944983819vw), 1.875rem);
}
.faq__item {
  background-color: #f8f8f8;
  border-radius: clamp(1rem, calc(0.8634708738rem + 0.5825242718vw), 1.5625rem);
  margin-bottom: clamp(0.625rem, calc(0.4733009709rem + 0.6472491909vw), 1.25rem);
  overflow: hidden;
  transition: all 0.2s ease;
}
.faq__question {
  position: relative;
  list-style: none;
  padding: clamp(1.25rem, calc(0.9466019417rem + 1.2944983819vw), 2.5rem) 2rem clamp(1.25rem, calc(0.9466019417rem + 1.2944983819vw), 2.5rem) clamp(0.625rem, calc(0.2457524272rem + 1.6181229773vw), 2.1875rem);
  font-weight: 500;
  cursor: pointer;
}
.faq__question::after {
  content: "";
  position: absolute;
  top: 49%;
  right: 0.625rem;
  width: 0.5625rem;
  height: 0.125rem;
  border-radius: 0 10px 10px 0;
  background: var(--color-primary);
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: center;
  transition: all 0.3s ease;
}
.faq__question::before {
  content: "";
  position: absolute;
  top: 49%;
  right: 1rem;
  width: 0.5625rem;
  height: 0.125rem;
  border-radius: 10px 0 0 10px;
  background: var(--color-primary);
  transform: translateY(-50%) rotate(45deg);
  transform-origin: center;
  transition: all 0.3s ease;
}
.faq__item[open] .faq__question::before {
  transform: translateY(-50%) rotate(-45deg);
}
.faq__item[open] .faq__question::after {
  transform: translateY(-50%) rotate(45deg);
}
.faq__answer {
  padding-inline: clamp(0.625rem, calc(0.1699029126rem + 1.9417475728vw), 2.5rem) 2rem;
  max-height: 0;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq__answer p:last-child {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .faq {
    font-size: clamp(0.65625rem, calc(0.5424757282rem + 0.4854368932vw), 1.125rem);
  }
  .faq__nav {
    gap: clamp(0.46875rem, calc(0.2412014563rem + 0.9708737864vw), 1.40625rem) clamp(0.46875rem, calc(-0.1001213592rem + 2.427184466vw), 2.8125rem);
    margin-bottom: clamp(1.875rem, calc(1.1923543689rem + 2.9126213592vw), 4.6875rem);
  }
  .faq__nav-link {
    font-size: clamp(0.46875rem, calc(0.3549757282rem + 0.4854368932vw), 0.9375rem);
    padding: 0.9375rem 1.40625rem;
  }
  .faq__section {
    margin-bottom: clamp(0.9375rem, calc(0.0273058252rem + 3.8834951456vw), 4.6875rem);
  }
  .faq__section-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(0.46875rem, calc(0.3549757282rem + 0.4854368932vw), 0.9375rem);
  }
  .faq__accordion {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(0.46875rem, calc(0.3549757282rem + 0.4854368932vw), 0.9375rem);
  }
  .faq__title {
    font-size: clamp(1.125rem, calc(0.7836771845rem + 1.4563106796vw), 2.53125rem);
    margin-bottom: clamp(1.40625rem, calc(1.2924757282rem + 0.4854368932vw), 1.875rem);
  }
  .faq__subtitle {
    font-size: clamp(0.75rem, calc(0.5907160194rem + 0.6796116505vw), 1.40625rem);
    margin-bottom: clamp(0.46875rem, calc(0.2412014563rem + 0.9708737864vw), 1.40625rem);
  }
  .faq__item {
    border-radius: clamp(0.75rem, calc(0.6476031553rem + 0.4368932039vw), 1.171875rem);
    margin-bottom: clamp(0.46875rem, calc(0.3549757282rem + 0.4854368932vw), 0.9375rem);
  }
  .faq__question {
    padding: clamp(0.9375rem, calc(0.7099514563rem + 0.9708737864vw), 1.875rem) 5rem clamp(0.9375rem, calc(0.7099514563rem + 0.9708737864vw), 1.875rem) clamp(0.46875rem, calc(0.1274271845rem + 1.4563106796vw), 1.875rem);
  }
  .faq__question::after {
    right: 2.109375rem;
    width: 0.703125rem;
    height: 0.1875rem;
  }
  .faq__answer {
    padding-inline: clamp(0.46875rem, calc(0.1274271845rem + 1.4563106796vw), 1.875rem) 5rem;
  }
}
@media (min-width: 75rem) {
  .faq__question::before {
    right: 2.53125rem;
    width: 0.703125rem;
    height: 0.1875rem;
  }
}
@media (max-width: 22.4875rem) {
  .faq__nav-link {
    padding: 0.625rem 1.875rem;
  }
}
@media (any-hover: hover) {
  .faq__nav-link:hover {
    color: var(--color-light-1) !important;
    background-color: var(--color-primary);
  }
}