.skills-module{
  padding:13rem 0;
  background:var(--color-lightDark);
}
.skills-module .grid-wrapper{
  grid-gap:2.5rem;
}
.sup-title h3{
  margin:0;
  font-size: 1.6rem;
    font-weight: 500;
    border-bottom: 1px solid var(--color-green);
    display: inline-block;
    padding-right: 3rem;
    padding-bottom: 1.2rem;
    position: relative;
    margin-bottom: 2rem;
}
.sup-title h3::after {
    position: absolute;
    content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:%23b1e35d}</style><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg>');  
  background-repeat:no-repeat;
  background-position:center;
  width:1rem;
  height:1.5rem;
  font-weight: 600;
    font-size: 14px;
    color: var(--color-green);
    top: 2px;
    left: -30px;
}
.item-wrapper{
    border: 1px solid var(--color-grey);
    border-radius: 5px;
    padding: 4rem 4rem 4rem 7rem;
}
.title h2{
  font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.title span{
font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 2.5rem;
}
p{
font-size: 1.6rem;
    font-weight: 500;
}
.tabbed-content{
  overflow:hidden;
  color:#fff;
  border-radius:4px;
}
.tabs{
  display:flex;
  justify-content: center;
  margin:3rem 0 5.5rem;
  flex-wrap: wrap;
}
.tabs label div{
  cursor:pointer;
text-transform: capitalize;
    color: var(--color-white);
    margin: 5px 10px;
    font-weight: 500;
    border-radius: 5px;
    background: var(--color-grey);
    font-size: 1.6rem;
    padding: 1.8rem 4rem;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.tabs label div:hover{
background-color:var(--color-green);
  color:var(--color-dark);
}

.tabs label.active div{
background-color:var(--color-green);
  color:var(--color-dark);
}

.tabs input{
  display:none;
}

.tabs{
  overflow:hidden;
  padding:0 8px;
}

.tabContent{
  padding:0 16px;
  display:none;
  animation:fadeEffect .5s;
}
@media only screen and (max-width: 768px){

}
.tabContent.active{
  display:block;
}

@keyframes fadeEffect{
  0%{opacity:0}
  100%{opacity:1}
}