.responsive-tab {
  ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px;
  }
  .tab-list-wrapper{
    width: 100%;
    background-color: var(--clr-primary-200);
    border-bottom: 4px solid var(--clr-primary-400);
  }
  .resp-tabs-list {
    position: relative;
    display: flex;
    bottom: -4px;
  }
  .resp-tabs-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    width: 100%;
    font-size: 15px;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    list-style: none;
    cursor: pointer;
    color: var(--clr-primary-800);
  }

  .resp-tabs-container { 
    margin-top: 10px;
    padding: 0px;
    clear: left;
  }

  h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
  }

  .resp-tab-content {
    display: none;
  }

  .resp-tab-active {
    border-bottom: 4px solid var(--clr-primary-500);
    color: var(--clr-primary-900);
  }


  .resp-content-active,
  .resp-accordion-active {
    display: block;
  }


  h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
  }

  /* h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
  } */

  h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
  }

  h2.resp-accordion{
    border-style: solid;
    border: 3px solid var(--clr-primary-500) !important;
    border-color: var(--clr-primary-500);
    border-radius: 20px;
    padding: 15px 30px !important;
    font-size: 16px !important;
    font-weight: 400;
    text-align: center;
    font-family: var(--ff-secondary);
    margin-bottom: 10px !important;
    &.resp-tab-active{
      background-color: var(--clr-primary-900);
    border: 3px solid var(--clr-primary-900) !important;
    color: var(--clr-neutral-100);
    }
  }
  /*-----------Accordion styles-----------*/

  /* h2.resp-tab-active {
    background: #dbdbdb !important;
  } */

  .resp-easy-accordion h2.resp-accordion {
    display: block;
  }

  .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
  }

  .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
  }

  .resp-jfit {
    width: 100%;
    margin: 0px;
  }

  .resp-tab-content-active {
    display: block;
  }

  /* h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
  } */
  /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
  @media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
      display: none;
    }

    h2.resp-accordion {
      display: block;
    }

    .resp-vtabs .resp-tab-content {
      border: 1px solid #c1c1c1;
    }

    .resp-vtabs .resp-tabs-container {
      border: none;
      float: none;
      width: 100%;
      min-height: initial;
      clear: none;
    }

    .resp-accordion-closed {
      display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
      border-bottom: 1px solid #c1c1c1 !important;
    }
  }
}