.fp-categories-tabbar {
  .nav-tabs {
    border: none;
    background: $bgLightPurple;
    border: solid $bgLightPink 1px;
    border-radius: 24px;
    overflow: hidden;
    position: sticky;
    top: 100px;
    .nav-item {
       width: 100%;
        .nav-link {
          width: 100%;
          text-align: left;
          border: none;
          padding: 20px 24px;
          position: relative;
          color: $textBlack;
          font-weight: $fontMedium;
          display: flex;
          justify-content: space-between;
          align-items: center;
          &::after {
              content: "";
              background: url(../images/icons/fp-left-arrow.svg) no-repeat center center;
              width: 9px;
              height: 17px;
              display: block;
          }
       }
       + {
        .nav-item {
          .nav-link {
            &::before {
              width: calc(100% - 48px);
              margin: 0 24px;
              content: "";
              position: absolute;
              top: 0;
              height: 1px;
              left: 0;
              background: $bgLightPink;
            }
          }
        }
      }
    }
  }
  .tab-content {
    .tab-pane {
      border: none;
      .accordion-header {
        .accordion-button {
          border-radius: 0;
          padding: 16px 12px;
          border-top: solid $bgLightPink 1px;
          background: transparent;
            &:focus,&:focus-within,&:active {
              background: none;
              box-shadow: none;
            }
            &:not(.collapsed) {
              color: $textPink;
              &::after {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231E0F21' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
              }
            }
          }
        }
       .accordion-body {
        padding: 20px 12px 0px 12px;
        .fp-sidebar {
          margin: 20px 0 0 0;
          .fp-cmn-form {
            border: none;
            margin: 0;
            padding-bottom: 20px;
            form {
              .form-group {
                .form-control {
                   background: $bgLightPurple;
                }
              }
            }
          }
        }
        .fp-sidebar-list {
          ul {
            list-style: none;
            li {
              width: 100%;
              padding: 12px 0;
              @media only screen and (max-width: $md_991) {
                 padding: 8px 0;
              }
              a {
                color: $textBlack;
              }
              + li {
                border-top: solid $bgLightPink 1px;
              }
            }
          }
        }
      }
    }
    @media only screen and (max-width: $md_991) {
      > {
        .tab-pane {
          display: block;
          opacity: 1;
        }
      }
    }
  }
}