#inner__header .nav__ul li:nth-child(2) a{
    color: var(--color-accent);
}

#inner__header .nav__ul li:nth-child(2) a::before{
    display: block;
}

#section__hero{
    background-color: var(--color-secondary);
    padding-top: calc(60px + 5%);
    min-height: 50vh;
    h1{
        color: var(--color-accent);
    }
    h2{
        color: var(--color-white);
    }
    h2 strong{
        color: var(--color-primary-light);
        font-weight: unset;
    }
    p{
        color: var(--color-white);
        font-size: var(--size-md);
    }
}

.hide__category .card__category{
    display: none;
}

#section__intro {
  ul{
    padding:0% 10% 5% 10%;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: start;
	  gap:30%;
    li {
      width: calc((100% - 30%) / 2);
	    margin-bottom: 1rem;
	    z-index:1;
    }
    li:nth-child(even){
      margin-top:20%;
    }
  }
}