/* ── Testimonial Master Wrapper ── */
.testi-wrapper { position: relative; width: 100%; margin-top: 3rem; }
.testimonialSwiper { width: 100%; overflow: visible; padding-top: 50px; }

/* ── DESKTOP VIEW ── */
.testi-slide-inner {
    position: relative;
    width: 100%;
    min-height: 420px;
    display: flex;
    align-items: center; 
    padding: 5.5rem 20% 5.5rem 18%;
    background-image: var(--bg-desktop);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

/* Desktop Quote Icon */
.testi-quote-icon {
    position: absolute;
    top: 15px;
    right: 20%; 
    width: 140px; 
    z-index: 5;
}

/* Desktop Boy Character */
.testi-character {
    position: absolute;
    bottom: 30px;
    right: -35px;
    width: 28%;
    max-width: 260px;
    z-index: 5;
    pointer-events: none;
}

/* Content Area & Elements */
.testi-content-wrap { position: relative; z-index: 3; width: 100%; }
.testi-user { display: flex; align-items: center; gap: 15px; margin-bottom: 1.5rem; }
.testi-avatar { width: 70px; height: 70px; background: #ffffff; border-radius: 50%; flex-shrink: 0; }
.testi-name { font-size: 1.3rem; font-weight: 800; color: #1a1a1a; margin: 0; }
.testi-text { font-size: 1.05rem; line-height: 1.8; color: #1a1a1a; margin-bottom: 1.5rem; font-weight: 500; text-align: left; }

.testi-stars { margin-bottom: 0; display: block; }
.testi-stars i { font-size: 1.4rem; color: #ffc107; margin-right: 5px; display: inline-block; }

/* Navigation */
.testi-nav-container { display: flex; justify-content: flex-end; gap: 15px; margin-top: 1.5rem; }
.babicha-btn-circle {
    width: 45px; height: 45px; border-radius: 50%;
    background-color: var(--color-theme, #f78e47);
    color: #fff; border: none; display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: 0.3s;
}

/* ── MOBILE VIEW (100% UNTOUCHED - YOUR CODE) ── */
@media (max-width: 767px) {
    .testimonialSwiper { padding-top: 0; }
    
    .testi-slide-inner {
        background-image: var(--bg-mobile) !important;
        display: block;
        padding: 8rem 4rem 7rem;
    }
    
    .testi-name {
        font-size: 1.2rem;
        font-weight: 600;
    }

    /* Quote strictly on Top-Right */
    .testi-quote-icon {
        top: 3rem;
        left: auto;
        right: 3.5rem;
        width: 70px;
    }

    /* Boy strictly on Bottom-Right */
    .testi-character {
        position: absolute;
        bottom: -20px;
        right: -10px;
        width: 170px; 
        margin: 0;
        align-self: auto;
    }

    .testi-content-wrap { width: 100%; padding-left: 0; }
    .testi-stars { margin-top: 0.5rem; display: block; }
    
    /* Fixing Avatar for Mobile using your old style */
    .testi-user { gap: 12px; margin-bottom: 1rem; }
    .testi-avatar { width: 35px; height: 35px; }
    .testi-text { font-size: 1rem; line-height: 1.6; }
}