/* --- Block Case Studies
-------------------------------------------------------- */

.wp-block-clients-case-studies {
    .swiper-pagination-bullet {
        background-color: var(--wp--preset--color--tertiary);
    }

    .swiper-slide {

        .animate-div {
            display: none;
            h6{
                animation: drop-in 800ms ease 100ms backwards;
            }

            p {
                animation: drop-in 600ms ease 300ms backwards;
            }
        }
        &:hover {
            .animate-div {
                display: block;
            }
        }

        .wp-block-cover__background {
            transition: opacity 0.3s;
        }

        .wp-block-cover__image-background {
            transition: .5s ease;

        }

        &:hover {
            .wp-block-cover__background {
                opacity: .5;
            }

            .wp-block-cover__image-background {
                transform: scale(1.05);
            }
        }
    }

    .swiper-slide-next {
        .animate-div {
                display: block;
        }

        .wp-block-cover__image-background {
            transition: 1s ease;
            transform: scale(1.1);
        }
    }

}

@keyframes drop-in {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translate(0px);
    }
}