html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  overflow-x: hidden;
}

.idt-header-logo,
.idt-footer-logo {
  width: 115px !important;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

header > div:first-child {
  height: 64px !important;
  min-height: 64px !important;
}

@media (max-width: 1023px) {
  :root {
    --spacing-margin: 1.5rem;
  }
}

@media (max-width: 767px) {
  :root {
    --spacing-margin: 1rem;
    --spacing-space-lg: 1rem;
    --spacing-space-xl: 1.5rem;
  }

  header > div:first-child {
    padding: 0 1rem;
  }

  .idt-header-logo,
  .idt-footer-logo {
    width: 100px !important;
  }

  #mobile-nav-toggle {
    width: 2.5rem;
    height: 2.5rem;
  }

  #mobile-drawer {
    padding-inline: 1rem;
  }

  #mobile-drawer a {
    min-height: 3rem;
  }

  .text-display-hero {
    font-size: clamp(2rem, 9vw, 2.5rem);
    line-height: 1.15;
  }

  .text-body-lg {
    font-size: 0.9375rem;
    line-height: 1.6;
  }

  footer .max-w-7xl {
    padding-inline: 1rem;
  }
}

@media (max-width: 430px) {
  .breadcrumb-decorative-label {
    display: none;
  }
}