
.faqs {
	background-color: #3a3a3a;
	padding: 3rem;
	border: 2px solid #1d9b6c;
	border-radius: 1.5rem;
	margin-top: 10rem;
}

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}

.accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: 1px solid #1d9b6c;
}

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: white;
  font-size: 2.25rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}

.accordion button:hover{
  cursor: pointer;
  color: #1d9b6c;
}

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color: #1d9b6c;
  border: 1px solid #1d9b6c;
}

.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  border: 1px solid;
  border-radius: 22px;
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.25rem;
  height: 0.5rem;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 2.25rem;
  background: currentColor;
}

.accordion button[aria-expanded='true'] {
  color: #1d9b6c;
  transition: color 200ms linear;
}

.accordion button[aria-extended='false'] {
  color: white;
  transition: color 200ms linear;
}
.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  visibility: visible;
  grid-template-rows: 1fr;
  transition: grid-template-rows 300ms linear;
 }
 
.accordion .accordion-content {
  visibility: hidden;
  grid-template-rows: 0fr;
  display: grid;
  overflow: hidden;
  transition: grid-template-rows 300ms linear;
  will-change: opacity;
}
.acc_explanation {
  font-size: 2rem;
  font-weight: 300;
  margin: 0rem 0;
  overflow: hidden;
  text-align: justify;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 300ms linear, margin 300ms linear;
}

.accordion button[aria-expanded='true'] + .accordion-content .acc_explanation {
  margin: 2rem 0;
  grid-template-rows: 1fr;
  transition: grid-template-rows 300ms linear, margin 300ms linear;
}