/*Hero Image  - Services Category Page (Removed)*/
.product-category-banner-row {
    position: relative;
    height: 550px;
    max-height:550px;
}

    .product-category-banner-row::before {
        content: "";
        background-image: url("/-/media/Feature/Page Content/images/banner-bg-webp.webp");
        background-size: contain;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.35;
    }

    .product-category-banner-row .banner {
        overflow: hidden;
        height: 100%;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02), 0 3px 6px rgba(0, 0, 0, 0.07);
    }

    .product-category-banner-row .banner-left {
        width: 45%;
        background-color: #e3f2fb90;
    }

    .product-category-banner-row .banner-image-container {
        height: 100%;
        position: relative;
    }

    .product-category-banner-row .banner-image {
        position: absolute;
        object-fit: cover;
        height: 100%;
        width: 100%;
        -webkit-mask: linear-gradient( -70deg, transparent 27%, #fff 27%) top right;
        -webkit-mask-size: 2000px 2000px;
    }

    .product-category-banner-row .banner-text-container {
        width: 55%;
        background-color: #e3f2fb90;
        text-align: justify;
    }

        .product-category-banner-row .banner-text-container h1 {
            font-size: 38px;
            font-weight: 400;
            text-align: left;
            font-family: var(--font-noto);
            color: #002f6d;
        }

        .product-category-banner-row .banner-text-container p {
            font-size: 24px;
            max-width: 800px;
            font-weight: normal;
            line-height: normal;
            overflow: unset;
            display: block;
            color: #444444;
            text-align: left;
            width: 90%;
            margin-bottom: .8rem !important;
        }

    .product-category-banner-row .btn {
        background: var(--primary-green);
        border: none;
        color: white;
        font-weight: 600;
        margin: 0 auto;
        font-size: 16px;
    }

@media (orientation: portrait) {
    .product-category-banner-row {
        min-height: 300px !important;
    }
}

@media only screen and (min-width: 992px) {
    .product-category-banner-row {
        max-height: 600px;
    }
}
@media (max-width: 1536px) {
    .product-category-banner-row {
        padding: 2.5rem !important;
        max-height: 550px;
    }

        .product-category-banner-row .banner-text-container {
            padding: 0 !important
        }

            .product-category-banner-row .banner-text-container h1 {
                font-size: 32px;
            }

            .product-category-banner-row .banner-text-container p {
                font-size: 18px;
                padding-right: 1rem;
                width: 90%;
            }
}

@media (max-width:1366px) {

    .product-category-banner-row {
        padding: 2rem !important;
        max-height: 480px;
    }

        .product-category-banner-row .banner-text-container {
            padding: 0 !important
        }

            .product-category-banner-row .banner-text-container h1 {
                font-size: 25px;
                line-height:36px;
            }

            .product-category-banner-row .banner-text-container p {
                font-size: 16px;
                padding-right: 1rem;
                width: 90%;
            }
}

@media (max-width: 1199.98px) {


    .product-category-banner-row .banner-text-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

        .product-category-banner-row .banner-text-container h1 {
            font-size: 32px;
        }

        .product-category-banner-row .banner-text-container p {
            font-size: 1rem;
        }

    .product-category-banner-row .green-button {
        font-size: 1rem;
        min-width: 200px;
    }
    .product-category-banner-row {
        max-height: 395px;
    }
}

@media (max-width: 991.98px) {
    .product-category-banner-row {
        padding: 0.25rem !important
    }

        .product-category-banner-row .banner-text-container h1 {
            font-size: 30px;
        }

        .product-category-banner-row .banner-text-container p {
            font-size: 14px;
        }

        .product-category-banner-row .green-button {
            font-size: 0.25rem;
            min-width: 100px;
        }
    .product-category-banner-row {
        max-height: 320px !important;
    }
}

@media (max-width: 767.98px) {
    .product-category-banner-row {
        display: none
    }
}