/* ============================================================
   MAIN CONTENT RESPONSIVE
============================================================ */

/* 768px */
@media (max-width: 768px) {
  #main-content {
    padding: 40px 0 60px;
  }

  .page-container {
    padding: 0 15px;
    gap: 40px;
  }
}

/* 600px */
@media (max-width: 600px) {
  #TitleHomePageContainer {
    max-width: 95vw;
    width: 95vw;
    margin-left: auto;
    margin-right: auto;
    padding: 0.3rem 0;
    gap: 0.5rem;
  }

  #TitleHomePage {
    font-size: 1.1rem;
    padding: 0.2em 0.5em;
    border-radius: 0.3em;
  }

  .title-line {
    width: 24px;
    height: 2px;
  }

  /* Why Choose Us: stack to single column on phones */
  .why-choose-us__cards {
    grid-template-columns: 1fr;
  }
}
/* 480px - kill ALL background animations that cause scroll flicker on mobile */
@media (max-width: 480px) {
  #main-content,
  #section-welcome,
  #section-why-choose-us,
  .why-choose_us_backgorund_Animited {
    animation: none !important;
  }
}