@media (max-width: 1400px) {
  .home .fs25 {
    font-size: 20px;
  }
  .service-card span {
    font-size: 17px;
  }
  .level-card p:nth-of-type(2) {
    gap: 3px;
    font-size: 12px;
  }
  .expert-tags span,
  .expert-box ul.works-with li {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .q-cell {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 14px 0px;
    font-weight: 500;
    color: var(--white);
    font-size: 12px;
  }
  .counter-item h3 {
    font-size: 20px;
  }
  .counter-item p,
  footer ul li a,
  .testimonial-card .t-date,
  .testimonial-card .star .fa-star {
    font-size: 12px;
  }
  .subject-panel .tab-pane {
    flex-direction: column;
    gap: 8px;
  }
  .subject-panel {
    padding: 7px;
  }
  .testimonial-card .t-name,
  footer .para,
  .footer-contact p {
    font-size: 14px;
  }
  footer .heading {
    font-size: 18px;
  }
  header a.nav-link,
  .order-now,
  .login {
    font-size: 14px;
  }
  a.navbar-brand img {
    width: 150px;
  }
}
@media (max-width: 992px) {
  .fs40,
  .fs34,
  .fs30 {
    font-size: 24px;
  }
  .footer-bottom {
    border-top: 0px solid grey;
  }
  .bar-chart {
    display: block;
  }
  .stat-card {
    width: max-content;
  }
}

@media (max-width: 576px) {
  .q-row {
    grid-template-columns: 1fr;
  }
  .counter-strip {
    padding: 20px;
  }
  .counter-item {
    margin-bottom: 10px;
  }
  section.faq .container {
    background: #f4f4f4;
    padding: 20px;
  }
  .form-sec form button {
    width: 140px;
  }
  .form-sec .fs20 {
    font-size: 16px;
  }
}