/* Shared hosting-safe responsive safeguards. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

main,
section,
.wrap,
.split > *,
.cards > *,
.footer-grid > *,
.form-grid > *,
.admission-fields > *,
.school-life-hero > *,
.free-fees-hero > *,
.project-hero > * {
  min-width: 0;
}

h1,
h2,
h3,
h4,
p,
a,
span,
label,
td,
th {
  overflow-wrap: anywhere;
}

iframe,
video,
svg,
canvas,
input,
select,
textarea {
  max-width: 100%;
}

.footer-grid a,
.footer-grid p,
.footer-bottom a,
.footer-bottom span {
  word-break: break-word;
}

@media (max-width: 640px) {
  .button {
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }

  .site-header nav.open {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .submenu a {
    white-space: normal;
  }

  .footer-brand {
    max-width: 100%;
  }
}
