.digr_scroll_image {
    --scroll-speed: 1200ms;
}



.digr_scroll_image,
.digr_scroll_image_badge,
.digr_scroll_overlay_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.digr_scroll_image {
    /* display: block; */
    position: relative;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.digr_scroll_item_container,
.digr_scroll_img_container,
.digr_scroll_image,
.digr_scroll_image_wrapper,
.digr_scroll_overlay_icon,
.digr_scroll_image_badge_wrap {
    border-style: solid;
}

.digr_scroll_overlay_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 999;
}

.digr_scroll_image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
}



.digr_scroll_item_container .digr_scroll_image_wrapper {
    overflow: hidden;
    position: relative;
    /* height: 350px; */
}

.digr_scroll_item_container .digr_scroll_image_wrapper .digr_scroll_image,
.digr_scroll_item_container .digr_scroll_image_wrapper .digr_scroll_image {
    height: 350px;
}

.digr_scroll_item_container .digr_scroll_image_wrapper.bottomToTop .digr_scroll_image {
    background-position-y: bottom !important;
    /* background-position: 100%;
    transition: background-position var(--scroll-speed) ease-in-out; */
    transition: var(--scroll-speed) ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
}

.digr_scroll_item_container:hover .digr_scroll_image_wrapper.bottomToTop .digr_scroll_image {
    background-position-y: top !important;
    transition: var(--scroll-speed) ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: 0%;
    transition: background-position var(--scroll-speed) ease-in-out; */
}

.digr_scroll_item_container .digr_scroll_image_wrapper.topToBottom .digr_scroll_image {
    background-position-y: top !important;
    transition: var(--scroll-speed) ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
}

.digr_scroll_item_container:hover .digr_scroll_image_wrapper.topToBottom .digr_scroll_image {
    background-position-y: bottom !important;
    transition: var(--scroll-speed) ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
}

.digr_scroll_item_container .digr_scroll_image_wrapper.leftToRight .digr_scroll_image {
    height: 350px;
    background-position: 100%;
    background-size: cover !important;
    transition: background-position var(--scroll-speed) ease-in-out;
}

.digr_scroll_item_container:hover .digr_scroll_image_wrapper.leftToRight .digr_scroll_image {
    transition: background-position var(--scroll-speed) ease-in-out;
    background-position: 0%;
    background-size: cover !important;
}

.digr_scroll_item_container .digr_scroll_image_wrapper.rightToLeft .digr_scroll_image {
    height: 350px;
    transition: background-position var(--scroll-speed) ease-in-out;
    background-position: 0%;
    background-size: cover !important;
}

.digr_scroll_item_container:hover .digr_scroll_image_wrapper.rightToLeft .digr_scroll_image {
    transition: background-position var(--scroll-speed) ease-in-out;
    background-position: 100%;
    background-position-y: center;
}



.digr_scroll_image_badge_wrapper {

    display: flex;
    height: 100%;
    width: 100%;
    z-index: 99;
}


.digr_scroll_image_badge_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
}

.digr_scroll_image_badge {

    height: fit-content;
    padding: 10px;
}
.digr_scroll_overlay_icon{
    transition: all 0.5s;
}