/* --- PREMIUM SECTION STYLING --- */
      :root {
        --primary-blue: #060af5;
        --text-dark-main: #0f172a;
        --text-muted-main: #475569;
        --glass-bg: rgba(255, 255, 255, 0.75);
        --glass-border: rgba(255, 255, 255, 0.4);
        --card-shadow-smooth: 0 20px 40px -15px rgba(15, 23, 42, 0.08);
      }

 
 .testimonial-showcase-section { 
    
        background: #f1f5f9;
        padding: 100px 10%;
        position: relative;
        z-index: 20;
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid var(--border-color);
        text-align: center;
      }

      .testimonial-wrapper-box {
        max-width: 850px;
        margin: 0 auto;
        text-align: center;
      }

      .testimonial-wrapper-box .section-tag {
        font-size: 0.85rem;
        font-weight: 800;
        text-transform: uppercase;
        color: #38bdf8;
        letter-spacing: 2px;
        margin-bottom: 15px;
        display: block;
      }

      .slider-container-view {
        position: relative;
        min-height: 220px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .testimonial-card-item {
        position: absolute;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
      }

      .testimonial-card-item.active-slide {
        position: relative;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }

      .testimonial-card-item p {
        font-size: clamp(1.1rem, 2vw, 1.4rem);
        line-height: 1.6;
        color: #64748b;
        font-style: italic;
        font-weight: 500;
        margin: 0 0 25px;
      }

      .client-meta-profile {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
      }

      .client-avatar-circle {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
        background: #cbd5e1;
      }

      .client-info-col {
        text-align: left;
      }

      .client-info-col h5 {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
        color: var(--text-dark);
      }

      .client-info-col span {
        font-size: 0.8rem;
        color: var(--text-muted);
        font-weight: 600;
      }

      .slider-pagination-dots {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 40px;
      }

      .dot-node {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #cbd5e1;
        cursor: pointer;
        transition:
          background 0.3s,
          transform 0.3s;
      }

      .dot-node.active-dot {
        background: var(--text-dark);
        transform: scale(1.2);
      }