.honeycombs-wrapper.style_2 .digr-honeycomb-item-style-1 { display: none !important; }
.honeycombs-wrapper.style_1 .digr-honeycomb-item-style-2 { display: none !important; }

/* Display contents fix for wrapper nodes intercepting grid/flex/absolute layout */
.honeycombs-wrapper .digr_honeycomb_item,
.honeycombs-wrapper .digr_honeycomb_item > .et_pb_module_inner,
.honeycombs-wrapper .digr_honeycomb_item > .et_pb_module_inner > .digr-honeycomb-item-inner {
    display: contents !important;
}

/*============================================================ Style - 1 =================================================*/
.honeycombs {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.digr_honeycomb .honey_item .et-pb-icon {
    margin-bottom: 10px;
}

.honeycombs .inner_span {
    display: flex !important;
    height: 100%;
    width: 100%;
    /* background-color: #f7cd07; */
    font-family: sans-serif;
    color: #000;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.honeycombs .honeycombs-inner-wrapper {
    display: inline-block;
    overflow: hidden;
    /* width: 700px; */
    position: relative;
    /* height: 1200px; */
}

.honeycombs .comb {
    position: absolute;
    display: inline-block;

}

.honeycombs .hex_l,
.honeycombs .hex_r {
    overflow: hidden;
    position: absolute;
    /* -webkit-backface-visibility: hidden; */
}

.honeycombs .hex_l {
    visibility: hidden;
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);
}

.honeycombs .hex_r {
    visibility: hidden;
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    -webkit-transform: rotate(-120deg);

    transform: rotate(-120deg);
}

.honeycombs .hex_inner {
    display: block;
    visibility: visible;
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* cursor: pointer; */
    overflow: hidden;

}

/*============== Style 1 ============*/
.comb .inner_span {
    transition: transform 450ms ease-in-out, opacity 450ms ease-in-out;
}

.comb .inner_span:hover {
    /* opacity: 0; */
}

/* left out */

.comb.left_out .inner_span {
    transform: translateX(0);

}

.comb.left_out:hover .inner_span {
    transform: translateX(100%);
}

/* right out */

.comb.right_out .inner_span {
    transform: translateX(0);

}

.comb.right_out:hover .inner_span {
    transform: translateX(-100%);
}

/* top out */

.comb.top_out .inner_span {
    transform: translateY(0);

}

.comb.top_out:hover .inner_span {
    transform: translateY(-100%);
}

/* bottom out */

.comb.bottom_out .inner_span {
    transform: translateY(0);

}

.comb.bottom_out:hover .inner_span {
    transform: translateY(100%);
}

/* zoom out */

.comb.zoom_out .inner_span {
    transform: scale(1);

}

.comb.zoom_out:hover .inner_span {
    transform: scale(0);
}

/*============================================================ Style - 2 =================================================*/

.honeycombs {
    width: 100%;
}

/* style 2*/
.honeycombs.style_2 .honeycomb {
    width: 100% !important;
    height: 100% !important;
}

.honeycombs.style_2 {
    overflow: visible;
}

.honeycombs.style_2 a {
    position: absolute;
    width: 100%;
    height: 200%;
    transform: scale(1.03);
    z-index: 1;
}

.honeycomb {
    --width: 250px;
    --margin-topBottom: 25px;
    --margin-leftRight: 12.5px;
    --transition: 400ms;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    transform: translateY(34.375px);
}

.honeycomb-cell,
.honeycomb-cell .honeycomb-cell__title,
.honeycomb-cell .honeycomb-cell__content,
.honeycomb-cell:before,
.honeycomb-cell::after {
    transition: var(--transition);
}

.honeycomb-cell {
    flex: 0 1 var(--width);
    max-width: var(--width);
    height: calc(var(--width) / 2 + var(--margin-leftRight));
    /* margin: 65.4761904762px 12.5px 25px; */
    margin: calc(var(--width)/4) var(--margin-leftRight) var(--margin-topBottom);
    position: relative;
    padding: 0.5em;
    text-align: center;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.honeycomb-cell__title {
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    color: #fff;
    font-weight: 700;
    font-size: 1.75em;

}

.honeycomb-cell__title>small {
    font-weight: 300;
    margin-top: 0.25em;
}

.honeycomb-cell__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.honeycomb-cell::before,
.honeycomb-cell::after {
    content: "";
}

.honeycomb-cell::before,
.honeycomb-cell::after,
.honeycomb-cell__image {
    top: -50%;
    left: 0;
    width: 100%;
    height: 200%;
    display: block;
    position: absolute;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    z-index: -1;
}

.honeycomb-cell::before {
    background: #fff;
    transform: scale(1.055);
}

.honeycomb-cell::after {
    /* background: #3ea0eb; */
    /* opacity: 0.5; */
}

.honeycomb__placeholder {
    display: none;
    opacity: 0;
    width: var(--width);
    margin: 0 calc(var(--margin-topBottom) /2);
}

@media (max-width: 550px) {
    .honeycomb-cell {
        /* margin: 81.25px var(--margin-topBottom); */
        margin: calc(var(--width) / 4 + var(--margin-topBottom)) var(--margin-topBottom);
    }
}

@media (min-width: 550px) and (max-width: 825px) {
    .honeycomb-cell:nth-child(3n),
    .digr_honeycomb_item:nth-child(3n) .honeycomb-cell {
        margin-right: calc(50% - calc(var(--width)/2));
        margin-left: calc(50% - calc(var(--width)/2));
    }

    .honeycomb__placeholder:nth-child(3n+5) {
        display: block;
    }
}

@media (min-width: 825px) and (max-width: 1100px) {
    .honeycomb-cell:nth-child(5n+4),
    .digr_honeycomb_item:nth-child(5n+4) .honeycomb-cell {
        margin-left: calc(50% - (calc(var(--width) + var(--margin-topBottom))));
        /* background: red !important; */
    }

    .honeycomb-cell:nth-child(5n+5),
    .digr_honeycomb_item:nth-child(5n+5) .honeycomb-cell {
        margin-right: calc(50% - (calc(var(--width) + var(--margin-topBottom))));
    }

    .honeycomb__placeholder:nth-child(5n),
    .honeycomb__placeholder:nth-child(5n+3) {
        display: block;
    }
}

@media (min-width: 1100px) {
    .honeycomb-cell:nth-child(7n+5),
    .digr_honeycomb_item:nth-child(7n+5) .honeycomb-cell {
        margin-left: calc(50% - (calc(var(--width) + var(--width) / 2 + var(--margin-topBottom))));
    }

    .honeycomb-cell:nth-child(7n+7),
    .honeycomb-cell:nth-child(7n+5):nth-last-child(2),
    .digr_honeycomb_item:nth-child(7n+7) .honeycomb-cell,
    .digr_honeycomb_item:nth-child(7n+5):nth-last-child(2) .honeycomb-cell {
        margin-right: calc(50% - calc(var(--width) + var(--width) / 2 + var(--margin-topBottom)));
    }

    .honeycomb__placeholder:nth-child(7n+7),
    .honeycomb__placeholder:nth-child(7n+9),
    .honeycomb__placeholder:nth-child(7n+11) {
        display: block;
    }
}


/*============ Hover style ===============*/
.honeycomb-cell:hover .honeycomb-cell__content {
    opacity: 0;
    transform: scale(0);
}

.honeycomb-cell:hover::after {
    opacity: 0;
}