/* Content 1 */
.nav-pills .nav-link {
    color: var(--grey);
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: 400;
    opacity: 0.5;
    padding-left: 0;
}

.nav-pills .nav-link.active {
    background-color: transparent;
    color: var(--accent);
    opacity: 1;
}

.nav-link {
    width: 100%;
}

.c1-border-right {
    height: 500px;
    border-right: 1px solid rgba(30, 134, 128, 0.5);
    overflow-x: scroll;
}

.c1-pdf {
    width: 100%;
    height: 85vh;
}

.c1-hr {
    border-top: 1px solid rgba(30, 134, 128, 0.5);
}

/* Content 2 */
#content2 {
    background: url(../../front_assets/img/product/b/c2-bg.webp) no-repeat center
        center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.c2-carousel img {
    width: 1000px;
    height: 58vh;
    object-fit: cover;
    object-position: center;
}

.c2-carousel .slick-prev {
    left: 2rem;
    z-index: 100;
}

.c2-carousel .slick-next {
    right: 2rem;
    z-index: 100;
}

.c2-carousel .slick-prev:before {
    color: var(--accent);
    content: "\f060";
    font-family: "Font Awesome 5 Free";
    font-size: 2.7rem;
    font-weight: 900;
    opacity: .5;
}

.c2-carousel .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    font-size: 2.7rem;
    color: var(--accent);
    opacity: .5;
}

/* Content 3 */
.c3-partner-img {
    width: 175px;
    height: 175px;
    object-fit: contain;
}

.c3-background {
    position: absolute;
    z-index: -1;
    width: 75%;
    left: 11%;
    bottom: -63%;
}

@media only screen and (max-width: 967.92px) {

    .nav-link {
        width: auto;
    }

    /* Content 1 */
    .c1-border-right {
        border-right: none;
        height: 115px;
        overflow-y: scroll;
    }

    /* Content 2 */
    .c2-carousel img {
        width: 700px;
        height: 350px;
        object-fit: cover;
    }

    /* Content 3 */
    .c3-background {
        display: none;
    }

}


@media only screen and (max-width: 767.92px) {

    .c1-pdf {
        height: 70vh;
    }

    /* Content 2 */
    .c2-carousel img {
        width: 300px;
        height: 300px;
        object-fit: cover;
    }
}