/* Shared client wall. The shared carousel remains the fallback below desktop. */
.feedback-wall__viewport {
    display: none;
}

@media only screen and (min-width: 1025px) {
    #clients_feedback.feedback-wall {
        padding-bottom: 92px;
    }

    .feedback-wall #feedback_inner {
        padding-bottom: 0;
    }

    .feedback-wall .feedback_title {
        margin-bottom: 42px;
    }

    .feedback-wall--ready .feedbacks_swiper,
    .feedback-wall--ready .feedback_nav_wrapper,
    .feedback-wall--ready .feedback_pagination,
    .feedback-wall--ready .feedback_icon1,
    .feedback-wall--ready .feedback_icon2,
    .feedback-wall--ready .feedback_web {
        display: none !important;
    }

    .feedback-wall--ready #feedback_container {
        width: min(1240px, calc(100% - 64px));
        margin-inline: auto;
        padding: 0;
    }

    .feedback-wall__viewport {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(18px, 2vw, 28px);
        height: clamp(570px, 68vh, 720px);
        box-sizing: border-box;
        padding-inline: 20px;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
        mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
    }

    .feedback-wall__column {
        min-width: 0;
        overflow: visible;
    }

    .feedback-wall__track {
        --feedback-wall-gap: 22px;
        display: flex;
        flex-direction: column;
        gap: var(--feedback-wall-gap);
        will-change: transform;
        animation: feedback-wall-rise 52s linear infinite;
    }

    .feedback-wall__column--1 .feedback-wall__track {
        animation-delay: -9s;
    }

    .feedback-wall__column--2 .feedback-wall__track {
        animation-duration: 58s;
        animation-direction: reverse;
        animation-delay: -21s;
    }

    .feedback-wall__column--3 .feedback-wall__track {
        animation-duration: 55s;
        animation-delay: -34s;
    }

    .feedback-wall__viewport:hover .feedback-wall__track,
    .feedback-wall__viewport:focus-within .feedback-wall__track {
        animation-play-state: paused;
    }

    .feedback-wall__set {
        display: flex;
        flex-direction: column;
        gap: var(--feedback-wall-gap);
    }

    #feedback_container .feedback-wall__card {
        width: 100% !important;
        min-height: 0;
        padding: clamp(20px, 2vw, 28px);
        border: 1px solid rgba(3, 29, 61, 0.055);
        border-radius: 22px;
        box-shadow: 0 10px 26px rgba(3, 29, 61, 0.065);
        transform: none !important;
        transition: box-shadow 180ms ease, transform 180ms ease !important;
    }

    #feedback_container .feedback-wall__card:hover {
        z-index: 2;
        box-shadow: 0 16px 34px rgba(3, 29, 61, 0.11);
        transform: translateY(-2px) !important;
    }

    .feedback-wall__card .feedback_image {
        width: 52px;
        height: 52px;
    }

    .feedback-wall__card .feedback_head {
        column-gap: 13px;
    }

    .feedback-wall__card .feedback_name {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 2px;
    }

    .feedback-wall__card .feedback_position {
        font-size: 14px;
        line-height: 1.35;
    }

    .feedback-wall__card .feedback_hr {
        margin: 14px 0;
    }

    .feedback-wall__card .feedback_content p {
        display: block;
        overflow: visible;
        font-size: 16px;
        line-height: 1.55;
        margin-bottom: 12px;
    }

    .feedback-wall__card .feedback_content p:last-child {
        margin-bottom: 0;
    }

    .feedback-wall__card .feedback_rating {
        margin-top: 14px;
    }

    .feedback-wall__card .feedback_rating img {
        max-width: 116px;
        height: auto;
    }

    .feedback-wall__card .feedbacks_video {
        aspect-ratio: 4 / 3;
        max-height: 250px;
        margin-top: 0;
        background: #f4f8fd;
    }

    .feedback-wall__card .video_play img {
        width: 62px;
    }

    .feedback-wall__set--duplicate {
        pointer-events: none;
    }

    @keyframes feedback-wall-rise {
        from {
            transform: translate3d(0, 0, 0);
        }

        to {
            transform: translate3d(0, calc(-50% - (var(--feedback-wall-gap) / 2)), 0);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .feedback-wall__viewport {
            overflow-y: auto;
            -webkit-mask-image: none;
            mask-image: none;
        }

        .feedback-wall__track {
            animation: none;
        }

        .feedback-wall__set--duplicate {
            display: none;
        }
    }
}