﻿#ProductCarouselIndicators {
    opacity: 1;
}

    #ProductCarouselIndicators .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -70px;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none;
    }

    #ProductCarouselIndicators .carousel-item-col-middle, #ProductCarouselIndicators .carousel-item-col-first, #ProductCarouselIndicators .carousel-item-col-last {
        width: 280px;
        height: 310px;
        background-color: #FFFFFF;
        border: 1px solid #DADEDB;
    }

        #ProductCarouselIndicators .carousel-item-col-middle:hover {
            border: 1px solid #009844;
            transition: .3s ease-in-out;
            color: #009844;
        }

    #ProductCarouselIndicators .carousel-item-img {
        text-align: center;
    }

        #ProductCarouselIndicators .carousel-item-img > img {
            width: 100%;
        }

    #ProductCarouselIndicators .carousel-item-title {
        font-size: 1.25rem;
        height: 50px;
        padding: 0px 10px;
        display: flex;
        flex-grow: 1;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        #ProductCarouselIndicators .carousel-item-title:hover {
            color: #009844;
        }

    #ProductCarouselIndicators .carousel-control-next, #ProductCarouselIndicators .carousel-control-prev {
        width: 17%;
        opacity: 1;
    }

    #ProductCarouselIndicators .carousel-control-next {
        background-image: linear-gradient(to right, hsla(0,0%,100%,0), transparent 10%, #DADEDB 50%);
        opacity: 1;
    }

    #ProductCarouselIndicators .carousel-control-prev {
        background-image: linear-gradient(to left, hsla(0,0%,100%,0), transparent 10%, #DADEDB 50%);
        opacity: 1;
    }

    #ProductCarouselIndicators .carousel-control-next:hover {
        background-image: linear-gradient(to right, hsla(0,0%,100%,0), transparent 10%, #DADEDB 50%);
        opacity: 1;
    }

    #ProductCarouselIndicators .carousel-control-prev:hover {
        background-image: linear-gradient(to left, hsla(0,0%,100%,0), transparent 10%, #DADEDB 50%);
        opacity: 1;
    }

    #ProductCarouselIndicators .carousel-control-prev-icon {
        position: absolute;
        left: 50%;
    }

    #ProductCarouselIndicators .carousel-control-next-icon {
        position: absolute;
        right: 50%;
    }

        #ProductCarouselIndicators .carousel-control-next-icon:after {
            content: '\f061';
        }

    #ProductCarouselIndicators .carousel-control-prev-icon:after {
        content: '\f060';
    }

    #ProductCarouselIndicators .carousel-control-next-icon:after, #ProductCarouselIndicators .carousel-control-prev-icon:after {
        font-family: "Font Awesome 5 Free";
        font-size: 25px;
        font-weight: 700;
        color: #009844;
        background-color: #FFFFFF;
        padding: 10px 12px;
        border-radius: 50%;
        border: 1px solid #DADEDB;
    }

    #ProductCarouselIndicators .carousel-control-next-icon:hover:after, #ProductCarouselIndicators .carousel-control-prev-icon:hover:after {
        background-color: #009844;
        color: #FFFFFF;
    }

    #ProductCarouselIndicators .carousel-indicators [data-bs-target] {
        width: 8px;
        height: 8px;
        border-radius: 50%
    }

        #ProductCarouselIndicators .carousel-indicators [data-bs-target].active {
            width: 12px;
            height: 12px;
            background-color: #009844;
        }

#PCIRWD {
    display: none;
}

#ProductCarouselIndicatorsRWD {
    opacity: 1;
}

    #ProductCarouselIndicatorsRWD .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -70px;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none;
    }

    #ProductCarouselIndicatorsRWD .carousel-item-col-middle, #ProductCarouselIndicatorsRWD .carousel-item-col-first, .carousel-item-col-last {
        width: 280px;
        height: 310px;
        background-color: #FFFFFF;
        border: 1px solid #DADEDB;
    }

        #ProductCarouselIndicatorsRWD .carousel-item-col-middle:hover {
            border: 1px solid #009844;
            transition: .3s ease-in-out;
            color: #009844;
        }

    #ProductCarouselIndicatorsRWD .carousel-item-img {
        text-align: center;
    }

        #ProductCarouselIndicatorsRWD .carousel-item-img > img {
            width: 100%;
        }

    #ProductCarouselIndicatorsRWD .carousel-item-title {
        font-size: 1.25rem;
        height: 50px;
        padding: 0px 10px;
        display: flex;
        flex-grow: 1;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        #ProductCarouselIndicatorsRWD .carousel-item-title:hover {
            color: #009844;
        }

    #ProductCarouselIndicatorsRWD .carousel-control-next, #ProductCarouselIndicatorsRWD .carousel-control-prev {
        width: 17%;
        opacity: 1;
    }

    #ProductCarouselIndicatorsRWD .carousel-control-next {
        background-image: none;
        opacity: 1;
    }

    #ProductCarouselIndicatorsRWD .carousel-control-prev {
        background-image: none;
        opacity: 1;
    }

    #ProductCarouselIndicatorsRWD .carousel-control-next:hover {
        background-image: none;
        opacity: 1;
    }

    #ProductCarouselIndicatorsRWD .carousel-control-prev:hover {
        background-image: none;
        opacity: 1;
    }

    #ProductCarouselIndicatorsRWD .carousel-control-prev-icon {
        position: absolute;
        left: 5px;
    }

    #ProductCarouselIndicatorsRWD .carousel-control-next-icon {
        position: absolute;
        right: 20px;
    }

        #ProductCarouselIndicatorsRWD .carousel-control-next-icon:after {
            content: '\f061';
        }

    #ProductCarouselIndicatorsRWD .carousel-control-prev-icon:after {
        content: '\f060';
    }

    #ProductCarouselIndicatorsRWD .carousel-control-next-icon:after, #ProductCarouselIndicatorsRWD .carousel-control-prev-icon:after {
        font-family: "Font Awesome 5 Free";
        font-size: 25px;
        font-weight: 700;
        color: #009844;
        background-color: #FFFFFF;
        padding: 10px 12px;
        border-radius: 50%;
        border: 1px solid #DADEDB;
    }

    #ProductCarouselIndicatorsRWD .carousel-control-next-icon:hover:after, #ProductCarouselIndicatorsRWD .carousel-control-prev-icon:hover:after {
        background-color: #009844;
        color: #FFFFFF;
    }


@media (max-width: 768px) {
    #PCI {
        display: none;
    }

    #PCIRWD {
        display: block;
    }
}
