@media (min-width: 576px) {
  :root {
    --fs-h2: 36px;
    --fs-h3: 22px;
    --fs-h4: 20px;
    --fs-h5: 18px;
    --fs-h6: 16px;
  }
  .hero-section {
    padding: 90px 0 70px 0;
  }

  .hero-btns .btn {
    width: auto;
  }

  .pillar-item-wrap {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      'item-1 item-2'
      'item-3 item-4'
      'item-5 item-5'
      'item-6 item-6';
  }
  .service-gallery img {
    width: 100px;
  }

  .timeline-wrap {
    padding-left: 50px;
  }

  .timeline:before {
    left: calc(-50px - 8px);
  }
}

@media (min-width: 768px) {
}

@media (min-width: 922px) {
  :root {
    --fs-h1: 54px;
  }
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
  :root {
    --fs-h1: 70px;
  }
}

@media (max-width: 767.98px) {
}