#second-section-FAQ {
  padding: 100px 10px 90px;

  & > .second-section-content-container {
    max-width: 1205px;
  }
}

.FAQ-button {
  max-width: none;
  width: max-content;
  padding: 15px 20px;
  background-color: var(--white);
  border: 2px solid var(--contentLight);
  margin-right: 20px;
  box-shadow: 0px 9px 20px 0px rgba(255, 215, 0, 0.2);

  &:hover {
    background-color: var(--contentLight);
  }
}

html[lang="am"] .FAQ-button,
html[lang="ru"] .FAQ-button {
  margin-right: 5px;
}

.second-section-content-container-am-faq {
  max-width: 1280px;
}

.second-section-FAQ-buttons-wrapper {
  margin: 35px auto;
}

.active-FAQ-button {
  background-color: var(--contentLight);
}

.find-FAQ-wrapper {
  margin-top: 35px;
  border-radius: 12px;
  background-color: var(--contentLight);
  padding: 60px 40px;
  max-width: 1196px;

  & > p {
    max-width: 1100px;
    margin: 20px auto;
    color: var(--black);
    opacity: 0.75;
  }

  & > button {
    height: 75px;
    padding: 0;
  }

  & > .section-title {
    font-size: 36px;
  }
}

.first-section-FAQ-title {
  font-size: 36px;
  &::after {
    display: none;
  }
}

.FAQ-item {
  padding: 28px 60px;
  border-left: 8px solid var(--contentLight);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  cursor: pointer;
  margin-bottom: 10px;
  max-width: 1195px;
  width: 100%;
  font-family: "Inter";
  transition: background-color 0.3s ease-in-out;

  &:hover {
    background-color: rgba(255, 215, 0, 0.1);
  }
}

.FAQ-item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
}

.FAQ-item-content-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: var(--black);
}

.FAQ-item-answer {
  max-width: 1005px;
  font-weight: 300;
  font-size: 18px;
  color: var(--black);
  opacity: 0.75;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

html[lang="ar"] .section-title.section-title-faq {
  font-size: 36px;
}

.FAQ-item-content-img {
  transition: transform 0.3s ease;
}

.FAQ-item.open-FAQ .FAQ-item-content-img {
  transform: rotate(180deg);
}

.FAQ-item.open-FAQ .FAQ-item-answer {
  max-height: 500px;
  min-height: 44px;
  padding-bottom: 20px;
}

.hidden-FAQ {
  display: none;
}

@media (max-width: 600px) {
  .first-section-FAQ-title {
    max-width: 342px;
    margin: auto;
  }

  .second-section-title-FAQ {
    font-size: 40px;
    max-width: 342px;
    margin: auto;
  }

  .second-section-subtitle-FAQ {
    margin-bottom: 30px;
  }

  .FAQ-button {
    margin-bottom: 10px;
    margin-right: 8px;
    padding: 16px 15px;
  }

  .FAQ-item {
    padding: 40px 30px;
  }

  .FAQ-item-content-title {
    font-size: 18px;
  }

  .FAQ-item-answer {
    font-size: 16px;
  }
}