/* Image Accordion Item (Divi 5) — child styles intentionally minimal. */


.digr_image_accordion_item {
    --flex-grow: 5;
    --transition: 1s;
}

.digr_image_accordion_item,
.digr_img_accordion_item_wrapper,
.digr_accordion__img,
.digr_accordion__icon,
.digr_img_accordion_content {
    border-style: solid;
}

.digr_img_accordion_container .digr_image_accordion_item {
    position: relative;
    flex: 1 0 auto;
    text-align: center;
    text-decoration: none;
    transition: all var(--transition) ease-in-out;
    margin-bottom: 0 !important;

    overflow: hidden;
    cursor: pointer;
}

.digr_image_accordion_item>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all var(--transition);
}

.digr_image_accordion_item.digr_active {
    transition: all var(--transition);
    flex: var(--flex-grow) 0 auto !important;
}


.digr_img_accordion_item_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
}

.digr_img_accordion_container .digr_img_accordion_content {
    /* padding: 10px; */
    /* background: #000000c7; */
    /* transition: all .2s ease-in-out .2s !important; */
    position: relative;
}

.digr_accordion__img {
    max-width: 100%;
    object-fit: cover;
}

.digr_accordion_button {
    display: inline-block;
}



/* .content_default_anm .digr_img_accordion_content{
    
}
.content_default_anm:hover .digr_img_accordion_content {
    
  } */


/*============= if Dual switch is on then this animation apply there ================*/

@keyframes content_default_anm {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        /* transform: scale(1); */
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes fadeInTopLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInSwingLeft {
    0% {
        transform: translateX(-100%) scale(0);
        transition: .3s;
    }

    50% {
        transform: translateX(30%) scale(1.2);
        transition: .4s;
    }

    100% {
        transform: translateX(0) scale(1);
        transition: .5s;
    }
}

@keyframes fadeInTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%, 0);
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0, 0);
        transform: translateY(0);
    }
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%, 0);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0, 0);
        transform: translateY(0);
    }
}






/* style 13  */


/* style 14  */