.p-header {
    font-family: Poppins, Verdana, sans-serif;
    font-weight: 500;
    letter-spacing: 0.05rem;
    margin-bottom: 0;
}

.sub-header, .video-header {
    font-family: Poppins, Verdana, sans-serif;
}

.products, .zoom-on-hover {
    overflow: hidden;
}

.products .zoom-on-hover .img-fluid {
    transform: scale(1);
    transition: all 1s ease;
}

.products:hover .zoom-on-hover .img-fluid {
    transition: all 1s ease-out;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.products.distinction .card-title .img-fluid {
    content: url("../../assets/img/A1/bp-b1w.jpg");
}

.products.distinction:hover .card-title .img-fluid {
    content: url("../../assets/img/A1/bp-b1c.jpg");
}

.products.mpdoors .card-title .img-fluid {
    content: url("../../assets/img/A1/bp-b2w.jpg");
}

.products.mpdoors:hover .card-title .img-fluid {
    content: url("../../assets/img/A1/bp-b2c.jpg");
}

.products.neuma .card-title .img-fluid {
    content: url("../../assets/img/A1/bp-b3w.jpg");
}

.products.neuma:hover .card-title .img-fluid {
    content: url("../../assets/img/A1/bp-b3c.jpg");
}

.products.neulite .card-title .img-fluid {
    content: url("../../assets/img/A1/bp-b4w.jpg");
}

.products.neulite:hover .card-title .img-fluid {
    content: url("../../assets/img/A1/bp-b4c.jpg");
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #FFFFFF;
    background-color: #084994;
    border-color: #084994;
    border-radius: 0;
}

.nav-tabs .nav-link {
    background: #FFFFFF;
    border: 2px solid #084994;
    border-radius: 0;
    color: #084994;
}

.nav-tabs .nav-link:hover {
    background: #333333;
    border: 2px solid #333333;
    border-radius: 0;
    color: #FFFFFF;
}

@media (min-width: 375px) {
    h5, .h5 {
        font-size: 1rem;
    }

    .sub-header {
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        line-height: 1.3rem;
        font-weight: 600;
    }

    .sub-header > span {
        margin-left: 0;
        font-size: smaller;
    }

    .video-header {
        font-size: 0.8rem;
        letter-spacing: 0.1rem;
        line-height: 1.3rem;
        font-weight: 400;
    }

    .nav-tabs .nav-link {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

@media (min-width: 768px) {
    h5, .h5 {
        font-size: 1.25rem;
    }

    .sub-header {
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        line-height: 1.3rem;
        font-weight: 600;
    }

    .sub-header > span {
        margin-left: 0.5rem;
        font-size: smaller;
    }

    .video-header {
        font-size: 0.8rem;
        letter-spacing: 0.1rem;
        line-height: 1.3rem;
        font-weight: 400;
    }

    .nav-tabs .nav-link {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .sub-header {
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        line-height: 1.3rem;
        font-weight: 600;
    }

    .sub-header > span {
        margin-left: 0.5rem;
        font-size: smaller;
    }

    .video-header {
        font-size: 0.95rem;
        letter-spacing: 0.1rem;
        line-height: 1.3rem;
        font-weight: 400;
    }

    .nav-tabs .nav-link {
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
    }
}