.widget--microfaq {
  padding: 90px 0; }
  .widget--microfaq .microfaq {
    max-width: calc(100vw - 60px);
    width: 1200px;
    margin: 0 auto; }
    .widget--microfaq .microfaq .microfaq__headline {
      font-size: 66px;
      line-height: 87px;
      font-style: italic;
      text-align: center;
      margin: 0 0 45px 0; }
    .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq {
      background-color: #F9F9F9;
      border-radius: 5px;
      margin: 0 0 15px 0;
      transition: background-color 350ms ease; }
      .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq .microfaq__title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 40px;
        line-height: 53px;
        padding: 30px;
        cursor: pointer; }
        .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq .microfaq__title > span {
          flex: 1 1 auto;
          padding: 0 30px 0 0; }
        .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq .microfaq__title > svg {
          flex: 0 0 42px;
          transition: transform 500ms ease; }
        .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq .microfaq__title.active > svg {
          transform: rotate(45deg); }
      .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq .microfaq__content {
        height: 0;
        overflow: hidden;
        transition: height 500ms ease; }
        .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq .microfaq__content .microfaq__inner {
          max-width: 85%;
          font-size: 24px;
          line-height: 32px;
          padding: 15px 30px 30px 30px; }
      .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq:hover {
        background-color: #EFEFEF; }
  @media (max-width: 1024px) {
    .widget--microfaq .microfaq .microfaq__headline {
      font-size: 40px;
      line-height: 53px;
      text-align: center; }
    .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq .microfaq__title {
      font-size: 24px;
      line-height: 32px;
      padding: 15px; }
      .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq .microfaq__title > svg {
        flex: 0 0 21px; }
    .widget--microfaq .microfaq .microfaq__faqs .microfaq__faq .microfaq__content .microfaq__inner {
      max-width: 100%;
      padding: 15px; } }