﻿
/* testimonial */
.testimonial-item {
    position: relative;
    text-align: center;
}

.testimonial-carousel .owl-stage {
    display: flex;
}

.testimonial-carousel .owl-dots {
    margin-top: 1.5rem;
    text-align: center;
}

@media (min-width: 768px) {
    .testimonial-carousel .owl-dots {
        margin-top: 3rem;
    }
}

.testimonial-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 767.98px) {
    .testimonial-carousel .owl-nav {
        display: none;
    }
}

.testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next {
    position: absolute;
    color: #767D7D;
    transition: color 0.3s, transform 0.3s;
}

    .testimonial-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover {
        color: #1B2020;
    }

    .testimonial-carousel .owl-nav .owl-prev .owl-prev-icon, .testimonial-carousel .owl-nav .owl-prev .owl-next-icon, .testimonial-carousel .owl-nav .owl-next .owl-prev-icon, .testimonial-carousel .owl-nav .owl-next .owl-next-icon {
        display: block;
        font-size: 1.5rem;
        padding: 0.5rem;
        width: 4rem;
    }

.testimonial-carousel .owl-nav .owl-prev {
    left: 0;
}

    .testimonial-carousel .owl-nav .owl-prev:hover {
        -webkit-transform: translate(-0.5rem);
        transform: translate(-0.5rem);
    }

.testimonial-carousel .owl-nav .owl-next {
    right: 0;
}

    .testimonial-carousel .owl-nav .owl-next:hover {
        -webkit-transform: translate(0.5rem);
        transform: translate(0.5rem);
    }

@keyframes content_moving {
    0% {
        opacity: 0;
        transform: translateY(2rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.testimonial-item .item-animated {
    opacity: 0;
    transition: all 0.5s;
    position: relative;
    z-index: 0;
}

.active .testimonial-item .item-animated {
    animation: content_moving;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.testimonial-card .testimonial-card-top {
    padding: 1.5rem 1.5rem 0.75rem 1.5rem;
    border-bottom: 1px solid #DCE0E0;
}

.testimonial-card .testimonial-card-description {
    padding: 0.75rem 1.5rem 1.5rem 1.5rem;
}

.testimonials-section {
    -webkit-mask-image: linear-gradient(0deg, transparent, #fff 20%, #000 100%, transparent);
    mask-image: linear-gradient(0deg, transparent, #fff 20%, #000 100%, transparent);
}

@media (min-width: 768px) {
    .testimonials-section {
        height: calc(100% - 30px);
        overflow: hidden;
    }
}

.testimonials-masonry-grid {
    column-count: 4;
    column-gap: 1.5rem;
}

@media (max-width: 1199.98px) {
    .testimonials-masonry-grid {
        column-count: 3;
    }
}

@media (max-width: 991.98px) {
    .testimonials-masonry-grid {
        column-count: 2;
    }
}

@media (max-width: 767.98px) {
    .testimonials-masonry-grid {
        column-count: 1;
    }
}

.testimonials-masonry-grid .testimonial-card {
    break-inside: avoid;
    margin-bottom: 1.5rem;
}

@media (max-width: 767.98px) {
    .testimonials-masonry-grid .testimonial-card:nth-child(even) {
        display: none;
    }
}
