.faq-heading{
  border-bottom: rgba(237, 237, 237, 1);
  padding: 20px 60px;
}
.faq-container{
display: flex;
justify-content: center;
flex-direction: column;
}

@media screen and (min-width: 1142px) {
.faq-page {
  color: var(--font-color);
  cursor: pointer;
  padding: 30px 20px;
  font-family: GothamBold;
  font-size: 30px;
  width: 60%;
  border: none;
  outline: none;
  transition: 0.4s;
  margin: auto;
}
.faq-page h1 {
  color: var(--font-color);
  cursor: pointer;
  font-family: GothamBold;
  font-size: 30px;
}
.faq-line{
  width: 60%;
  margin: auto;
  background-color: #EDEDED;
  }
  .faq-body{
    margin: auto;
    width: 50%; 
    padding: auto; 
  }
}

@media screen and (max-width: 1141px) {
  .faq-page {
    color: var(--font-color);
    cursor: pointer;
    padding: 20px 10px;
    font-family: GothamBold;
    width: 80%;
    border: none;
    outline: none;
    transition: 0.4s;
    margin: auto;
  }
  .faq-page h1 {
    color: var(--font-color);
    cursor: pointer;
    font-family: GothamBold;
    font-size: 25px;
  }
  .faq-line{
    width: 90%;
    margin: auto;
    background-color: #EDEDED;
  } 
  .faq-body {
    margin: auto;
    width: 80%; 
    padding: auto;
  }
  .faq-body p {
    font-family: var(--font-color);
    font-family: GothamBook;
    font-size: 15px;
  }
}
.faq-body {
  font-family: var(--font-color);
  font-family: GothamBook;
  font-size: 20px;
  /* padding: 0 18px; */
  display: none;
  overflow: hidden;
}
.rotated {
  transform: rotate(180deg);
}
i {
  color: var(--font-color);
}