.eg-accordion {
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0, 0.29, 0.69, 0.99);
  height: fit-content;
  z-index: 10;
  overflow: hidden;
  background: var(--elsel-white);
  border: 1px solid var(--elsel-grey-5);
  border-radius: 14px;
  box-shadow: 0px 4px 20px 0px rgba(166, 166, 166, 0.2);
}

.eg-accordion > .eg-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
}

.eg-accordion > .eg-accordion-header > p {
  color: var(--elsel-black);
  font-size: var(--font-18);
  font-weight: 500;
}

.eg-accordion > .eg-accordion-header > .icon {
  min-width: 25px;
  min-height: 25px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eg-accordion > .eg-accordion-header > .icon::after {
  content: "";
  min-width: 19px;
  min-height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M7.16 18.08V10.92H0V7.14H7.16V0H10.94V7.14H18.06V10.92H10.94V18.08H7.16Z' fill='%23A9171E'/%3E%3C/svg%3E");
  background-size: 19px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.eg-accordion.active > .eg-accordion-header > .icon::after {
  rotate: 360deg;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='4' viewBox='0 0 19 4' fill='none'%3E%3Cpath d='M8.09994 3.89011H0.939941V0.110107H8.09994H11.8799H18.9999V3.89011H11.8799H8.09994Z' fill='%23A9171E'/%3E%3C/svg%3E");
}

.eg-accordion > .eg-accordion-panel {
  position: relative;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.eg-accordion > .eg-accordion-panel > .description {
  color: var(--fix-grey);
  font-size: var(--font-14);
  font-weight: 500;
  line-height: var(--line-26);
  letter-spacing: -0.14px;
  padding: 0 1rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1rem;
}
