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

@media (max-width: 1200px) {
  .hero-title {
    font-size: 30px;
  }
}

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

@media (max-width: 992px) {
  .hero-image {
    display: none;
  }
  .story-section {
    padding: 70px 0;
  }
  h2 {
    font-size: 36px;
  }
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
    .testimonial-item {
    width: calc((100% - 24px) / 2);
  }

  .testimonial-title {
    font-size: 36px;
  }
   .principles-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .principle-item:nth-child(3n) {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
  }

  .principle-item:nth-child(2n) {
    border-right: 0;
  }

  .principle-item:nth-child(n + 4) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

 
    .contact-form {
    margin-top: -70px;
  }

  .contact-info {
    padding-bottom: 20px;
  }
    .grievance-timeline {
    grid-template-columns: repeat(2, 1fr);

    row-gap: 30px;
  }

  .grievance-timeline::before,
  .grievance-timeline::after {
    display: none;
  }
}

@media (max-width: 768px) {
}
@media (max-width: 676px) {
}

@media (max-width: 575.98px) {
  .story-section {
    padding: 55px 0;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  h2 {
    font-size: 36px;
  }
  .story-content {
    padding-left: 12px;
  }
  .testimonial-item {
    width: 100%;
  }

  .testimonial-title {
    font-size: 32px;
  }

  .testimonial-nav {
    display: none;
  }
    .principles-title {
    font-size: 34px;
  }

  .principles-grid {
    grid-template-columns: 1fr;
  }

  .principle-item,
  .principle-item:nth-child(2n),
  .principle-item:nth-child(3n) {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  .principle-item:last-child {
    border-bottom: 0;
  }
  

  .faq-question {
    padding: 17px 18px;
    font-size: 14px;
  }

  .faq-answer {
    padding: 16px 18px 18px;
    font-size: 13px;
  }
    .breadcrumb-hero {
    min-height: 500px;
  }

  .breadcrumb-meta {
    font-size: 9px;
    letter-spacing: 0.08em;
  }

  .breadcrumb-meta span {
    width: 20px;
  }

  .breadcrumb-title {
    font-size: 25px;
  }

  .breadcrumb-description {
    font-size: 12px;
  }

  .breadcrumb-note {
    border-radius: 12px;
    text-align: left;

  }

    .timeline-item {
    gap: 12px;
  }

  .timeline-icon {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
  }

  .timeline::before {
    left: 20px;
  }
  .contact-bg {
    height: 100px;
  }

  .contact-form {
    margin-top: -50px;
  }

  .contact-icon {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    font-size: 18px;
  }
 .grievance-main-icon {
    width: 48px;

    height: 48px;

    font-size: 17px;
  }

  .grievance-level-btn strong {
    max-width: 150px;

    font-size: 11px;

    line-height: 15px;
  }

  .grievance-label {
    font-size: 9px;
  }

  .grievance-level-btn .badge {
    font-size: 8px;
  }

  .grievance-contact {
    min-height: 48px;
  }
 
}

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