.slide1 {
  display: flex;
  --padding-left: 120;
  --padding-bottom: 100;
  --padding-right: 120;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  --gap: 30;
}

.title-div {
  display: flex;
  --padding-top: 80;
  --padding-bottom: 80;
  align-items: center;
  flex-direction: column;
}

.title-div h1 {
  text-align: center;
  --font-size: 68;
  font-weight: 700;
  letter-spacing: calc(var(--font-size)*0.08*1px);
}

.faq-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}

.faq-question-div {
  display: flex;
  max-width: 1000px;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-bottom: 3px solid black;
  clip-path: polygon( 
    calc(0%) calc(0%), /* top left */
    calc(100% - 2px) calc(0%), /* top right */
    calc(100% - 2px) calc(100% - 2px), /* bottom right */
    calc(0%) calc(100% - 2px) /* bottom left */
  );
  transition: clip-path 0.3s linear;
  align-self: stretch;
}

.faq-question-div:hover {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.faq-header-div {
  display: flex;
  padding-top: 23.5px;
  padding-bottom: 23.5px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.faq-header-div p {
  color: #000;
  font-size: 26px;
  font-weight: 700;
}

.faq-question-button {
  display: flex;
  background: none;
  width: 25px;
  height: 25px;
  justify-content: center;
  align-items: center;
}

.faq-question-button img {
  width: 14px;
  transition: all 300ms ease-out;
}


details[open]>.faq-header-div>.faq-question-button img  {
  transform: rotate(-45deg);
}


.faq-content-div {
  display: flex;
  padding-right: 50px;
  padding-bottom: 24px; 
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.faq-content-div p {
  color: #000;
  font-size: 22px;
  font-weight: 500;
}

details {
  transition: all 300ms linear;
  overflow: hidden;
}


details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}


@media (max-width: 900px) {
  .faq-header-div p {
    font-size: 22px;
    max-width: calc(100vw - 160px);
  }

  .faq-content-div p {
    font-size: 18px;
  }

}