#Faqs-1 {
  .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--color-primary) !important;
  }




  & .accordion-item {
    background: transparent !important;
    a{
        color: var(--color-secondary);
        transition: .4s;
        &:hover{
            color: var(--color-primary);
        }
    }

    & .accordion-body {
      border: 1px solid #22222217;
    }
  }

  & .accordion-button {
    box-shadow: none !important;

    outline: none !important;

    background: var(--color-secondary) !important;

    transition: 450ms;

    display: flex;

    align-items: center;

    font-size: 18px !important;

    justify-content: space-between;

    & svg {
      transition: transform 0.2s ease-in-out;
    }

    &::after {
      display: none;
    }

    &:not(.collapsed) svg {
      transform: rotate(-180deg);
    }
  }

  & .collapsed {
    &:hover {
      background: var(--color-primary) !important;
    }
  }
}

button[aria-expanded="true"] i {
	transform: rotate(180deg);
  	transition: 400ms;

}

button i {
	transition: 400ms;
}