/* ============================================================
   Testimonials carousel — from the original myhousecleaners.ca
   embed, adapted for the dark navy section background.
   ============================================================ */

.mhc-testimonials{
  font-family:'Inter',sans-serif;
  max-width:900px;margin:20px auto 0;padding:20px 20px 0;
  text-align:center;position:relative;
}

.mhc-track-wrap{position:relative;overflow:hidden;}

.mhc-track{
  display:flex;transition:transform 0.8s ease;
  cursor:grab;user-select:none;
}
.mhc-track.dragging{cursor:grabbing;transition:none;}

.mhc-card{
  min-width:100%;box-sizing:border-box;padding:0 10px;position:relative;
}

.mhc-avatar{
  width:95px;height:95px;margin:0 auto -25px auto;z-index:20;
  border-radius:50%;position:relative;
}

.mhc-card-inner{
  background:#ffffff;border:1px solid #e8e8e8;border-radius:12px;
  padding:55px 32px 28px;box-shadow:0 2px 16px rgba(0,0,0,0.06);
}

.mhc-stars{color:#f5c518;font-size:20px;margin-bottom:16px;letter-spacing:2px;}

.mhc-review-text{
  font-size:15px;color:#444444;line-height:1.8;margin-bottom:20px;
  max-width:680px;margin-left:auto;margin-right:auto;
}

.mhc-reviewer-name{font-size:15px;font-weight:700;color:#111111;margin-bottom:4px;}
.mhc-reviewer-tags{font-size:12px;color:#888888;font-style:italic;}

.mhc-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(13,33,56,.55);border:1px solid rgba(255,255,255,.15);
  width:44px;height:44px;border-radius:50%;
  font-size:22px;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity 0.35s ease,background .2s;z-index:10;
}
.mhc-testimonials:hover .mhc-arrow{opacity:1;}
.mhc-arrow:hover{background:#2d8cff;}
.mhc-arrow-left{left:8px;}
.mhc-arrow-right{right:8px;}

.mhc-dots{display:flex;justify-content:center;gap:8px;margin-top:24px;}
.mhc-dot{
  width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);
  cursor:pointer;transition:background 0.4s ease,transform .2s;
}
.mhc-dot.active{background:#2d8cff;transform:scale(1.25);}

@media(max-width:480px){
  .mhc-card-inner{padding:40px 20px 24px;}
  .mhc-avatar{width:70px;height:70px;margin-bottom:-22px;}
  .mhc-arrow{opacity:1;width:38px;height:38px;font-size:18px;}
}