.cigar-family-block {
    position: relative; height: 70vh;
    width: 100%; margin: 0px; padding: 0px;
    min-height: 250px;
    max-height: 600px;
}

    .cigar-family-block .family-carousel .rotating-header-product .product-image {
        width: 100%; height: 100%; position: relative;
    }
        .cigar-family-block .family-carousel .rotating-header-product .product-image img {
            width: 100%; height: auto; position: absolute; top: 0px; left: 0px;
        }

        .cigar-family-block .family-carousel .rotating-header-product .product-color {
            display: none;
        }

    .cigar-family-block .family-carousel .rotating-header-product .text-overlay {
        display: none;
    }

    .cigar-family-block .family-carousel {
        display: flex;
        position: relative;
        width: 100%;
        flex-direction: row-reverse;
        margin: auto;
        overflow: hidden;
        height: 70%;
        max-width: 1250px;
        min-width: 1250px;
        background-position: center center;
        background-size: cover;
        transition: transform 0.4s ease;

    }

    .cigar-family-block .family-carousel
    .rotating-header-product {
        flex: 0 0 auto;
        width: 10.4%;
        height: 105%;
        position: relative;
        margin-left: -3.0%;
        margin-top: 40px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
        transition: transform 0.2s ease;
    }
        .cigar-family-block .family-carousel
        .rotating-header-product:hover {
            margin-top: 0px; z-index: 100;
        }

        .cigar-family-block .family-carousel .rotating-header-product:last-child {
            margin-left: 0px;
            margin-top: 0px;
        }

    .cigar-family-block .family-controls {
        width: 100%;
        height: 30%;
        padding: 0px;
        margin: 0px;
        position: relative;
        background-color: white;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.8);
    }


        .cigar-family-block .family-controls .left-arrow {
            position: absolute; left: 40px; top: 50%;
            transform: translateY(-50%); height: auto; width: auto;
            cursor: pointer;
            z-index: 10;

        }
        .cigar-family-block .family-controls .right-arrow {
            position: absolute;
            right: 40px;
            top: 50%;
            transform: translateY(-50%);
            height: auto;
            width: auto;
            cursor: pointer;
            z-index: 10;
        }
        .cigar-family-block .family-controls .content-area {
            width: 100%; padding: 0px 40px;
            max-width: 1250px; position: absolute; top: 50%; left: 50%;
            transform: translate(-50%, -50%);
        }
            .cigar-family-block .family-controls .content-area h2 {
                font: 600 30px HalisGR-Regular;
                text-align: center;
                color: white; margin: 0px;
            }