.tab-block-nav .nav .nav-link.active {
    color: var(--GC-White);
}

.tab.tab-block .tab-block-nav .nav .nav-item .nav-link {
    font-size: 1.2rem;
}

.tab.tab-block .tab-block-nav .nav .nav-item .nav-link {
    line-height: 2rem;
}

.tab.tab-block .tab-block-nav .nav .nav-item-navy .nav-link {
    border-top: 4px solid var(--bgh-light-blue);
    color: var(--GC-White) !important;
    background: var(--GC-Navy);
}

.tab.tab-block .tab-block-nav .nav .nav-item-pink .nav-link {
    border-top: 4px solid var(--GC-Navy);
    color: var(--GC-Navy) !important;
    background: var(--bgh-pink);
}

.tab.tab-block .tab-block-nav .nav .nav-item-yellow .nav-link {
    border-top: 4px solid var(--GC-Navy);
    color: var(--GC-Navy) !important;
    background: var(--bgh-yellow);
}

.tab.tab-block .tab-block-nav .nav .nav-item-light-blue .nav-link {
    border-top: 4px solid var(--GC-Navy);
    color: var(--GC-Navy) !important;
    background: var(--bgh-light-blue);
}

.tab.tab-block .tab-block-nav .nav .nav-item-orange .nav-link {
    border-top: 4px solid var(--GC-Navy);
    color: var(--GC-Navy) !important;
    background: var(--bgh-orange);
}

.tab.tab-block .tab-block-nav .nav .nav-item-purple .nav-link {
    border-top: 4px solid var(--GC-Navy);
    color: var(--GC-Navy) !important;
    background: var(--bgh-purple);
}

.tab.tab-block .tab-block-nav .nav .nav-item-green .nav-link {
    border-top: 4px solid var(--GC-Navy);
    color: var(--GC-Navy) !important;
    background: var(--bgh-green);
}

.tab.tab-block .tab-block-nav .nav .nav-item .nav-link.active:after {
    content: none;
}

.tab.tab-block .tab-block-nav .nav .nav-item .nav-link {
    font-size: 15.5px;
    font-family: var(--Header-Font);
    font-weight: 800;
    line-height: 3rem;
    position: relative;
    color: var(--GC-Navy);
    padding-left: 2rem;
    padding-right: 2rem;
}

    .tab.tab-block .tab-block-nav .nav .nav-item .nav-link.active:before, .tab.tab-block .tab-block-nav .nav .nav-item .nav-link:hover:before {
        background: var(--GCBF-Yellow) !important;
    }


.tab.tab-block .tab-content .tab-pane-navy {
    background: var(--GC-Navy);
}

    .tab.tab-block .tab-content .tab-pane-navy p {
        color: var(--GC-White);
    }

.tab.tab-block .tab-content .tab-pane-pink {
    background: var(--bgh-pink);
}

    .tab.tab-block .tab-content .tab-pane-pink p {
        color: var(--GC-Navy);
    }

.tab.tab-block .tab-content .tab-pane-yellow {
    background: var(--bgh-yellow);
}

    .tab.tab-block .tab-content .tab-pane-yellow p {
        color: var(--GC-Navy);
    }

.tab.tab-block .tab-content .tab-pane-light-blue {
    background: var(--bgh-light-blue);
}

    .tab.tab-block .tab-content .tab-pane-light-blue p {
        color: var(--GC-Navy);
    }

.tab.tab-block .tab-content .tab-pane-orange {
    background: var(--bgh-orange);
}

    .tab.tab-block .tab-content .tab-pane-orange p {
        color: var(--GC-Navy);
    }

.tab.tab-block .tab-content .tab-pane-purple {
    background: var(--bgh-purple);
}

    .tab.tab-block .tab-content .tab-pane-purple p {
        color: var(--GC-Navy);
    }

.tab.tab-block .tab-content .tab-pane-green {
    background: var(--bgh-green);
}

    .tab.tab-block .tab-content .tab-pane-green p {
        color: var(--GC-Navy);
    }

.banner-half {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 0;
    align-items: center;
    margin: 0px auto;
    padding: 0;
    color: #fff;
    min-height: 400px;
}

.banner-half-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.banner-half-content-detail {
    padding: 10%;
}

    .banner-half-content-detail p {
        color: var(--GC-Navy);
        font-size: 18px;
        font-weight: 800;
        line-height: 30px;
    }

.tab-pane .banner-half-bg {
    clip-path: unset;
}

@media screen and (max-width: 1200px) {
    .banner-half-content-detail {
        padding: 15%;
    }
}

@media screen and (max-width: 991px) {
    .banner-half {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    .banner-half-bg {
        height: 400px;
    }

    .banner-half-bg {
        grid-row: 2/3 !important;
    }

    .banner-half-content-detail {
        padding: 10%;
    }
}

@media screen and (max-width: 768px) {
    .tab.tab-block .tab-block-nav .nav .nav-item {
        width: 50%;
        text-align: center;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}

@media screen and (max-width: 460px) {
    .tab.tab-block .tab-block-nav .nav .nav-item {
        width: 100%;
        text-align: center;
        border-right: none;
    }
}