.aside-tabs-horizontal{
  background: linear-gradient(122.35deg, #04F5C4 20.93%, #04F5C4 44.05%, #FFDCDB 67.16%, #E945CC 82.57%, #490A75 97.98%);
  .background__top, .background__bottom{
    position:absolute;
    width: calc(var(--size) * 5);
    height: calc(var(--size) * 1);
    background: white;
  }
  .background__top{
    top: 0;
    right: calc(var(--size) * 1);
    
  }
  .background__bottom{
    bottom:0;
    left:0;
    width: calc(var(--size) * 4);
  }
  .tabpanel{
    padding: calc(var(--size) * 1) calc(var(--size) * 0.5);
  }
  ul.tabs-nav {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    button{
      font-family: var(--funnel);
      font-weight: 600;
      font-size: calc( var(--font) * 0.26);
      width: calc( var(--font) * 4);
      border: 1px solid black;
      border-bottom:0;
      border-right:0;
      padding: calc(var(--size) * 0.37 ) calc(var(--size) * 0.50 );
      background-color: transparent;
      min-height: 100%;
      
      &[aria-selected="true"]{
        border-color:white;
        background-color: white;
      }
    }
    li:last-child button:not([aria-selected="true"]){
        border-right: 1px solid black;
    }
    
    li:has([aria-selected="true"]) + li button{
        border-left: none;
    }
  }
  .subFlex {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
  .t-section-title {
    max-width: calc(var(--size) * 7);
  }
  h3{
    margin-bottom:calc( var(--size) * 0.2);
  }
  p{ 
   font-size: calc( var(--font) * 0.18);
    &:last-child{
     margin-bottom:0;
    }
  }
  .t-grid {
    gap: calc( var(--size) * 1);
    padding-top: calc( var(--size) * 1);
  }
  .section__text {
    margin: 0 !important;
    padding: calc(var(--size) * 1) 0 0 0;
    gap: calc(var(--size) * 0.5);
    @media (max-width: 768px) {
      gap: calc(var(--size) * .5);
    }
    h2{
      font-family: var(--funnel);
      font-weight: 600;
      font-size: calc( var(--font) * 0.26);
      margin: 0 0 calc(var(--size) * 0.25 ); 0 ;
    }
    p, ul, li{
      margin: 0;
      font-family: var(--jakarta);
      font-weight: 400;
      font-size: calc( var(--font) * 0.22);
      margin-bottom: calc(var(--size) * 0.25 );
      @media (max-width: 768px) {
        font-size: calc( var(--font) * 0.2);
      }
    }
    hr{
      margin-bottom: calc(var(--size) * 0.25 );
    }
    ul[style="list-style-type: square;"] {
      list-style-type: none !important;
      padding: 0;
      li{
        position: relative;
        padding: 0 0 0 calc( var(--size) * 0.25);
      }
      li:before{
        content: "";
        position:absolute;
        top: calc( var(--font) * 0.12);
        left:0;
        width:  calc( var(--size) * 0.04);
        height:  calc( var(--size) * 0.04);
        background: black;
      }
    }
  }
}

@media (max-width: 768px) {
  
  .aside-tabs-horizontal {
    background: linear-gradient(161.72deg, #04F5C4 36.55%, #04F5C4 61.24%, #FFDCDB 85.93%, #E945CC 102.38%, #490A75 118.84%);
    background: linear-gradient(
127deg, #04F5C4 36.55%, #04F5C4 61.24%, #FFDCDB 85.93%, #E945CC 102.38%, #490A75 118.84%);
      .tabpanel{
        padding:calc(var(--size) * 0.5);
      }
    
      ul.tabs-nav {
        li{
          width: 50%;
        }
        button{
          font-family: var(--funnel);
          font-weight: 600;
          font-size: calc( var(--font) * 0.18);
          padding: calc(var(--size) * 0.25 ) calc(var(--size) * 0.40 );
          line-height: 140%;
          width: 100%;
        }

      }
  
  .background__top{
    top: 0;
    right: 0;
    width: calc(var(--size) * 2);
    
  }
  
  .background__bottom{
    bottom:0;
    left:auto;
    right:0;
    width: calc(var(--size) * 0.5);
  }
  
  .t-section-title._small{
    height: calc(var(--size) * 2);
  }
}