.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}

html,
body {
  overflow-x: hidden;
}

@media (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  p,
  span,
  a,
  li,
  div {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  [class*="p-10"],
  [class*="p-12"],
  [class*="p-16"] {
    padding: 1.5rem !important;
  }
  [class*="px-10"],
  [class*="px-12"],
  [class*="px-16"] {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  [class*="py-10"],
  [class*="py-12"],
  [class*="py-16"] {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  [class*="gap-12"],
  [class*="gap-16"] {
    gap: 2rem !important;
  }
  [class*="py-section-gap"] {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .aspect-video {
    aspect-ratio: 16 / 9;
  }
  .masonry-grid {
    column-count: 1 !important;
  }
}