.stack-tab-containertwo {
    position: relative;
    width:100%;
    max-width:1320px;
    display:flex;
    justify-content:center;
    margin:auto;
    margin-bottom:20px;
   /* margin-top: 5rem;*/
  }
  .stack-tab-containertwo .tab-bartwo {
    background: transparent;
    overflow: hidden;
    padding-right: 25px;
  }
  .stack-tab-containertwo .left-arrowtwo,
  .stack-tab-containertwo .right-arrowtwo {
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    display: none;
    align-items: center;
    padding: 0 10px;
    pointer-events: none;
  }


  .stack-tab-containertwo .right-arrowtwo {
    right: 0;
    justify-content: flex-end;
    background: linear-gradient(to left, var(--white) 20%, transparent);
  }
  .stack-tab-containertwo .left-arrowtwo {
    background: linear-gradient(to right, var(--white) 20%, transparent);
  }
  .stack-tab-containertwo .right-arrowtwo.active,
  .stack-tab-containertwo .left-arrowtwo.active {
    display: flex;
  }
  
  .stack-tab-containertwo i {
    width: 40px;
    height: 40px;
    padding: 8px;
    cursor: pointer;
    pointer-events: auto;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    z-index: 1;
    background-color:var(--black);
    color:var(--white);
    transition:all ease .3s;
  }

  .stack-tab-containertwo i:hover{
    background-color:var(--principal);
    color:var(--white);
  }
  
  .stack-tab-containertwo ul.tabstwo {
    display: flex;
    gap:30px;
    margin: 0;
    padding-top: 16px;
    padding-bottom: 12px;
    list-style: none;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
  }
  .stack-tab-containertwo ul.dragging {
    scroll-behavior: auto;
    cursor: pointer;
  }
  .stack-tab-containertwo ul::-webkit-scrollbar {
    display: none;
  }
  .stack-tab-containertwo .tabtwo {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    border-radius:10px;
    color:var(--white);
    padding:15px 30px;
    margin-bottom: 5px;
    margin-right: 5px;
    user-select: none;
    white-space: nowrap;
    text-decoration: none;
    transition:all ease .3s;
    border: 1px solid var(--white);
  }
 /* .stack-tab-container .tab:hover{
    border: 1px solid var(--principal);
    color: var(--principal);
    background: var(--white);
    
    }*/

    .stack-tab-containertwo a {
      display: inline-block;
      font-size: 18px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.6);
      border-radius:10px;
      color:var(--white);
      padding:15px 30px;
      margin-bottom: 5px;
      margin-right: 5px;
      user-select: none;
      white-space: nowrap;
      text-decoration: none;
      transition:all ease .3s;
    }

    .stack-tab-containertwo img{
      width:150px;z-index:-1;
    }

   /* .stack-tab-container a.tab.active {
      border: 1px solid var(--principal);
      color: var(--principal);
      background: var(--principalBgExtraLight);
    }*/
  


  @media(max-width:1225px){
    .stack-tab-containertwo .left-arrowtwo{
      margin-left:0px;
    }
  
    .stack-tab-containertwo .right-arrowtwo{
      margin-right:0px;
    }
  }

  @media(max-width:1400px){
    .stack-tab-containertwo {
        max-width:1280px;
    }
  }


  @media(max-width:400px){
    .stack-tab-containertwo img{
      width:200px;
    }
    .stack-tab-containertwo .tabtwo{
      padding: 15px;
    }
  }