.active:after {
        content: none !important;
    }

    .resourcenav-link.active {
        /*background-color: black !important;*/
        /*color: white !important;*/
        border:2px solid #000 !important;
    }

    .firstTab {
        background-color: #0d6cb9 !important;
        width: 200px;
        height:60px;
        text-align:center !important;
    }

    .firstTab.active {
        background-color: #005886 !important;
    }
    
    .secondTab {
        background-color: #048583 !important;
        width: 200px;
        height:60px;
        text-align:center;
    }
    
    .secondTab.active {
        background-color: #036d6b !important;
    }
    
    .thirdTab {
        background-color: #F15F37 !important;
        width: 200px;
        height:60px;
        text-align:center;
    }
    
    .thirdTab.active {
        background-color: #d04d2a !important;
    }
    
    .resourcenav-link {
        padding: 0.5rem 1rem !important;
        font-weight: normal !important;
        font-size: 1rem !important;
        margin-right: 10px !important;
        color: white !important;
        display: flex;
        align-items: center;
        text-align:middle !important;
    }
    
    .resourcenav-link:hover {
        text-decoration:none;
    }
    
    .resourcenav-link:hover:not(.active) {
        filter: brightness(120%);
    }
    
        .resourcenav-link.text-white {
            font: 100 16px 'open_sansregular', Arial, Helvetica, sans-serif !important;
            line-height: 1.5 !important;
        }

    .nav-tabs .resourcenav-link {
        border: none;
        border-top-left-radius: initial !important;
        border-top-right-radius: initial !important;
    }
    
    .nav-tabs{
        border-bottom: 3px solid #000 !important;
        padding-bottom: 1px !important;
    }

    .resource {
        padding-bottom: 10px;
    }

    .container {
        padding: 20px !important;
    }