@media (max-width: 980px) {
    .nav-links { display: none; }
    .featured { grid-template-columns: 1fr; }
    .feat-visual { min-height: 260px; order: -1; }
    .case_study_grid { grid-template-columns: repeat(2,1fr); }
    .stats-grid { grid-template-columns: repeat(2,1fr); }
    .stat:nth-child(2) { border-right: none; }
    .foot-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
    .case_study_grid { grid-template-columns: 1fr; }
    .toolbar { flex-direction: column; align-items: flex-start; }
    .feat-body { padding: 32px 26px; }
}
/* Responsive */
@media (max-width: 992px) {
  .testimonials .testimonial_heading { font-size: 34px; }
  .testimonials .testimonial_content { font-size: 18px; }
  .testimonials .card { padding: 40px 40px 48px; }
}

@media (max-width: 768px) {
  .testimonials { padding: 0px; }
  .testimonials .testimonial_heading { font-size: 28px; }
  .testimonials .testimonial_content { font-size: 16px; line-height: 24px; margin: 16px 0 0; }
  .testimonials .carousel {
    margin-top: 40px;
    padding: 0 52px;
  }
  .testimonials .card { padding: 34px 24px 46px; }
  .testimonials .card-text { font-size: 16px; }
  .testimonials .carousel{
    padding: 0;
  }
  .testimonials .card{
    padding: 38px 20px 60px;
  }
}

@media (max-width: 480px) {
  .testimonials .testimonial_heading { font-size: 23px; }
  .testimonials .carousel { padding: 0 42px; }
  .testimonials .card { padding: 30px 16px 44px; }
  .testimonials .card-text { font-size: 15px; }
  .testimonials .quote-icon svg { width: 40px; height: 40px; }
  .testimonials .stars { font-size: 18px; }
}

/*---------------------*/
@media (max-width: 768px) {
  /* Wider card: remove side padding, add bottom space for the buttons */
  .testimonials .carousel {
    padding: 0 0 72px;
  }

  /* Buttons below the card, centred as a pair */
  .testimonials .nav-btn {
    width: 44px;
    height: 44px;
    top: auto;
    bottom: 0;
    transform: none;
  }
  .testimonials .nav-btn:hover  { transform: none; }
  .testimonials .nav-btn:active { transform: scale(0.96); }
  .testimonials .nav-prev { left: calc(50% - 52px); right: auto; }
  .testimonials .nav-next { left: calc(50% + 8px);  right: auto; }
  .testimonials .nav-btn svg { width: 18px; height: 18px; }
}

@media (max-width: 480px) {
  .testimonials .nav-btn  { width: 40px; height: 40px; }
  .testimonials .nav-prev { left: calc(50% - 48px); }
  .testimonials .nav-next { left: calc(50% + 8px); }
}