.p-header {
    font-weight: 600;
    letter-spacing: 0.1rem;
    margin-bottom: 0;
}

.p-header, .sub-header, .card-title {
    font-family: Poppins, Verdana, sans-serif;
}

.card-title, .card-body {
    color: #181818;
    letter-spacing: 0.05rem;
    padding: 0.75rem 0.75rem;
    word-break: normal;
    overflow-wrap: normal;
}

.card-body .btn {
    color: #FFFFFF;
    border-radius: 0;
    background-color: #a0d3e8;
    font-weight: 600;
}

.products:hover .card-body .btn {
    background-color: #0c417d;
}

.img-thumbnail, .card {
    border-radius: 0;
}

@media (min-width: 375px) {
    .header-logo {
        content: url("../../assets/img/B3/header-mobile.jpg");
    }

    .card-title {
        font-size: 1.2rem;
        font-weight: 600;
        padding-top: 1.8rem;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .card-body {
        font-size: 0.95rem;
        font-weight: 300;
        padding-left: 0;
        padding-right: 0;
        min-height: 5.6rem;
    }
}

@media (min-width: 768px) {
    .header-logo {
        content: url("../../assets/img/B3/header-pad.jpg");
    }

    .card-title {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .card-body {
        min-height: 5rem;
    }
}

@media (min-width: 1200px) {
    .header-logo {
        content: url("../../assets/img/B3/header.jpg");
    }
}

.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);
}