/*--------------------------------------------------------------
# Home-page customer-feedback slider
# Sits on top of testimonialsSection/moniz1.css — the slide internals reuse
# .testimonial-one__* so the design is unchanged; only the carousel chrome
# (viewport clipping, bullets, stars) is defined here.
--------------------------------------------------------------*/

.cd-feedback {
    position: relative;
    display: block;
}

/* Swiper needs the container to clip its track, and a min-height keeps the
   section from collapsing between autoHeight transitions. */
.cd-feedback__carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
}

.cd-feedback__carousel .swiper-wrapper {
    align-items: flex-start;
}

.cd-feedback__carousel .swiper-slide {
    height: auto;
    /* Let a horizontal drag start anywhere on the slide without selecting the
       quote text mid-swipe. */
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.cd-feedback__carousel .testimonial-one__conent-box {
    margin-top: 0;
}

.cd-feedback__stars {
    margin-bottom: 18px;
    color: #f5a623;
    font-size: 16px;
    letter-spacing: 2px;
}

/* Author block alignment.
   `templates/style1-footer.css` (loaded last in partials/head.php) sets
   `h1,h2,h3,h4,h5,h6 { margin: -20px }` GLOBALLY — despite being a footer
   stylesheet. The client name is an <h4>, so it was pulled 20px left of the
   quote and clipped by the slide edge, and 20px up. moniz1.css authored this
   block expecting the usual `margin: 0` heading reset, so zeroing it here
   restores the intended spacing rather than inventing new numbers.
   Specificity (0,2,0) beats the bare `h4` selector (0,0,1), so this wins
   without !important despite loading earlier. */
.cd-feedback .testimonial-one__client-name,
.cd-feedback .testimonial-one__clinet-title {
    margin: 0;
}

/* Bullets: match the section rather than Swiper's default blue. */
.cd-feedback__pagination {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
}

.cd-feedback__pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: #d6d6de;
    opacity: 1;
    margin: 0;
    cursor: pointer;
    transition: all 300ms ease;
}

.cd-feedback__pagination .swiper-pagination-bullet-active {
    background-color: var(--tart, #eb1b23);
    width: 28px;
    border-radius: 6px;
}

@media (max-width: 991px) {
    .cd-feedback {
        margin-top: 40px;
    }
    .cd-feedback__pagination {
        justify-content: center;
        margin-top: 22px;
    }
}

@media (max-width: 767px) {
    /* moniz1.css sets 25px/50px — too tall for a phone once quotes get long. */
    .cd-feedback .testimonial-one__text {
        font-size: 18px;
        line-height: 34px;
    }
}