.tp-carousel .imageCarousel {
    transform: scale(1);
    height: auto;
    width: 100%;
    margin: 0 auto;
    object-fit: contain;
    transition: opacity .35s, transform .35s;
}

.tp-carousel .imageCarouselRounded {
    border-radius: var(--rounded-3xl);
}

.tp-carousel .imageCarouselZoom:hover {
    transform: scale(1.15);
    z-index: 2;
    transition: 300ms linear;
}

.tp-carousel .tp-video-media {
    aspect-ratio: 16/9;
    width: 100%;
    /*    overflow: hidden*/
}

.tp-carousel .carousel-non-active {
    pointer-events: none;
}

.tp-carousel .tp-carousel-video-carousel {
    border: 0;
    width: 100%;
    height: 100%
}

.tp-carousel .carousel-active .imageCarousel {
    z-index: 10;
    animation: fade-in-tpCarousel 0.8s forwards;
    position: relative;
}

.tp-carousel .tp-carousel-base-container {
    padding: 5.5% 0%;
}

.tp-carousel .carouselContent {
    position: relative;
}

.tp-carousel .carousel-active .tp-carousel-image-title {
    z-index: 10;
    animation: fade-in-tpCarousel 0.8s forwards;
    position: relative;
}

.tp-carousel .tp-carousel-image-title {
    position: absolute;
    bottom: 4%;
    margin: 0 4%;
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    font-family: var(--font-noto);
    color: var(--text-color);
    animation: fade-inn-tpCarousel 0.8s forwards;
}

.tp-carousel .ts-carousel .tns-outer .p-arrows {
    padding: 0rem 1.875rem;
}

@keyframes fade-in-tpCarousel {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.5);
    }
}


@media (min-width: 1024px) {
    .tp-carousel .imageCarousel {
        animation: fade-inn-tpCarousel 1s forwards;
    }
}

@keyframes fade-inn-tpCarousel {
    0% {
        transform: scale(1.5);
    }

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

@media (max-width: 575.98px) {
    .tp-carousel .tp-carousel-image-title {
        font-size: 2rem;
    }

    .tp-carousel .carousel-active .tp-carousel-image-title {
        position: absolute;
    }

    @keyframes fade-in-tpCarousel {
        0% {
            transform: scale(0.5);
        }

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

    @keyframes fade-inn-tpCarousel {
        0% {
            transform: scale(1);
        }

        100% {
            transform: scale(0.5);
        }
    }
}

@media (min-width: 768px) {
    .tp-carousel .tp-carousel-image-title {
        font-size: 1.2rem;
    }
}