.tabs {
    background: #fff
}

.tabs .triggers-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center
}

.tabs .triggers-container li {
    display: flex;
    flex-flow: column nowrap
}

.tabs .triggers-container li .tab-trigger {
    text-align: center;
    font-family: "NNNittiGrotesk-Heading";
    font-size: 1.125rem;
    color: #9b9b9b;
    cursor: pointer;
    padding: 1.25rem 2px;
    margin: 0 1.25rem;
    transition: .3s;
    border-bottom: 1px solid transparent;
    margin: 0 .25rem
}

.tabs .triggers-container li .tab-trigger:hover {
    color: #ee7f00;
    border-bottom: 1px solid #ee7f00
}

.tabs .triggers-container li .tab-trigger.active {
    color: #ee7f00;
    border-bottom: 1px solid #ee7f00
}

.tabs .tab-content {
    display: none
}

.tabs .tab-content.active {
    display: block
}